@foxeltech/angular-ui 0.0.8 → 0.0.10

package/index.d.ts

@@ -521,7 +521,6 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     };
     required: string | boolean;
     disabled: boolean;
-    iconClass?: string;
     suffixIcon?: string;
     class?: any;
     maxlength?: number;
@@ -541,7 +540,7 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     onSuffixClick(): void;
     get displayType(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
 }
 
 declare class SelectComponent extends FxComponent<string | string[]> implements AfterViewInit, OnInit {
@@ -1040,6 +1039,7 @@ declare class DrawerComponent implements OnInit, OnDestroy {
     items: DrawerItem[];
     isExpanded: boolean;
     logo?: string;
+    version?: string;
     toggleExpanded: EventEmitter<boolean>;
     itemClicked: EventEmitter<DrawerItem>;
     expandedItems: Set<string>;
@@ -1058,7 +1058,7 @@ declare class DrawerComponent implements OnInit, OnDestroy {
     getAccordionState(itemId: string): string;
     getDrawerState(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "fx-ui-drawer", never, { "items": { "alias": "items"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; }, { "toggleExpanded": "toggleExpanded"; "itemClicked": "itemClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "fx-ui-drawer", never, { "items": { "alias": "items"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "version": { "alias": "version"; "required": false; }; }, { "toggleExpanded": "toggleExpanded"; "itemClicked": "itemClicked"; }, never, never, false, never>;
 }
 
 declare class ConfirmationDialogComponent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxeltech/angular-ui",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "license": "MIT",
   "main": "bundles/ui.umd.js",
   "module": "fesm2022/foxeltech-angular-ui.mjs",

package/src/lib/ui/components/drawer/drawer.component.html

@@ -23,6 +23,12 @@
         ></ng-container>
       </ng-container>
     </nav>
+
+    <!-- Version -->
+    <div *ngIf="version" class="drawer-version" [matTooltip]="!isExpanded ? version : ''" matTooltipPosition="right">
+      <span *ngIf="isExpanded">{{ version }}</span>
+      <span *ngIf="!isExpanded" class="drawer-version-dot"></span>
+    </div>
   </div>
 
   <!-- Floating Toggle Button on right border -->

package/src/lib/ui/components/input/input.component.html

@@ -33,11 +33,17 @@
         [disabled]="disabled"
       >
         @if (type === 'password') {
-          <i class="material-symbols-outlined text-lg select-none">{{
-            showPassword ? 'visibility_off' : 'visibility'
-          }}</i>
+          <fx-ui-hero-icon
+            [icon]="showPassword ? 'eye-slash' : 'eye'"
+            [size]="18"
+            class="text-text-primary"
+          ></fx-ui-hero-icon>
         } @else if (suffixIcon) {
-          <i [class]="iconClass" class="text-lg select-none">{{ suffixIcon }}</i>
+          <fx-ui-hero-icon
+            [icon]="suffixIcon"
+            [size]="18"
+            class="text-text-primary"
+          ></fx-ui-hero-icon>
         }
       </button>
     }