@schukai/monster 3.73.6 → 3.73.7

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 
 
+## [3.73.7] - 2024-08-01
+
+### Bug Fixes
+
+- update layout for filter and datatable [#232](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/232)
+- new algorithm for calculating the position of the toc control. [#231](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/231)
+### Changes
+
+- check tests [#232](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/232)
+
 ## [3.73.6] - 2024-07-31
 
 ### Bug Fixes
@@ -9,12 +19,11 @@
 - repair url in tests [#230](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/230)
 - improvement of the tree menu to avoid recursion. [#230](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/230)
 
-
 ## [3.73.5] - 2024-07-02
 
 ### Bug Fixes
 
-- originValues in the save button is now reset.
+- originValues in the save button control is now reset.
 
 ## [3.73.4] - 2024-07-02
 

package/package.json

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

package/source/components/datatable/datatable.mjs

@@ -211,7 +211,7 @@ class DataTable extends CustomElement {
 
 				classes: {
 					control: "monster-theme-control-container-1",
-					container: "monster-theme-control-container-1",
+					container: "",
 					row: "monster-theme-control-row-1",
 				},
 

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

@@ -18,6 +18,7 @@ import {
 	CustomElement,
 	registerCustomElement,
 } from "../../../dom/customelement.mjs";
+import {FilterControlsDefaultsStyleSheet} from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
 import { AbstractBase } from "./abstract-base.mjs";
 
@@ -125,7 +126,7 @@ class Input extends AbstractBase {
 	 * @return Array<CSSStyleSheet>
 	 */
 	static getCSSStyleSheet() {
-		return [FilterStyleSheet];
+		return [FilterControlsDefaultsStyleSheet,FilterStyleSheet];
 	}
 
 	/**

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

@@ -14,7 +14,8 @@
 
 import { registerCustomElement } from "../../../dom/customelement.mjs";
 import { getSummaryTemplate, Select } from "../../form/select.mjs";
-import { SelectFilterStyleSheet } from "../stylesheet/select-filter.mjs";
+import {FilterControlsDefaultsStyleSheet} from "../stylesheet/filter-controls-defaults.mjs";
+import { FilterSelectStyleSheet } from "../stylesheet/filter-select.mjs";
 
 /**
  * This is a filter select for the datatable filter.
@@ -60,11 +61,11 @@ class FilterSelect extends Select {
 	}
 
 	/**
-	 * @return {CSSStyleSheet}
+	 * @return {CSSStyleSheet[]}
 	 */
 	static getCSSStyleSheet() {
 		const styleSheet = super.getCSSStyleSheet();
-		return [...styleSheet, SelectFilterStyleSheet];
+		return [...styleSheet, FilterControlsDefaultsStyleSheet, FilterSelectStyleSheet];
 	}
 }
 

package/source/components/datatable/style/datatable.pcss

@@ -17,6 +17,14 @@
 @import "../../style/theme.pcss";
 @import "../../style/skeleton.pcss";
 
+
+::slotted(monster-collapse) {
+    --monster-color-gradient-1: none;
+    --monster-color-gradient-2: none;
+    --monster-color-gradient-3: none;
+}
+
+
 [data-monster-role="control"] {
     display: flex;
     outline: none;

package/source/components/datatable/style/{select-filter.pcss → filter-select.pcss}

@@ -8,6 +8,10 @@
 @import "../../style/link.pcss";
 
 
+:host {
+    height: 100%;
+}
+
 [data-monster-role=control] {
     width: 100%;
     padding-bottom: 0;
@@ -25,3 +29,7 @@
     margin-right: 8px;
 }
 
+
+[data-monster-role="container"] {
+    display: flex;
+}

package/source/components/datatable/style/filter.pcss

@@ -52,7 +52,7 @@
 
 
                 flex-direction: column;
-                border-bottom: var(--monster-border-width) solid var(--monster-theme-control-border-color);
+                border-bottom: thin dotted var(--monster-theme-control-border-color);
                 padding: 2px;
                 align-items: stretch;