@schukai/monster 4.74.2 → 4.74.3

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 
 
+## [4.74.3] - 2026-01-03
+
+### Bug Fixes
+
+- filter quotes
+- export filter
+
+
+
 ## [4.74.2] - 2026-01-03
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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.74.2"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@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.74.3"}

package/source/components/datatable/filter/select.mjs

@@ -17,6 +17,8 @@ import { getSummaryTemplate, Select } from "../../form/select.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterSelectStyleSheet } from "../stylesheet/filter-select.mjs";
 
+export { FilterSelect, getSummaryTemplate };
+
 /**
  * This is a filter select for the datatable filter.
  *
@@ -36,37 +38,37 @@ import { FilterSelectStyleSheet } from "../stylesheet/filter-select.mjs";
 
  */
 class FilterSelect extends Select {
-	/**
-	 * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
-	 * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
-	 *
-	 * The individual configuration values can be found in the table.
-	 */
-	get defaults() {
-		return Object.assign({}, super.defaults, {
-			type: "checkbox",
-		});
-	}
+  /**
+   * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
+   * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
+   *
+   * The individual configuration values can be found in the table.
+   */
+  get defaults() {
+    return Object.assign({}, super.defaults, {
+      type: "checkbox",
+    });
+  }
 
-	/**
-	 *
-	 * @return {string}
-	 */
-	static getTag() {
-		return "monster-filter-select";
-	}
+  /**
+   *
+   * @return {string}
+   */
+  static getTag() {
+    return "monster-filter-select";
+  }
 
-	/**
-	 * @return {CSSStyleSheet[]}
-	 */
-	static getCSSStyleSheet() {
-		const styleSheet = super.getCSSStyleSheet();
-		return [
-			...styleSheet,
-			FilterControlsDefaultsStyleSheet,
-			FilterSelectStyleSheet,
-		];
-	}
+  /**
+   * @return {CSSStyleSheet[]}
+   */
+  static getCSSStyleSheet() {
+    const styleSheet = super.getCSSStyleSheet();
+    return [
+      ...styleSheet,
+      FilterControlsDefaultsStyleSheet,
+      FilterSelectStyleSheet,
+    ];
+  }
 }
 
 registerCustomElement(FilterSelect);

package/source/components/datatable/filter.mjs

@@ -719,7 +719,7 @@ function initFilter() {
 				const v = valuesFromHash[element.id];
 				const searchInput = element.firstElementChild;
 				try {
-					searchInput.value = v;
+					searchInput.value = normalizeFilterValue(v);
 				} catch (error) {}
 			}
 
@@ -738,6 +738,30 @@ function initFilter() {
 	updateFilterSelections.call(this);
 }
 
+/**
+ * @private
+ * @param {*} value
+ * @return {*}
+ */
+function normalizeFilterValue(value) {
+	if (!isString(value)) {
+		return value;
+	}
+
+	const trimmed = value.trim();
+	if (trimmed.length < 2) {
+		return value;
+	}
+
+	const first = trimmed[0];
+	const last = trimmed[trimmed.length - 1];
+	if ((first === '"' && last === '"') || (first === "'" && last === "'")) {
+		return trimmed.slice(1, -1);
+	}
+
+	return value;
+}
+
 /**
  * @private
  * @param {string} input