@schukai/monster 4.38.5 → 4.38.6

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [4.38.6] - 2025-08-05
+
+### Bug Fixes
+
+- pagestepper doesnot update
+### Changes
+
+- tidy
+
+
+
 ## [4.38.5] - 2025-08-03
 
 ### Bug Fixes

package/package.json

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

package/source/components/datatable/datasource/dom.mjs

@@ -16,9 +16,9 @@ import { Datasource, dataSourceSymbol } from "../datasource.mjs";
 import { DatasourceStyleSheet } from "../stylesheet/datasource.mjs";
 import { instanceSymbol } from "../../../constants.mjs";
 import {
-	assembleMethodSymbol,
-	registerCustomElement,
-	getSlottedElements,
+  assembleMethodSymbol,
+  registerCustomElement,
+  getSlottedElements,
 } from "../../../dom/customelement.mjs";
 import { isArray } from "../../../types/is.mjs";
 
@@ -37,174 +37,174 @@ const dataChangeEventHandlerSymbol = Symbol("dataChangeEventHandler");
  * @summary A dom datasource
  */
 class Dom extends Datasource {
-	/**
-	 * This method is called by the `instanceof` operator.
-	 * @return {symbol}
-	 */
-	static get [instanceSymbol]() {
-		return Symbol.for("@schukai/monster/components/datasource/dom@@instance");
-	}
-
-	/**
-	 * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
-	 * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
-	 *
-	 * The individual configuration values can be found in the table.
-	 *
-	 * @property {Object} templates Template definitions
-	 * @property {string} templates.main Main template
-	 * @property {Object} features Feature definitions
-	 * @property {boolean} features.autoInit Automatically initializes the component
-	 */
-	get defaults() {
-		return Object.assign({}, super.defaults, {
-			templates: {
-				main: getTemplate(),
-			},
-
-			features: {
-				autoInit: true,
-			},
-
-			/** @private */
-			sys: {
-				pagination: {
-					pages: 1,
-					objectsPerPage: 10,
-					currentPage: 1,
-				},
-			},
-		});
-	}
-
-	/**
-	 * @return {void}
-	 */
-	[assembleMethodSymbol]() {
-		super[assembleMethodSymbol]();
-		initEventHandler.call(this);
-		updateDataSource.call(this);
-	}
-
-	/**
-	 * This method set the current page of the pagination
-	 *
-	 * @param {string} page
-	 * @return {Dom}
-	 */
-	setParameters({ page }) {
-		this.setOption("sys.pagination.currentPage", page);
-		return this;
-	}
-
-	/**
-	 *
-	 * @return {CSSStyleSheet[]}
-	 */
-	static getCSSStyleSheet() {
-		return [DatasourceStyleSheet];
-	}
-
-	/**
-	 * @private
-	 * @return {string}
-	 */
-	static getTag() {
-		return "monster-datasource-dom";
-	}
-
-	/**
-	 * Reloads the data
-	 * @return {Promise<never>|*}
-	 */
-	reload() {}
-
-	/**
-	 * @return {void}
-	 */
-	connectedCallback() {
-		super.connectedCallback();
-
-		if (this.getOption("features.autoInit")) {
-			updateDataSource.call(this);
-		}
-	}
-
-	/**
-	 * @return {int}
-	 */
-	currentPage() {
-		return this.getOption("sys.pagination.currentPage");
-	}
+  /**
+   * This method is called by the `instanceof` operator.
+   * @return {symbol}
+   */
+  static get [instanceSymbol]() {
+    return Symbol.for("@schukai/monster/components/datasource/dom@@instance");
+  }
+
+  /**
+   * To set the options via the HTML tag, the attribute `data-monster-options` must be used.
+   * @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
+   *
+   * The individual configuration values can be found in the table.
+   *
+   * @property {Object} templates Template definitions
+   * @property {string} templates.main Main template
+   * @property {Object} features Feature definitions
+   * @property {boolean} features.autoInit Automatically initializes the component
+   */
+  get defaults() {
+    return Object.assign({}, super.defaults, {
+      templates: {
+        main: getTemplate(),
+      },
+
+      features: {
+        autoInit: true,
+      },
+
+      /** @private */
+      sys: {
+        pagination: {
+          pages: 1,
+          objectsPerPage: 10,
+          currentPage: 1,
+        },
+      },
+    });
+  }
+
+  /**
+   * @return {void}
+   */
+  [assembleMethodSymbol]() {
+    super[assembleMethodSymbol]();
+    initEventHandler.call(this);
+    updateDataSource.call(this);
+  }
+
+  /**
+   * This method set the current page of the pagination
+   *
+   * @param {string} page
+   * @return {Dom}
+   */
+  setParameters({ page }) {
+    this.setOption("sys.pagination.currentPage", page);
+    return this;
+  }
+
+  /**
+   *
+   * @return {CSSStyleSheet[]}
+   */
+  static getCSSStyleSheet() {
+    return [DatasourceStyleSheet];
+  }
+
+  /**
+   * @private
+   * @return {string}
+   */
+  static getTag() {
+    return "monster-datasource-dom";
+  }
+
+  /**
+   * Reloads the data
+   * @return {Promise<never>|*}
+   */
+  reload() {}
+
+  /**
+   * @return {void}
+   */
+  connectedCallback() {
+    super.connectedCallback();
+
+    if (this.getOption("features.autoInit")) {
+      updateDataSource.call(this);
+    }
+  }
+
+  /**
+   * @return {int}
+   */
+  currentPage() {
+    return this.getOption("sys.pagination.currentPage");
+  }
 }
 
 /**
  * @private
  */
 function initEventHandler() {
-	/**
-	 * @param {Event} event
-	 */
-	this[dataChangeEventHandlerSymbol] = (event) => {
-		updateDataSource.call(this);
-	};
-
-	new MutationObserver(this[dataChangeEventHandlerSymbol]).observe(this, {
-		childList: true,
-		subtree: true,
-		characterData: true,
-	});
+  /**
+   * @param {Event} event
+   */
+  this[dataChangeEventHandlerSymbol] = (event) => {
+    updateDataSource.call(this);
+  };
+
+  new MutationObserver(this[dataChangeEventHandlerSymbol]).observe(this, {
+    childList: true,
+    subtree: true,
+    characterData: true,
+  });
 }
 
 /**
  * @private
  */
 function updateDataSource() {
-	let data = null;
-	getSlottedElements.call(this).forEach((element) => {
-		if (!(element instanceof HTMLScriptElement)) {
-			return;
-		}
-		if (element.type !== "application/json") {
-			return;
-		}
-
-		const d = JSON.parse(element.textContent);
-		if (data === null) {
-			if (isArray(d)) {
-				data = [];
-			} else {
-				data = {};
-			}
-		}
-
-		if (isArray(data) && !isArray(d)) {
-			throw new Error("Type mismatch");
-		}
-
-		if (!isArray(data) && isArray(d)) {
-			throw new Error("Type mismatch");
-		}
-
-		if (isArray(data)) {
-			data.push(...d);
-			return;
-		}
-
-		data = Object.assign({}, d);
-	});
-
-	if (data === null) {
-		data = [];
-	}
-
-	// set pagination
-	this.setOption("sys.pagination.objectsPerPage", 1);
-	this.setOption("sys.pagination.pages", data.length);
-	this.setOption("sys.pagination.currentPage", 1);
-
-	/** call setter */
-	this.data = data;
+  let data = null;
+  getSlottedElements.call(this).forEach((element) => {
+    if (!(element instanceof HTMLScriptElement)) {
+      return;
+    }
+    if (element.type !== "application/json") {
+      return;
+    }
+
+    const d = JSON.parse(element.textContent);
+    if (data === null) {
+      if (isArray(d)) {
+        data = [];
+      } else {
+        data = {};
+      }
+    }
+
+    if (isArray(data) && !isArray(d)) {
+      throw new Error("Type mismatch");
+    }
+
+    if (!isArray(data) && isArray(d)) {
+      throw new Error("Type mismatch");
+    }
+
+    if (isArray(data)) {
+      data.push(...d);
+      return;
+    }
+
+    data = Object.assign({}, d);
+  });
+
+  if (data === null) {
+    data = [];
+  }
+
+  // set pagination
+  this.setOption("sys.pagination.objectsPerPage", 1);
+  this.setOption("sys.pagination.pages", data.length);
+  this.setOption("sys.pagination.currentPage", 1);
+
+  /** call setter */
+  this.data = data;
 }
 
 /**
@@ -212,8 +212,8 @@ function updateDataSource() {
  * @return {string}
  */
 function getTemplate() {
-	// language=HTML
-	return `
+  // language=HTML
+  return `
         <slot data-monster-role="datasource"></slot>`;
 }