Updated EnhancedPasswordField UI and functionality

The UI elements for EnhancedPasswordField were updated, specifically replacing a FontIcon with a Region, and modifying the CSS styling for these elements. Additionally, toggle functionality was modified to handle mouse click events correctly.

gemsfx/src/main/java/com/dlsc/gemsfx/EnhancedPasswordField.java

@@ -15,8 +15,8 @@
 import javafx.scene.control.PasswordField;
 import javafx.scene.control.Skin;
 import javafx.scene.input.MouseButton;
+import javafx.scene.layout.Region;
 import javafx.scene.layout.StackPane;
-import org.kordamp.ikonli.javafx.FontIcon;
 
 import java.util.ArrayList;
 import java.util.Collections;
@@ -68,15 +68,17 @@ public EnhancedPasswordField() {
         showPasswordProperty().subscribe(showing -> pseudoClassStateChanged(SHOWING_PSEUDO_CLASS, showing));
 
         //set right node
-        FontIcon fontIcon = new FontIcon();
-        StackPane right = new StackPane(fontIcon);
-        right.getStyleClass().add("right-icon-wrapper");
-        right.setOnMouseClicked(event -> {
+        Region rightIcon = new Region();
+        rightIcon.getStyleClass().add("right-icon");
+
+        StackPane rightWrapper = new StackPane(rightIcon);
+        rightWrapper.getStyleClass().add("right-icon-wrapper");
+        rightWrapper.setOnMouseClicked(event -> {
             if (event.getButton() == MouseButton.PRIMARY) {
                 setShowPassword(!isShowPassword());
             }
         });
-        setRight(right);
+        setRight(rightWrapper);
     }
 
     public EnhancedPasswordField(String text) {

gemsfx/src/main/resources/com/dlsc/gemsfx/enhanced-password-field.css

@@ -1,16 +1,16 @@
 .enhanced-password-field .right-icon-wrapper {
-    -fx-padding: 0 5px;
     -fx-cursor: hand;
+    -fx-max-height: 1.25em;
+    -fx-min-width: 1.25em;
 }
 
-.enhanced-password-field .right-icon-wrapper .ikonli-font-icon {
-    -fx-icon-size: 15px;
+.enhanced-password-field .right-icon-wrapper .right-icon {
+    -fx-shape: "M11.8,8.5l3.2,3.1v-0.1c0-0.8-0.3-1.5-0.9-2.1c-0.6-0.6-1.3-0.9-2.1-0.9H11.8z M7.5,9.3l1.5,1.5C9,11.1,9,11.3,9,11.5 c0,0.8,0.3,1.5,0.9,2.1c0.6,0.6,1.3,0.9,2.1,0.9c0.2,0,0.4,0,0.7-0.1l1.5,1.5c-0.7,0.3-1.4,0.5-2.2,0.6c-1.4,0-2.6-0.5-3.5-1.5    c-0.9-1-1.4-2.1-1.5-3.5C7,10.7,7.2,10,7.5,9.3z M2,3.8l2.3,2.3l0.5,0.4c-1.7,1.3-2.9,3-3.8,5c0.9,2.2,2.3,4,4.3,5.4    c2,1.4,4.2,2.1,6.7,2.1c1.6,0,3-0.3,4.4-0.8l3.4,3.3l1.3-1.3L3.3,2.5L2,3.8z M12,6.5c1.4,0,2.6,0.5,3.5,1.5c1,0.9,1.5,2.1,1.5,3.5    c0,0.7-0.1,1.3-0.4,1.8l2.9,2.9c1.5-1.3,2.7-2.9,3.5-4.7c-0.9-2.2-2.3-4-4.3-5.4C16.8,4.7,14.5,4,12,4c-1.4,0-2.7,0.2-4,0.7  l2.2,2.2C10.7,6.6,11.3,6.5,12,6.5z";
+    -fx-background-color: black;
+    -fx-max-height: 1.079em;
 }
 
-.enhanced-password-field:showing .right-icon-wrapper .ikonli-font-icon {
-    -fx-icon-code: mdi-eye-off;
-}
-
-.enhanced-password-field .right-icon-wrapper .ikonli-font-icon {
-    -fx-icon-code: mdi-eye;
+.enhanced-password-field:showing .right-icon-wrapper .right-icon {
+    -fx-shape: "M12,9c-0.8,0-1.5,0.3-2.1,0.9C9.3,10.5,9,11.2,9,12s0.3,1.5,0.8,2.1c0.6,0.6,1.3,0.8,2.1,0.8c0.8,0,1.5-0.3,2.1-0.8 c0.6-0.6,0.8-1.3,0.8-2.1c0-0.8-0.3-1.5-0.8-2.1C13.5,9.3,12.8,9,12,9z M12,17c-1.4,0-2.6-0.5-3.5-1.5C7.5,14.6,7,13.4,7,12 c0-1.4,0.5-2.6,1.5-3.5c1-1,2.1-1.5,3.5-1.5c1.4,0,2.6,0.5,3.5,1.5c1,0.9,1.5,2.1,1.5,3.5c0,1.4-0.5,2.6-1.5,3.5    C14.6,16.5,13.4,17,12,17z M12,4.5c-2.5,0-4.8,0.7-6.7,2.1C3.3,8,1.9,9.8,1,12c0.9,2.2,2.3,4,4.3,5.4c2,1.4,4.2,2.1,6.7,2.1    c2.5,0,4.8-0.7,6.7-2.1c2-1.4,3.4-3.2,4.3-5.4c-0.9-2.2-2.3-4-4.3-5.4C16.8,5.2,14.5,4.5,12,4.5z";
+    -fx-max-height: 0.852em;
 }