@webilix/ngx-form-m3 0.0.66 → 0.0.69

package/ngx-form-m3.css

@@ -44,6 +44,11 @@
     }
 }
 
+/* INPUT PREFIX */
+.ngx-form-m3-input-prefix {
+    display: inline-flex;
+}
+
 /* INPUT DESCRIPTION */
 .ngx-form-m3-input-description {
     font-size: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-form-m3",
-  "version": "0.0.66",
+  "version": "0.0.69",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {

package/types/webilix-ngx-form-m3.d.ts

@@ -4,8 +4,9 @@ import { FormGroup, NgForm, FormControl } from '@angular/forms';
 import { Router } from '@angular/router';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { ComponentType } from '@angular/cdk/portal';
+import { MaskitoMask } from '@maskito/core';
 
-type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputItemList | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputOptionList | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputTag | IInputText | IInputTextarea | IInputTime | IInputUrl | IInputUsername;
+type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputId | IInputIp | IInputItemList | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNationalCode | IInputNumber | IInputOptionList | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputTag | IInputText | IInputTextarea | IInputTime | IInputUrl | IInputUsername;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;
@@ -159,6 +160,19 @@ interface IInputIcon extends Omit<IInput, 'english'> {
     readonly type: 'ICON';
 }
 
+interface IInputId extends Omit<IInput, 'english'> {
+    readonly type: 'ID';
+    readonly showIcon?: boolean;
+    readonly verify?: {
+        readonly minLength?: number;
+        readonly maxLength?: number;
+        readonly useDash?: boolean;
+        readonly useDot?: boolean;
+        readonly canStartWithNumber?: boolean;
+        readonly canEndWithNumber?: boolean;
+    };
+}
+
 interface IInputIp extends Omit<IInput, 'english'> {
     readonly type: 'IP';
     readonly showIcon?: boolean;
@@ -206,6 +220,11 @@ interface IInputName extends Omit<IInput, 'value' | 'hint' | 'english' | 'descri
     readonly value?: INgxFormName | null;
 }
 
+interface IInputNationalCode extends Omit<IInput, 'english'> {
+    readonly type: 'NATIONAL-CODE';
+    readonly showIcon?: boolean;
+}
+
 interface IInputNumber extends Omit<IInput, 'value' | 'english'> {
     readonly type: 'NUMBER';
     readonly title: string;
@@ -281,6 +300,13 @@ interface IInputText extends IInput {
     readonly minLength?: number;
     readonly maxLength?: number;
     readonly readonly?: boolean;
+    readonly pattern?: RegExp;
+    readonly mask?: MaskitoMask;
+    readonly maskChangeNumbers?: boolean;
+    readonly prefix?: string;
+    readonly prefixEnglish?: boolean;
+    readonly suffix?: string;
+    readonly suffixEnglish?: boolean;
 }
 
 interface IInputTextarea extends IInput {