@huntsman-cancer-institute/input 16.0.0 → 17.0.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.
Files changed (54) hide show
  1. package/date/date-base.d.ts +65 -65
  2. package/date/date-date-range.component.d.ts +32 -32
  3. package/date/date-date.component.d.ts +53 -53
  4. package/date/date-validator.d.ts +17 -17
  5. package/date/date.module.d.ts +16 -16
  6. package/dropdown/dropdown-index.d.ts +6 -6
  7. package/dropdown/dropdown-select-result.component.d.ts +23 -23
  8. package/dropdown/dropdown-select.component.d.ts +76 -76
  9. package/dropdown/dropdown.component.d.ts +40 -40
  10. package/dropdown/dropdown.module.d.ts +13 -13
  11. package/dropdown/dropdown.service.d.ts +51 -51
  12. package/dropdown/messages.d.ts +11 -11
  13. package/dropdown/select-item.d.ts +16 -16
  14. package/dropdown/template-dropdown.directive.d.ts +12 -12
  15. package/esm2022/date/date-base.mjs +114 -114
  16. package/esm2022/date/date-date-range.component.mjs +92 -92
  17. package/esm2022/date/date-date.component.mjs +189 -189
  18. package/esm2022/date/date-validator.mjs +40 -40
  19. package/esm2022/date/date.module.mjs +60 -60
  20. package/esm2022/dropdown/dropdown-index.mjs +5 -5
  21. package/esm2022/dropdown/dropdown-select-result.component.mjs +85 -85
  22. package/esm2022/dropdown/dropdown-select.component.mjs +360 -360
  23. package/esm2022/dropdown/dropdown.component.mjs +170 -170
  24. package/esm2022/dropdown/dropdown.module.mjs +50 -50
  25. package/esm2022/dropdown/dropdown.service.mjs +133 -133
  26. package/esm2022/dropdown/messages.mjs +9 -9
  27. package/esm2022/dropdown/select-item.mjs +11 -11
  28. package/esm2022/dropdown/template-dropdown.directive.mjs +26 -26
  29. package/esm2022/huntsman-cancer-institute-input.mjs +4 -4
  30. package/esm2022/index.mjs +19 -19
  31. package/esm2022/inline/inline.component.mjs +179 -179
  32. package/esm2022/inline/inline.module.mjs +28 -28
  33. package/esm2022/search/search.component.mjs +157 -157
  34. package/esm2022/search/search.module.mjs +32 -32
  35. package/esm2022/select/custom-combobox.component.mjs +531 -531
  36. package/esm2022/select/custom-multi-combobox.component.mjs +232 -232
  37. package/esm2022/select/md-multi-select.component.mjs +127 -127
  38. package/esm2022/select/md-select.component.mjs +107 -107
  39. package/esm2022/select/native-select.component.mjs +188 -188
  40. package/esm2022/select/select.module.mjs +83 -83
  41. package/fesm2022/huntsman-cancer-institute-input.mjs +2797 -2797
  42. package/fesm2022/huntsman-cancer-institute-input.mjs.map +1 -1
  43. package/index.d.ts +20 -20
  44. package/inline/inline.component.d.ts +66 -66
  45. package/inline/inline.module.d.ts +9 -9
  46. package/package.json +16 -8
  47. package/search/search.component.d.ts +42 -42
  48. package/search/search.module.d.ts +10 -10
  49. package/select/custom-combobox.component.d.ts +98 -98
  50. package/select/custom-multi-combobox.component.d.ts +50 -50
  51. package/select/md-multi-select.component.d.ts +32 -32
  52. package/select/md-select.component.d.ts +30 -30
  53. package/select/native-select.component.d.ts +37 -37
  54. package/select/select.module.d.ts +21 -21
