@cqa-lib/cqa-ui 1.0.76 → 1.0.78
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/esm2020/lib/dashboards/dashboard-header/dashboard-header.component.mjs +1 -1
- package/esm2020/lib/dynamic-select/dynamic-select-field.component.mjs +92 -3
- package/esm2020/lib/filters/dynamic-filter/dynamic-filter.component.mjs +5 -5
- package/fesm2015/cqa-lib-cqa-ui.mjs +102 -8
- package/fesm2015/cqa-lib-cqa-ui.mjs.map +1 -1
- package/fesm2020/cqa-lib-cqa-ui.mjs +96 -7
- package/fesm2020/cqa-lib-cqa-ui.mjs.map +1 -1
- package/lib/dynamic-select/dynamic-select-field.component.d.ts +25 -1
- package/package.json +1 -1
|
@@ -27,6 +27,16 @@ export interface DynamicSelectFieldConfig {
|
|
|
27
27
|
selectedValue?: any | any[];
|
|
28
28
|
/** Optional callback invoked whenever the selection changes. */
|
|
29
29
|
onChange?: (value: any, event?: MatSelectChange) => void;
|
|
30
|
+
/** Enable server-side search mode; component will emit search instead of local filtering. */
|
|
31
|
+
serverSearch?: boolean;
|
|
32
|
+
/** Indicates more results are available for infinite scroll. */
|
|
33
|
+
hasMore?: boolean;
|
|
34
|
+
/** Optional loading flag controlled by consumer to show loading state. */
|
|
35
|
+
isLoading?: boolean;
|
|
36
|
+
/** Optional callback for server-side search when query changes. */
|
|
37
|
+
onSearch?: (query: string) => void;
|
|
38
|
+
/** Optional callback when more data is requested (infinite scroll). */
|
|
39
|
+
onLoadMore?: (query?: string) => void;
|
|
30
40
|
options: SelectOption[];
|
|
31
41
|
}
|
|
32
42
|
export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
@@ -39,10 +49,23 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
|
39
49
|
event: MatSelectChange;
|
|
40
50
|
}>;
|
|
41
51
|
selectClick: EventEmitter<void>;
|
|
52
|
+
/** Emits when user types in search box (useful for server search) */
|
|
53
|
+
searchChange: EventEmitter<{
|
|
54
|
+
key: string;
|
|
55
|
+
query: string;
|
|
56
|
+
}>;
|
|
57
|
+
/** Emits when the component requests more data for the current query */
|
|
58
|
+
loadMore: EventEmitter<{
|
|
59
|
+
key: string;
|
|
60
|
+
query: string;
|
|
61
|
+
}>;
|
|
42
62
|
selectRef?: MatSelect;
|
|
43
63
|
hostEl?: ElementRef<HTMLElement>;
|
|
44
64
|
searchTextByKey: Record<string, string>;
|
|
45
65
|
private outsideCleanup?;
|
|
66
|
+
private loadMoreObserver?;
|
|
67
|
+
private lastOptionsLength;
|
|
68
|
+
loadingMore: boolean;
|
|
46
69
|
ngOnInit(): void;
|
|
47
70
|
get displayPlaceholder(): string | undefined;
|
|
48
71
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -69,6 +92,7 @@ export declare class DynamicSelectFieldComponent implements OnInit, OnChanges {
|
|
|
69
92
|
filteredOptions(c: DynamicSelectFieldConfig): SelectOption[];
|
|
70
93
|
onSelectionChange(event: MatSelectChange, select: MatSelect): void;
|
|
71
94
|
handleDocumentClick(event: MouseEvent): void;
|
|
95
|
+
private setupLoadMoreObserver;
|
|
72
96
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSelectFieldComponent, never>;
|
|
73
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; }, never, never>;
|
|
97
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSelectFieldComponent, "cqa-dynamic-select", never, { "form": "form"; "config": "config"; }, { "selectionChange": "selectionChange"; "selectClick": "selectClick"; "searchChange": "searchChange"; "loadMore": "loadMore"; }, never, never>;
|
|
74
98
|
}
|