@schukai/monster 3.5.0 → 3.7.0

package/source/dom/constants.mjs

@@ -5,7 +5,6 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-
 export {
     DEFAULT_THEME,
     ATTRIBUTE_PREFIX,
@@ -59,16 +58,15 @@ export {
     ATTRIBUTE_EXPORTPARTS,
     ATTRIBUTE_HIDDEN,
     objectUpdaterLinkSymbol,
-    customElementUpdaterLinkSymbol
-
-}
+    customElementUpdaterLinkSymbol,
+};
 
 /**
  * default theme
  * @memberOf Monster.DOM
  * @type {string}
  */
-const DEFAULT_THEME = 'monster';
+const DEFAULT_THEME = "monster";
 
 /**
  * @memberOf Monster.DOM
@@ -76,7 +74,7 @@ const DEFAULT_THEME = 'monster';
  * @since 1.8.0
  * @type {string}
  */
-const ATTRIBUTE_PREFIX = 'data-monster-';
+const ATTRIBUTE_PREFIX = "data-monster-";
 
 /**
  * This is the name of the attribute to pass options to a control
@@ -86,7 +84,7 @@ const ATTRIBUTE_PREFIX = 'data-monster-';
  * @since 1.8.0
  * @type {string}
  */
-const ATTRIBUTE_OPTIONS = ATTRIBUTE_PREFIX + 'options';
+const ATTRIBUTE_OPTIONS = `${ATTRIBUTE_PREFIX}options`;
 
 /**
  * This is the name of the attribute to pass options to a control
@@ -96,7 +94,7 @@ const ATTRIBUTE_OPTIONS = ATTRIBUTE_PREFIX + 'options';
  * @since 1.30.0
  * @type {string}
  */
-const ATTRIBUTE_OPTIONS_SELECTOR = ATTRIBUTE_PREFIX + 'options-selector';
+const ATTRIBUTE_OPTIONS_SELECTOR = `${ATTRIBUTE_PREFIX}options-selector`;
 
 /**
  * @memberOf Monster.DOM
@@ -104,13 +102,13 @@ const ATTRIBUTE_OPTIONS_SELECTOR = ATTRIBUTE_PREFIX + 'options-selector';
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_THEME_PREFIX = ATTRIBUTE_PREFIX + 'theme-';
+const ATTRIBUTE_THEME_PREFIX = `${ATTRIBUTE_PREFIX}theme-`;
 
 /**
  * @memberOf Monster.DOM
  * @type {string}
  */
-const ATTRIBUTE_THEME_NAME = ATTRIBUTE_THEME_PREFIX + 'name';
+const ATTRIBUTE_THEME_NAME = `${ATTRIBUTE_THEME_PREFIX}name`;
 
 /**
  * @memberOf Monster.DOM
@@ -118,7 +116,7 @@ const ATTRIBUTE_THEME_NAME = ATTRIBUTE_THEME_PREFIX + 'name';
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_UPDATER_ATTRIBUTES = ATTRIBUTE_PREFIX + 'attributes';
+const ATTRIBUTE_UPDATER_ATTRIBUTES = `${ATTRIBUTE_PREFIX}attributes`;
 
 /**
  * @memberOf Monster.DOM
@@ -126,7 +124,7 @@ const ATTRIBUTE_UPDATER_ATTRIBUTES = ATTRIBUTE_PREFIX + 'attributes';
  * @license AGPLv3
  * @since 1.27.1
  */
-const ATTRIBUTE_UPDATER_SELECT_THIS = ATTRIBUTE_PREFIX + 'select-this';
+const ATTRIBUTE_UPDATER_SELECT_THIS = `${ATTRIBUTE_PREFIX}select-this`;
 
 /**
  * @memberOf Monster.DOM
@@ -134,7 +132,7 @@ const ATTRIBUTE_UPDATER_SELECT_THIS = ATTRIBUTE_PREFIX + 'select-this';
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_UPDATER_REPLACE = ATTRIBUTE_PREFIX + 'replace';
+const ATTRIBUTE_UPDATER_REPLACE = `${ATTRIBUTE_PREFIX}replace`;
 
 /**
  * @memberOf Monster.DOM
@@ -142,7 +140,7 @@ const ATTRIBUTE_UPDATER_REPLACE = ATTRIBUTE_PREFIX + 'replace';
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_UPDATER_INSERT = ATTRIBUTE_PREFIX + 'insert';
+const ATTRIBUTE_UPDATER_INSERT = `${ATTRIBUTE_PREFIX}insert`;
 
 /**
  * @memberOf Monster.DOM
@@ -150,7 +148,7 @@ const ATTRIBUTE_UPDATER_INSERT = ATTRIBUTE_PREFIX + 'insert';
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_UPDATER_INSERT_REFERENCE = ATTRIBUTE_PREFIX + 'insert-reference';
+const ATTRIBUTE_UPDATER_INSERT_REFERENCE = `${ATTRIBUTE_PREFIX}insert-reference`;
 
 /**
  * @memberOf Monster.DOM
@@ -158,7 +156,7 @@ const ATTRIBUTE_UPDATER_INSERT_REFERENCE = ATTRIBUTE_PREFIX + 'insert-reference'
  * @license AGPLv3
  * @since 1.8.0
  */
