rd-outer-component 0.1.67 → 0.1.69

package/lib/modules/custom-input-amount/custom-input-amount.component.d.ts

@@ -9,6 +9,10 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
     label: string;
     /** Optional display text shown to the right of the amount label. */
     amountBalanceLabel: string;
+    showMax: boolean;
+    /** Available balance, independent of the transaction limit in `max`. */
+    maxAmount?: string | number | null;
+    maxLabel: string;
     symbol: string;
     name: string;
     placeholder: string;
@@ -35,6 +39,10 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
     constructor(cdr: ChangeDetectorRef, translate: TranslateService);
     get currentErrorMessage(): string;
     get showError(): boolean;
+    get maxDisabled(): boolean;
+    get showMaxButton(): boolean;
+    private get availableMaxAmount();
+    selectMax(): void;
     handleValueChange(value: string): void;
     onBlur(): void;
     onFocus(): void;
@@ -45,5 +53,5 @@ export declare class CustomInputAmountComponent implements ControlValueAccessor,
     validate(control: AbstractControl): ValidationErrors | null;
     writeValue(value: string | number | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomInputAmountComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputAmountComponent, "app-rd-input-amount", never, { "lang": "lang"; "label": "label"; "amountBalanceLabel": "amountBalanceLabel"; "symbol": "symbol"; "name": "name"; "placeholder": "placeholder"; "disabled": "disabled"; "min": "min"; "max": "max"; "nzPrecision": "nzPrecision"; "allowNegativeNumbers": "allowNegativeNumbers"; "required": "required"; "nzSize": "nzSize"; "errorMessages": "errorMessages"; "clearError": "clearError"; }, { "blur": "blur"; "focus": "focus"; "valueChange": "valueChange"; }, never, ["[slot='token']", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomInputAmountComponent, "app-rd-input-amount", never, { "lang": "lang"; "label": "label"; "amountBalanceLabel": "amountBalanceLabel"; "showMax": "showMax"; "maxAmount": "maxAmount"; "maxLabel": "maxLabel"; "symbol": "symbol"; "name": "name"; "placeholder": "placeholder"; "disabled": "disabled"; "min": "min"; "max": "max"; "nzPrecision": "nzPrecision"; "allowNegativeNumbers": "allowNegativeNumbers"; "required": "required"; "nzSize": "nzSize"; "errorMessages": "errorMessages"; "clearError": "clearError"; }, { "blur": "blur"; "focus": "focus"; "valueChange": "valueChange"; }, never, ["[slot='token']", "*"], false, never>;
 }

package/lib/modules/custom-input-amount/custom-input-amount.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "ng-zorro-antd/input";
 import * as i5 from "ngx-mask";
 import * as i6 from "@ngx-translate/core";
+import * as i7 from "../rd-button/rd-button.module";
 export declare class RdInputAmountModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RdInputAmountModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RdInputAmountModule, [typeof i1.CustomInputAmountComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzInputModule, typeof i5.NgxMaskModule, typeof i6.TranslateModule], [typeof i1.CustomInputAmountComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdInputAmountModule, [typeof i1.CustomInputAmountComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i3.FormsModule, typeof i4.NzInputModule, typeof i5.NgxMaskModule, typeof i6.TranslateModule, typeof i7.RdButtonModule], [typeof i1.CustomInputAmountComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RdInputAmountModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rd-outer-component",
-  "version": "0.1.67",
+  "version": "0.1.69",
   "peerDependencies": {
     "@angular/common": "15.2.10",
     "@angular/core": "15.2.10",

package/src/lib/assets/scss/form-item.scss

@@ -178,6 +178,10 @@ textarea[disabled] {
 
     &-symbol {
       flex-shrink: 0;
+      font-size: 24px;
+      font-weight: 500;
+      line-height: 34px;
+      color: var(--rd-copy-primary);
     }
   }
 
@@ -196,7 +200,8 @@ textarea[disabled] {
     border-color: var(--rd-input-fg-disable);
 
     .rd-item-label,
-    .rd-item-content-value {
+    .rd-item-content-value,
+    .rd-item-content-symbol {
       background: var(--rd-input-bg-disable);
       color: var(--rd-copy-disable);
     }