@schukai/monster 4.47.1 → 4.48.1

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 
 
+## [4.48.1] - 2025-11-28
+
+### Bug Fixes
+
+- **components:** Prevent duplicate entries in select component [#345](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/345)
+
+
+
+## [4.48.0] - 2025-11-28
+
+### Add Features
+
+- Make autocomplete configurable in login form
+### Changes
+
+- nachtrag issue nummer f+r commit 18c2348b4 ist [#344](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/344)
+
+
+
 ## [4.47.1] - 2025-11-25
 
 ### 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.47.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.48.1"}

package/source/components/form/login.mjs

@@ -232,6 +232,10 @@ class Login extends CustomElement {
    * @property {string} placeholder.username Placeholder for the username field
    * @property {string} placeholder.password Placeholder for the password field
    * @property {string} placeholder.email Placeholder for the email field
+   * @property {Object} autocomplete Autocomplete settings for the form fields
+   * @property {string} autocomplete.username Autocomplete value for the username field
+   * @property {string} autocomplete.password Autocomplete value for the password field
+   * @property {string} autocomplete.email Autocomplete value for the email field
    * @property {Object} fetch.login Fetch config for login request
    * @property {string} fetch.login.url Endpoint to post login credentials to
    * @property {string} fetch.login.method HTTP method for login (e.g., "POST")
@@ -317,6 +321,12 @@ class Login extends CustomElement {
         email: "",
       },
 
+      autocomplete: {
+        username: "off",
+        password: "off",
+        email: "off",
+      },
+
       fetch: {
         login: {
           url: "",
@@ -1740,12 +1750,12 @@ function getTemplate() {
                     <slot name="login-header"></slot>
                     <label part="login-label" data-monster-replace="path:labels.username"></label>
                     <input part="login-username"
-						   data-monster-attributes="placeholder path:placeholder.username"
-						   type="text" name="username" autofocus autocomplete="off">
+						   data-monster-attributes="placeholder path:placeholder.username, autocomplete path:autocomplete.username"
+						   type="text" name="username" autofocus>
                     <div data-monster-attributes="class path:classes.usernameInvalid"></div>
                     <label part="login-password-label" data-monster-replace="path:labels.password"></label>
-                    <monster-password 
-						data-monster-attributes="data-monster-option-placeholder path:placeholder.password"
+                    <monster-password
+						data-monster-attributes="data-monster-option-placeholder path:placeholder.password, data-monster-option-autocomplete path:autocomplete.password"
 						exportparts="input-group:input-group-password,
 						control:input-group-password-control,
 						input:input-group-password-input" part="login-password"
@@ -1789,8 +1799,9 @@ function getTemplate() {
                     <input type="email" name="email"
 						   part="field-set-forgot-password-email"
                            data-monster-attributes="accesskey path:accessKeys.username,
-                                                    placeholder path:placeholder.email"
-                           autocomplete="off">
+                                                    placeholder path:placeholder.email,
+                                                    autocomplete path:autocomplete.email"
+                           >
                     <div data-monster-attributes="class path:classes.emailInvalid"></div>
                     <monster-message-state-button id="requestLinkButton"
                                                   part="request-link-button"

package/source/components/form/select.mjs

@@ -1047,21 +1047,25 @@ function importOptionsIntern(data) {
   }
 
   for (const [value, label] of entries) {
+    let found = false;
     for (const option of options) {
       if (option.value === value) {
         option.label = label;
         option.visibility = visibility;
         option.data = map.get(value);
-        continue;
+        found = true;
+        break;
       }
     }
 
-    options.push({
-      value,
-      label,
-      visibility,
-      data: map.get(value),
-    });
+    if (!found) {
+      options.push({
+        value,
+        label,
+        visibility,
+        data: map.get(value),
+      });
+    }
   }
 
   this.setOption("options", options);