@schukai/monster 4.67.0 → 4.68.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [4.68.0] - 2026-01-01
+
+### Add Features
+
+- Add a file manager component for managing and editing files [#355](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/355)
+### Changes
+
+- update project
+
+
+
 ## [4.67.0] - 2025-12-31
 
 ### Add Features

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.67.0"}
+{"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.68.0"}

package/source/components/datatable/filter/date-presets.mjs

@@ -17,9 +17,9 @@ import {
 	assembleMethodSymbol,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
-import { AbstractBase } from "./abstract-base.mjs";
 import { getLocaleOfDocument } from "../../../dom/locale.mjs";
 
 export { DatePresets };
@@ -32,18 +32,24 @@ export { DatePresets };
 const selectElementSymbol = Symbol("selectElement");
 
 /**
- * The Filter component is used to show and handle the filter values.
+ * The FilterDatePresets component provides pre-defined date ranges.
+ *
+ * @fragments /fragments/components/datatable/filter/date-presets
+ *
+ * @example /examples/components/datatable/filter-controls Filter controls
  *
  * @copyright Volker Schukai
  * @summary The FilterDatePresets component provides quick date presets.
  */
-class DatePresets extends AbstractBase {
+class DatePresets extends CustomControl {
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @return {symbol}
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/filter/date-presets@@instance");
+		return Symbol.for(
+			"@schukai/monster/components/filter/date-presets@@instance",
+		);
 	}
 
 	/**
@@ -379,8 +385,14 @@ function buildPresets(labels) {
 		{ label: labels.yesterday, value: yesterday },
 		{ label: labels.last7, value: last7 },
 		{ label: labels.last30, value: last30 },
-		{ label: labels.thisMonth, value: buildRange(thisMonthStart, thisMonthEnd) },
-		{ label: labels.lastMonth, value: buildRange(lastMonthStart, lastMonthEnd) },
+		{
+			label: labels.thisMonth,
+			value: buildRange(thisMonthStart, thisMonthEnd),
+		},
+		{
+			label: labels.lastMonth,
+			value: buildRange(lastMonthStart, lastMonthEnd),
+		},
 	];
 }
 

package/source/components/datatable/filter/date-time.mjs

@@ -15,12 +15,11 @@
 import { instanceSymbol } from "../../../constants.mjs";
 import {
 	assembleMethodSymbol,
-	CustomElement,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
-import { AbstractBase } from "./abstract-base.mjs";
 
 export { DateTimeFilter };
 
@@ -32,12 +31,16 @@ export { DateTimeFilter };
 const inputElementSymbol = Symbol("inputElement");
 
 /**
- * The Filter component is used to show and handle the filter values.
+ * The FilterDateTime component is used to filter by a date and time value.
+ *
+ * @fragments /fragments/components/datatable/filter/date-time
+ *
+ * @example /examples/components/datatable/filter-controls Filter controls
  *
  * @copyright Volker Schukai
  * @summary The FilterDateTime component is used to show and handle datetime values.
  */
-class DateTimeFilter extends AbstractBase {
+class DateTimeFilter extends CustomControl {
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @return {symbol}

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

@@ -15,12 +15,11 @@
 import { instanceSymbol } from "../../../constants.mjs";
 import {
 	assembleMethodSymbol,
-	CustomElement,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
-import { AbstractBase } from "./abstract-base.mjs";
 
 export { DateFilter };
 
@@ -32,12 +31,16 @@ export { DateFilter };
 const inputElementSymbol = Symbol("inputElement");
 
 /**
- * The Filter component is used to show and handle the filter values.
+ * The FilterDate component is used to filter by a single date.
+ *
+ * @fragments /fragments/components/datatable/filter/date
+ *
+ * @example /examples/components/datatable/filter-controls Filter controls
  *
  * @copyright Volker Schukai
  * @summary The FilterDate component is used to show and handle date values.
  */
-class DateFilter extends AbstractBase {
+class DateFilter extends CustomControl {
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @return {symbol}

package/source/components/datatable/filter/text-operator.mjs

@@ -17,9 +17,9 @@ import {
 	assembleMethodSymbol,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
-import { AbstractBase } from "./abstract-base.mjs";
 import { getLocaleOfDocument } from "../../../dom/locale.mjs";
 import "../../form/input-group.mjs";
 
@@ -40,18 +40,24 @@ const operatorElementSymbol = Symbol("operatorElement");
 const inputElementSymbol = Symbol("inputElement");
 
 /**
- * The Filter component is used to show and handle the filter values.
+ * The FilterTextOperator component combines operator and input fields for text filters.
+ *
+ * @fragments /fragments/components/datatable/filter/text-operator
+ *
+ * @example /examples/components/datatable/filter-controls Filter controls
  *
  * @copyright Volker Schukai
  * @summary The FilterTextOperator component combines operator and query input.
  */
-class TextOperator extends AbstractBase {
+class TextOperator extends CustomControl {
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @return {symbol}
 	 */
 	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/filter/text-operator@@instance");
+		return Symbol.for(
+			"@schukai/monster/components/filter/text-operator@@instance",
+		);
 	}
 
 	/**
@@ -353,7 +359,10 @@ function parseValue(value) {
 	const operators = ["!=", "<>", "^=", "$=", "=", ":"];
 	for (const op of operators) {
 		if (value.startsWith(op)) {
-			return { operator: op === "<>" ? "!=" : op, query: value.slice(op.length) };
+			return {
+				operator: op === "<>" ? "!=" : op,
+				query: value.slice(op.length),
+			};
 		}
 	}
 

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

@@ -15,12 +15,11 @@
 import { instanceSymbol } from "../../../constants.mjs";
 import {
 	assembleMethodSymbol,
-	CustomElement,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import { CustomControl } from "../../../dom/customcontrol.mjs";
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
-import { AbstractBase } from "./abstract-base.mjs";
 
 export { TimeFilter };
 
@@ -32,12 +31,16 @@ export { TimeFilter };
 const inputElementSymbol = Symbol("inputElement");
 
 /**
- * The Filter component is used to show and handle the filter values.
+ * The FilterTime component is used to filter by a time value.
+ *
+ * @fragments /fragments/components/datatable/filter/time
+ *
+ * @example /examples/components/datatable/filter-controls Filter controls
  *
  * @copyright Volker Schukai
  * @summary The FilterTime component is used to show and handle time values.
  */
-class TimeFilter extends AbstractBase {
+class TimeFilter extends CustomControl {
 	/**
 	 * This method is called by the `instanceof` operator.
 	 * @return {symbol}