@schukai/monster 3.66.0 → 3.67.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 
 
+## [3.67.0] - 2024-06-22
+
+### Add Features
+
+- new options to define the markers that are used for the label template. [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203) See merge request oss/libraries/javascript/monster[!53](https://gitlab.schukai.com/oss/libraries/javascript/monster/merge_requests/53)
+- new options to define the markers that are used for the label template [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203)
+
+## 2024-06-22
+- new options to define the markers that are used for the label template  [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203)
+
 ## [3.66.0] - 2024-06-21
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.5","@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.66.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.5","@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.67.0"}

package/source/components/datatable/filter.mjs

@@ -215,6 +215,10 @@ class Filter extends CustomElement {
 	 * @property {Object} templates Template definitions
 	 * @property {string} templates.main Main template
 	 * @property {Object} labels Label definitions
+	 * @property {Object} formatter label Template Formatter definitions
+	 * @property {Object} formatter.marker
+	 * @property {Object} formatter.marker.open
+	 * @property {Object} formatter.marker.close
 	 * @property {string} labels.search Search button label
 	 * @property {string} labels.reset Reset button label
 	 * @property {Object} queries Query definitions
@@ -227,8 +231,14 @@ class Filter extends CustomElement {
 			templates: {
 				main: getTemplate(),
 			},
-
+			formatter: {
+				marker: {
+					open: null,
+					close: null
+				}
+			},
 			labels: {
+
 				search: "Search",
 				reset: "Reset",
 				save: "Save",
@@ -925,6 +935,7 @@ function buildSearchQuery(queries) {
  */
 function collectSearchQueries() {
 	const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash);
+	const self = this;
 
 	return new Promise((resolve, reject) => {
 		const query = [];
@@ -1001,6 +1012,10 @@ function collectSearchQueries() {
 					},
 				});
 
+				if (self.getOption("formatter.marker.open")) {
+					formatter.setMarker(self.getOption("formatter.marker.open"),self.getOption("formatter.marker.close"));
+				}
+
 				let queryPart = formatter.format(template);
 				if (queryPart) {
 					if (isFunction(wrapCallback)) {