@schukai/monster 3.114.3 → 3.114.5

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 
 
+## [3.114.5] - 2025-03-25
+
+### Bug Fixes
+
+- update password value to input event [#302](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/302)
+
+
+
+## [3.114.4] - 2025-03-25
+
+### Bug Fixes
+
+- update value direct from control [#302](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/302)
+### Changes
+
+- update doc
+
+
+
 ## [3.114.3] - 2025-03-25
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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":"3.114.3"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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":"3.114.5"}

package/source/components/form/login.mjs

@@ -487,7 +487,7 @@ function getTranslations() {
 
 		case "hi":
 			return {
-				username: "उपयो��कर नम य ई-मल",
+				username: "उपयगकर नम य ई-मल",
 				password: "पसवर",
 				login: "लग इन कर",
 				forgotPasswordLink: "पसवर भल गए?",
@@ -1082,6 +1082,7 @@ function initEventHandler() {
 		const username = this.shadowRoot.querySelector(
 			"input[name='username']",
 		).value;
+
 		const password = this.shadowRoot.querySelector("monster-password").value;
 
 		let missingBits = 0;

package/source/components/form/password.mjs

@@ -20,10 +20,6 @@ import {
 import { PasswordStyleSheet } from "./stylesheet/password.mjs";
 import { fireCustomEvent } from "../../dom/events.mjs";
 import "./input-group.mjs";
-import { addErrorAttribute } from "../../dom/error.mjs";
-import { STATE_OFF, STATE_ON } from "./toggle-switch.mjs";
-import { Observer } from "../../types/observer.mjs";
-import { internalSymbol } from "../../constants.mjs";
 
 export { Password };
 
@@ -90,9 +86,7 @@ class Password extends CustomControl {
 	 * @return {string}
 	 */
 	get value() {
-		const obj = this.getInternalUpdateCloneData();
-		this.value = obj.value;
-		return obj.value;
+		return this.getOption("value");
 	}
 
 	/**
@@ -101,6 +95,7 @@ class Password extends CustomControl {
 	 */
 	set value(value) {
 		this.setOption("value", value);
+		this[inputElementSymbol].value=value;
 		this.setFormValue(value);
 	}
 
@@ -205,6 +200,11 @@ function initEventHandler() {
 		});
 	});
 
+	this[inputElementSymbol].addEventListener("input", function (event) {
+		self.setFormValue(self.value);
+		self.setOption("value", this.value);
+	})
+
 	return this;
 }
 
@@ -262,7 +262,6 @@ function getTemplate() {
 			    inputmode path:inputmode,
 			    aria-required path:aria.required,
 			    aria-placeholder path:aria.placeholder"
-                       data-monster-bind="path:value"
                 >
 
                 <svg viewBox="0 0 16 16" data-monster-role="visible-icon" class="hidden">

package/source/components/form/toggle-switch.mjs

@@ -74,18 +74,18 @@ class ToggleSwitch extends CustomControl {
 	 * The individual configuration values can be found in the table.
 	 *
 	 * @property {string} value=current value of the element
-	 * @property {Boolean} disabled=disabled=false Disabled state
+	 * @property {Boolean} disabled Disabled state
 	 * @property {Object} classes
-	 * @property {string} classes.on=specifies the class for the on state.
-	 * @property {string} classes.off=specifies the class for the off state.
+	 * @property {string} classes.on specifies the class for the on state.
+	 * @property {string} classes.off specifies the class for the off state.
 	 * @property {Object} values
-	 * @property {string} values.off=specifies the value of the element if it is not selected
+	 * @property {string} values.off specifies the value of the element if it is not selected
 	 * @property {Object} labels
-	 * @property {string} labels.on=specifies the label for the on state.
-	 * @property {string} labels.off=specifies the label for the off state.
+	 * @property {string} labels.on specifies the label for the on state.
+	 * @property {string} labels.off specifies the label for the off state.
 	 * @property {string} actions
-	 * @property {string} actions.on=specifies the action for the on state.
-	 * @property {string} actions.off=specifies the action for the off state.
+	 * @property {string} actions.on specifies the action for the on state.
+	 * @property {string} actions.off specifies the action for the off state.
 	 * @property {Object} templates
 	 * @property {string} templates.main the main template used by the control.
 	 */
@@ -104,8 +104,8 @@ class ToggleSwitch extends CustomControl {
 				off: "off",
 			},
 			labels: {
-				toggleSwitchOn: "✔",
-				toggleSwitchOff: "✖",
+				toggleSwitchOn: "✔��",
+				toggleSwitchOff: "×",
 			},
 			templates: {
 				main: getTemplate(),