@simpleangularcontrols/sac-common 10.0.0-rc.25 → 10.0.0-rc.26

package/bundles/simpleangularcontrols-sac-common.umd.js

@@ -1233,7 +1233,13 @@
         { type: i1.HttpClient }
     ]; };
 
-    // #region Classes
+    // #region Variables
+    /**
+     * injection token for component icon service
+     */
+    var SACICON_SERVICE = new i0.InjectionToken('SacIconService');
+    // #endregion Variables
+    // #region Exported Classes
     /**
      * abstract class for icon providing in components
      */
@@ -1415,6 +1421,26 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SacDefaultIconService.prototype, "InputPasswordEyeHiddenIcon", {
+            /**
+             * @inheritdoc
+             */
+            get: function () {
+                return 'fa fa-eye-slash';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacDefaultIconService.prototype, "InputPasswordEyeVisibleIcon", {
+            /**
+             * @inheritdoc
+             */
+            get: function () {
+                return 'fa fa-eye';
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(SacDefaultIconService.prototype, "InputSearchButtonIcon", {
             /**
              * @inheritdoc
@@ -1531,12 +1557,6 @@
     SacDefaultIconService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
-    // #endregion Classes
-    // #region Variables
-    /**
-     * injection token for component icon service
-     */
-    var SACICON_SERVICE = new i0.InjectionToken('SacIconService');
 
     /**
      * Enum für Icon Types in Componenten
@@ -5714,6 +5734,14 @@
              * Checks the minimum length of the password
              */
             _this.mintextlength = 5;
+            /**
+             * Password Eye Button is enabled
+             */
+            _this.passwordeye = false;
+            /**
+             * Password Eye is visible
+             */
+            _this.passwordeyevisible = false;
             /**
              * Resource key for validation message MinTextLength for control
              */
@@ -5725,8 +5753,39 @@
             return _this;
             // #endregion Public Methods
         }
-        // #endregion Properties
+        Object.defineProperty(SacInputPasswordCommon.prototype, "PasswordEyeHiddenIcon", {
+            // #endregion Properties
+            // #region Public Getters And Setters
+            /**
+             *Icon used by InputPassword to hide the password in the input field
+             */
+            get: function () {
+                return this.iconService.InputPasswordEyeVisibleIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SacInputPasswordCommon.prototype, "PasswordEyeVisibleIcon", {
+            /**
+             * Icon used by InputPassword to display the password in plain text during input
+             */
+            get: function () {
+                return this.iconService.InputPasswordEyeHiddenIcon;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // #endregion Public Getters And Setters
         // #region Public Methods
+        /**
+         * Toggle Password Eye Visible Property
+         */
+        SacInputPasswordCommon.prototype.onTogglePasswordEye = function () {
+            if (this.disabled || !this.passwordeye) {
+                return;
+            }
+            this.passwordeyevisible = !this.passwordeyevisible;
+        };
         /**
          * Methode validiert, ob der Wert den gegebenen Kriteriten entspricht
          */
@@ -5744,6 +5803,7 @@
     ];
     SacInputPasswordCommon.propDecorators = {
         mintextlength: [{ type: i0.Input }],
+        passwordeye: [{ type: i0.Input }],
         validationmessagemintextlength: [{ type: i0.Input }],
         validationmessagesummarymintextlength: [{ type: i0.Input }]
     };