@schukai/monster 3.53.0 → 3.55.0

package/source/components/datatable/embedded-pagination.mjs

@@ -3,16 +3,18 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import { registerCustomElement } from "../../dom/customelement.mjs";
-import { EmbeddedPaginationStyleSheet } from "./stylesheet/embedded-pagination.mjs";
-import { instanceSymbol } from "../../constants.mjs";
+import {assembleMethodSymbol, registerCustomElement} from "../../dom/customelement.mjs";
+import {EmbeddedPaginationStyleSheet} from "./stylesheet/embedded-pagination.mjs";
+import {instanceSymbol} from "../../constants.mjs";
+
 import "../form/select.mjs";
-import { Pagination } from "./pagination.mjs";
+import {Pagination} from "./pagination.mjs";
 
 import "./datasource/dom.mjs";
 import "./datasource/rest.mjs";
 
-export { EmbeddedPagination };
+
+export {EmbeddedPagination};
 
 /**
  * The EmbeddedPagination component is used to show the current page and the total number of pages.
@@ -47,67 +49,53 @@ export { EmbeddedPagination };
  * @summary A datatable
  */
 class EmbeddedPagination extends Pagination {
-	/**
-	 * This method is called by the `instanceof` operator.
-	 * @returns {symbol}
-	 */
-	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/embedded-pagination");
-	}
+    /**
+     * This method is called by the `instanceof` operator.
+     * @returns {symbol}
+     */
+    static get [instanceSymbol]() {
+        return Symbol.for("@schukai/monster/components/embedded-pagination");
+    }
 
-	/**
-	 *
-	 * @return {string}
-	 */
-	static getTag() {
-		return "monster-embedded-pagination";
-	}
+    [assembleMethodSymbol]() {
+        super[assembleMethodSymbol]();
+    }
 
