@webilix/ngx-form-m3 0.0.19 → 0.0.21

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

@@ -0,0 +1,20 @@
+import { FormControl } from '@angular/forms';
+import { INgxHelperCoordinates, NgxHelperCoordinatesService } from '@webilix/ngx-helper-m3';
+import { INgxFormValues } from '../../ngx-form.interface';
+import { IInputConfig } from '../input.interface';
+import { IInputCoordinates } from './input-coordinates.interface';
+import * as i0 from "@angular/core";
+export declare class InputCoordinatesComponent {
+    private readonly ngxHelperCoordinatesService;
+    formControl: FormControl;
+    input: IInputCoordinates;
+    config: IInputConfig;
+    values: INgxFormValues;
+    isButtonDisabled: boolean;
+    coordinates?: INgxHelperCoordinates;
+    constructor(ngxHelperCoordinatesService: NgxHelperCoordinatesService);
+    setCoordinates(): void;
+    resetCoordinates(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCoordinatesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputCoordinatesComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,16 @@
+import { ValidatorFn, FormControl } from '@angular/forms';
+import { InputMethods, IInput } from '../input.interface';
+export interface ICoordinates {
+    latitude: number;
+    longitude: number;
+}
+export interface IInputCoordinates extends Omit<IInput, 'value' | 'english' | 'autoFocus'> {
+    readonly type: 'COORDINATES';
+    readonly value?: ICoordinates | null;
+    readonly center?: ICoordinates;
+    readonly zoom?: number;
+}
+export declare class InputCoordinatesMethods extends InputMethods<IInputCoordinates, ICoordinates | null> {
+    control(input: IInputCoordinates, validators: ValidatorFn[]): FormControl<ICoordinates | null>;
+    value(value: any, input: IInputCoordinates): ICoordinates | null;
+}

package/lib/inputs/index.d.ts

@@ -6,6 +6,8 @@ export * from './color/input-color.component';
 export * from './color/input-color.interface';
 export * from './component/input-component.component';
 export * from './component/input-component.interface';
+export * from './coordinates/input-coordinates.component';
+export * from './coordinates/input-coordinates.interface';
 export * from './date/input-date.component';
 export * from './date/input-date.interface';
 export * from './email/input-email.component';

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

@@ -49,6 +49,11 @@ export declare class InputComponent implements OnInit, OnChanges {
             readonly methods: import("./input.interface").InputMethods<any, any>;
             readonly component: import("@angular/cdk/portal").ComponentType<any>;
         };
+        COORDINATES: {
+            readonly title: string;
+            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>;

package/lib/inputs/multi-select/input-multi-select.interface.d.ts

@@ -3,7 +3,7 @@ import { InputMethods, IInput } from '../input.interface';
 export interface IInputMultiSelect extends Omit<IInput, 'value' | 'optional' | 'autoFocus'> {
     readonly type: 'MULTI-SELECT';
     readonly title: string;
-    readonly value?: string[];
+    readonly value?: string[] | null;
     readonly options: {
         readonly id: string;
         readonly title: string;

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

@@ -9,6 +9,7 @@ export declare class InputSelectComponent {
     config: IInputConfig;
     values: INgxFormValues;
     isButtonDisabled: boolean;
+    searchQuery: string;
     getTitle(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;

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

@@ -7,6 +7,7 @@ export interface IInputSelect extends IInput {
         readonly id: string;
         readonly title: string;
     }[];
+    readonly hideSearch?: boolean;
 }
 export declare class InputSelectMethods extends InputMethods<IInputSelect, string | null> {
     control(input: IInputSelect, validators: ValidatorFn[]): FormControl<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 { IInputAutoComplete, IInputCheckbox, IInputColor, IInputComponent, IInputDate, IInputEmail, IInputFile, IInputIcon, IInputIp, IInputMobile, IInputMoment, IInputMultiSelect, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
-export type NgxFormInputs = IInputAutoComplete | IInputCheckbox | IInputColor | IInputComponent | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
+import { IInputAutoComplete, IInputCheckbox, IInputColor, IInputComponent, IInputCoordinates, IInputDate, IInputEmail, IInputFile, IInputIcon, IInputIp, IInputMobile, IInputMoment, IInputMultiSelect, IInputName, IInputNumber, IInputPassword, IInputSelect, IInputText, IInputTextarea, IInputUrl } from './inputs';
+export type NgxFormInputs = IInputAutoComplete | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputPassword | IInputSelect | IInputText | IInputTextarea | IInputUrl;
 type Inputs = NgxFormInputs | {
     readonly header: string;
     readonly input: NgxFormInputs;

package/ngx-form-m3.css

@@ -107,6 +107,11 @@
     }
 }
 
+/* INPUTS: COORDINATES */
+.ngx-helper-form-m3-coordinates-input {
+    cursor: pointer;
+}
+
 /* INPUTS: ICON */
 .ngx-helper-form-m3-icon-input {
     display: flex;
@@ -213,3 +218,34 @@
         flex: 1;
     }
 }
+
+/* INPUTS: SELECT */
+.ngx-helper-form-m3-select-input {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+
+    input {
+        padding: 0.75rem 0.5rem;
+        border-radius: 0;
+        border-width: 0;
+        border-bottom: 1px solid var(--outline-variant);
+        outline: none;
+        width: 100%;
+        direction: rtl;
+
+        box-sizing: border-box;
+        color: var(--on-surface);
+        background-color: var(--surface-container-highest);
+    }
+
+    input.ngx-form-m3-en {
+        direction: ltr;
+    }
+
+    input::placeholder {
+        font-family: Yekan;
+        text-align: right;
+        direction: rtl;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webilix/ngx-form-m3",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "author": "Ali Amirnezhad",
   "description": "Persian form library for Angular and Material 3",
   "repository": {
@@ -27,7 +27,7 @@
     "@webilix/helper-library": ">=6.0.2",
     "@webilix/jalali-date-time": ">=2.0.5",
     "@webilix/ngx-calendar-m3": ">=0.0.9",
-    "@webilix/ngx-helper-m3": ">=0.0.16",
+    "@webilix/ngx-helper-m3": ">=0.0.19",
     "ngx-mask": ">=19.0.6"
   },
   "dependencies": {