@schukai/monster 4.5.1 → 4.6.1

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.6.1] - 2025-05-15
+
+### Bug Fixes
+
+- Improve lazy loading and error handling in select component
+
+
+
+## [4.6.0] - 2025-05-15
+
+### Add Features
+
+- Update German and Punjabi translations for clarity
+
+
+
 ## [4.5.1] - 2025-05-14
 
 ### Bug Fixes

package/package.json

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

package/source/components/form/select.mjs

@@ -561,6 +561,8 @@ class Select extends CustomControl {
         let lazyLoadFlag = self.getOption("features.lazyLoad", false);
         const remoteFilterFlag = getFilterMode.call(this) === FILTER_MODE_REMOTE;
 
+        initTotal.call(self);
+
         if (getFilterMode.call(this) === FILTER_MODE_REMOTE) {
             self.setOption("features.lazyLoad", false);
             lazyLoadFlag = false;
@@ -585,16 +587,13 @@ class Select extends CustomControl {
                 lookupSelection.call(self);
             } else {
                 self.fetch().then(() => {
-                    setTotalText.call(self);
+
                 }).catch((e) => {
                     addErrorAttribute(self, e);
                 });
             }
         }
 
-        initTotal.call(self);
-
-
         setTimeout(() => {
             let lastValue = self.value;
             self[internalSymbol].attachObserver(
@@ -896,24 +895,25 @@ function getTranslations() {
         case "de":
             return {
                 "cannot-be-loaded": "Kann nicht geladen werden",
-                "no-options-available": "Keine Optionen verfügbar.",
-                "click-to-load-options": "Klicken, um Optionen zu laden.",
-                "select-an-option": "Wähle eine Option",
+                "no-options-available": "Keine Auswahl verfügbar.",
+                "click-to-load-options": "Klicken, um Auswahl zu laden.",
+                "select-an-option": "Bitte Auswahl treffen",
                 "summary-text": {
-                    zero: "Keine Einträge ausgewählt",
-                    one: '<span class="monster-badge-primary-pill">1</span> Eintrag ausgewählt',
+                    zero: "Keine Auswahl getroffen",
+                    one: '<span class="monster-badge-primary-pill">1</span> Auswahl getroffen',
                     other:
-                        '<span class="monster-badge-primary-pill">${count}</span> Einträge ausgewählt',
+                        '<span class="monster-badge-primary-pill">${count}</span> Auswahlen getroffen',
                 },
-                "no-options": '<span class="monster-badge-error-pill">Leider gibt es keine Optionen in der Liste.</span>',
-                "no-options-found": '<span class="monster-badge-error-pill">Keine Optionen in der Liste verfügbar. Bitte ändern Sie den Filter.</span>',
+                "no-options": '<span class="monster-badge-error-pill">Leider gibt es keine Auswahlmöglichkeiten in der Liste.</span>',
+                "no-options-found": '<span class="monster-badge-error-pill">Keine Auswahlmöglichkeiten verfügbar. Bitte ändern Sie den Filter.</span>',
                 "total": {
-                    zero: '<span class="monster-badge-primary-pill">Es sind keine weiteren Beiträge verfügbar.</span>',
-                    one: '<span class="monster-badge-primary-pill">Es ist 1 weiterer Beitrag verfügbar.</span>',
-                    other: '<span class="monster-badge-primary-pill">Es sind ${count} weitere Beiträge verfügbar.</span>',
+                    zero: '<span class="monster-badge-primary-pill">Es sind keine weiteren Auswahlmöglichkeiten verfügbar.</span>',
+                    one: '<span class="monster-badge-primary-pill">Es ist 1 weitere Auswahlmöglichkeit verfügbar.</span>',
+                    other: '<span class="monster-badge-primary-pill">Es sind ${count} weitere Auswahlmöglichkeiten verfügbar.</span>',
                 }
             };
 
+
         case "es":
             return {
                 "cannot-be-loaded": "No se puede cargar",
@@ -1076,9 +1076,9 @@ function getTranslations() {
                 "no-options": '<span class="monster-badge-error-pill">ਮਾਫ ਕਰਨਾ, ਸੂਚੀ ਵਿੱਚ ਕੋਈ ਚੋਣ ਉਪਲਬਧ ਨਹੀਂ ਹੈ।</span>',
                 "no-options-found": '<span class="monster-badge-error-pill">ਸੂਚੀ ਵਿੱਚ ਕੋਈ ਚੋਣ ਉਪਲਬਧ ਨਹੀਂ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਫਿਲਟਰ ਬਦਲੋ।</span>',
                 "total": {
-                    zero: '<span class="monster-badge-primary-pill">ਹੋਰ ਕੋਈ ਐਡਿਸ਼ਨਲ ਐਂਟਰੀ ਉਪਲਬਧ ਨਹੀਂ ਹੈ।</span>',
-                    one: '<span class="monster-badge-primary-pill">1 ਵਾਧੂ ਐਂਟਰੀ ਉਪਲਬਧ ਹੈ।</span>',
-                    other: '<span class="monster-badge-primary-pill">${count} ਵਾਧੂ ਐਂਟਰੀਆਂ ਉਪਲਬਧ ਹਨ。</span>',
+                    zero: '<span class="monster-badge-primary-pill">ਕੋਈ ਹੋਰ ਐਂਟਰੀ ਉਪਲਬਧ ਨਹੀਂ ਹੈ.</span>',
+                    one: '<span class="monster-badge-primary-pill">1 ਵਾਧੂ ਐਂਟਰੀ ਉਪਲਬਧ ਹੈ.</span>',
+                    other: '<span class="monster-badge-primary-pill">${count} ਵਾਧੂ ਐਂਟਰੀਆਂ ਉਪਲਬਧ ਹਨ.</span>',
                 }
             };
 
@@ -1407,9 +1407,9 @@ function fetchIt(url, controlOptions) {
 
                         queueMicrotask(() => {
                             checkOptionState.call(this);
-                            setStatusOrRemoveBadges.call(this, "closed");
-                            updatePopper.call(this);
                             setTotalText.call(this);
+                            updatePopper.call(this);
+                            setStatusOrRemoveBadges.call(this, "closed");
 
                             resolve(result);
                         });
@@ -1713,6 +1713,9 @@ function getDefaultTranslation() {
     return translation;
 }
 
+/**
+ * @private
+ */
 function setTotalText() {
 
     if (getFilterMode.call(this) !== FILTER_MODE_REMOTE) {
@@ -2868,6 +2871,8 @@ function show() {
         return;
     }
 
+    setTotalText.call(this);
+
     focusFilter.call(this);
 
     const lazyLoadFlag =
@@ -2942,7 +2947,7 @@ function initDefaultOptionsFromUrl() {
             this[cleanupOptionsListSymbol] = false;
             importOptionsIntern.call(this, data);
             setStatusOrRemoveBadges.call(this, "open");
-            setTotal.call(this, data)
+            initTotal.call(this, data)
         })
         .catch((e) => {
             addErrorAttribute(this, e);
@@ -2968,7 +2973,7 @@ function initTotal() {
 
     getGlobal().fetch(url).then((response) => {
         if (!response.ok) { // Improved status checking using `response.ok`
-            addErrorAttribute(this, `HTTP error! status: ${response.status} - ${response.statusText}`);
+            addErrorAttribute(this, `HTTP error status: ${response.status} - ${response.statusText}`);
             return;
         }
 
@@ -3291,7 +3296,6 @@ function setStatusOrRemoveBadges(suggestion) {
             if (current !== suggestion) {
                 this.setOption("classes.statusOrRemoveBadge", suggestion);
             }
-            return;
         }
     });
 }