ngx-vector-components 5.47.1 → 5.48.0
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/CHANGELOG.md +7 -0
- package/esm2022/lib/components/crud-footer/crud-footer.component.mjs +1 -1
- package/esm2022/lib/components/fields/button/button.component.mjs +6 -3
- package/esm2022/lib/components/fields/data-table/data-table.component.mjs +1 -1
- package/esm2022/lib/components/fields/dropdown-field/dropdown-field.component.mjs +1 -1
- package/esm2022/lib/components/fields/filters/filters.component.mjs +1 -1
- package/esm2022/lib/components/fields/multiselect-field/multiselect-field.component.mjs +43 -4
- package/esm2022/lib/components/fields/text-field/text-field.component.mjs +1 -1
- package/esm2022/lib/components/generic-error-modal/generic-error-modal.component.mjs +1 -1
- package/esm2022/lib/components/generic-modal/generic-modal.component.mjs +1 -1
- package/fesm2022/ngx-vector-components.mjs +57 -16
- package/fesm2022/ngx-vector-components.mjs.map +1 -1
- package/lib/components/badge/badge.component.d.ts +1 -1
- package/lib/components/fields/button/button.component.d.ts +2 -1
- package/lib/components/fields/multiselect-field/multiselect-field.component.d.ts +19 -2
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ export declare class BadgeComponent implements OnInit {
|
|
|
9
9
|
tooltip?: string;
|
|
10
10
|
constructor();
|
|
11
11
|
ngOnInit(): void;
|
|
12
|
-
getStatusColor(): "badge-warning" | "badge-success" | "badge-error" | "badge-info"
|
|
12
|
+
getStatusColor(): "" | "badge-warning" | "badge-success" | "badge-error" | "badge-info";
|
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
14
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "vector-badge", never, { "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "customBackgroundColor": { "alias": "customBackgroundColor"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, false, never>;
|
|
15
15
|
}
|
|
@@ -10,9 +10,10 @@ export declare class ButtonComponent {
|
|
|
10
10
|
noShadow: boolean;
|
|
11
11
|
round: boolean;
|
|
12
12
|
style: any;
|
|
13
|
+
loading: boolean;
|
|
13
14
|
onClick: EventEmitter<any>;
|
|
14
15
|
get styleClass(): string;
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "vector-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "noShadow": { "alias": "noShadow"; "required": false; }; "round": { "alias": "round"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "vector-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "noShadow": { "alias": "noShadow"; "required": false; }; "round": { "alias": "round"; "required": false; }; "style": { "alias": "style"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
17
18
|
}
|
|
18
19
|
export {};
|
|
@@ -2,13 +2,24 @@ import { EventEmitter, Renderer2 } from '@angular/core';
|
|
|
2
2
|
import { ListItem } from '../../../models';
|
|
3
3
|
import { BaseDropdown } from '../../../services';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
type ListItemOptionsFlagType = ListItem & {
|
|
6
|
+
align: 'center' | 'left';
|
|
7
|
+
showDescriptionOnRight: boolean;
|
|
8
|
+
type: 'img' | 'icon';
|
|
9
|
+
iconSource?: string;
|
|
10
|
+
iconSize?: '1em' | '1.25em' | '1.5em' | '1.75em' | '2em';
|
|
11
|
+
iconClass?: string;
|
|
12
|
+
imgSource?: string;
|
|
13
|
+
imgSize?: '15' | '20' | '25';
|
|
14
|
+
imgClass?: string;
|
|
15
|
+
};
|
|
5
16
|
export declare class MultiselectFieldComponent {
|
|
6
17
|
private renderer;
|
|
7
18
|
set pagedSugestion(_pagedSugestion: ListItem[]);
|
|
8
19
|
isRequired: boolean;
|
|
9
20
|
control: any;
|
|
10
21
|
label: string;
|
|
11
|
-
options: ListItem[];
|
|
22
|
+
options: ListItem[] | ListItemOptionsFlagType[];
|
|
12
23
|
filter: boolean;
|
|
13
24
|
showSelectAllOption: boolean;
|
|
14
25
|
display: string;
|
|
@@ -18,6 +29,11 @@ export declare class MultiselectFieldComponent {
|
|
|
18
29
|
initialLoad: boolean;
|
|
19
30
|
service: BaseDropdown | undefined;
|
|
20
31
|
filterVirtualScrool: boolean;
|
|
32
|
+
showHeader: boolean;
|
|
33
|
+
showFlags: boolean;
|
|
34
|
+
private _showFlagsOptions?;
|
|
35
|
+
set showFlagsOptions(value: ListItemOptionsFlagType[]);
|
|
36
|
+
get showFlagsOptions(): ListItemOptionsFlagType[];
|
|
21
37
|
onChange: EventEmitter<any>;
|
|
22
38
|
onClosePanel: EventEmitter<any>;
|
|
23
39
|
private currentSearchQuery;
|
|
@@ -37,5 +53,6 @@ export declare class MultiselectFieldComponent {
|
|
|
37
53
|
private filterListByQuery;
|
|
38
54
|
private setControlValueFromSuggestions;
|
|
39
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectFieldComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectFieldComponent, "vector-multiselect-field", never, { "pagedSugestion": { "alias": "pagedSugestion"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showSelectAllOption": { "alias": "showSelectAllOption"; "required": false; }; "display": { "alias": "display"; "required": false; }; "paged": { "alias": "paged"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minLengthToService": { "alias": "minLengthToService"; "required": false; }; "initialLoad": { "alias": "initialLoad"; "required": false; }; "service": { "alias": "service"; "required": false; }; "filterVirtualScrool": { "alias": "filterVirtualScrool"; "required": false; }; }, { "onChange": "onChange"; "onClosePanel": "onClosePanel"; }, never, never, false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectFieldComponent, "vector-multiselect-field", never, { "pagedSugestion": { "alias": "pagedSugestion"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "showSelectAllOption": { "alias": "showSelectAllOption"; "required": false; }; "display": { "alias": "display"; "required": false; }; "paged": { "alias": "paged"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minLengthToService": { "alias": "minLengthToService"; "required": false; }; "initialLoad": { "alias": "initialLoad"; "required": false; }; "service": { "alias": "service"; "required": false; }; "filterVirtualScrool": { "alias": "filterVirtualScrool"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showFlags": { "alias": "showFlags"; "required": false; }; "showFlagsOptions": { "alias": "showFlagsOptions"; "required": false; }; }, { "onChange": "onChange"; "onClosePanel": "onClosePanel"; }, never, never, false, never>;
|
|
41
57
|
}
|
|
58
|
+
export {};
|