@schukai/monster 4.4.0 → 4.5.0

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 
 
+## [4.5.0] - 2025-05-14
+
+### Add Features
+
+- Add placeholder support for select filter (Issue [#316](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/316))
+### Changes
+
+- update tests
+- update node
+
+
+
+## [4.4.1] - 2025-05-14
+
+### Bug Fixes
+
+- Add placeholder properties for login inputs [#315](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/315)
+
+
+
 ## [4.4.0] - 2025-05-14
 
 ### Add Features

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.4.0"}
+{"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.0"}

package/source/components/form/login.mjs

@@ -216,6 +216,10 @@ class Login extends CustomElement {
 	 * @property {string} accessKeys.username Access key for focusing the username field
 	 * @property {string} accessKeys.password Access key for focusing the password field
 	 * @property {Object} fetch Definitions for backend requests to support login workflows
+	 * @property {Object} placeholder Placeholder text for input fields
+	 * @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} 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")
@@ -294,6 +298,12 @@ class Login extends CustomElement {
 				password: "p",
 			},
 
+			placeholder: {
+				username: "",
+				password: "",
+				email: "",
+			},
+
 			fetch: {
 				login: {
 					url: "",
@@ -465,8 +475,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Sie können keinen Code anfordern, da die<br>Zwei-Faktor-Authentifizierung bei Ihrem Konto aktiviert ist.<br>Bitte kontaktieren Sie den Administrator.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 			};
 		case "es":
 			return {
@@ -501,8 +509,7 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Esta función no funciona porque la autenticación de dos factores está activada en su cuenta. Por favor, póngase en contacto con el administrador.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
+				
 
 			};
 		case "zh":
@@ -534,8 +541,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"此功能无法使用，因为您的帐户启用了双因素身份验证。请联系管理员。",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 
 			};
@@ -569,8 +574,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"यह सवध कम नह करत कक आपक खत म द घटक पमणकरण सकम ह। कपय पशसक स सपर कर।",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -603,8 +606,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"এই ফশনট করকর নয করণ আপনর অযকউন দট ফকর পমণকরণ সকয কর আছ। দয কর পশসকর সথ যগযগ করন।",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -638,8 +639,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Esta função não funciona porque a autenticação de dois fatores<br>está ativada em sua conta. Por favor, entre em contato com o administrador.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -673,8 +672,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Эта функция не работает, потому что двухфакторная аутентификация<br> включена в вашей учетной записи. Пожалуйста, свяжитесь с администратором.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -709,9 +706,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"この機能は使用できません。アカウントで二要素認証が有効になっているため、管理者に連絡してください。",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "pa": // Western Punjabi
@@ -743,8 +737,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"ਇਹ ਫਕਸਨ ਕਮ ਨਹ ਕਰਦ ਕਉਕ ਤਹਡ ਖਤ ਵਚ ਦ ਫਕਟਰ ਪਰਮਣਕਰਣ ਸਰਗਰਮ ਹ। ਕਰਪ ਕਰਕ ਪਰਬਧਕ ਨਲ ਸਪਰਕ ਕਰ।",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -777,8 +769,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"य करच कमगर करत नह करण आपल खतत दन घटक पमणकरण सकय कल आह. कपय ववसपकश सपर सध.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -814,8 +804,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Cette fonctionnalité ne fonctionne pas car l'authentification à deux facteurs est activée sur<br>votre compte. Veuillez contacter l'administrateur.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
 
 			};
 
@@ -850,9 +838,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Questa funzione non funziona perché l'autenticazione a due<br>fattori è attiva sul tuo account. Contatta l'amministratore.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "nl": // Dutch
@@ -885,9 +870,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Deze functie werkt niet omdat tweefactorauthenticatie is<br>ingeschakeld op uw account. Neem contact op met de beheerder.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "sv": // Swedish
@@ -920,9 +902,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Denna funktion fungerar inte eftersom tvåfaktorsautentisering är aktiverad på ditt konto. Kontakta administratören.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "pl": // Polish
@@ -956,9 +935,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Ta funkcja nie działa, ponieważ włączona jest autoryzacja dwuetapowa na twoim koncie. Skontaktuj się z administratorem.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "da": // Danish
@@ -990,9 +966,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Denne funktion fungerer ikke, fordi tofaktorautentificering<br>er aktiveret på din konto. Kontakt administratoren.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "no": // Norwegian
@@ -1026,9 +999,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Denne funksjonen fungerer ikke fordi<br>tofaktorautentisering er aktivert på kontoen din. Kontakt administratoren.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		case "cs": // Czech
@@ -1060,9 +1030,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"Tato funkce nefunguje, protože je na vašem<br>účtu aktivováno dvoufaktorové ověřování. Kontaktujte správce.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 
 		default:
@@ -1095,9 +1062,6 @@ function getTranslations() {
 				messagePasswordResetDisabled:
 					"This function does not work because two-factor<br>authentication is enabled on your account.<br>Please contact the administrator.",
 
-				emailPlaceholder: "",
-				usernamePlaceholder: "",
-
 			};
 	}
 }
@@ -1686,11 +1650,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 name:labels.usernamePlaceholder"
+						   data-monster-attributes="placeholder path:placeholder.username"
 						   type="text" name="username" autofocus autocomplete="off">
                     <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"
 						exportparts="input-group:input-group-password,
 						control:input-group-password-control,
 						input:input-group-password-input" part="login-password"
@@ -1734,7 +1699,7 @@ function getTemplate() {
                     <input type="email" name="email"
 						   part="field-set-forgot-password-email"
                            data-monster-attributes="accesskey path:accessKeys.username,
-                                                    placeholder name:labels.emailPlaceholder"
+                                                    placeholder path:placeholder.email"
                            autocomplete="off">
                     <div data-monster-attributes="class path:classes.emailInvalid"></div>
                     <monster-message-state-button id="requestLinkButton"