@webilix/ngx-form-m3 0.0.1

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

@@ -0,0 +1,13 @@
+import { FormControl } from '@angular/forms';
+import { IInputConfig } from '../input.interface';
+import { IInputTextarea } from './input-textarea.interface';
+import * as i0 from "@angular/core";
+export declare class InputTextareaComponent {
+    readonly formControl: FormControl;
+    readonly input: IInputTextarea;
+    readonly config: IInputConfig;
+    focused: boolean;
+    constructor(formControl: FormControl, input: IInputTextarea, config: IInputConfig);
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,15 @@
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { InputMethods, IInput } from '../input.interface';
+export interface IInputTextarea extends IInput {
+    readonly type: 'TEXTAREA';
+    readonly title: string;
+    readonly height?: number;
+    readonly autoHeight?: boolean;
+    readonly maxHeight?: number;
+    readonly maxLength?: number;
+    readonly counter?: boolean;
+}
+export declare class InputTextareaMethods extends InputMethods<IInputTextarea, string | null> {
+    control(input: IInputTextarea, validators: ValidatorFn[]): FormControl<string | null>;
+    value(value: any, input: IInputTextarea): string | null;
+}

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

@@ -0,0 +1,57 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { FormGroup, NgForm } from '@angular/forms';
+import { Router } from '@angular/router';
+import { IInputConfig } from './inputs';
+import { INgxFormConfig } from './ngx-form.config';
+import { INgxForm, INgxFormInit, INgxFormValues, NgxFormInputs } from './ngx-form.interface';
+import * as i0 from "@angular/core";
+interface IRow {
+    header: string;
+    inputs: NgxFormInputs[];
+    flex: number[];
+}
+interface IColumn {
+    header: string;
+    rows: IRow[];
+}
+interface ISection {
+    header: string;
+    columns: IColumn[];
+    flex: number[];
+}
+export declare class NgxFormComponent implements OnInit, OnChanges, AfterViewInit {
+    private readonly router;
+    private readonly config?;
+    ngForm?: NgForm;
+    onResize: (event: any) => void;
+    ngxForm: INgxForm;
+    onInit: EventEmitter<INgxFormInit>;
+    onSubmit: EventEmitter<INgxFormValues>;
+    onChange: EventEmitter<INgxFormValues>;
+    protected formGroup: FormGroup;
+    protected sections: ISection[];
+    protected hiddenInputs: string[];
+    protected lastValues: INgxFormValues;
+    protected lastSubmit?: Date;
+    protected isMobile: boolean;
+    protected headerClass: string;
+    protected inputConfig: IInputConfig;
+    constructor(router: Router, config?: Partial<INgxFormConfig> | undefined);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    getInputs(): NgxFormInputs[];
+    getValues(): INgxFormValues;
+    setInput(input: NgxFormInputs): void;
+    checkInputs(): void;
+    checkSubmit(): void;
+    setSize(): void;
+    showSection(section: ISection): boolean;
+    showColumn(column: IColumn): boolean;
+    showRow(row: IRow): boolean;
+    showInput(input: NgxFormInputs): boolean;
+    onClick(action: string[] | (() => void)): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxFormComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxFormComponent, "ngx-form", never, { "ngxForm": { "alias": "ngxForm"; "required": true; }; }, { "onInit": "onInit"; "onSubmit": "onSubmit"; "onChange": "onChange"; }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+export interface INgxFormConfig {
+    readonly mobileWidth: number;
+    readonly submitTimeout: number;
+    readonly headerClass: string;
+    readonly enClass: string;
+    readonly descriptionClass: string;
+}
+export declare const NGX_FORM_CONFIG: InjectionToken<Partial<INgxFormConfig>>;
+export declare const provideNgxFormConfig: (config: Partial<INgxFormConfig>) => EnvironmentProviders;

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

@@ -0,0 +1,42 @@
+import { FormGroup, NgForm } from '@angular/forms';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { IInputEmail, IInputMobile, IInputName, IInputPassword, IInputSelect, IInputText, IInputTextarea } from './inputs';
+export type NgxFormInputs = IInputEmail | IInputMobile | IInputName | IInputPassword | IInputSelect | IInputText | IInputTextarea;
+type Inputs = NgxFormInputs | {
+    readonly header: string;
+    readonly input: NgxFormInputs;
+} | {
+    readonly header?: string;
+    readonly inputs: NgxFormInputs[];
+    readonly flex?: number[];
+};
+interface INgxFormColumn {
+    readonly header?: string;
+    readonly rows: Inputs[];
+}
+export interface INgxForm {
+    readonly submit: string;
+    readonly inputs: (Inputs | {
+        readonly header?: string;
+        readonly columns: INgxFormColumn[];
+        readonly flex?: number[];
+    })[];
+    readonly buttons?: INgxFormButton[];
+    readonly mobileView?: boolean;
+    readonly appearance?: MatFormFieldAppearance;
+    updateValues?: (values: INgxFormValues) => {
+        [key: string]: any;
+    };
+}
+export interface INgxFormInit {
+    readonly formGroup?: FormGroup;
+    readonly ngForm?: NgForm;
+}
+export interface INgxFormButton {
+    readonly title: string;
+    readonly action: string[] | (() => void);
+}
+export interface INgxFormValues {
+    [key: string]: any;
+}
+export {};

package/lib/pipes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-error.pipe';
+export * from './multi-line.pipe';

package/lib/pipes/input-error.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { ValidationErrors } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class InputErrorPipe implements PipeTransform {
+    transform(errors: ValidationErrors | null | undefined, type: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputErrorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InputErrorPipe, "InputErrorPipe", true>;
+}

package/lib/pipes/multi-line.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class MultiLinePipe implements PipeTransform {
+    private readonly sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(value: string, config?: {
+        html?: boolean;
+    }): string | SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiLinePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MultiLinePipe, "MultiLinePipe", true>;
+}

package/lib/validators/index.d.ts

@@ -0,0 +1 @@
+export * from './length.validator';

package/lib/validators/length.validator.d.ts

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

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@webilix/ngx-form-m3",
+  "version": "0.0.1",
+  "author": "Ali Amirnezhad",
+  "description": "Persian form library for Angular and Material 3",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webilix/ngx-form-m3.git"
+  },
+  "keywords": [
+    "angular",
+    "form",
+    "persian",
+    "farsi",
+    "material 3"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/webilix/ngx-form-m3/issues"
+  },
+  "homepage": "https://github.com/webilix/ngx-form-m3#readme",
+  "peerDependencies": {
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@angular/forms": ">=19.0.0",
+    "@angular/material": ">=19.0.1",
+    "@webilix/helper-library": ">=6.0.2",
+    "ngx-mask": ">=19.0.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/webilix-ngx-form-m3.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/webilix-ngx-form-m3.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/ngx-form.component';
+export * from './lib/ngx-form.config';
+export * from './lib/ngx-form.interface';