@webilix/ngx-form-m3 0.0.10 → 0.0.12

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

@@ -0,0 +1,15 @@
+import { FormControl } from '@angular/forms';
+import { INgxFormValues } from '../../ngx-form.interface';
+import { IInputConfig } from '../input.interface';
+import { IInputCheckbox } from './input-checkbox.interface';
+import * as i0 from "@angular/core";
+export declare class InputCheckboxComponent {
+    formControl: FormControl;
+    input: IInputCheckbox;
+    config: IInputConfig;
+    values: INgxFormValues;
+    isButtonDisabled: boolean;
+    toggleValue(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputCheckboxComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/inputs/checkbox/input-checkbox.interface.d.ts

@@ -0,0 +1,11 @@
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { InputMethods, IInput } from '../input.interface';
+export interface IInputCheckbox extends Omit<IInput, 'title' | 'value' | 'autoFocus'> {
+    readonly type: 'CHECKBOX';
+    readonly message: string;
+    readonly value?: boolean;
+}
+export declare class InputCheckboxMethods extends InputMethods<IInputCheckbox, boolean | null> {
+    control(input: IInputCheckbox, validators: ValidatorFn[]): FormControl<boolean | null>;
+    value(value: any, input: IInputCheckbox): boolean | null;
+}

package/lib/inputs/index.d.ts

@@ -1,3 +1,5 @@
+export * from './checkbox/input-checkbox.component';
+export * from './checkbox/input-checkbox.interface';
 export * from './color/input-color.component';
 export * from './color/input-color.interface';
 export * from './component/input-component.component';
@@ -8,6 +10,8 @@ export * from './email/input-email.component';
 export * from './email/input-email.interface';
 export * from './file/input-file.component';
 export * from './file/input-file.interface';
+export * from './ip/input-ip.component';
+export * from './ip/input-ip.interface';
 export * from './mobile/input-mobile.component';
 export * from './mobile/input-mobile.interface';
 export * from './moment/input-moment.component';

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

@@ -29,6 +29,11 @@ export declare class InputComponent implements OnInit, OnChanges {
             readonly methods: import("./input.interface").InputMethods<any, any>;
             readonly component: import("@angular/cdk/portal").ComponentType<any>;
         };
+        CHECKBOX: {
+            readonly title: string;
+            readonly methods: import("./input.interface").InputMethods<any, any>;
+            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+        };
         COLOR: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;
@@ -49,6 +54,11 @@ export declare class InputComponent implements OnInit, OnChanges {
             readonly methods: import("./input.interface").InputMethods<any, any>;
             readonly component: import("@angular/cdk/portal").ComponentType<any>;
         };
+        IP: {
+            readonly title: string;
+            readonly methods: import("./input.interface").InputMethods<any, any>;
+            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+        };
         MOMENT: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;

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

@@ -0,0 +1,14 @@
+import { FormControl } from '@angular/forms';
+import { INgxFormValues } from '../../ngx-form.interface';
+import { IInputConfig } from '../input.interface';
+import { IInputIp } from './input-ip.interface';
+import * as i0 from "@angular/core";
+export declare class InputIpComponent {
+    formControl: FormControl;
+    input: IInputIp;
+    config: IInputConfig;
+    values: INgxFormValues;
+    isButtonDisabled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputIpComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputIpComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/inputs/ip/input-ip.interface.d.ts

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

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 { IInputColor, IInputComponent, IInputDate, IInputEmail, IInputFile, IInputMobile, IInputMoment, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
-export type NgxFormInputs = IInputColor | IInputComponent | IInputDate | IInputEmail | IInputFile | IInputMobile | IInputMoment | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
+import { IInputCheckbox, IInputColor, IInputComponent, IInputDate, IInputEmail, IInputFile, IInputIp, IInputMobile, IInputMoment, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
+export type NgxFormInputs = IInputCheckbox | IInputColor | IInputComponent | IInputDate | IInputEmail | IInputFile | IInputIp | IInputMobile | IInputMoment | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;

package/ngx-form-m3.css

@@ -59,6 +59,20 @@
     cursor: default;
 }
 
+/* INPUTS: CHECKBOX */
+.ngx-helper-form-m3-checkbox-input {
+    display: inline-flex;
+    align-items: flex-start;
+    column-gap: 0.5rem;
+
+    cursor: pointer;
+
+    .message {
+        flex: 1;
+        text-align: right;
+    }
+}
+
 /* INPUTS: COLOR */
 .ngx-helper-form-m3-color-input {
     display: flex;

package/package.json

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