@schukai/monster 3.44.0 → 3.44.1

package/package.json

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

package/source/dom/customelement.mjs

@@ -60,6 +60,12 @@ const assembleMethodSymbol = Symbol.for("@schukai/monster/dom/@@assembleMethodSy
  */
 const attributeObserverSymbol = Symbol.for("@schukai/monster/dom/@@attributeObserver");
 
+/**
+ * @private
+ * @type {symbol}
+ */
+const attributeMutationObserverSymbol = Symbol("@schukai/monster/dom/@@mutationObserver");
+
 /**
  * HTMLElement
  * @external HTMLElement
@@ -205,7 +211,7 @@ class CustomElement extends HTMLElement {
         });
         this[initMethodSymbol]();
         initOptionObserver.call(this);
-        initAttributeChangeMutationObserver.call(this);
+
     }
 
     /**
@@ -230,7 +236,7 @@ class CustomElement extends HTMLElement {
     }
 
     /**
-     * 
+     *
      * @param attribute
      * @param callback
      * @returns {Monster.DOM.CustomElement}
@@ -242,7 +248,7 @@ class CustomElement extends HTMLElement {
     }
 
     /**
-     * 
+     *
      * @param attribute
      * @returns {Monster.DOM.CustomElement}
      */
@@ -546,6 +552,9 @@ class CustomElement extends HTMLElement {
             customElementUpdaterLinkSymbol,
             clone(self[internalSymbol].getRealSubject()["options"]),
         );
+
+        attachAttributeChangeMutationObserver.call(this);
+
         return self;
     }
 
@@ -561,6 +570,7 @@ class CustomElement extends HTMLElement {
         if (!hasObjectLink(self, customElementUpdaterLinkSymbol)) {
             self[assembleMethodSymbol]();
         }
+
     }
 
     /**
@@ -598,7 +608,12 @@ class CustomElement extends HTMLElement {
         const callback = self[attributeObserverSymbol]?.[attrName];
 
         if (isFunction(callback)) {
-            callback.call(self, newVal, oldVal);
+            try {
+                callback.call(self, newVal, oldVal);
+            } catch (e) {
+                addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, e.toString());
+            }
+
         }
     }
 
@@ -626,23 +641,34 @@ class CustomElement extends HTMLElement {
 
 /**
  * This method is called when the element is first created.
- * 
+ *
  * @private
  * @this CustomElement
  */
-function initAttributeChangeMutationObserver() {
+function attachAttributeChangeMutationObserver() {
     const self = this;
 
-    new MutationObserver(function (mutations) {
+    if (typeof self[attributeMutationObserverSymbol] !== "undefined") {
+        return;
+    }
+
+    self[attributeMutationObserverSymbol] = new MutationObserver(function (mutations, observer) {
         for (const mutation of mutations) {
             if (mutation.type === "attributes") {
                 self.attributeChangedCallback(mutation.attributeName, mutation.oldValue, mutation.target.getAttribute(mutation.attributeName));
             }
         }
-    }).observe(self, {
-        attributes: true,
-        attributeOldValue: true,
     });
+
+    try {
+        self[attributeMutationObserverSymbol].observe(self, {
+            attributes: true,
+            attributeOldValue: true,
+        });
+
+    } catch (e) {
+        addAttributeToken(self, ATTRIBUTE_ERRORMESSAGE, e.toString());
+    }
 }
 
 /**

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.44.0");
+    monsterVersion = new Version("3.44.1");
 
     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.44.0")
+        monsterVersion = new Version("3.44.1")
 
         let m = getMonsterVersion();