@webilix/ngx-form-m3 0.0.20 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/webilix-ngx-form-m3.mjs +10 -4
- package/fesm2022/webilix-ngx-form-m3.mjs.map +1 -1
- package/lib/inputs/coordinates/input-coordinates.component.d.ts +1 -0
- package/lib/inputs/select/input-select.component.d.ts +1 -0
- package/lib/inputs/select/input-select.interface.d.ts +1 -0
- package/ngx-form-m3.css +36 -0
- package/package.json +2 -2
|
@@ -14,6 +14,7 @@ export declare class InputCoordinatesComponent {
|
|
|
14
14
|
coordinates?: INgxHelperCoordinates;
|
|
15
15
|
constructor(ngxHelperCoordinatesService: NgxHelperCoordinatesService);
|
|
16
16
|
setCoordinates(): void;
|
|
17
|
+
resetCoordinates(): void;
|
|
17
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputCoordinatesComponent, never>;
|
|
18
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<InputCoordinatesComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
|
|
19
20
|
}
|
|
@@ -9,6 +9,7 @@ export declare class InputSelectComponent {
|
|
|
9
9
|
config: IInputConfig;
|
|
10
10
|
values: INgxFormValues;
|
|
11
11
|
isButtonDisabled: boolean;
|
|
12
|
+
searchQuery: string;
|
|
12
13
|
getTitle(): string;
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputSelectComponent, never>;
|
|
14
15
|
static ɵcmp: i0.ɵɵComponentDeclaration<InputSelectComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
|
|
@@ -7,6 +7,7 @@ export interface IInputSelect extends IInput {
|
|
|
7
7
|
readonly id: string;
|
|
8
8
|
readonly title: string;
|
|
9
9
|
}[];
|
|
10
|
+
readonly hideSearch?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare class InputSelectMethods extends InputMethods<IInputSelect, string | null> {
|
|
12
13
|
control(input: IInputSelect, validators: ValidatorFn[]): FormControl<string | null>;
|
package/ngx-form-m3.css
CHANGED
|
@@ -107,6 +107,11 @@
|
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
/* INPUTS: COORDINATES */
|
|
111
|
+
.ngx-helper-form-m3-coordinates-input {
|
|
112
|
+
cursor: pointer;
|
|
113
|
+
}
|
|
114
|
+
|
|
110
115
|
/* INPUTS: ICON */
|
|
111
116
|
.ngx-helper-form-m3-icon-input {
|
|
112
117
|
display: flex;
|
|
@@ -213,3 +218,34 @@
|
|
|
213
218
|
flex: 1;
|
|
214
219
|
}
|
|
215
220
|
}
|
|
221
|
+
|
|
222
|
+
/* INPUTS: SELECT */
|
|
223
|
+
.ngx-helper-form-m3-select-input {
|
|
224
|
+
position: sticky;
|
|
225
|
+
top: 0;
|
|
226
|
+
z-index: 1;
|
|
227
|
+
|
|
228
|
+
input {
|
|
229
|
+
padding: 0.75rem 0.5rem;
|
|
230
|
+
border-radius: 0;
|
|
231
|
+
border-width: 0;
|
|
232
|
+
border-bottom: 1px solid var(--outline-variant);
|
|
233
|
+
outline: none;
|
|
234
|
+
width: 100%;
|
|
235
|
+
direction: rtl;
|
|
236
|
+
|
|
237
|
+
box-sizing: border-box;
|
|
238
|
+
color: var(--on-surface);
|
|
239
|
+
background-color: var(--surface-container-highest);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
input.ngx-form-m3-en {
|
|
243
|
+
direction: ltr;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
input::placeholder {
|
|
247
|
+
font-family: Yekan;
|
|
248
|
+
text-align: right;
|
|
249
|
+
direction: rtl;
|
|
250
|
+
}
|
|
251
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webilix/ngx-form-m3",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.21",
|
|
4
4
|
"author": "Ali Amirnezhad",
|
|
5
5
|
"description": "Persian form library for Angular and Material 3",
|
|
6
6
|
"repository": {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"@webilix/helper-library": ">=6.0.2",
|
|
28
28
|
"@webilix/jalali-date-time": ">=2.0.5",
|
|
29
29
|
"@webilix/ngx-calendar-m3": ">=0.0.9",
|
|
30
|
-
"@webilix/ngx-helper-m3": ">=0.0.
|
|
30
|
+
"@webilix/ngx-helper-m3": ">=0.0.19",
|
|
31
31
|
"ngx-mask": ">=19.0.6"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|