@webilix/ngx-form-m3 0.0.22 → 0.0.24

package/lib/inputs/bank-card/input-bank-card.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { INgxFormValues } from '../../ngx-form.interface';
+import { IInputConfig } from '../input.interface';
+import { IInputBankCard } from './input-bank-card.interface';
+import * as i0 from "@angular/core";
+export declare class InputBankCardComponent implements OnInit {
+    formControl: FormControl;
+    input: IInputBankCard;
+    config: IInputConfig;
+    values: INgxFormValues;
+    isButtonDisabled: boolean;
+    bank: string;
+    inputTransformFn: (value: any) => string;
+    ngOnInit(): void;
+    setBank(card: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputBankCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputBankCardComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/inputs/bank-card/input-bank-card.interface.d.ts

@@ -0,0 +1,10 @@
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { InputMethods, IInput } from '../input.interface';
+export interface IInputBankCard extends Omit<IInput, 'english'> {
+    readonly type: 'BANK-CARD';
+    readonly hideBank?: boolean;
+}
+export declare class InputBankCardMethods extends InputMethods<IInputBankCard, string | null> {
+    control(input: IInputBankCard, validators: ValidatorFn[]): FormControl<string | null>;
+    value(value: any, input: IInputBankCard): string | null;
+}

package/lib/inputs/bank-sheba/input-bank-sheba.component.d.ts

@@ -0,0 +1,16 @@
+import { FormControl } from '@angular/forms';
+import { INgxFormValues } from '../../ngx-form.interface';
+import { IInputConfig } from '../input.interface';
+import { IInputBankSheba } from './input-bank-sheba.interface';
+import * as i0 from "@angular/core";
+export declare class InputBankShebaComponent {
+    formControl: FormControl;
+    input: IInputBankSheba;
+    config: IInputConfig;
+    values: INgxFormValues;
+    isButtonDisabled: boolean;
+    bank: string;
+    inputTransformFn: (value: any) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputBankShebaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputBankShebaComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/inputs/bank-sheba/input-bank-sheba.interface.d.ts

@@ -0,0 +1,10 @@
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { InputMethods, IInput } from '../input.interface';
+export interface IInputBankSheba extends Omit<IInput, 'english'> {
+    readonly type: 'BANK-SHEBA';
+    readonly hideBank?: boolean;
+}
+export declare class InputBankShebaMethods extends InputMethods<IInputBankSheba, string | null> {
+    control(input: IInputBankSheba, validators: ValidatorFn[]): FormControl<string | null>;
+    value(value: any, input: IInputBankSheba): string | null;
+}

package/lib/inputs/index.d.ts

@@ -1,5 +1,9 @@
 export * from './auto-complete/input-auto-complete.component';
 export * from './auto-complete/input-auto-complete.interface';
+export * from './bank-card/input-bank-card.component';
+export * from './bank-card/input-bank-card.interface';
+export * from './bank-sheba/input-bank-sheba.component';
+export * from './bank-sheba/input-bank-sheba.interface';
 export * from './checkbox/input-checkbox.component';
 export * from './checkbox/input-checkbox.interface';
 export * from './color/input-color.component';

package/lib/inputs/input.component.d.ts

@@ -12,102 +12,112 @@ export declare class InputComponent implements OnInit, OnChanges {
         EMAIL: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         PASSWORD: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         URL: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
+        };
+        "BANK-CARD": {
+            readonly title: string;
+            readonly methods: import("./input.interface").InputMethods<any, any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
+        };
+        "BANK-SHEBA": {
+            readonly title: string;
+            readonly methods: import("./input.interface").InputMethods<any, any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         MOBILE: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         "AUTO-COMPLETE": {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         CHECKBOX: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         COLOR: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         COMPONENT: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         COORDINATES: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         DATE: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         FILE: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         ICON: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         IP: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         MOMENT: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         "MULTI-SELECT": {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         NAME: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         NUMBER: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         SELECT: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         TEXT: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
         TEXTAREA: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
-            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+            readonly component: import("@angular/cdk/overlay").ComponentType<any>;
         };
     };
     injector: Injector;

package/lib/ngx-form.interface.d.ts

@@ -1,8 +1,8 @@
 import { InjectionToken } from '@angular/core';
 import { FormControl, FormGroup, NgForm } from '@angular/forms';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { IInputAutoComplete, IInputCheckbox, IInputColor, IInputComponent, IInputCoordinates, IInputDate, IInputEmail, IInputFile, IInputIcon, IInputIp, IInputMobile, IInputMoment, IInputMultiSelect, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
-export type NgxFormInputs = IInputAutoComplete | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
+import { IInputAutoComplete, IInputBankCard, IInputBankSheba, IInputCheckbox, IInputColor, IInputComponent, IInputCoordinates, IInputDate, IInputEmail, IInputFile, IInputIcon, IInputIp, IInputMobile, IInputMoment, IInputMultiSelect, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
+export type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;

package/lib/validators/bank/card.validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const BankCardValidator: () => ValidatorFn;

package/lib/validators/bank/sheba.validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const BankShebaValidator: () => ValidatorFn;

package/lib/validators/index.d.ts

@@ -1,3 +1,5 @@
+export * from './bank/card.validator';
+export * from './bank/sheba.validator';
 export * from './count/max-count.validator';
 export * from './count/min-count.validator';
 export * from './date/max-date.validator';

package/ngx-form-m3.css

@@ -59,6 +59,21 @@
     cursor: default;
 }
 
+/* INPUTS: BANK-CARD */
+.ngx-helper-form-m3-bank-card-input {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    .bank {
+        font-size: 80%;
+    }
+
+    input {
+        flex: 1;
+    }
+}
+
 /* INPUTS: CHECKBOX */
 .ngx-helper-form-m3-checkbox-input {
     display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-form-m3",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {
@@ -20,14 +20,14 @@
   },
   "homepage": "https://github.com/webilix/ngx-form-m3#readme",
   "peerDependencies": {
-    "@angular/common": ">=19.0.5",
-    "@angular/core": ">=19.0.5",
-    "@angular/forms": ">=19.0.5",
-    "@angular/material": ">=19.0.4",
-    "@webilix/helper-library": ">=6.0.2",
+    "@angular/common": ">=19.2.4",
+    "@angular/core": ">=19.2.4",
+    "@angular/forms": ">=19.2.4",
+    "@angular/material": ">=19.2.7",
+    "@webilix/helper-library": ">=6.1.1",
     "@webilix/jalali-date-time": ">=2.0.5",
-    "@webilix/ngx-calendar-m3": ">=0.0.10",
-    "@webilix/ngx-helper-m3": ">=0.0.20",
+    "@webilix/ngx-calendar-m3": ">=0.0.11",
+    "@webilix/ngx-helper-m3": ">=0.0.24",
     "ngx-mask": ">=19.0.6"
   },
   "dependencies": {