@schukai/monster 3.104.1 → 3.105.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [3.105.1] - 2025-02-06
+
+### Bug Fixes
+
+- **select:** lookup after setSelection
+
+
+
+## [3.105.0] - 2025-02-05
+
+### Add Features
+
+- new internal Translation
+
+
+
 ## [3.104.1] - 2025-02-04
 
 ### Bug Fixes

package/package.json

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

package/source/components/form/button.mjs

@@ -314,7 +314,7 @@ function getTemplate() {
             <button data-monster-attributes="disabled path:disabled | if:true, 
                                              class path:classes.button,
                                              aria-role path:aria.role,
-                                              path:aria.label | if:true,
+                                             path:aria.label | if:true,
                                              type path:type"
                     data-monster-role="button"
                     part="button"

package/source/components/form/select.mjs

@@ -2282,6 +2282,7 @@ function isValueIsEmptyThenGetNormalize(value) {
  * @returns {Promise<unknown | void>}
  */
 function setSelection(selection) {
+    const self = this;
 
     if (isString(selection) || isInteger(selection)) {
         const result = convertValueToSelection.call(this, selection);
@@ -2328,6 +2329,14 @@ function setSelection(selection) {
 
     fireEvent(this, "change"); // https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/291
 
+    const lazyLoadFlag =
+        this.getOption("features.lazyLoad") && this[lazyLoadDoneSymbol] !== true;
+    let remoteFilterFlag = getFilterMode.call(this) === FILTER_MODE_REMOTE;
+
+    if (lazyLoadFlag || remoteFilterFlag) {
+        lookupSelection.call(self);
+    }
+
     return new Processing(() => {
         const CLASSNAME = "selected";
 

package/source/data/datasource/server/restapi.mjs

@@ -19,6 +19,7 @@ import { Server } from "../server.mjs";
 import { WriteError } from "./restapi/writeerror.mjs";
 import { DataFetchError } from "./restapi/data-fetch-error.mjs";
 import { clone } from "../../../util/clone.mjs";
+import {getInternalLocalizationMessage} from "../../../i18n/internal.mjs";
 
 export { RestAPI };
 
@@ -224,7 +225,9 @@ function fetchData(init, key, callback) {
 
 			if (acceptedStatus.indexOf(resp.status) === -1) {
 				throw new DataFetchError(
-					`the response does not contain an accepted status (actual: ${resp.status}).`,
+					getInternalLocalizationMessage(
+					    `i18n{the-response-does-not-contain-an-accepted-status::status=${resp.status}}`
+					),
 					response,
 				);
 			}
@@ -244,7 +247,9 @@ function fetchData(init, key, callback) {
 				}
 
 				throw new DataFetchError(
-					`the response does not contain a valid json (actual: ${body}).`,
+					getInternalLocalizationMessage(
+						`i18n{the-response-does-not-contain-a-valid-json::actual=${body}}`
+					),
 					response,
 				);
 			}

package/source/i18n/formatter.mjs

@@ -39,6 +39,8 @@ class Formatter extends TextFormatter {
 	 * Default values for the markers are `${` and `}`
 	 *
 	 * @param {object} object
+	 * @param {Translations} translation
+	 * @param {object} [options]
 	 * @throws {TypeError} value is not a object
 	 */
 	constructor(object, translation, options) {

package/source/i18n/internal.mjs

@@ -0,0 +1,139 @@
+/**
+ * Copyright © schukai GmbH and all contributing authors, {{copyRightYear}}. All rights reserved.
+ * Node module: @schukai/monster
+ *
+ * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
+ * The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
+ *
+ * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
+ * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
+ * For more information about purchasing a commercial license, please contact schukai GmbH.
+ *
+ * SPDX-License-Identifier: AGPL-3.0
+ */
+
+import {Formatter} from "./formatter.mjs";
+import {getLocaleOfDocument} from "../dom/locale.mjs";
+import {Translations} from "./translations.mjs";
+
+export {getInternalLocalizationMessage};
+
+let internalTranslations = null;
+getInternalTranslations();
+
+
+function getInternalTranslations() {
+
+    if (internalTranslations) {
+        return internalTranslations;
+    }
+
+    let locale = "en";
+    try {
+        let locale = getLocaleOfDocument();
+    } catch (error) {
+    }
+
+    let messages = {};
+
+    switch (locale.language) {
+        case "de":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Der Server hat die Anfrage nicht akzeptiert (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Die Antwort des Servers ist kein gültiges JSON (actual=\${actual}).`,
+            };
+            break;
+        case "es":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `El servidor no ha aceptado la solicitud (Estado \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La respuesta del servidor no es un JSON válido (actual=\${actual}).`,
+            };
+            break;
+        case "zh":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `服务器未接受请求（状态 \${status}）。`,
+                "the-response-does-not-contain-a-valid-json": `服务器响应不是有效的JSON（实际=\${actual}）。`,
+            };
+            break;
+        case "fr":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Le serveur n'a pas accepté la demande (Statut \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La réponse du serveur n'est pas un JSON valide (actuel=\${actual}).`,
+            };
+            break;
+        case "it":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Il server non ha accettato la richiesta (Stato \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `La risposta del server non è un JSON valido (attuale=\${actual}).`,
+            };
+            break;
+        case "nl":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `De server heeft het verzoek niet geaccepteerd (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `De serverrespons is geen geldige JSON (actueel=\${actual}).`,
+            };
+            break;
+        case "sv":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Servern accepterade inte begäran (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverns svar är inte en giltig JSON (faktisk=\${actual}).`,
+            };
+            break;
+        case "pl":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serwer nie zaakceptował żądania (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Odpowiedź serwera nie jest prawidłowym JSON-em (aktualne=\${actual}).`,
+            };
+            break;
+        case "da":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serveren accepterede ikke forespørgslen (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverens svar er ikke en gyldig JSON (aktuel=\${actual}).`,
+            };
+            break;
+        case "fi":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Palvelin ei hyväksynyt pyyntöä (Tila \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Palvelimen vastaus ei ole kelvollinen JSON (todellinen=\${actual}).`,
+            };
+            break;
+        case "no":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Serveren aksepterte ikke forespørselen (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Serverens respons er ikke en gyldig JSON (faktisk=\${actual}).`,
+            };
+            break;
+        case "cs":
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `Server nepřijal požadavek (Stav \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `Odpověď serveru není platný JSON (skutečný=\${actual}).`,
+            };
+            break;
+        default: // English
+            messages = {
+                "the-response-does-not-contain-an-accepted-status": `The server did not accept the request (Status \${status}).`,
+                "the-response-does-not-contain-a-valid-json": `The server response is not a valid JSON (actual=\${actual}).`,
+            };
+    }
+
+
+    const translation = new Translations(locale);
+    translation.assignTranslations(messages);
+
+    internalTranslations = translation;
+
+    return translation
+}
+
+
+/**
+ * Returns the internal localization message.
+ * @param message
+ * @returns {string}
+ */
+
+function getInternalLocalizationMessage(message) {
+    const formatter = new Formatter({}, getInternalTranslations());
+    return formatter.format(message);
+
+}

package/source/i18n/map/languages.mjs

@@ -12,6 +12,35 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
+/**
+ * Curretnly from Monster supported languages.
+ * @type {string[]}
+ */
+export const currentSupportedLanguages = [
+	"en", // English
+	"de", // German
+	"es", // Spanish
+	"zh", // Mandarin
+	"hi", // Hindi
+	"bn", // Bengali
+	"pt", // Portuguese
+	"ru", // Russian
+	"ja", // Japanese
+	"pa", // Western Punjabi
+	"mr", // Marathi
+	"fr", // French
+	"it", // Italian
+	"nl", // Dutch
+	"sv", // Swedish
+	"pl", // Polish
+	"da", // Danish
+	"fi", // Finnish
+	"no", // Norwegian
+	"cs" // Czech
+];
+
+
+
 export const languages = {
 	en: "English",
 	"en-GB": "English (United Kingdom)",

package/source/types/global.mjs

@@ -13,12 +13,12 @@
  */
 
 import {
-	validateFunction,
-	validateObject,
-	validateString,
+    validateFunction,
+    validateObject,
+    validateString,
 } from "./validate.mjs";
 
-export { getGlobal, getGlobalObject, getGlobalFunction };
+export {getGlobal, getGlobalObject, getGlobalFunction};
 
 /**
  * @type {object}
@@ -31,39 +31,40 @@ let globalReference;
  * @throws {Error} unsupported environment.
  */
 (function () {
-	if (typeof globalThis === "object") {
-		globalReference = globalThis;
-		return;
-	}
+    if (typeof globalThis === "object") {
+        globalReference = globalThis;
+        return;
+    }
 
-	if (typeof self !== "undefined") {
-		globalReference = self;
-		return;
-	} else if (typeof window !== "undefined") {
-		globalReference = window;
-		return;
-	}
+    if (typeof self !== "undefined") {
+        globalReference = self;
+        return;
+    } else if (typeof window !== "undefined") {
+        globalReference = window;
+        return;
+    }
 
-	Object.defineProperty(Object.prototype, "__monster__", {
-		get: function () {
-			return this;
-		},
-		configurable: true,
-	});
+    Object.defineProperty(Object.prototype, "__monster__", {
+        get: function () {
+            return this;
+        },
+        configurable: true,
+    });
 
-	if (typeof __monster__ === "object") {
-		__monster__.globalThis = __monster__;
-		delete Object.prototype.__monster__;
+    if (typeof __monster__ === "object") {
+        __monster__.globalThis = __monster__;
+        delete Object.prototype.__monster__;
 
-		globalReference = globalThis;
-		return;
-	}
+        globalReference = globalThis;
+        return;
+    }
 
-	try {
-		globalReference = Function("return this")();
-	} catch (e) {}
+    try {
+        globalReference = Function("return this")();
+    } catch (e) {
+    }
 
-	throw new Error("unsupported environment.");
+    throw new Error("unsupported environment.");
 })();
 
 /**
@@ -76,7 +77,7 @@ let globalReference;
  * @return {object} globalThis
  */
 function getGlobal() {
-	return globalReference;
+    return globalReference;
 }
 
 /**
@@ -111,12 +112,12 @@ function getGlobal() {
  * @throws {TypeError} value is not a string
  */
 function getGlobalObject(name) {
-	validateString(name);
-	const o = globalReference?.[name];
-	if (typeof o === "undefined")
-		throw new Error(`the object ${name} is not defined`);
-	validateObject(o);
-	return o;
+    validateString(name);
+    const o = globalReference?.[name];
+    if (typeof o === "undefined")
+        throw new Error(`the object ${name} is not defined`);
+    validateObject(o);
+    return o;
 }
 
 /**
@@ -149,10 +150,11 @@ function getGlobalObject(name) {
  * @throws {TypeError} value is not a string
  */
 function getGlobalFunction(name) {
-	validateString(name);
-	const f = globalReference?.[name];
-	if (typeof f === "undefined")
-		throw new Error(`the function ${name} is not defined`);
-	validateFunction(f);
-	return f;
+    validateString(name);
+    const f = globalReference?.[name];
+    if (typeof f === "undefined") {
+        throw new Error(`the function ${name} is not defined`);
+    }
+    validateFunction(f);
+    return f;
 }

package/source/types/version.mjs

@@ -156,7 +156,7 @@ function getMonsterVersion() {
 	}
 
 	/** don't touch, replaced by make with package.json version */
-	monsterVersion = new Version("3.102.6");
+	monsterVersion = new Version("3.104.1");
 
 	return monsterVersion;
 }

package/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.102.6")
+        monsterVersion = new Version("3.104.1")
 
         let m = getMonsterVersion();
 

package/test/web/test.html

@@ -9,8 +9,8 @@
 </head>
 <body>
 <div id="headline" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
-  <h1 style='margin-bottom: 0.1em;'>Monster 3.102.6</h1>
-  <div id="lastupdate" style='font-size:0.7em'>last update So 2. Feb 23:18:18 CET 2025</div>
+  <h1 style='margin-bottom: 0.1em;'>Monster 3.104.1</h1>
+  <div id="lastupdate" style='font-size:0.7em'>last update Mi 5. Feb 19:28:33 CET 2025</div>
 </div>
 <div id="mocha-errors"
      style="color: red;font-weight: bold;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:20px;"></div>