@schukai/monster 4.20.0 → 4.20.1

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 
 
+## [4.20.1] - 2025-06-12
+
+### Bug Fixes
+
+- update css styles
+- update css collapse
+### Changes
+
+- move issues [#323](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/323)
+
+
+
 ## [4.20.0] - 2025-06-11
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.1","@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":"4.20.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.1","@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":"4.20.1"}

package/source/components/datatable/columnbar.mjs

@@ -23,9 +23,9 @@ import { clone } from "../../util/clone.mjs";
 import { ColumnBarStyleSheet } from "./stylesheet/column-bar.mjs";
 import { createPopper } from "@popperjs/core";
 import { getLocaleOfDocument } from "../../dom/locale.mjs";
-import {hasObjectLink} from "../../dom/attributes.mjs";
-import {customElementUpdaterLinkSymbol} from "../../dom/constants.mjs";
-import {getGlobalObject} from "../../types/global.mjs";
+import { hasObjectLink } from "../../dom/attributes.mjs";
+import { customElementUpdaterLinkSymbol } from "../../dom/constants.mjs";
+import { getGlobalObject } from "../../types/global.mjs";
 
 export { ColumnBar };
 
@@ -89,10 +89,7 @@ class ColumnBar extends CustomElement {
 	 * @returns {Map<unknown, unknown>}
 	 */
 	get customization() {
-		return new Map([
-			...super.customization,
-			["templateFormatter.i18n", true],
-		]);
+		return new Map([...super.customization, ["templateFormatter.i18n", true]]);
 	}
 
 	/**
@@ -130,14 +127,23 @@ class ColumnBar extends CustomElement {
 			const isOutsideElement = !path.includes(this);
 			const isOutsideShadow = !path.includes(this.shadowRoot);
 
-			if (isOutsideElement && isOutsideShadow && this[settingsLayerElementSymbol]) {
+			if (
+				isOutsideElement &&
+				isOutsideShadow &&
+				this[settingsLayerElementSymbol]
+			) {
 				this[settingsLayerElementSymbol].classList.remove("visible");
 			}
-		}
-
-		getGlobalObject("document").addEventListener("click" , this[closeEventHandlerSymbol]);
-		getGlobalObject("document").addEventListener("touch" , this[closeEventHandlerSymbol]);
+		};
 
+		getGlobalObject("document").addEventListener(
+			"click",
+			this[closeEventHandlerSymbol],
+		);
+		getGlobalObject("document").addEventListener(
+			"touch",
+			this[closeEventHandlerSymbol],
+		);
 	}
 
 	/**
@@ -149,12 +155,17 @@ class ColumnBar extends CustomElement {
 	disconnectedCallback() {
 		super.disconnectedCallback();
 
-		if(this[closeEventHandlerSymbol]) {
-			getGlobalObject("document").removeEventListener("click", this[closeEventHandlerSymbol]);
-			getGlobalObject("document").removeEventListener("touch", this[closeEventHandlerSymbol]);
+		if (this[closeEventHandlerSymbol]) {
+			getGlobalObject("document").removeEventListener(
+				"click",
+				this[closeEventHandlerSymbol],
+			);
+			getGlobalObject("document").removeEventListener(
+				"touch",
+				this[closeEventHandlerSymbol],
+			);
 			this[closeEventHandlerSymbol] = null;
 		}
-
 	}
 
 	/**

package/source/components/datatable/filter.mjs

@@ -1260,8 +1260,8 @@ function collectSearchQueries() {
 								return "";
 							}
 
-							if(!op || !isString(op)) op = "OR";
-							op = " "+op.toUpperCase().trim()+" ";
+							if (!op || !isString(op)) op = "OR";
+							op = " " + op.toUpperCase().trim() + " ";
 
 							let query = "";
 							value.forEach((v) => {
@@ -1282,8 +1282,8 @@ function collectSearchQueries() {
 								return "";
 							}
 
-							if(!op || !isString(op)) op = "OR";
-							op = " "+op.toUpperCase().trim()+" ";
+							if (!op || !isString(op)) op = "OR";
+							op = " " + op.toUpperCase().trim() + " ";
 
 							let query = "";
 							value.forEach((v) => {