@webilix/ngx-form-m3 0.0.16 → 0.0.18
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 +44 -11
- package/fesm2022/webilix-ngx-form-m3.mjs.map +1 -1
- package/lib/inputs/multi-select/input-multi-select.component.d.ts +2 -0
- package/lib/inputs/multi-select/input-multi-select.interface.d.ts +5 -0
- package/lib/ngx-form.config.d.ts +2 -0
- package/ngx-form-m3.css +26 -1
- package/package.json +2 -2
|
@@ -13,6 +13,8 @@ export declare class InputMultiSelectComponent implements OnInit {
|
|
|
13
13
|
isButtonDisabled: boolean;
|
|
14
14
|
ids: string[];
|
|
15
15
|
ngOnInit(): void;
|
|
16
|
+
select(type: 'ALL' | 'NONE'): void;
|
|
17
|
+
selectGroup(index: number): void;
|
|
16
18
|
toggleValue(id: string): void;
|
|
17
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputMultiSelectComponent, never>;
|
|
18
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<InputMultiSelectComponent, "ng-component", never, { "values": { "alias": "values"; "required": true; }; "isButtonDisabled": { "alias": "isButtonDisabled"; "required": true; }; }, {}, never, never, true, never>;
|
|
@@ -8,9 +8,14 @@ export interface IInputMultiSelect extends Omit<IInput, 'value' | 'optional' | '
|
|
|
8
8
|
readonly id: string;
|
|
9
9
|
readonly title: string;
|
|
10
10
|
}[];
|
|
11
|
+
readonly groups?: {
|
|
12
|
+
readonly title: string;
|
|
13
|
+
readonly ids: string[];
|
|
14
|
+
}[];
|
|
11
15
|
readonly minCount?: number;
|
|
12
16
|
readonly maxCount?: number;
|
|
13
17
|
readonly listMaxHeight?: number;
|
|
18
|
+
readonly selectButtons?: boolean;
|
|
14
19
|
}
|
|
15
20
|
export declare class InputMultiSelectMethods extends InputMethods<IInputMultiSelect, string[] | null> {
|
|
16
21
|
control(input: IInputMultiSelect, validators: ValidatorFn[]): FormControl<string[] | null>;
|
package/lib/ngx-form.config.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
1
2
|
import { EnvironmentProviders, InjectionToken } from '@angular/core';
|
|
2
3
|
export interface INgxFormConfig {
|
|
3
4
|
readonly mobileWidth: number;
|
|
4
5
|
readonly submitTimeout: number;
|
|
6
|
+
readonly appearance: MatFormFieldAppearance;
|
|
5
7
|
}
|
|
6
8
|
export declare const NGX_FORM_CONFIG: InjectionToken<Partial<INgxFormConfig>>;
|
|
7
9
|
export declare const provideNgxFormConfig: (config: Partial<INgxFormConfig>) => EnvironmentProviders;
|
package/ngx-form-m3.css
CHANGED
|
@@ -156,8 +156,29 @@
|
|
|
156
156
|
|
|
157
157
|
/* INPUTS: MULTI-SELECT */
|
|
158
158
|
.ngx-helper-form-m3-multi-select-input {
|
|
159
|
-
.
|
|
159
|
+
.header {
|
|
160
|
+
display: flex;
|
|
161
|
+
align-items: center;
|
|
162
|
+
column-gap: 0.5rem;
|
|
163
|
+
|
|
160
164
|
padding-bottom: 0.5rem;
|
|
165
|
+
|
|
166
|
+
.title {
|
|
167
|
+
flex: 1;
|
|
168
|
+
width: 0;
|
|
169
|
+
|
|
170
|
+
white-space: nowrap;
|
|
171
|
+
overflow: hidden;
|
|
172
|
+
text-overflow: ellipsis;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
button {
|
|
176
|
+
padding: 0 0.5rem;
|
|
177
|
+
height: auto;
|
|
178
|
+
min-width: auto;
|
|
179
|
+
border-radius: 0;
|
|
180
|
+
font-size: 85%;
|
|
181
|
+
}
|
|
161
182
|
}
|
|
162
183
|
|
|
163
184
|
.options {
|
|
@@ -175,6 +196,10 @@
|
|
|
175
196
|
flex: 1;
|
|
176
197
|
text-align: right;
|
|
177
198
|
}
|
|
199
|
+
|
|
200
|
+
mat-icon.selected {
|
|
201
|
+
color: var(--primary);
|
|
202
|
+
}
|
|
178
203
|
}
|
|
179
204
|
}
|
|
180
205
|
}
|
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.18",
|
|
4
4
|
"author": "Ali Amirnezhad",
|
|
5
5
|
"description": "Persian form library for Angular and Material 3",
|
|
6
6
|
"repository": {
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@angular/material": ">=19.0.4",
|
|
27
27
|
"@webilix/helper-library": ">=6.0.2",
|
|
28
28
|
"@webilix/jalali-date-time": ">=2.0.5",
|
|
29
|
-
"@webilix/ngx-calendar-m3": ">=0.0.
|
|
29
|
+
"@webilix/ngx-calendar-m3": ">=0.0.8",
|
|
30
30
|
"@webilix/ngx-helper-m3": ">=0.0.15",
|
|
31
31
|
"ngx-mask": ">=19.0.6"
|
|
32
32
|
},
|