@webilix/ngx-form-m3 0.0.3 → 0.0.5

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

@@ -28,6 +28,11 @@ export declare class InputComponent implements OnInit {
             readonly methods: import("./input.interface").InputMethods<any, any>;
             readonly component: import("@angular/cdk/portal").ComponentType<any>;
         };
+        DATE: {
+            readonly title: string;
+            readonly methods: import("./input.interface").InputMethods<any, any>;
+            readonly component: import("@angular/cdk/portal").ComponentType<any>;
+        };
         NAME: {
             readonly title: string;
             readonly methods: import("./input.interface").InputMethods<any, any>;

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

@@ -22,8 +22,6 @@ export declare abstract class InputMethods<I /** INPUT **/, V /** VALUE **/> {
 export interface IInputConfig {
     readonly appearance: MatFormFieldAppearance;
     readonly autoFocus?: string;
-    readonly enClass: string;
-    readonly descriptionClass: string;
 }
 export declare const INPUT_CONTROL: InjectionToken<FormControl>;
 export declare const INPUT_TYPE: InjectionToken<any>;

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

package/lib/validators/date/max-date.validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const MaxDateValidator: (max: Date | "NOW") => ValidatorFn;

package/lib/validators/date/min-date.validator.d.ts

@@ -0,0 +1,2 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const MinDateValidator: (min: Date | "NOW") => ValidatorFn;

package/lib/validators/index.d.ts

@@ -1 +1,3 @@
+export * from './date/max-date.validator';
+export * from './date/min-date.validator';
 export * from './length.validator';

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.3",
+  "version": "0.0.5",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {
@@ -20,12 +20,15 @@
   },
   "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"
+    "@webilix/jalali-date-time": ">=2.0.5",
+    "@webilix/ngx-calendar-m3": ">=0.0.4",
+    "@webilix/ngx-helper-m3": ">=0.0.10",
+    "ngx-mask": ">=19.0.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"