@webilix/ngx-form-m3 0.0.2 → 0.0.4

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

@@ -3,12 +3,10 @@ import { IInputConfig } from '../input.interface';
 import { IInputMobile } from './input-mobile.interface';
 import * as i0 from "@angular/core";
 export declare class InputMobileComponent {
-    readonly formControl: FormControl;
-    readonly input: IInputMobile;
-    readonly config: IInputConfig;
-    focused: boolean;
+    formControl: FormControl;
+    input: IInputMobile;
+    config: IInputConfig;
     inputTransformFn: (value: any) => string;
-    constructor(formControl: FormControl, input: IInputMobile, config: IInputConfig);
     static ɵfac: i0.ɵɵFactoryDeclaration<InputMobileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputMobileComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -4,12 +4,11 @@ import { IInputConfig } from '../input.interface';
 import { IInputName } from './input-name.interface';
 import * as i0 from "@angular/core";
 export declare class InputNameComponent implements OnInit {
-    readonly formControl: FormControl;
-    readonly input: IInputName;
-    readonly config: IInputConfig;
+    formControl: FormControl;
+    input: IInputName;
+    config: IInputConfig;
     firstFormControl: FormControl;
     lastFormControl: FormControl;
-    constructor(formControl: FormControl, input: IInputName, config: IInputConfig);
     ngOnInit(): void;
     setName(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNameComponent, never>;

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

@@ -3,12 +3,10 @@ import { IInputConfig } from '../input.interface';
 import { IInputPassword } from './input-password.interface';
 import * as i0 from "@angular/core";
 export declare class InputPasswordComponent {
-    readonly formControl: FormControl;
-    readonly input: IInputPassword;
-    readonly config: IInputConfig;
-    focused: boolean;
+    formControl: FormControl;
+    input: IInputPassword;
+    config: IInputConfig;
     showPassword: boolean;
-    constructor(formControl: FormControl, input: IInputPassword, config: IInputConfig);
     static ɵfac: i0.ɵɵFactoryDeclaration<InputPasswordComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputPasswordComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -3,11 +3,9 @@ import { IInputConfig } from '../input.interface';
 import { IInputSelect } from './input-select.interface';
 import * as i0 from "@angular/core";
 export declare class InputSelectComponent {
-    readonly formControl: FormControl;
-    readonly input: IInputSelect;
-    readonly config: IInputConfig;
-    focused: boolean;
-    constructor(formControl: FormControl, input: IInputSelect, config: IInputConfig);
+    formControl: FormControl;
+    input: IInputSelect;
+    config: IInputConfig;
     getTitle(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "ng-component", never, {}, {}, never, never, true, never>;

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

@@ -3,11 +3,9 @@ import { IInputConfig } from '../input.interface';
 import { IInputText } from './input-text.interface';
 import * as i0 from "@angular/core";
 export declare class InputTextComponent {
-    readonly formControl: FormControl;
-    readonly input: IInputText;
-    readonly config: IInputConfig;
-    focused: boolean;
-    constructor(formControl: FormControl, input: IInputText, config: IInputConfig);
+    formControl: FormControl;
+    input: IInputText;
+    config: IInputConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -3,11 +3,10 @@ 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;
+    formControl: FormControl;
+    input: IInputTextarea;
+    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/ngx-form.component.d.ts

@@ -34,7 +34,6 @@ export declare class NgxFormComponent implements OnInit, OnChanges, AfterViewIni
     protected lastValues: INgxFormValues;
     protected lastSubmit?: Date;
     protected isMobile: boolean;
-    protected headerClass: string;
     protected inputConfig: IInputConfig;
     constructor(router: Router, config?: Partial<INgxFormConfig> | undefined);
     ngOnInit(): void;

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

@@ -2,9 +2,6 @@ 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

@@ -1,7 +1,7 @@
 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;
+import { IInputColor, IInputEmail, IInputMobile, IInputName, IInputPassword, IInputSelect, IInputText, IInputTextarea } from './inputs';
+export type NgxFormInputs = IInputColor | IInputEmail | IInputMobile | IInputName | IInputPassword | IInputSelect | IInputText | IInputTextarea;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;

package/ngx-form-m3.css

@@ -0,0 +1,60 @@
+/* COLUMN AND SECTION HEADER */
+.ngx-form-m3-header {
+    font-size: 15px;
+    background-color: var(--mdc-filled-text-field-container-color);
+    border-width: 0;
+    border-radius: 0;
+    border-right: 2px solid var(--secondary-fixed);
+    color: var(--secondary);
+    padding: 1rem;
+}
+
+/* FORM BUTOTNS */
+.ngx-form-m3-form-buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    column-gap: 1rem;
+
+    margin-top: 1rem;
+}
+.ngx-form-m3-form-buttons.mobile-view {
+    button[type='submit'] {
+        flex: 1;
+    }
+}
+
+/* ENGLISH VALUES */
+.ngx-form-m3-en {
+    direction: ltr;
+    font-family: Roboto, 'Helvetica Neue', sans-serif !important;
+}
+
+/* INPUT SUFFIX */
+.ngx-form-m3-input-suffix {
+    display: inline-flex;
+
+    mat-icon {
+        padding-right: 0.5rem;
+    }
+}
+.ngx-form-m3-input-suffix.click {
+    mat-icon {
+        cursor: pointer;
+    }
+}
+
+/* INPUT DESCRIPTION */
+.ngx-form-m3-input-description {
+    font-size: 12px;
+    line-height: 18px;
+    color: var(--outline);
+    text-align: justify;
+    margin-top: 0.5rem;
+}
+
+/* DISABLED INPUTS */
+.ngx-form-m3-disabled-input {
+    opacity: 0.4;
+    cursor: default;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-form-m3",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {
@@ -20,12 +20,12 @@
   },
   "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",
+    "@angular/common": ">=19.0.4",
+    "@angular/core": ">=19.0.4",
+    "@angular/forms": ">=19.0.4",
+    "@angular/material": ">=19.0.3",
     "@webilix/helper-library": ">=6.0.2",
-    "ngx-mask": ">=19.0.1"
+    "ngx-mask": ">=19.0.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"