-const ATTRIBUTE_UPDATER_REMOVE = ATTRIBUTE_PREFIX + 'remove';
+const ATTRIBUTE_UPDATER_REMOVE = `${ATTRIBUTE_PREFIX}remove`;
 
 /**
  * @memberOf Monster.DOM
@@ -166,7 +164,7 @@ const ATTRIBUTE_UPDATER_REMOVE = ATTRIBUTE_PREFIX + 'remove';
  * @license AGPLv3
  * @since 1.9.0
  */
-const ATTRIBUTE_UPDATER_BIND = ATTRIBUTE_PREFIX + 'bind';
+const ATTRIBUTE_UPDATER_BIND = `${ATTRIBUTE_PREFIX}bind`;
 
 /**
  * @memberOf Monster.DOM
@@ -174,7 +172,7 @@ const ATTRIBUTE_UPDATER_BIND = ATTRIBUTE_PREFIX + 'bind';
  * @license AGPLv3
  * @since 1.27.0
  */
-const ATTRIBUTE_TEMPLATE_PREFIX = ATTRIBUTE_PREFIX + 'template-prefix';
+const ATTRIBUTE_TEMPLATE_PREFIX = `${ATTRIBUTE_PREFIX}template-prefix`;
 
 /**
  * @memberOf Monster.DOM
@@ -182,7 +180,7 @@ const ATTRIBUTE_TEMPLATE_PREFIX = ATTRIBUTE_PREFIX + 'template-prefix';
  * @license AGPLv3
  * @since 1.14.0
  */
-const ATTRIBUTE_ROLE = ATTRIBUTE_PREFIX + 'role';
+const ATTRIBUTE_ROLE = `${ATTRIBUTE_PREFIX}role`;
 
 /**
  * @memberOf Monster.DOM
@@ -190,7 +188,7 @@ const ATTRIBUTE_ROLE = ATTRIBUTE_PREFIX + 'role';
  * @license AGPLv3
  * @since 1.24.0
  */
-const ATTRIBUTE_DISABLED = 'disabled';
+const ATTRIBUTE_DISABLED = "disabled";
 
 /**
  * @memberOf Monster.DOM
@@ -198,7 +196,7 @@ const ATTRIBUTE_DISABLED = 'disabled';
  * @license AGPLv3
  * @since 1.24.0
  */
-const ATTRIBUTE_VALUE = 'value';
+const ATTRIBUTE_VALUE = "value";
 
 /**
  * @memberOf Monster.DOM
@@ -206,7 +204,7 @@ const ATTRIBUTE_VALUE = 'value';
  * @license AGPLv3
  * @since 1.9.0
  */
-const ATTRIBUTE_OBJECTLINK = ATTRIBUTE_PREFIX + 'objectlink';
+const ATTRIBUTE_OBJECTLINK = `${ATTRIBUTE_PREFIX}objectlink`;
 
 /**
  * @memberOf Monster.DOM
@@ -214,7 +212,7 @@ const ATTRIBUTE_OBJECTLINK = ATTRIBUTE_PREFIX + 'objectlink';
  * @license AGPLv3
  * @since 1.24.0
  */
-const ATTRIBUTE_ERRORMESSAGE = ATTRIBUTE_PREFIX + 'error';
+const ATTRIBUTE_ERRORMESSAGE = `${ATTRIBUTE_PREFIX}error`;
 
 /**
  * @memberOf Monster.DOM
@@ -222,7 +220,7 @@ const ATTRIBUTE_ERRORMESSAGE = ATTRIBUTE_PREFIX + 'error';
  * @license AGPLv3
  * @since 1.24.0
  */
