@sd-angular/core 1.3.220 → 1.3.221

package/assets/scss/core/form.scss

@@ -11,6 +11,22 @@
     }
   }
 
+  
+  // sdSuffixIcon
+  // Directive sdSuffixIcon (truyền icon từ component sử dụng vào Core)
+  .sd-suffix-icon.sd-hover {
+    visibility: hidden;
+  }
+
+  // Chỉ hiển thị khi được hover
+  .mat-form-field-flex {
+    &:hover {
+      .sd-suffix-icon.sd-hover {
+        visibility: visible;
+      }
+    }
+  }
+
   .mat-form-field-prefix,
   .mat-form-field-suffix {
     display: inline-flex;
@@ -23,7 +39,6 @@
     }
 
     .mat-form-field-infix {
-
       mat-select.mat-select,
       mat-date-range-input.mat-date-range-input,
       input.mat-input-element {
@@ -37,6 +52,7 @@
     }
   }
 
+  // Size normal
   &.sd-md {
     &.mat-form-field-appearance-outline {
       .mat-form-field-flex {
@@ -65,6 +81,17 @@
         }
       }
 
+      .sd-suffix-icons {
+        .mat-form-field-suffix {
+          mat-icon {
+            height: 24px;
+            width: 24px;
+            font-size: 20px;
+            text-align: center;
+          }
+        }
+      }
+
       &.mat-form-field-can-float {
         &.mat-form-field-should-float {
           .mat-form-field-label {
@@ -76,7 +103,7 @@
     }
   }
 
-  // Small
+  // Size small
   &.sd-sm {
     &.mat-form-field-appearance-outline {
       .mat-form-field-flex {
@@ -132,4 +159,4 @@ mat-checkbox {
   label.mat-checkbox-layout {
     margin-bottom: 0;
   }
-}
+}

package/bundles/sd-angular-core-common.umd.js

@@ -1294,6 +1294,40 @@
         { type: i0.TemplateRef }
     ]; };
 
+    var SdSuffixIconDirective = /** @class */ (function () {
+        // #elementClass: string[] = [];
+        // @Input('class')
+        // @HostBinding('class')
+        // get elementClass(): string {
+        //   return this.#elementClass.join(' ');
+        // }
+        // set(val: string) {
+        //   this.#elementClass = val.split(' ');
+        // }
+        function SdSuffixIconDirective(templateRef, renderer, hostElement) {
+            this.templateRef = templateRef;
+            this.renderer = renderer;
+            // Thêm class cho suffix icon
+            // this.renderer.addClass(hostElement.nativeElement.children[0], 'sd-suffix-icon');
+            // this.renderer.addClass(hostElement.nativeElement.children[0], 'sd-hover');
+            // this.renderer.addClass(hostElement.nativeElement.children[0], 'pointer');
+            // this.#elementClass.push('sd-suffix-icon'); // Thêm class cho suffix icon
+            // this.#elementClass.push('sd-hover'); // Thêm class cho suffix icon
+            // this.#elementClass.push('pointer'); // Thêm class cho suffix icon
+        }
+        return SdSuffixIconDirective;
+    }());
+    SdSuffixIconDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[sdSuffixIcon]',
+                },] }
+    ];
+    SdSuffixIconDirective.ctorParameters = function () { return [
+        { type: i0.TemplateRef },
+        { type: i0.Renderer2 },
+        { type: i0.ElementRef }
+    ]; };
+
     var SdLabelDefDirective = /** @class */ (function () {
         // @Input() sdLableDef: string;
         function SdLabelDefDirective(templateRef) {
@@ -1416,6 +1450,7 @@
                         SdLetDirective,
                         SdScrollDirective,
                         SdSuffixDirective,
+                        SdSuffixIconDirective,
                         SdLabelDefDirective
                     ],
                     exports: [
@@ -1424,6 +1459,7 @@
                         SdLetDirective,
                         SdScrollDirective,
                         SdSuffixDirective,
+                        SdSuffixIconDirective,
                         SdLabelDefDirective
                     ],
                     providers: []
@@ -1443,6 +1479,7 @@
     exports.SdLetDirective = SdLetDirective;
     exports.SdScrollDirective = SdScrollDirective;
     exports.SdSuffixDirective = SdSuffixDirective;
+    exports.SdSuffixIconDirective = SdSuffixIconDirective;
     exports.SdViewDefDirective = SdViewDefDirective;
     exports.ɵa = SdForDirective;