-	/**
-	 *
-	 * @return {CSSStyleSheet[]}
-	 */
-	static getCSSStyleSheet() {
-		return [EmbeddedPaginationStyleSheet];
-	}
-}
+    get defaults() {
+        return Object.assign(
+            {},
+            super.defaults,
+            {
+                classes: {
+                    spinner: "monster-spinner monster-theme-primary-3",
+                    spinnerContainer: "monster-theme-primary-2 ",
+                    error: "monster-theme-error-2 monster-bg-color-primary-2",
+                    errorContainer: "monster-theme-primary-2",
+                },                
+                
+            }
+        );
 
-/**
- * @private
- * @return {string}
- */
-function getTemplate() {
-	// language=HTML
-	return `
-        <template id="items">
-            <li><a data-monster-attributes="class path:items.class,
-                                            href path:items.href,
-                                            aria-label path:items.description,
-                                            disabled path:items.disabled:?disabled:undefined,
-                                            data-page-no path:items.pageNo,
-                                            aria-current path:items.current"
-                   data-monster-role="pagination-item"
-                   data-monster-replace="path:items.label"></a></li>
-        </template>
+    }
+
+    /**
+     *
+     * @return {string}
+     */
+    static getTag() {
+        return "monster-embedded-pagination";
+    }
+
+
+    /**
+     * @private
+     * @returns {CSSStyleSheet}
+     */
+    static getControlCSSStyleSheet() {
+        return EmbeddedPaginationStyleSheet;
+    }
 
-        <div data-monster-role="control">
-            <nav data-monster-role="pagination" role="navigation" aria-label="pagination">
-                <ul class="pagination-list" data-monster-insert="items path:pagination.items">
-                    <li part="pagination-prev"><a data-monster-role="pagination-prev"
-                                                  data-monster-attributes="
-            class path:pagination.prevClass | prefix: previous,
-            data-page-no path:pagination.prevNo,
-            href path:pagination.prevHref | prefix: #"
-                                                  data-monster-replace="path:labels.previous">Previous</a></li>
-                    <li part="pagination-next"><a data-monster-role="pagination-next"
-                                                  data-monster-attributes="class path:pagination.nextClass | prefix: next,
-            data-page-no path:pagination.nextNo,
-        href path:pagination.nextHref | prefix: #"
-                                                  data-monster-replace="path:labels.next">Next</a></li>
-                </ul>
-            </nav>
-        </div>
-    `;
 }
 
+
 registerCustomElement(EmbeddedPagination);

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

@@ -0,0 +1,122 @@
+import {generateUniqueConfigKey} from "../../host/util.mjs";
+
+
+/**
+ * @private
+ * @returns {string}
+ */
+export function getFilterConfigKey() {
+    return generateUniqueConfigKey("datatable", this?.id, "filter");
+}
+
+/**
+ * @private
+ * @returns {string}
+ */
+export function getStoredFilterConfigKey() {
+    return generateUniqueConfigKey("datatable", this?.id, "stored-filter");
+}
+
+/**
+ * @private
+ * @param {String} str
+ * @param {String} field
+ * @returns {String}
+ * @throws {Error} if no field is defined
+ */
+export function parseDateInput(str, field) {
+    if (!str) {
+        return "";
+    }
+
+    if (!field) {
+        throw new Error("no field is defined");
+    }
+
+    // Define the supported formats
+    //let formats = ['DD-MM-YYYY', 'MM-DD-YYYY', 'YYYY-MM-DD', 'YYYY/MM/DD', 'DD.MM.YYYY'];
+    const formats = ["YYYY-MM-DD"];
+    // Determine the current date format of the localization
+    const currentDateFormat = new Intl.DateTimeFormat()
+        .format(new Date())
+        .replace(/\d/g, "D");
+    //  formats.push(currentDateFormat);
+
+    // Run through the supported formats and try to parse the date
+    for (let i = 0; i < formats.length; i++) {
+        const format = formats[i];
+        // Replace the corresponding placeholders in the format string with regular expressions
+
+        try {
+            const pattern = format
+                .replace("DD", "\\d{2}")
+                .replace("MM", "\\d{2}")
+                .replace("YYYY", "\\d{4}");
+            const rangePattern =
+                "(?<from>" + pattern + ")\\s*-\\s*(?<to>" + pattern + ")";
+
+            const rangeRegex = new RegExp("^" + rangePattern + "$", "g");
+
+            if (rangeRegex.test(str)) {
+                rangeRegex.lastIndex = 0;
+
+                const rangeResult = rangeRegex.exec(str);
+
+                if (!rangeResult) {
+                    continue;
+                }
+
+                const from = rangeResult?.groups?.from;
+                const to = rangeResult?.groups?.to;
+
+                if (from && to) {
+                    return ("(" + field + ">='" + from + " 00:00:00' AND " + field + "<='" + to + " 23:59:59')");
+                }
+
+                if (from) {
+                    return "(" + field + ">='" + from + " 00:00:00')";
+                } else if (to) {
+                    return "(" + field + "<='" + to + "' 23:59:59')";
+                }
+
+                return "false";
+            }
+
+            const prefix = str.substring(0, 1) === "-";
+            const suffix = str.substring(str.length - 1, str.length) === "-";
+
+            if (prefix) {
+                str = str.substring(1, str.length);
+            } else if (suffix) {
+                str = str.substring(0, str.length - 1);
+            }
+
+            const regex = new RegExp("^(?<date>" + pattern + ")$", "g");
+            if (regex.test(str)) {
+                regex.lastIndex = 0;
+                const result = regex.exec(str);
+
+                if (!result) {
+                    continue;
+                }
+
+                const date = result?.groups?.date;
+                if (date) {
+                    if (prefix) {
+                        return "(" + field + "<='" + date + " 23:59:59')";
+                    } else if (suffix) {
+                        return "(" + field + ">='" + date + "' 00:00:00')";
+                    }
+                    return (
+                        "(" + field + ">='" + date + " 00:00:00' AND " + field + "<='" + date + " 23:59:59')"
+                    );
+                } else {
+                    return "false";
+                }
+            }
+        } catch (e) {
+        }
+    }
+
+    return "false";
+}