@schukai/monster 4.47.1 → 4.48.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 
 
+## [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.0"}

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"