package/index.d.ts CHANGED
@@ -1,20 +1,20 @@
1
- export { DropdownSelectResultComponent } from "./dropdown/dropdown-index";
2
- export { DropdownSelectComponent } from "./dropdown/dropdown-index";
3
- export { DropdownComponent } from "./dropdown/dropdown.component";
4
- export { DropdownModule } from "./dropdown/dropdown-index";
5
- export { TemplateDropdownDirective } from "./dropdown/dropdown-index";
6
- export { SelectItem } from "./dropdown/dropdown-index";
7
- export { DROPDOWN_TYPE } from "./dropdown/dropdown-index";
8
- export { DateComponent } from "./date/date-date.component";
9
- export { DateRangeComponent } from "./date/date-date-range.component";
10
- export { DateModule } from "./date/date.module";
11
- export { InlineComponent } from "./inline/inline.component";
12
- export { InlineModule } from "./inline/inline.module";
13
- export { SelectModule } from "./select/select.module";
14
- export { MdSelectComponent } from "./select/md-select.component";
15
- export { MdMultiSelectComponent } from "./select/md-multi-select.component";
16
- export { NativeSelectComponent } from "./select/native-select.component";
17
- export { CustomComboBoxComponent } from "./select/custom-combobox.component";
18
- export { CustomMultiComboBoxComponent } from "./select/custom-multi-combobox.component";
19
- export { SearchComponent } from "./search/search.component";
20
- export { SearchModule } from "./search/search.module";
1
+ export { DropdownSelectResultComponent } from "./dropdown/dropdown-index";
2
+ export { DropdownSelectComponent } from "./dropdown/dropdown-index";
3
+ export { DropdownComponent } from "./dropdown/dropdown.component";
4
+ export { DropdownModule } from "./dropdown/dropdown-index";
5
+ export { TemplateDropdownDirective } from "./dropdown/dropdown-index";
6
+ export { SelectItem } from "./dropdown/dropdown-index";
7
+ export { DROPDOWN_TYPE } from "./dropdown/dropdown-index";
8
+ export { DateComponent } from "./date/date-date.component";
9
+ export { DateRangeComponent } from "./date/date-date-range.component";
10
+ export { DateModule } from "./date/date.module";
11
+ export { InlineComponent } from "./inline/inline.component";
12
+ export { InlineModule } from "./inline/inline.module";
13
+ export { SelectModule } from "./select/select.module";
14
+ export { MdSelectComponent } from "./select/md-select.component";
15
+ export { MdMultiSelectComponent } from "./select/md-multi-select.component";
16
+ export { NativeSelectComponent } from "./select/native-select.component";
17
+ export { CustomComboBoxComponent } from "./select/custom-combobox.component";
18
+ export { CustomMultiComboBoxComponent } from "./select/custom-multi-combobox.component";
19
+ export { SearchComponent } from "./search/search.component";
20
+ export { SearchModule } from "./search/search.module";
@@ -1,66 +1,66 @@
1
- import { TemplateRef } from "@angular/core";
2
- import { ControlValueAccessor, NgModel } from "@angular/forms";
3
- import * as i0 from "@angular/core";
4
- /**
5
- * This component is designed to take any input as ng-content and wrap it such that it renders as a string. When hovering
6
- * over, a border and edit icon is shown. Upon clicking, it enters edit mode and the passed in input is rendered. The
7
- * bound ngModel is wrapped in an intermediary. This component binds a separate internal value to the wrapped component.
8
- * This allows the user to cancel out and not update the ngModel bound to this component.
9
- */
10
- export declare class InlineComponent implements ControlValueAccessor {
11
- renderTemplate: TemplateRef<any>;
12
- noValueMessage: string;
13
- editMode: boolean;
14
- value: any;
15
- modifiedValue: any;
16
- ngModelRef: NgModel;
17
- onChange: (value: any) => void;
18
- onTouched: () => void;
19
- /**
20
- * Called when the model updates and we need to up the view.
21
- *
22
- * @param value
23
- */
24
- writeValue(value: any): void;
25
- /**
26
- * Register the function that is called when the value changes in the value.
27
- *
28
- * @param {(value: any) => void} fn
29
- */
30
- registerOnChange(fn: (value: any) => void): void;
31
- /**
32
- * Register the function called to update the model on blur.
33
- *
34
- * @param {() => void} fn
35
- */
36
- registerOnTouched(fn: () => void): void;
37
- /**
38
- * Set the editMode. If true then tell the passed in input to bind the current modified value.
39
- *
40
- * @param {boolean} editMode
41
- */
42
- setEditMode(event: MouseEvent, editMode: boolean): void;
43
- /**
44
- * Cancel edit mode which resets the modified value.
45
- */
46
- cancel(): void;
47
- /**
48
- * Update the value with the modified value and call the onChange function so two way binding is updated with this component.
49
- */
50
- save(): void;
51
- /**
52
- * The component to wrap must be named with #input and have a ngModel directive. When the content is set here, we
53
- * read the ngModel and set the model as well as listen to changes.
54
- *
55
- * @param {NgModel} ngModel
56
- */
57
- set contentChild(ngModel: NgModel);
58
- /**
59
- * If the click target is outside the inline input then cancel it.
60
- *
61
- * @param {MouseEvent} event
62
- */
63
- documentClick(event: MouseEvent): void;
64
- static ɵfac: i0.ɵɵFactoryDeclaration<InlineComponent, never>;
65
- static ɵcmp: i0.ɵɵComponentDeclaration<InlineComponent, "hci-inline-input", never, { "noValueMessage": { "alias": "noValueMessage"; "required": false; }; }, {}, ["renderTemplate", "contentChild"], ["*"], false, never>;
66
- }
1
+ import { TemplateRef } from "@angular/core";
2
+ import { ControlValueAccessor, NgModel } from "@angular/forms";
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * This component is designed to take any input as ng-content and wrap it such that it renders as a string. When hovering
6
+ * over, a border and edit icon is shown. Upon clicking, it enters edit mode and the passed in input is rendered. The
7
+ * bound ngModel is wrapped in an intermediary. This component binds a separate internal value to the wrapped component.
8
+ * This allows the user to cancel out and not update the ngModel bound to this component.
9
+ */
10
+ export declare class InlineComponent implements ControlValueAccessor {
11
+ renderTemplate: TemplateRef<any>;
12
+ noValueMessage: string;
13
+ editMode: boolean;
14
+ value: any;
15
+ modifiedValue: any;
16
+ ngModelRef: NgModel;
17
+ onChange: (value: any) => void;
18
+ onTouched: () => void;
19
+ /**
20
+ * Called when the model updates and we need to up the view.
21
+ *
22
+ * @param value
23
+ */
24
+ writeValue(value: any): void;
25
+ /**
26
+ * Register the function that is called when the value changes in the value.
27
+ *
28
+ * @param {(value: any) => void} fn
29
+ */
30
+ registerOnChange(fn: (value: any) => void): void;
31
+ /**
32
+ * Register the function called to update the model on blur.
33
+ *
34
+ * @param {() => void} fn
35
+ */
36
+ registerOnTouched(fn: () => void): void;
37
+ /**
38
+ * Set the editMode. If true then tell the passed in input to bind the current modified value.
39
+ *
40
+ * @param {boolean} editMode
41
+ */
42
+ setEditMode(event: MouseEvent, editMode: boolean): void;
43
+ /**
44
+ * Cancel edit mode which resets the modified value.
45
+ */
46
+ cancel(): void;
47
+ /**
48
+ * Update the value with the modified value and call the onChange function so two way binding is updated with this component.
49
+ */
50
+ save(): void;
51
+ /**
52
+ * The component to wrap must be named with #input and have a ngModel directive. When the content is set here, we
53
+ * read the ngModel and set the model as well as listen to changes.
54
+ *
55
+ * @param {NgModel} ngModel
56
+ */
57
+ set contentChild(ngModel: NgModel);
58
+ /**
59
+ * If the click target is outside the inline input then cancel it.
60
+ *
61
+ * @param {MouseEvent} event
62
+ */
63
+ documentClick(event: MouseEvent): void;
64
+ static ɵfac: i0.ɵɵFactoryDeclaration<InlineComponent, never>;
65
+ static ɵcmp: i0.ɵɵComponentDeclaration<InlineComponent, "hci-inline-input", never, { "noValueMessage": { "alias": "noValueMessage"; "required": false; }; }, {}, ["renderTemplate", "contentChild"], ["*"], false, never>;
66
+ }
@@ -1,9 +1,9 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./inline.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/forms";
5
- export declare class InlineModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<InlineModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<InlineModule, [typeof i1.InlineComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.InlineComponent]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<InlineModule>;
9
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./inline.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ export declare class InlineModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<InlineModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<InlineModule, [typeof i1.InlineComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.InlineComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<InlineModule>;
9
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@huntsman-cancer-institute/input",
3
- "version": "16.0.0",
3
+ "version": "17.0.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git@gitlab.com:huntsman-cancer-institute/risr/ng/hci-ng-lib.git"
@@ -10,20 +10,28 @@
10
10
  "access": "public"
11
11
  },
