@schukai/monster 3.4.2 → 3.7.0

package/source/dom/template.mjs

@@ -5,13 +5,13 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {Base} from '../types/base.mjs';
-import {getGlobalFunction, getGlobalObject} from '../types/global.mjs';
-import {validateInstance, validateString} from "../types/validate.mjs";
-import {ATTRIBUTE_TEMPLATE_PREFIX} from "./constants.mjs";
-import {getDocumentTheme} from "./theme.mjs";
-import {instanceSymbol} from '../constants.mjs';
-export {Template}
+import { Base } from "../types/base.mjs";
+import { getGlobalFunction, getGlobalObject } from "../types/global.mjs";
+import { validateInstance, validateString } from "../types/validate.mjs";
+import { ATTRIBUTE_TEMPLATE_PREFIX } from "./constants.mjs";
+import { getDocumentTheme } from "./theme.mjs";
+import { instanceSymbol } from "../constants.mjs";
+export { Template };
 
 /**
  * The template class provides methods for creating templates.
@@ -32,7 +32,7 @@ class Template extends Base {
      */
     constructor(template) {
         super();
-        const HTMLTemplateElement = getGlobalFunction('HTMLTemplateElement');
+        const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
         validateInstance(template, HTMLTemplateElement);
         this.template = template;
     }
@@ -46,7 +46,6 @@ class Template extends Base {
         return Symbol.for("@schukai/monster/dom/resource/template");
     }
 
-
     /**
      *
      * @returns {HTMLTemplateElement}
@@ -63,7 +62,6 @@ class Template extends Base {
     createDocumentFragment() {
         return this.template.content.cloneNode(true);
     }
-
 }
 
 /**
@@ -132,20 +130,17 @@ class Template extends Base {
 export function findDocumentTemplate(id, currentNode) {
     validateString(id);
 
-    const document = getGlobalObject('document');
-    const HTMLTemplateElement = getGlobalFunction('HTMLTemplateElement');
-    const DocumentFragment = getGlobalFunction('DocumentFragment');
-    const Document = getGlobalFunction('Document');
-
+    const document = getGlobalObject("document");
+    const HTMLTemplateElement = getGlobalFunction("HTMLTemplateElement");
+    const DocumentFragment = getGlobalFunction("DocumentFragment");
+    const Document = getGlobalFunction("Document");
 
     let prefixID;
 
     if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
-
         if (currentNode instanceof Node) {
-
             if (currentNode.hasAttribute(ATTRIBUTE_TEMPLATE_PREFIX)) {
-                prefixID = currentNode.getAttribute(ATTRIBUTE_TEMPLATE_PREFIX)
+                prefixID = currentNode.getAttribute(ATTRIBUTE_TEMPLATE_PREFIX);
             }
 
             currentNode = currentNode.getRootNode();
@@ -153,7 +148,6 @@ export function findDocumentTemplate(id, currentNode) {
             if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
                 currentNode = currentNode.ownerDocument;
             }
-
         }
 
         if (!(currentNode instanceof Document || currentNode instanceof DocumentFragment)) {
@@ -162,10 +156,10 @@ export function findDocumentTemplate(id, currentNode) {
     }
 
     let template;
-    let theme = getDocumentTheme()
+    let theme = getDocumentTheme();
 
     if (prefixID) {
-        let themedPrefixID = prefixID + '-' + id + '-' + theme.getName();
+        let themedPrefixID = `${prefixID}-${id}-${theme.getName()}`;
 
         // current + themedPrefixID
         template = currentNode.getElementById(themedPrefixID);
@@ -180,7 +174,7 @@ export function findDocumentTemplate(id, currentNode) {
         }
     }
 
-    let themedID = id + '-' + theme.getName();
+    let themedID = `${id}-${theme.getName()}`;
 
     // current + themedID
     template = currentNode.getElementById(themedID);
@@ -206,6 +200,5 @@ export function findDocumentTemplate(id, currentNode) {
         return new Template(template);
     }
 
-    throw new Error("template " + id + " not found.")
+    throw new Error(`template ${id} not found.`);
 }
-

package/source/dom/theme.mjs

@@ -5,12 +5,12 @@
  * License text available at https://www.gnu.org/licenses/agpl-3.0.en.html
  */
 
-import {Base} from '../types/base.mjs';
-import {getGlobalObject} from '../types/global.mjs';
-import {validateString} from "../types/validate.mjs";
-import {ATTRIBUTE_THEME_NAME, DEFAULT_THEME} from "./constants.mjs";
-import {instanceSymbol} from '../constants.mjs';
-export {Theme, getDocumentTheme}
+import { Base } from "../types/base.mjs";
+import { getGlobalObject } from "../types/global.mjs";
+import { validateString } from "../types/validate.mjs";
+import { ATTRIBUTE_THEME_NAME, DEFAULT_THEME } from "./constants.mjs";
+import { instanceSymbol } from "../constants.mjs";
+export { Theme, getDocumentTheme };
 
 /**
  * The Theme class provides the functionality for the theme.
@@ -23,7 +23,6 @@ export {Theme, getDocumentTheme}
  * @summary A theme class
  */
 class Theme extends Base {
-
     /**
      *
      * @param name
@@ -44,7 +43,6 @@ class Theme extends Base {
         return Symbol.for("@schukai/monster/dom/theme");
     }
 
-
     /**
      *
      * @returns {string}
@@ -52,7 +50,6 @@ class Theme extends Base {
     getName() {
         return this.name;
     }
-
 }
 
 /**
@@ -73,10 +70,10 @@ class Theme extends Base {
  * @since 1.7.0
  */
 function getDocumentTheme() {
-    let document = getGlobalObject('document');
+    let document = getGlobalObject("document");
     let name = DEFAULT_THEME;
 
-    let element = document.querySelector('html');
+    let element = document.querySelector("html");
     if (element instanceof HTMLElement) {
         let theme = element.getAttribute(ATTRIBUTE_THEME_NAME);
         if (theme) {
@@ -85,5 +82,4 @@ function getDocumentTheme() {
     }
 
     return new Theme(name);
-
 }