-const objectUpdaterLinkSymbol = Symbol.for('@schukai/monster/dom/@@object-updater-link');
+const objectUpdaterLinkSymbol = Symbol.for("@schukai/monster/dom/@@object-updater-link");
 
 /**
  * @memberOf Monster.DOM
@@ -230,7 +228,7 @@ const objectUpdaterLinkSymbol = Symbol.for('@schukai/monster/dom/@@object-update
  * @license AGPLv3
  * @since 1.24.0
  */
-const customElementUpdaterLinkSymbol = Symbol.for('@schukai/monster/dom/custom-element@@options-updater-link');
+const customElementUpdaterLinkSymbol = Symbol.for("@schukai/monster/dom/custom-element@@options-updater-link");
 
 /**
  * @memberOf Monster.DOM
@@ -238,7 +236,7 @@ const customElementUpdaterLinkSymbol = Symbol.for('@schukai/monster/dom/custom-e
  * @license AGPLv3
  * @since 1.25.0
  */
-const TAG_SCRIPT = 'script';
+const TAG_SCRIPT = "script";
 
 /**
  * @memberOf Monster.DOM
@@ -246,7 +244,7 @@ const TAG_SCRIPT = 'script';
  * @license AGPLv3
  * @since 1.25.0
  */
-const TAG_STYLE = 'style';
+const TAG_STYLE = "style";
 
 /**
  * @memberOf Monster.DOM
@@ -254,7 +252,7 @@ const TAG_STYLE = 'style';
  * @license AGPLv3
  * @since 1.25.0
  */
-const TAG_LINK = 'link';
+const TAG_LINK = "link";
 
 /**
  * @memberOf Monster.DOM
@@ -263,7 +261,7 @@ const TAG_LINK = 'link';
  * @since 1.25.0
  */
 
-const ATTRIBUTE_ID = 'id';
+const ATTRIBUTE_ID = "id";
 
 /**
  * @memberOf Monster.DOM
@@ -272,7 +270,7 @@ const ATTRIBUTE_ID = 'id';
  * @since 1.25.0
  */
 