12
12
  "peerDependencies": {
13
- "@angular/animations": "^16.x",
13
+ "@angular/animations": "^17.x",
14
14
  "@angular/cdk": "^16.x",
15
- "@angular/common": "^16.x",
16
- "@angular/core": "^16.x",
17
- "@angular/forms": "^16.x",
15
+ "@angular/common": "^17.x",
16
+ "@angular/core": "^17.x",
17
+ "@angular/forms": "^17.x",
18
18
  "@angular/material": "^16.x",
19
19
  "moment": "^2.27.0",
20
- "@ng-bootstrap/ng-bootstrap": "^15.0.0",
21
- "@circlon/angular-tree-component": "^11.0.4"
20
+ "@ng-bootstrap/ng-bootstrap": "^15.x",
21
+ "@huntsman-cancer-institute/angular-tree-component": "^13.x"
22
22
  },
23
23
  "dependencies": {
24
- "@huntsman-cancer-institute/dictionary-service": "^16.x",
24
+ "@huntsman-cancer-institute/dictionary-service": "^17.x",
25
25
  "tslib": "^2.3.0"
26
26
  },
27
+ "overrides": {
28
+ "@ng-bootstrap/ng-bootstrap": {
29
+ "@angular/common": ">=16.0.0",
30
+ "@angular/core": ">=16.0.0",
31
+ "@angular/forms": ">=16.0.0",
32
+ "@angular/localize": ">=16.0.0"
33
+ }
34
+ },
27
35
  "module": "fesm2022/huntsman-cancer-institute-input.mjs",
