@schukai/monster 4.44.2 → 4.45.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 
 
+## [4.45.0] - 2025-11-02
+
+
+
+## [4.44.3] - 2025-11-02
+
+### Bug Fixes
+
+- **Select:** show only if filter inline
+
+
+
 ## [4.44.2] - 2025-11-02
 
 ### Bug Fixes

package/package.json

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

package/source/components/accessibility/locale-select.mjs

@@ -136,12 +136,29 @@ class LocaleSelect extends CustomElement {
 
   /**
    * Default options
+   *
+   * @properties {Object} templates - Templates for the component.
+   * @properties {string} templates.main - Main template.
+   * @properties {Object} features - Feature toggles.
+   * @properties {boolean} features.resetCookie - Whether to show a reset cookie button.
+   * @properties {Object} cookie - Cookie settings.
+   * @properties {string} cookie.name - Name of the cookie to store the selected language.
+   * @properties {Object} labels - Localized labels.
+   * @properties {string} labels["select-an-option"] - Label for the select option.
+   * @properties {Object} callbacks - Callback functions.
+   * @properties {boolean} disabled - Whether the component is disabled.
    */
   get defaults() {
     return Object.assign({}, super.defaults, {
       templates: {
         main: getTemplate(),
       },
+      features: {
+        resetCookie: true,
+      },
+      cookie: {
+        name: "language",
+      },
       labels: {
         "select-an-option": getLocalizedLabel(),
       },
@@ -257,6 +274,13 @@ function initEventHandler() {
   this[selectElementSymbol].addEventListener("change", (event) => {
     const selected = event.target?.value;
     if (selected) {
+      if (
+        this.getOption("features.resetCookie") &&
+        this.getOption("cookie.name")
+      ) {
+        document.cookie = `${this.getOption("cookie.name")}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/`;
+      }
+
       window.location.href = selected;
     }
   });

package/source/components/form/select.mjs

@@ -2392,8 +2392,6 @@ function filterFromRemote() {
     return Promise.reject(new Error("Missing Filter Element."));
   }
 
-  show.call(this);
-
   const url = this.getOption("url");
   if (!url) {
     addErrorAttribute(this, "Missing URL for Remote Filter.");
@@ -2405,6 +2403,7 @@ function filterFromRemote() {
 
   switch (this.getOption("filter.position")) {
     case FILTER_POSITION_INLINE:
+      setTimeoput(() => show.call(this), 0);
       if (this[inlineFilterElementSymbol] instanceof HTMLElement) {
         filterValue = this[inlineFilterElementSymbol].value.toLowerCase();
       }