mis-crystal-design-system 18.2.9 → 18.2.11
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/async-search-dropdown/async-dropdown.component.d.ts +9 -23
- package/datepicker_v2/tz-datepicker.directive.d.ts +2 -2
- package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +2 -2
- package/dropdown/dropdown.component.d.ts +2 -1
- package/esm2022/async-search-dropdown/async-dropdown.component.mjs +58 -63
- package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +3 -3
- package/esm2022/dropdown/dropdown.component.mjs +5 -4
- package/esm2022/slider/slider.component.mjs +2 -2
- package/esm2022/table/table.component.mjs +2 -2
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +57 -62
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +2 -2
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-dropdown.mjs +4 -3
- package/fesm2022/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-slider.mjs +2 -2
- package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-table.mjs +2 -2
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
- package/package.json +1 -1
- package/specificdatepicker/tz-specificdatepicker.directive.d.ts +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, OnInit, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { AbstractControl, UntypedFormControl } from '@angular/forms';
|
|
3
3
|
import { Overlay } from '@angular/cdk/overlay';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -6,9 +6,7 @@ type IListData = any;
|
|
|
6
6
|
export declare class AsyncDropdownComponent implements OnInit, OnDestroy {
|
|
7
7
|
private overlay;
|
|
8
8
|
private viewContainerRef;
|
|
9
|
-
|
|
10
|
-
private injector;
|
|
11
|
-
constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, _ngZone: NgZone, injector: Injector);
|
|
9
|
+
constructor(overlay: Overlay, viewContainerRef: ViewContainerRef);
|
|
12
10
|
height: import("@angular/core").InputSignal<string>;
|
|
13
11
|
width: import("@angular/core").InputSignal<string>;
|
|
14
12
|
size: import("@angular/core").InputSignal<"md" | "sm">;
|
|
@@ -29,6 +27,7 @@ export declare class AsyncDropdownComponent implements OnInit, OnDestroy {
|
|
|
29
27
|
customPlaceholderIcon: import("@angular/core").InputSignal<string>;
|
|
30
28
|
selections: import("@angular/core").InputSignal<Map<string, any>>;
|
|
31
29
|
searchValue: import("@angular/core").InputSignal<any>;
|
|
30
|
+
noResultsText: import("@angular/core").InputSignal<string>;
|
|
32
31
|
onSelect: import("@angular/core").OutputEmitterRef<any>;
|
|
33
32
|
searchQueryChange: import("@angular/core").OutputEmitterRef<string>;
|
|
34
33
|
clear: import("@angular/core").OutputEmitterRef<boolean>;
|
|
@@ -44,24 +43,11 @@ export declare class AsyncDropdownComponent implements OnInit, OnDestroy {
|
|
|
44
43
|
private overlayRef?;
|
|
45
44
|
private searchSubscription?;
|
|
46
45
|
private controlSubscription?;
|
|
47
|
-
opened:
|
|
48
|
-
loading:
|
|
49
|
-
error:
|
|
50
|
-
openPopUpOnTab:
|
|
51
|
-
data:
|
|
52
|
-
/**
|
|
53
|
-
* Tracks the last selected value to prevent dropdown from reopening when:
|
|
54
|
-
* - Input regains focus after selection (showing selected value)
|
|
55
|
-
* - Parent component re-renders and triggers change detection
|
|
56
|
-
* - User hasn't actually typed a new search query
|
|
57
|
-
*
|
|
58
|
-
* This is necessary because the input serves dual purposes:
|
|
59
|
-
* 1. Search input (user types, triggers API calls)
|
|
60
|
-
* 2. Display selected value (shows what was selected)
|
|
61
|
-
*
|
|
62
|
-
* Without this, setting the input value after selection would trigger
|
|
63
|
-
* the search subscription, causing unwanted API calls and dropdown reopening.
|
|
64
|
-
*/
|
|
46
|
+
opened: boolean;
|
|
47
|
+
loading: boolean;
|
|
48
|
+
error: boolean;
|
|
49
|
+
openPopUpOnTab: boolean;
|
|
50
|
+
data: IListData[];
|
|
65
51
|
private lastSelectedValue;
|
|
66
52
|
ngOnInit(): void;
|
|
67
53
|
ngOnChanges(): void;
|
|
@@ -105,6 +91,6 @@ export declare class AsyncDropdownComponent implements OnInit, OnDestroy {
|
|
|
105
91
|
*/
|
|
106
92
|
defaultCall(): void;
|
|
107
93
|
static ɵfac: i0.ɵɵFactoryDeclaration<AsyncDropdownComponent, never>;
|
|
108
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AsyncDropdownComponent, "mis-async-search-dropdown", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "httpStream": { "alias": "httpStream"; "required": true; "isSignal": true; }; "displayKey": { "alias": "displayKey"; "required": false; "isSignal": true; }; "secondaryDisplayKey": { "alias": "secondaryDisplayKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "minInputLength": { "alias": "minInputLength"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disableCopyPaste": { "alias": "disableCopyPaste"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "customPlaceholderIcon": { "alias": "customPlaceholderIcon"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "searchQueryChange": "searchQueryChange"; "clear": "clear"; "itemSelected": "itemSelected"; "itemRemoved": "itemRemoved"; }, ["customItem", "customLoader"], never, false, never>;
|
|
94
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AsyncDropdownComponent, "mis-async-search-dropdown", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "httpStream": { "alias": "httpStream"; "required": true; "isSignal": true; }; "displayKey": { "alias": "displayKey"; "required": false; "isSignal": true; }; "secondaryDisplayKey": { "alias": "secondaryDisplayKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "minInputLength": { "alias": "minInputLength"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "uniqueKey": { "alias": "uniqueKey"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disableCopyPaste": { "alias": "disableCopyPaste"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "customPlaceholderIcon": { "alias": "customPlaceholderIcon"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "searchQueryChange": "searchQueryChange"; "clear": "clear"; "itemSelected": "itemSelected"; "itemRemoved": "itemRemoved"; }, ["customItem", "customLoader"], never, false, never>;
|
|
109
95
|
}
|
|
110
96
|
export {};
|
|
@@ -12,8 +12,8 @@ export declare class TzDatepickerDirective implements OnInit {
|
|
|
12
12
|
selectedDate: import("@angular/core").InputSignal<string>;
|
|
13
13
|
datesDisabled: import("@angular/core").InputSignal<string[]>;
|
|
14
14
|
dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
|
|
15
|
-
positionX: import("@angular/core").InputSignal<"
|
|
16
|
-
positionY: import("@angular/core").InputSignal<"
|
|
15
|
+
positionX: import("@angular/core").InputSignal<"start" | "end" | "center">;
|
|
16
|
+
positionY: import("@angular/core").InputSignal<"top" | "bottom" | "center">;
|
|
17
17
|
offsetX: import("@angular/core").InputSignal<number>;
|
|
18
18
|
offsetY: import("@angular/core").InputSignal<number>;
|
|
19
19
|
allowBookingOnDisabledDay: import("@angular/core").InputSignal<boolean>;
|
|
@@ -14,8 +14,8 @@ export declare class TzDaterangepickerDirective {
|
|
|
14
14
|
selectedRangeLabel: import("@angular/core").InputSignal<string>;
|
|
15
15
|
dateMessages: import("@angular/core").InputSignal<IDatePickerToastText[]>;
|
|
16
16
|
enableDateTabbing: import("@angular/core").InputSignal<boolean>;
|
|
17
|
-
positionX: import("@angular/core").InputSignal<"start" | "
|
|
18
|
-
positionY: import("@angular/core").InputSignal<"
|
|
17
|
+
positionX: import("@angular/core").InputSignal<"start" | "end" | "center">;
|
|
18
|
+
positionY: import("@angular/core").InputSignal<"top" | "bottom" | "center">;
|
|
19
19
|
offsetX: import("@angular/core").InputSignal<number>;
|
|
20
20
|
offsetY: import("@angular/core").InputSignal<number>;
|
|
21
21
|
dateChange: import("@angular/core").OutputEmitterRef<ISelectedDatesConfig>;
|
|
@@ -31,6 +31,7 @@ export declare class DropdownComponent {
|
|
|
31
31
|
readonly searchEnabled: import("@angular/core").InputSignal<boolean>;
|
|
32
32
|
readonly selectedItem: import("@angular/core").InputSignal<DropdownItem>;
|
|
33
33
|
readonly noDataMessage: import("@angular/core").InputSignal<string>;
|
|
34
|
+
readonly noResultsText: import("@angular/core").InputSignal<string>;
|
|
34
35
|
readonly multiLine: import("@angular/core").InputSignal<boolean>;
|
|
35
36
|
readonly additionalInfoMessage: import("@angular/core").InputSignal<string>;
|
|
36
37
|
readonly scrollIntoView: import("@angular/core").InputSignal<boolean>;
|
|
@@ -65,7 +66,7 @@ export declare class DropdownComponent {
|
|
|
65
66
|
onCancel(): void;
|
|
66
67
|
closeOnEsc(event: KeyboardEvent): void;
|
|
67
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
68
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mis-dropdown", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "itemSizeForCdk": { "alias": "itemSizeForCdk"; "required": false; "isSignal": true; }; "showOnlyIcon": { "alias": "showOnlyIcon"; "required": false; "isSignal": true; }; "higlightSelectedValue": { "alias": "higlightSelectedValue"; "required": false; "isSignal": true; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "multiLine": { "alias": "multiLine"; "required": false; "isSignal": true; }; "additionalInfoMessage": { "alias": "additionalInfoMessage"; "required": false; "isSignal": true; }; "scrollIntoView": { "alias": "scrollIntoView"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "customStyles": { "alias": "customStyles"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["customItem"], never, false, never>;
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mis-dropdown", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "itemSizeForCdk": { "alias": "itemSizeForCdk"; "required": false; "isSignal": true; }; "showOnlyIcon": { "alias": "showOnlyIcon"; "required": false; "isSignal": true; }; "higlightSelectedValue": { "alias": "higlightSelectedValue"; "required": false; "isSignal": true; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "multiLine": { "alias": "multiLine"; "required": false; "isSignal": true; }; "additionalInfoMessage": { "alias": "additionalInfoMessage"; "required": false; "isSignal": true; }; "scrollIntoView": { "alias": "scrollIntoView"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "customStyles": { "alias": "customStyles"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, ["customItem"], never, false, never>;
|
|
69
70
|
}
|
|
70
71
|
export interface DropdownItem {
|
|
71
72
|
label: any;
|