28
36
  "typings": "index.d.ts",
29
37
  "exports": {
@@ -1,42 +1,42 @@
1
- import { ChangeDetectorRef, EventEmitter, SimpleChanges } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- /**
4
- * I'm just screwing around with some ideas here, beware of actually using any of this code.
5
- */
6
- export declare class SearchComponent {
7
- private changeDetectorRef;
8
- CHILD_NODE: string;
9
- search: string;
10
- isArray: boolean;
11
- isIncludeChildren: boolean;
12
- anyComponent: any;
13
- input: string;
14
- data: any[];
15
- dataFiltered: EventEmitter<any[]>;
16
- constructor(changeDetectorRef: ChangeDetectorRef);
17
- ngAfterViewInit(): void;
18
- ngOnChanges(changes: SimpleChanges): void;
19
- /**
20
- * A tree or a grid? Who knows.
21
- *
22
- * @param {KeyboardEvent} event
23
- */
24
- doSearch(searchBox: string): void;
25
- filterArray(data: any[]): any[];
26
- /**
27
- * Recursive tree search. It will include parent nodes if a leaf node matches the search string.
28
- *
29
- * @param {any[]} data
30
- * @returns {any[]}
31
- */
32
- filterTree(data: any[]): any[];
33
- /**
34
- * Recursive tree search. It will include children nodes if a parent node matches the search string.
35
- *
36
- * @param {any[]} data
37
- * @returns {any[]}
38
- */
39
- filterTreeIncludeChildren(data: any[]): any[];
40
- static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "hci-search", never, { "isArray": { "alias": "isArray"; "required": false; }; "isIncludeChildren": { "alias": "isIncludeChildren"; "required": false; }; "anyComponent": { "alias": "anyComponent"; "required": false; }; "input": { "alias": "input"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "dataFiltered": "dataFiltered"; }, never, never, false, never>;
42
- }
1
+ import { ChangeDetectorRef, EventEmitter, SimpleChanges } from "@angular/core";
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * I'm just screwing around with some ideas here, beware of actually using any of this code.
5
+ */
6
+ export declare class SearchComponent {
7
+ private changeDetectorRef;
8
+ CHILD_NODE: string;
9
+ search: string;
10
+ isArray: boolean;
11
+ isIncludeChildren: boolean;
12
+ anyComponent: any;
13
+ input: string;
14
+ data: any[];
15
+ dataFiltered: EventEmitter<any[]>;
16
+ constructor(changeDetectorRef: ChangeDetectorRef);
17
+ ngAfterViewInit(): void;
18
+ ngOnChanges(changes: SimpleChanges): void;
19
+ /**
20
+ * A tree or a grid? Who knows.
21
+ *
22
+ * @param {KeyboardEvent} event
23
+ */
24
+ doSearch(searchBox: string): void;
25
+ filterArray(data: any[]): any[];
26
+ /**
27
+ * Recursive tree search. It will include parent nodes if a leaf node matches the search string.
28
+ *
29
+ * @param {any[]} data
30
+ * @returns {any[]}
31
+ */
32
+ filterTree(data: any[]): any[];
33
+ /**
34
+ * Recursive tree search. It will include children nodes if a parent node matches the search string.
35
+ *
36
+ * @param {any[]} data
37
+ * @returns {any[]}
38
+ */
39
+ filterTreeIncludeChildren(data: any[]): any[];
40
+ static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
41
+ static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "hci-search", never, { "isArray": { "alias": "isArray"; "required": false; }; "isIncludeChildren": { "alias": "isIncludeChildren"; "required": false; }; "anyComponent": { "alias": "anyComponent"; "required": false; }; "input": { "alias": "input"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "dataFiltered": "dataFiltered"; }, never, never, false, never>;
42
+ }
@@ -1,10 +1,10 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./search.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/forms";
5
- import * as i4 from "@ng-bootstrap/ng-bootstrap";
6
- export declare class SearchModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<SearchModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<SearchModule, [typeof i1.SearchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NgbModule], [typeof i1.SearchComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<SearchModule>;
10
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./search.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ import * as i4 from "@ng-bootstrap/ng-bootstrap";
6
+ export declare class SearchModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<SearchModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SearchModule, [typeof i1.SearchComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NgbModule], [typeof i1.SearchComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<SearchModule>;
10
+ }
@@ -1,98 +1,98 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
2
- import { AbstractControl, ControlValueAccessor, UntypedFormControl } from "@angular/forms";
3
- import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
4
- import { MatLegacyAutocompleteTrigger as MatAutocompleteTrigger } from "@angular/material/legacy-autocomplete";
5
- import { ListRange } from "@angular/cdk/collections";
6
- import { ListKeyManager, Highlightable } from '@angular/cdk/a11y';
7
- import { LegacyFloatLabelType as FloatLabelType } from "@angular/material/legacy-form-field";
8
- import * as i0 from "@angular/core";
9
- export declare class CustomComboBoxComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
10
- private cdr;
11
- private injector;
12
- optionSizePx: number;
13
- numOptionsToShow: number;
14
- maxOptionsToShow: number;
15
- customViewportClass: string;
16
- set customFieldClasses(value: string);
17
- get customFieldClasses(): string;
18
- set customOptionClasses(value: string);
19
- get customOptionClasses(): string;
20
- label: string;
21
- placeholder: string;
22
- temporaryPlaceholder: boolean;
23
- tooltip: string;
24
- allowNone: boolean;
25
- selectTextOnOpen: boolean;
26
- _cdkFocusInitial: any;
27
- cdkFocusInitial: string;
28
- _tabindex: any;
29
- tabindex: number;
30
- forceShowNone: boolean;
31
- options: any[];
32
- allowLoader: boolean;
33
- isOpen: boolean;
34
- loadedOptions: any[];
35
- valueField: string;
36
- private forceEmitObject;
37
- displayField: string;
38
- appearance: string;
39
- floatLabel: FloatLabelType;
40
- defineErrors: any;
41
- private _showLoader;
42
- private _customFieldClasses;
43
- private _customOptionClasses;
44
- outerControl: AbstractControl;
45
- innerControl: UntypedFormControl;
46
- private ignoreInnerControlChanges;
47
- private subs;
48
- private noNgControl;
49
- selectedIndex: number;
50
- keyManager: ListKeyManager<Highlightable>;
51
- viewportRenderRange: ListRange;
52
- viewportVisibleRange: ListRange;
53
- activeValue: any;
54
- clickInProgress: boolean;
55
- optionSelected: EventEmitter<any>;
56
- optionChanged: EventEmitter<any>;
57
- optionsLoaded: EventEmitter<any[]>;
58
- viewport: CdkVirtualScrollViewport;
59
- inputElement: ElementRef;
60
- autoCompleteTrigger: MatAutocompleteTrigger;
61
- private onChangeFn;
62
- private onTouchedFn;
63
- displayFn: (opt?: any) => string | undefined;
64
- constructor(cdr: ChangeDetectorRef, injector: Injector);
65
- ngOnInit(): void;
66
- ngAfterViewInit(): void;
67
- ngOnChanges(changes: SimpleChanges): void;
68
- writeValue(obj: any): void;
69
- registerOnChange(fn: any): void;
70
- registerOnTouched(fn: any): void;
71
- setDisabledState(isDisabled: boolean): void;
72
- getError(): string;
73
- private loadOnlyCurrentValue;
74
- private filterOptions;
75
- showLoader(): boolean;
76
- open(): void;
77
- close(): void;
78
- onOpened(): void;
79
- onClosed(): void;
80
- startClick(): void;
81
- endClick(): void;
82
- onClick(event: MouseEvent): void;
83
- toggleOpen(event: MouseEvent): void;
84
- onKey(event: KeyboardEvent): void;
85
- initActiveItem(): void;
86
- shiftActiveItem(key: string): void;
87
- checkActiveBoundaries(): void;
88
- getActiveIndex(): number;
89
- onFocus(): void;
90
- onFocusOut(): void;
91
- selectOption(opt: any): void;
92
- scrollToSelectedOption(): void;
93
- getOptVal(opt: any, forceObject?: boolean): any;
94
- getOptIndex(optValue: any): number;
95
- ngOnDestroy(): void;
96
- static ɵfac: i0.ɵɵFactoryDeclaration<CustomComboBoxComponent, never>;
97
- static ɵcmp: i0.ɵɵComponentDeclaration<CustomComboBoxComponent, "hci-combobox", never, { "maxOptionsToShow": { "alias": "maxOptionsToShow"; "required": false; }; "customViewportClass": { "alias": "customViewportClass"; "required": false; }; "customFieldClasses": { "alias": "customFieldClasses"; "required": false; }; "customOptionClasses": { "alias": "customOptionClasses"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "temporaryPlaceholder": { "alias": "temporaryPlaceholder"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "allowNone": { "alias": "allowNone"; "required": false; }; "selectTextOnOpen": { "alias": "selectTextOnOpen"; "required": false; }; "cdkFocusInitial": { "alias": "cdkFocusInitial"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "options": { "alias": "options"; "required": false; }; "allowLoader": { "alias": "allowLoader"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "forceEmitObject": { "alias": "forceEmitObject"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "defineErrors": { "alias": "defineErrors"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionChanged": "optionChanged"; "optionsLoaded": "optionsLoaded"; }, never, ["*"], false, never>;
98
- }
1
+ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, SimpleChanges } from "@angular/core";
2
+ import { AbstractControl, ControlValueAccessor, UntypedFormControl } from "@angular/forms";
3
+ import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
4
+ import { MatLegacyAutocompleteTrigger as MatAutocompleteTrigger } from "@angular/material/legacy-autocomplete";
5
+ import { ListRange } from "@angular/cdk/collections";
6
+ import { ListKeyManager, Highlightable } from '@angular/cdk/a11y';
7
+ import { LegacyFloatLabelType as FloatLabelType } from "@angular/material/legacy-form-field";
8
+ import * as i0 from "@angular/core";
9
+ export declare class CustomComboBoxComponent implements AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
10
+ private cdr;
11
+ private injector;
12
+ optionSizePx: number;
13
+ numOptionsToShow: number;
14
+ maxOptionsToShow: number;
15
+ customViewportClass: string;
16
+ set customFieldClasses(value: string);
17
+ get customFieldClasses(): string;
18
+ set customOptionClasses(value: string);
19
+ get customOptionClasses(): string;
20
+ label: string;
21
+ placeholder: string;
22
+ temporaryPlaceholder: boolean;
23
+ tooltip: string;
24
+ allowNone: boolean;
25
+ selectTextOnOpen: boolean;
26
+ _cdkFocusInitial: any;
27
+ cdkFocusInitial: string;
28
+ _tabindex: any;
29
+ tabindex: number;
30
+ forceShowNone: boolean;
31
+ options: any[];
32
+ allowLoader: boolean;
33
+ isOpen: boolean;
34
+ loadedOptions: any[];
35
+ valueField: string;
36
+ private forceEmitObject;
37
+ displayField: string;
38
+ appearance: string;
39
+ floatLabel: FloatLabelType;
40
+ defineErrors: any;
41
+ private _showLoader;
42
+ private _customFieldClasses;
43
+ private _customOptionClasses;
44
+ outerControl: AbstractControl;
45
+ innerControl: UntypedFormControl;
46
+ private ignoreInnerControlChanges;
47
+ private subs;
48
+ private noNgControl;
49
+ selectedIndex: number;
50
+ keyManager: ListKeyManager<Highlightable>;
51
+ viewportRenderRange: ListRange;
52
+ viewportVisibleRange: ListRange;
53
+ activeValue: any;
54
+ clickInProgress: boolean;
55
+ optionSelected: EventEmitter<any>;
56
+ optionChanged: EventEmitter<any>;
57
+ optionsLoaded: EventEmitter<any[]>;
58
+ viewport: CdkVirtualScrollViewport;
59
+ inputElement: ElementRef;
60
+ autoCompleteTrigger: MatAutocompleteTrigger;
61
+ private onChangeFn;
62
+ private onTouchedFn;
63
+ displayFn: (opt?: any) => string | undefined;
64
+ constructor(cdr: ChangeDetectorRef, injector: Injector);
65
+ ngOnInit(): void;
66
+ ngAfterViewInit(): void;
67
+ ngOnChanges(changes: SimpleChanges): void;
68
+ writeValue(obj: any): void;
69
+ registerOnChange(fn: any): void;
70
+ registerOnTouched(fn: any): void;
71
+ setDisabledState(isDisabled: boolean): void;
72
+ getError(): string;
73
+ private loadOnlyCurrentValue;
74
+ private filterOptions;
75
+ showLoader(): boolean;
76
+ open(): void;
77
+ close(): void;
78
+ onOpened(): void;
79
+ onClosed(): void;
80
+ startClick(): void;
81
+ endClick(): void;
82
+ onClick(event: MouseEvent): void;
83
+ toggleOpen(event: MouseEvent): void;
84
+ onKey(event: KeyboardEvent): void;
85
+ initActiveItem(): void;
86
+ shiftActiveItem(key: string): void;
87
+ checkActiveBoundaries(): void;
88
+ getActiveIndex(): number;
89
+ onFocus(): void;
90
+ onFocusOut(): void;
91
+ selectOption(opt: any): void;
92
+ scrollToSelectedOption(): void;
93
+ getOptVal(opt: any, forceObject?: boolean): any;
94
+ getOptIndex(optValue: any): number;
95
+ ngOnDestroy(): void;
96
+ static ɵfac: i0.ɵɵFactoryDeclaration<CustomComboBoxComponent, never>;
97
+ static ɵcmp: i0.ɵɵComponentDeclaration<CustomComboBoxComponent, "hci-combobox", never, { "maxOptionsToShow": { "alias": "maxOptionsToShow"; "required": false; }; "customViewportClass": { "alias": "customViewportClass"; "required": false; }; "customFieldClasses": { "alias": "customFieldClasses"; "required": false; }; "customOptionClasses": { "alias": "customOptionClasses"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "temporaryPlaceholder": { "alias": "temporaryPlaceholder"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "allowNone": { "alias": "allowNone"; "required": false; }; "selectTextOnOpen": { "alias": "selectTextOnOpen"; "required": false; }; "cdkFocusInitial": { "alias": "cdkFocusInitial"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "options": { "alias": "options"; "required": false; }; "allowLoader": { "alias": "allowLoader"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "forceEmitObject": { "alias": "forceEmitObject"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "defineErrors": { "alias": "defineErrors"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionChanged": "optionChanged"; "optionsLoaded": "optionsLoaded"; }, never, ["*"], false, never>;
98
+ }