@schukai/monster 3.99.0 → 3.99.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 
 
+## [3.99.1] - 2025-01-10
+
+### Bug Fixes
+
+- check if element exists [#278](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/278)
+
+
+
 ## [3.99.0] - 2025-01-07
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.99.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"3.99.1"}

package/source/components/datatable/datatable.mjs

@@ -881,43 +881,51 @@ function initEventHandler() {
             "data-monster-role",
             "select-row",
         );
-        if (element) {
-            const key = element.parentNode.getAttribute(
-                "data-monster-insert-reference",
-            );
-            const row = self.getGridElements(
-                `[data-monster-insert-reference="${key}"]`,
-            );
-
-            const index = key.split("-").pop();
-
-            if (element.checked) {
-                row.forEach((col) => {
-                    col.classList.add("selected");
-                });
-
-                fireCustomEvent(self, "monster-datatable-row-selected", {
-                    index: index,
-                });
-            } else {
-                row.forEach((col) => {
-                    col.classList.remove("selected");
-                });
 
-                fireCustomEvent(self, "monster-datatable-row-deselected", {
-                    index: index,
-                });
-            }
+        if (!element) {
+            return;
+        }
+        
+        const key = element.parentNode.getAttribute(
+            "data-monster-insert-reference",
+        );
+        const row = self.getGridElements(
+            `[data-monster-insert-reference="${key}"]`,
+        );
 
-            fireCustomEvent(this, "monster-datatable-selection-changed", {});
+        const index = key.split("-").pop();
+
+        if (element.checked) {
+            row.forEach((col) => {
+                col.classList.add("selected");
+            });
+
+            fireCustomEvent(self, "monster-datatable-row-selected", {
+                index: index,
+            });
+        } else {
+            row.forEach((col) => {
+                col.classList.remove("selected");
+            });
+
+            fireCustomEvent(self, "monster-datatable-row-deselected", {
+                index: index,
+            });
         }
 
+        fireCustomEvent(this, "monster-datatable-selection-changed", {});
+
         const rows = self.getGridElements(`[data-monster-role="select-row"]`);
         const allSelected = Array.from(rows).every((row) => row.checked);
+
         const selectAll = this[gridHeadersElementSymbol].querySelector(
             `[data-monster-role="select-all"]`,
         );
-        selectAll.checked = allSelected;
+
+        if (selectAll) {
+            selectAll.checked = allSelected;
+        }
+
     };
 
     this[gridElementSymbol].addEventListener("click", selectRowCallback);