-const ATTRIBUTE_CLASS = 'class';
+const ATTRIBUTE_CLASS = "class";
 
 /**
  * @memberOf Monster.DOM
@@ -280,7 +278,7 @@ const ATTRIBUTE_CLASS = 'class';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_TITLE = 'title';
+const ATTRIBUTE_TITLE = "title";
 
 /**
  * @memberOf Monster.DOM
@@ -288,14 +286,14 @@ const ATTRIBUTE_TITLE = 'title';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_SRC = 'src';
+const ATTRIBUTE_SRC = "src";
 /**
  * @memberOf Monster.DOM
  * @type {string}
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_HREF = 'href';
+const ATTRIBUTE_HREF = "href";
 
 /**
  * @memberOf Monster.DOM
@@ -303,7 +301,7 @@ const ATTRIBUTE_HREF = 'href';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_TYPE = 'type';
+const ATTRIBUTE_TYPE = "type";
 
 /**
  * @memberOf Monster.DOM
@@ -311,7 +309,7 @@ const ATTRIBUTE_TYPE = 'type';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_NONCE = 'nonce';
+const ATTRIBUTE_NONCE = "nonce";
 
 /**
  * @memberOf Monster.DOM
@@ -319,8 +317,7 @@ const ATTRIBUTE_NONCE = 'nonce';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_TRANSLATE = 'translate';
-
+const ATTRIBUTE_TRANSLATE = "translate";
 
 /**
  * @memberOf Monster.DOM
@@ -328,8 +325,7 @@ const ATTRIBUTE_TRANSLATE = 'translate';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_TABINDEX = 'tabindex';
-
+const ATTRIBUTE_TABINDEX = "tabindex";
 
 /**
  * @memberOf Monster.DOM
@@ -337,8 +333,7 @@ const ATTRIBUTE_TABINDEX = 'tabindex';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_SPELLCHECK = 'spellcheck';
-
+const ATTRIBUTE_SPELLCHECK = "spellcheck";
 
 /**
  * @memberOf Monster.DOM
@@ -346,8 +341,7 @@ const ATTRIBUTE_SPELLCHECK = 'spellcheck';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_SLOT = 'slot';
-
+const ATTRIBUTE_SLOT = "slot";
 
 /**
  * @memberOf Monster.DOM
@@ -355,8 +349,7 @@ const ATTRIBUTE_SLOT = 'slot';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_PART = 'part';
-
+const ATTRIBUTE_PART = "part";
 
 /**
  * @memberOf Monster.DOM
@@ -364,8 +357,7 @@ const ATTRIBUTE_PART = 'part';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_LANG = 'lang';
-
+const ATTRIBUTE_LANG = "lang";
 
 /**
  * @memberOf Monster.DOM
@@ -373,8 +365,7 @@ const ATTRIBUTE_LANG = 'lang';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ITEMTYPE = 'itemtype';
-
+const ATTRIBUTE_ITEMTYPE = "itemtype";
 
 /**
  * @memberOf Monster.DOM
@@ -382,8 +373,7 @@ const ATTRIBUTE_ITEMTYPE = 'itemtype';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ITEMSCOPE = 'itemscope';
-
+const ATTRIBUTE_ITEMSCOPE = "itemscope";
 
 /**
  * @memberOf Monster.DOM
@@ -391,8 +381,7 @@ const ATTRIBUTE_ITEMSCOPE = 'itemscope';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ITEMREF = 'itemref';
-
+const ATTRIBUTE_ITEMREF = "itemref";
 
 /**
  * @memberOf Monster.DOM
@@ -400,8 +389,7 @@ const ATTRIBUTE_ITEMREF = 'itemref';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ITEMID = 'itemid';
-
+const ATTRIBUTE_ITEMID = "itemid";
 
 /**
  * @memberOf Monster.DOM
@@ -409,8 +397,7 @@ const ATTRIBUTE_ITEMID = 'itemid';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ITEMPROP = 'itemprop';
-
+const ATTRIBUTE_ITEMPROP = "itemprop";
 
 /**
  * @memberOf Monster.DOM
@@ -418,8 +405,7 @@ const ATTRIBUTE_ITEMPROP = 'itemprop';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_IS = 'is';
-
+const ATTRIBUTE_IS = "is";
 
 /**
  * @memberOf Monster.DOM
@@ -427,8 +413,7 @@ const ATTRIBUTE_IS = 'is';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_INPUTMODE = 'inputmode';
-
+const ATTRIBUTE_INPUTMODE = "inputmode";
 
 /**
  * @memberOf Monster.DOM
@@ -436,7 +421,7 @@ const ATTRIBUTE_INPUTMODE = 'inputmode';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ACCESSKEY = 'accesskey';
+const ATTRIBUTE_ACCESSKEY = "accesskey";
 
 /**
  * @memberOf Monster.DOM
@@ -444,7 +429,7 @@ const ATTRIBUTE_ACCESSKEY = 'accesskey';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_AUTOCAPITALIZE = 'autocapitalize';
+const ATTRIBUTE_AUTOCAPITALIZE = "autocapitalize";
 
 /**
  * @memberOf Monster.DOM
@@ -452,7 +437,7 @@ const ATTRIBUTE_AUTOCAPITALIZE = 'autocapitalize';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_AUTOFOCUS = 'autofocus';
+const ATTRIBUTE_AUTOFOCUS = "autofocus";
 
 /**
  * @memberOf Monster.DOM
@@ -460,7 +445,7 @@ const ATTRIBUTE_AUTOFOCUS = 'autofocus';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_CONTENTEDITABLE = 'contenteditable';
+const ATTRIBUTE_CONTENTEDITABLE = "contenteditable";
 
 /**
  * @memberOf Monster.DOM
@@ -468,7 +453,7 @@ const ATTRIBUTE_CONTENTEDITABLE = 'contenteditable';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_DIR = 'dir';
+const ATTRIBUTE_DIR = "dir";
 
 /**
  * @memberOf Monster.DOM
@@ -476,8 +461,7 @@ const ATTRIBUTE_DIR = 'dir';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_DRAGGABLE = 'draggable';
-
+const ATTRIBUTE_DRAGGABLE = "draggable";
 
 /**
  * @memberOf Monster.DOM
@@ -485,18 +469,18 @@ const ATTRIBUTE_DRAGGABLE = 'draggable';
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_ENTERKEYHINT = 'enterkeyhint';
+const ATTRIBUTE_ENTERKEYHINT = "enterkeyhint";
 /**
  * @memberOf Monster.DOM
  * @type {string}
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_EXPORTPARTS = 'exportparts';
+const ATTRIBUTE_EXPORTPARTS = "exportparts";
 /**
  * @memberOf Monster.DOM
  * @type {string}
  * @license AGPLv3
  * @since 1.25.0
  */
