bootstrap5-toggle 5.3.0-rc1 → 5.3.0

package/README.md

@@ -73,18 +73,18 @@ See EOL for each version in [Security Policy Page](https://github.com/palcarazm/
 
 ```html
 <link
-  href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0-rc1/css/bootstrap5-toggle.min.css"
+  href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0/css/bootstrap5-toggle.min.css"
   rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0-rc1/js/bootstrap5-toggle.ecmas.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0/js/bootstrap5-toggle.ecmas.min.js"></script>
 ```
 
 ### jQuery Interface
 
 ```html
 <link
-  href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0-rc1/css/bootstrap5-toggle.min.css"
+  href="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0/css/bootstrap5-toggle.min.css"
   rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0-rc1/js/bootstrap5-toggle.jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap5-toggle@5.3.0/js/bootstrap5-toggle.jquery.min.js"></script>
 ```
 
 ## Download
@@ -96,13 +96,13 @@ See EOL for each version in [Security Policy Page](https://github.com/palcarazm/
 [![NPM Badge](https://img.shields.io/npm/dm/bootstrap5-toggle?logo=npm)](https://www.npmjs.com/package/bootstrap5-toggle)
 
 ```ksh
-npm install bootstrap5-toggle@5.3.0-rc1
+npm install bootstrap5-toggle@5.3.0
 ```
 
 ## Yarn
 
 ```ksh
-yarn add bootstrap5-toggle@5.3.0-rc1
+yarn add bootstrap5-toggle@5.3.0
 ```
 
 # Usage

package/css/bootstrap5-toggle.css

@@ -1,5 +1,5 @@
 /* Copyright Notice
- * bootstrap5-toggle v5.3.0-rc1
+ * bootstrap5-toggle v5.3.0
  * https://palcarazm.github.io/bootstrap5-toggle/
  * @author 2011-2014 Min Hur (https://github.com/minhur)
  * @author 2018-2019 Brent Ely (https://github.com/gitbrent)

package/css/bootstrap5-toggle.min.css

@@ -1,5 +1,5 @@
 /* Copyright Notice
- * bootstrap5-toggle v5.3.0-rc1
+ * bootstrap5-toggle v5.3.0
  * https://palcarazm.github.io/bootstrap5-toggle/
  * @author 2011-2014 Min Hur (https://github.com/minhur)
  * @author 2018-2019 Brent Ely (https://github.com/gitbrent)

package/js/bootstrap5-toggle.ecmas.js

@@ -1,5 +1,5 @@
 /* Copyright Notice
- * bootstrap5-toggle v5.3.0-rc1
+ * bootstrap5-toggle v5.3.0
  * https://palcarazm.github.io/bootstrap5-toggle/
  * @author 2011-2014 Min Hur (https://github.com/minhur)
  * @author 2018-2019 Brent Ely (https://github.com/gitbrent)
@@ -19,7 +19,7 @@
     (function (ToggleStateValue) {
         ToggleStateValue["ON"] = "on";
         ToggleStateValue["OFF"] = "off";
-        ToggleStateValue["INDETERMINATE"] = "indeterminate";
+        ToggleStateValue["MIXED"] = "mixed";
     })(ToggleStateValue || (ToggleStateValue = {}));
     var ToggleStateStatus;
     (function (ToggleStateStatus) {
@@ -354,7 +354,7 @@
                 case ToggleStateValue.OFF:
                     this.toggle.classList.add(this.offStyle, "off");
                     break;
-                case ToggleStateValue.INDETERMINATE:
+                case ToggleStateValue.MIXED:
                     this.toggle.classList.add("indeterminate");
                     if (state.checked) {
                         this.toggle.classList.add(this.onStyle);
@@ -487,7 +487,7 @@
                 case ToggleStateValue.OFF:
                     this.tooltip.setContent({ ".tooltip-inner": this.tooltipLabels.off });
                     return;
-                case ToggleStateValue.INDETERMINATE:
+                case ToggleStateValue.MIXED:
                     if (this.tooltipLabels.mixed)
                         this.tooltip.setContent({ ".tooltip-inner": this.tooltipLabels.mixed });
                     return;
@@ -935,7 +935,7 @@
             var indeterminate = this.isTristate && element.indeterminate;
             var value;
             if (indeterminate) {
-                value = ToggleStateValue.INDETERMINATE;
+                value = ToggleStateValue.MIXED;
             }
             else if (checked) {
                 value = ToggleStateValue.ON;
@@ -1009,9 +1009,9 @@
                         return this.do(ToggleActionType.ON);
                     return false;
                 case ToggleActionType.INDETERMINATE:
-                    return this.setValueIfChanged(ToggleStateValue.INDETERMINATE, undefined, true);
+                    return this.setValueIfChanged(ToggleStateValue.MIXED, undefined, true);
                 case ToggleActionType.DETERMINATE:
-                    if (this.state.value != ToggleStateValue.INDETERMINATE)
+                    if (this.state.value != ToggleStateValue.MIXED)
                         return false;
                     return this.setValue(this.state.checked ? ToggleStateValue.ON : ToggleStateValue.OFF, this.state.checked, false);
                 case ToggleActionType.NEXT:
@@ -1078,7 +1078,7 @@
                 if (this.state.value === ToggleStateValue.ON || this.state.value === ToggleStateValue.OFF) {
                     return this.do(ToggleActionType.INDETERMINATE);
                 }
-                if (this.state.value === ToggleStateValue.INDETERMINATE) {
+                if (this.state.value === ToggleStateValue.MIXED) {
                     return this.state.checked
                         ? this.do(ToggleActionType.OFF)
                         : this.do(ToggleActionType.ON);
@@ -1204,6 +1204,7 @@
             };
             this.handlerKeyboardEvent = function (e) {
                 if (e.key === " " || e.key === "Enter") {
+                    e.preventDefault();
                     _this.apply(ToggleActionType.NEXT);
                 }
             };
@@ -1344,11 +1345,9 @@
        * Binds a keydown event listener to the root element of the toggle.
        * The event listener is responsible for handling keydown events
        * and triggering the toggle's state change when a keydown event occurs.
-       * The event listener is bound with the passive option, which means that it will not block
-       * other event listeners from being triggered.
        */
         Toggle.prototype.bindKeyboardEventListener = function () {
-            this.domBuilder.root.addEventListener("keydown", this.handlerKeyboardEvent, { passive: true });
+            this.domBuilder.root.addEventListener("keydown", this.handlerKeyboardEvent, { passive: false });
         };
         /**
        * Unbinds the keydown event listener from the root element of the toggle.
@@ -1470,27 +1469,33 @@
        * Enables the toggle.
        * If the toggle is currently disabled, this method will set the toggle state to enabled.
        * If the silent parameter is false, this method will also trigger the change event.
+       * @param {boolean} silent A boolean indicating whether to trigger the change event after applying the action.
        * @returns void
        */
-        Toggle.prototype.enable = function () {
-            this.apply(ToggleActionType.ENABLE);
+        Toggle.prototype.enable = function (silent) {
+            if (silent === void 0) { silent = false; }
+            this.apply(ToggleActionType.ENABLE, silent);
         };
         /**
        * Disables the toggle.
        * If the toggle is currently enabled, this method will set the toggle state to disabled.
        * If the silent parameter is false, this method will also trigger the change event.
+       * @param {boolean} silent A boolean indicating whether to trigger the change event after applying the action.
        */
-        Toggle.prototype.disable = function () {
-            this.apply(ToggleActionType.DISABLE);
+        Toggle.prototype.disable = function (silent) {
+            if (silent === void 0) { silent = false; }
+            this.apply(ToggleActionType.DISABLE, silent);
         };
         /**
        * Sets the toggle state to readonly.
        * If the toggle is currently disabled or enabled, this method will set the toggle state to readonly.
        * If the silent parameter is false, this method will also trigger the change event.
+       * @param {boolean} silent A boolean indicating whether to trigger the change event after applying the action.
        * @returns void
        */
-        Toggle.prototype.readonly = function () {
-            this.apply(ToggleActionType.READONLY);
+        Toggle.prototype.readonly = function (silent) {
+            if (silent === void 0) { silent = false; }
+            this.apply(ToggleActionType.READONLY, silent);
         };
         /**
          * Synchronizes the toggle state with the input element and renders the toggle.
@@ -1559,7 +1564,7 @@
                     return ToggleEvents$1.ON;
                 case ToggleStateValue.OFF:
                     return ToggleEvents$1.OFF;
-                case ToggleStateValue.INDETERMINATE:
+                case ToggleStateValue.MIXED:
                     return ToggleEvents$1.MIXED;
             }
         };
@@ -1636,13 +1641,13 @@
                         return _bsToggle.determinate(silent);
                     case ToggleMethods.ENABLE:
                     case ToggleMethods.enable:
-                        return _bsToggle.enable();
+                        return _bsToggle.enable(silent);
                     case ToggleMethods.DISABLE:
                     case ToggleMethods.disable:
-                        return _bsToggle.disable();
+                        return _bsToggle.disable(silent);
                     case ToggleMethods.READONLY:
                     case ToggleMethods.readonly:
-                        return _bsToggle.readonly();
+                        return _bsToggle.readonly(silent);
                     case ToggleMethods.DESTROY:
                     case ToggleMethods.destroy:
                         return _bsToggle.destroy();