@schukai/monster 3.63.1 → 3.63.3

package/CHANGELOG.md

@@ -1,9 +1,33 @@
 
+## [3.63.3] - 2024-04-01
+
+### Bug Fixes
+
+- include state-button [#183](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/183)
+### Changes
+
+- update devenv
+- update issue templates
+- update template and create showroom section
+
+## [3.63.2] - 2024-03-28
+
+### Bug Fixes
+
+- colors and more, add igrnore change to savebutton [#181](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/181) [#180](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/180)
+### Changes
+
+- release and publish to npm new version 3.63.2
+- reorganize playground
+
 ## [3.63.1] - 2024-03-27
 
 ### Bug Fixes
 
 - [#179](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/179) [#176](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/176)
+### Changes
+
+- release and publish to npm new version 3.63.1
 
 ## [3.63.0] - 2024-03-25
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schukai/monster",
-  "version": "3.63.1",
+  "version": "3.63.3",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

package/source/components/datatable/change-button.mjs

@@ -4,7 +4,6 @@
  */
 
 import { instanceSymbol } from "../../constants.mjs";
-import { diff } from "../../data/diff.mjs";
 import { addAttributeToken } from "../../dom/attributes.mjs";
 import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
 import {
@@ -12,10 +11,9 @@ import {
 	CustomElement,
 	registerCustomElement,
 } from "../../dom/customelement.mjs";
-import { isString, isArray } from "../../types/is.mjs";
-import { Observer } from "../../types/observer.mjs";
-import { clone } from "../../util/clone.mjs";
+import { isString } from "../../types/is.mjs";
 import { State } from "../form/types/state.mjs";
+import  "../form/state-button.mjs";
 import { ATTRIBUTE_DATASOURCE_SELECTOR } from "./constants.mjs";
 import { ChangeButtonStyleSheet } from "./stylesheet/change-button.mjs";
 
@@ -38,6 +36,47 @@ const datasetLinkedElementSymbol = Symbol("datasetLinkedElement");
  */
 const overlayLinkedElementSymbol = Symbol("overlayLinkedElement");
 
+
+
+/**
+ * The ColumnBar component is used to show and configure the columns of a datatable.
+ *
+ * <img src="./images/change-button.png">
+ *
+ * You can create this control either by specifying the HTML tag <monster-datatable-change-button />` directly in the HTML or using
+ * Javascript via the `document.createElement('monster-datatable-change-button');` method.
+ *
+ * ```html
+ * <monster-datatable-change-button></monster-datatable-change-button>
+ * ```
+ *
+ * Or you can create this CustomControl directly in Javascript:
+ *
+ * ```js
+ * import '@schukai/monster/components/datatable/change-button.mjs';
+ * document.createElement('monster-datatable-change-button');
+ * ```
+ *
+ * The Body should have a class "hidden" to ensure that the 
+ * styles are applied correctly.
+ *
+ * ```css
+ * body.hidden {
+ *    visibility: hidden;
+ * }
+ * ```
+ *
+ * @startuml change-button.png
+ * skinparam monochrome true
+ * skinparam shadowing false
+ * HTMLElement <|-- CustomElement
+ * CustomElement <|-- ChangeButton
+ * @enduml
+ *
+ * @copyright schukai GmbH
+ * @memberOf Monster.Components.Datatable
+ * @summary A data set
+ */
 class ChangeButton extends CustomElement {
 	/**
 	 * This method is called by the `instanceof` operator.

package/source/components/datatable/columnbar.mjs

@@ -51,8 +51,6 @@ const popperInstanceSymbol = Symbol("popperInstance");
  *
  * <img src="./images/column-bar.png">
  *
- * Dependencies: the system uses functions of the [monsterjs](https://monsterjs.org/) library
- *
  * You can create this control either by specifying the HTML tag <monster-column-bar />` directly in the HTML or using
  * Javascript via the `document.createElement('monster-column-bar');` method.
  *
@@ -63,7 +61,7 @@ const popperInstanceSymbol = Symbol("popperInstance");
  * Or you can create this CustomControl directly in Javascript:
  *
  * ```js
- * import '@schukai/component-datatable/source/columnbar.mjs';
+ * import '@schukai/monster/components/datatable/column-bar.mjs';
  * document.createElement('monster-column-bar');
  * ```
  *

package/source/components/datatable/dataset.mjs

@@ -35,8 +35,6 @@ export { DataSet };
  *
  * <img src="./images/dataset.png">
  *
- * Dependencies: the system uses functions of the [monsterjs](https://monsterjs.org/) library
- *
  * You can create this control either by specifying the HTML tag <monster-dataset />` directly in the HTML or using
  * Javascript via the `document.createElement('monster-dataset');` method.
  *
@@ -233,7 +231,6 @@ class DataSet extends CustomElement {
 	}
 
 	/**
-	 *
 	 * @return [CSSStyleSheet]
 	 */
 	static getCSSStyleSheet() {

package/source/components/datatable/datatable.mjs

@@ -190,9 +190,9 @@ class DataTable extends CustomElement {
                 },
 
                 classes : {
-                    control: "monster-theme-table-container-1",
-                    container: "monster-theme-table-container-1",
-                    row: "monster-theme-table-row-1",
+                    control: "monster-theme-control-container-1",
+                    container: "monster-theme-control-container-1",
+                    row: "monster-theme-control-row-1",
                 },
 
                 features: {