-const ATTRIBUTE_HIDDEN = 'hidden';
+const ATTRIBUTE_HIDDEN = "hidden";

package/source/dom/customcontrol.mjs

@@ -5,17 +5,17 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {extend} from "../data/extend.mjs";
-import {ATTRIBUTE_VALUE} from "./constants.mjs";
-import {CustomElement, attributeObserverSymbol} from "./customelement.mjs";
-import {instanceSymbol} from '../constants.mjs';
-export {CustomControl}
+import { extend } from "../data/extend.mjs";
+import { ATTRIBUTE_VALUE } from "./constants.mjs";
+import { CustomElement, attributeObserverSymbol } from "./customelement.mjs";
+import { instanceSymbol } from "../constants.mjs";
+export { CustomControl };
 
 /**
  * @private
  * @type {symbol}
  */
-const attachedInternalSymbol = Symbol('attachedInternal');
+const attachedInternalSymbol = Symbol("attachedInternal");
 
 /**
  * To define a new HTML control we need the power of CustomElement
@@ -47,7 +47,6 @@ const attachedInternalSymbol = Symbol('attachedInternal');
  * @memberOf Monster.DOM
  */
 class CustomControl extends CustomElement {
-
     /**
      * IMPORTANT: CustomControls instances are not created via the constructor, but either via a tag in the HTML or via <code>document.createElement()</code>.
      *
@@ -57,7 +56,7 @@ class CustomControl extends CustomElement {
     constructor() {
         super();
 
-        if (typeof this['attachInternals'] === 'function') {
+        if (typeof this["attachInternals"] === "function") {
             /**
              * currently only supported by chrome
              * @property {Object}
@@ -67,7 +66,6 @@ class CustomControl extends CustomElement {
         }
 
         initObserver.call(this);
-
     }
 
     /**
@@ -79,7 +77,6 @@ class CustomControl extends CustomElement {
         return Symbol.for("@schukai/monster/dom/custom-control");
     }
 
-
     /**
      * This method determines which attributes are to be monitored by `attributeChangedCallback()`.
      *
@@ -90,8 +87,8 @@ class CustomControl extends CustomElement {
         const list = super.observedAttributes;
         list.push(ATTRIBUTE_VALUE);
         return list;
-    }    
-    
+    }
+
     /**
      *
      * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals}
@@ -131,7 +128,7 @@ class CustomControl extends CustomElement {
      * @throws {Error} the value getter must be overwritten by the derived class
      */
     get value() {
-        throw Error('the value getter must be overwritten by the derived class');
+        throw Error("the value getter must be overwritten by the derived class");
     }
 
     /**
@@ -144,7 +141,7 @@ class CustomControl extends CustomElement {
      * @throws {Error} the value setter must be overwritten by the derived class
      */
     set value(value) {
-        throw Error('the value setter must be overwritten by the derived class');
+        throw Error("the value setter must be overwritten by the derived class");
     }
 
     /**
@@ -165,7 +162,7 @@ class CustomControl extends CustomElement {
      * @return {string|null}
      */
     get name() {
-        return this.getAttribute('name');
+        return this.getAttribute("name");
     }
 
     /**
@@ -301,7 +298,6 @@ class CustomControl extends CustomElement {
     reportValidity() {
         return getInternal.call(this)?.reportValidity();
     }
-
 }
 
 /**
@@ -314,7 +310,7 @@ function getInternal() {
     const self = this;
 
     if (!(attachedInternalSymbol in this)) {
-        throw new Error('ElementInternals is not supported and a polyfill is necessary');
+        throw new Error("ElementInternals is not supported and a polyfill is necessary");
     }
 
     return this[attachedInternalSymbol];
@@ -329,8 +325,7 @@ function initObserver() {
     const self = this;
 
     // value
-    self[attributeObserverSymbol]['value'] = () => {
-        self.setOption('value', self.getAttribute('value'));
-    }
-
+    self[attributeObserverSymbol]["value"] = () => {
+        self.setOption("value", self.getAttribute("value"));
+    };
 }