@schukai/monster 3.27.0 → 3.29.0

package/example/i18n/providers/embed.mjs

@@ -1,5 +1,5 @@
 import {Embed} from '@schukai/monster/source/i18n/providers/embed.mjs';
 
-// read from scritp tag with id i18n
+// read from script tag with id i18n
 const translation = new Embed('i18n');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.27.0",
+  "version": "3.29.0",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/dom/customelement.mjs

@@ -295,25 +295,45 @@ class CustomElement extends HTMLElement {
      * Before you can use this method, you must have loaded the translations.
      *
      * @returns {Monster.DOM.CustomElement}
+     * @throws {Error}  Cannot find element with translations. Add a translations object to the document.
      */
     updateI18n() {
-
         const translations = getDocumentTranslations();
         if (!translations) {
             return this;
         }
 
-        const labels = this.getOption("labels");
-        if (!isIterable(labels)) {
+        let labels = this.getOption("labels");
+        if (!(isObject(labels) || isIterable(labels))) {
             return this;
         }
 
         for (const key in labels) {
-            const text = translations.getText(key, labels[key]);
-            if (text !== labels[key]) {
-                this.setOption("labels." + key, text);
+            const def = labels[key];
+
+            if (isString(def)) {
+                const text = translations.getText(key, def);
+                if (text !== def) {
+                    this.setOption("labels." + key, text);
+                }
+                continue;
+            } else if (isObject(def)) {
+                for (const k in def) {
+                    const d = def[k];
+                    
+                    const text = translations.getPluralRuleText(key, k, d);
+                    if (!isString(text)) {
+                        throw new Error("Invalid labels definition");
+                    }
+                    if (text !== d) {
+                        this.setOption("labels." + key + "." + k, text);
+                    }
+                }
+                continue;
             }
 
+            throw new Error("Invalid labels definition");
+
         }
         return this;
     }
@@ -973,10 +993,10 @@ function registerCustomElement(element) {
     if (customElements === undefined) {
         throw new Error("customElements is not supported.");
     }
-    
+
     if (customElements.get(element.getTag()) !== undefined) {
         return;
     }
-    
+
     customElements.define(element.getTag(), element);
 }

package/source/dom/events.mjs

@@ -33,9 +33,11 @@ function fireEvent(element, type) {
             return;
         }
 
+        // https://developer.mozilla.org/en-US/docs/Web/API/Event/Event
         let event = new Event(validateString(type), {
             bubbles: true,
             cancelable: true,
+            composed: true,
         });
 
         element.dispatchEvent(event);
@@ -72,6 +74,7 @@ function fireCustomEvent(element, type, detail) {
         let event = new CustomEvent(validateString(type), {
             bubbles: true,
             cancelable: true,
+            composed: true,
             detail,
         });
 

package/source/i18n/translations.mjs

@@ -104,7 +104,7 @@ class Translations extends Base {
         } else {
             count = validateInteger(count);
             if (count === 0) {
-                // special handlig for zero count
+                // special handling for zero count
                 if (r.hasOwnProperty("zero")) {
                     return validateString(r["zero"]);
                 }

package/source/types/version.mjs

@@ -142,7 +142,7 @@ function getMonsterVersion() {
     }
 
     /** don't touch, replaced by make with package.json version */
-    monsterVersion = new Version("3.27.0");
+    monsterVersion = new Version("3.29.0");
 
     return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.27.0")
+        monsterVersion = new Version("3.29.0")
 
         let m = getMonsterVersion();