@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.
- package/date/date-base.d.ts +65 -65
- package/date/date-date-range.component.d.ts +32 -32
- package/date/date-date.component.d.ts +53 -53
- package/date/date-validator.d.ts +17 -17
- package/date/date.module.d.ts +16 -16
- package/dropdown/dropdown-index.d.ts +6 -6
- package/dropdown/dropdown-select-result.component.d.ts +23 -23
- package/dropdown/dropdown-select.component.d.ts +76 -76
- package/dropdown/dropdown.component.d.ts +40 -40
- package/dropdown/dropdown.module.d.ts +13 -13
- package/dropdown/dropdown.service.d.ts +51 -51
- package/dropdown/messages.d.ts +11 -11
- package/dropdown/select-item.d.ts +16 -16
- package/dropdown/template-dropdown.directive.d.ts +12 -12
- package/esm2022/date/date-base.mjs +114 -114
- package/esm2022/date/date-date-range.component.mjs +92 -92
- package/esm2022/date/date-date.component.mjs +189 -189
- package/esm2022/date/date-validator.mjs +40 -40
- package/esm2022/date/date.module.mjs +60 -60
- package/esm2022/dropdown/dropdown-index.mjs +5 -5
- package/esm2022/dropdown/dropdown-select-result.component.mjs +85 -85
- package/esm2022/dropdown/dropdown-select.component.mjs +360 -360
- package/esm2022/dropdown/dropdown.component.mjs +170 -170
- package/esm2022/dropdown/dropdown.module.mjs +50 -50
- package/esm2022/dropdown/dropdown.service.mjs +133 -133
- package/esm2022/dropdown/messages.mjs +9 -9
- package/esm2022/dropdown/select-item.mjs +11 -11
- package/esm2022/dropdown/template-dropdown.directive.mjs +26 -26
- package/esm2022/huntsman-cancer-institute-input.mjs +4 -4
- package/esm2022/index.mjs +19 -19
- package/esm2022/inline/inline.component.mjs +179 -179
- package/esm2022/inline/inline.module.mjs +28 -28
- package/esm2022/search/search.component.mjs +157 -157
- package/esm2022/search/search.module.mjs +32 -32
- package/esm2022/select/custom-combobox.component.mjs +531 -531
- package/esm2022/select/custom-multi-combobox.component.mjs +232 -232
- package/esm2022/select/md-multi-select.component.mjs +127 -127
- package/esm2022/select/md-select.component.mjs +107 -107
- package/esm2022/select/native-select.component.mjs +188 -188
- package/esm2022/select/select.module.mjs +83 -83
- package/fesm2022/huntsman-cancer-institute-input.mjs +2797 -2797
- package/fesm2022/huntsman-cancer-institute-input.mjs.map +1 -1
- package/index.d.ts +20 -20
- package/inline/inline.component.d.ts +66 -66
- package/inline/inline.module.d.ts +9 -9
- package/package.json +16 -8
- package/search/search.component.d.ts +42 -42
- package/search/search.module.d.ts +10 -10
- package/select/custom-combobox.component.d.ts +98 -98
- package/select/custom-multi-combobox.component.d.ts +50 -50
- package/select/md-multi-select.component.d.ts +32 -32
- package/select/md-select.component.d.ts +30 -30
- package/select/native-select.component.d.ts +37 -37
- package/select/select.module.d.ts +21 -21
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import { NgModule } from "@angular/core";
|
|
2
|
-
import { CommonModule } from "@angular/common";
|
|
3
|
-
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
4
|
-
import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
|
|
5
|
-
import { DateComponent } from "./date-date.component";
|
|
6
|
-
import { DateRangeComponent } from "./date-date-range.component";
|
|
7
|
-
import { MatLegacyTabsModule as MatTabsModule } from "@angular/material/legacy-tabs";
|
|
8
|
-
import { MatDatepickerModule } from "@angular/material/datepicker";
|
|
9
|
-
import { MatLegacyFormFieldModule as MatFormFieldModule } from "@angular/material/legacy-form-field";
|
|
10
|
-
import { MatNativeDateModule } from "@angular/material/core";
|
|
11
|
-
import { MatLegacyInputModule as MatInputModule } from "@angular/material/legacy-input";
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
export class DateModule {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
16
|
-
DateRangeComponent], imports: [CommonModule,
|
|
17
|
-
FormsModule,
|
|
18
|
-
ReactiveFormsModule,
|
|
19
|
-
NgbModule,
|
|
20
|
-
MatTabsModule,
|
|
21
|
-
MatFormFieldModule,
|
|
22
|
-
MatDatepickerModule,
|
|
23
|
-
MatNativeDateModule,
|
|
24
|
-
MatInputModule], exports: [DateComponent,
|
|
25
|
-
DateRangeComponent] }); }
|
|
26
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
27
|
-
FormsModule,
|
|
28
|
-
ReactiveFormsModule,
|
|
29
|
-
NgbModule,
|
|
30
|
-
MatTabsModule,
|
|
31
|
-
MatFormFieldModule,
|
|
32
|
-
MatDatepickerModule,
|
|
33
|
-
MatNativeDateModule,
|
|
34
|
-
MatInputModule] }); }
|
|
35
|
-
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
37
|
-
type: NgModule,
|
|
38
|
-
args: [{
|
|
39
|
-
imports: [
|
|
40
|
-
CommonModule,
|
|
41
|
-
FormsModule,
|
|
42
|
-
ReactiveFormsModule,
|
|
43
|
-
NgbModule,
|
|
44
|
-
MatTabsModule,
|
|
45
|
-
MatFormFieldModule,
|
|
46
|
-
MatDatepickerModule,
|
|
47
|
-
MatNativeDateModule,
|
|
48
|
-
MatInputModule
|
|
49
|
-
],
|
|
50
|
-
declarations: [
|
|
51
|
-
DateComponent,
|
|
52
|
-
DateRangeComponent
|
|
53
|
-
],
|
|
54
|
-
exports: [
|
|
55
|
-
DateComponent,
|
|
56
|
-
DateRangeComponent
|
|
57
|
-
]
|
|
58
|
-
}]
|
|
59
|
-
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
4
|
+
import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
|
|
5
|
+
import { DateComponent } from "./date-date.component";
|
|
6
|
+
import { DateRangeComponent } from "./date-date-range.component";
|
|
7
|
+
import { MatLegacyTabsModule as MatTabsModule } from "@angular/material/legacy-tabs";
|
|
8
|
+
import { MatDatepickerModule } from "@angular/material/datepicker";
|
|
9
|
+
import { MatLegacyFormFieldModule as MatFormFieldModule } from "@angular/material/legacy-form-field";
|
|
10
|
+
import { MatNativeDateModule } from "@angular/material/core";
|
|
11
|
+
import { MatLegacyInputModule as MatInputModule } from "@angular/material/legacy-input";
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
export class DateModule {
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: DateModule, declarations: [DateComponent,
|
|
16
|
+
DateRangeComponent], imports: [CommonModule,
|
|
17
|
+
FormsModule,
|
|
18
|
+
ReactiveFormsModule,
|
|
19
|
+
NgbModule,
|
|
20
|
+
MatTabsModule,
|
|
21
|
+
MatFormFieldModule,
|
|
22
|
+
MatDatepickerModule,
|
|
23
|
+
MatNativeDateModule,
|
|
24
|
+
MatInputModule], exports: [DateComponent,
|
|
25
|
+
DateRangeComponent] }); }
|
|
26
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DateModule, imports: [CommonModule,
|
|
27
|
+
FormsModule,
|
|
28
|
+
ReactiveFormsModule,
|
|
29
|
+
NgbModule,
|
|
30
|
+
MatTabsModule,
|
|
31
|
+
MatFormFieldModule,
|
|
32
|
+
MatDatepickerModule,
|
|
33
|
+
MatNativeDateModule,
|
|
34
|
+
MatInputModule] }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DateModule, decorators: [{
|
|
37
|
+
type: NgModule,
|
|
38
|
+
args: [{
|
|
39
|
+
imports: [
|
|
40
|
+
CommonModule,
|
|
41
|
+
FormsModule,
|
|
42
|
+
ReactiveFormsModule,
|
|
43
|
+
NgbModule,
|
|
44
|
+
MatTabsModule,
|
|
45
|
+
MatFormFieldModule,
|
|
46
|
+
MatDatepickerModule,
|
|
47
|
+
MatNativeDateModule,
|
|
48
|
+
MatInputModule
|
|
49
|
+
],
|
|
50
|
+
declarations: [
|
|
51
|
+
DateComponent,
|
|
52
|
+
DateRangeComponent
|
|
53
|
+
],
|
|
54
|
+
exports: [
|
|
55
|
+
DateComponent,
|
|
56
|
+
DateRangeComponent
|
|
57
|
+
]
|
|
58
|
+
}]
|
|
59
|
+
}] });
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dC9zcmMvZGF0ZS9kYXRlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsV0FBVyxFQUFFLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFaEUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBRXJELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsbUJBQW1CLElBQUksYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLHdCQUF3QixJQUFJLGtCQUFrQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDckcsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTyxFQUFDLG9CQUFvQixJQUFJLGNBQWMsRUFBQyxNQUFNLGdDQUFnQyxDQUFDOztBQXVCdEYsTUFBTSxPQUFPLFVBQVU7OEdBQVYsVUFBVTsrR0FBVixVQUFVLGlCQVJuQixhQUFhO1lBQ2Isa0JBQWtCLGFBWmxCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLFNBQVM7WUFDVCxhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsY0FBYyxhQU9kLGFBQWE7WUFDYixrQkFBa0I7K0dBR1QsVUFBVSxZQW5CbkIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsU0FBUztZQUNULGFBQWE7WUFDYixrQkFBa0I7WUFDbEIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixjQUFjOzsyRkFXTCxVQUFVO2tCQXJCdEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsU0FBUzt3QkFDVCxhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGNBQWM7cUJBQ2Y7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGFBQWE7d0JBQ2Isa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTt3QkFDYixrQkFBa0I7cUJBQ25CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtDb21tb25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5pbXBvcnQge05nYk1vZHVsZX0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XHJcblxyXG5pbXBvcnQge0RhdGVDb21wb25lbnR9IGZyb20gXCIuL2RhdGUtZGF0ZS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtEYXRlUmFuZ2VDb21wb25lbnR9IGZyb20gXCIuL2RhdGUtZGF0ZS1yYW5nZS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtNYXRMZWdhY3lUYWJzTW9kdWxlIGFzIE1hdFRhYnNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktdGFic1wiO1xyXG5pbXBvcnQgeyBNYXREYXRlcGlja2VyTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXJcIjtcclxuaW1wb3J0IHsgTWF0TGVnYWN5Rm9ybUZpZWxkTW9kdWxlIGFzIE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge01hdE5hdGl2ZURhdGVNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcbmltcG9ydCB7TWF0TGVnYWN5SW5wdXRNb2R1bGUgYXMgTWF0SW5wdXRNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktaW5wdXRcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgTmdiTW9kdWxlLFxyXG4gICAgTWF0VGFic01vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBNYXROYXRpdmVEYXRlTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgRGF0ZUNvbXBvbmVudCxcclxuICAgIERhdGVSYW5nZUNvbXBvbmVudFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgRGF0ZUNvbXBvbmVudCxcclxuICAgIERhdGVSYW5nZUNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGVNb2R1bGUge31cclxuIl19
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { DropdownSelectComponent } from "./dropdown-select.component";
|
|
2
|
-
export { DropdownSelectResultComponent } from "./dropdown-select-result.component";
|
|
3
|
-
export { TemplateDropdownDirective } from "./template-dropdown.directive";
|
|
4
|
-
export { DropdownModule } from "./dropdown.module";
|
|
5
|
-
export { DROPDOWN_TYPE } from "./dropdown.service";
|
|
1
|
+
export { DropdownSelectComponent } from "./dropdown-select.component";
|
|
2
|
+
export { DropdownSelectResultComponent } from "./dropdown-select-result.component";
|
|
3
|
+
export { TemplateDropdownDirective } from "./template-dropdown.directive";
|
|
4
|
+
export { DropdownModule } from "./dropdown.module";
|
|
5
|
+
export { DROPDOWN_TYPE } from "./dropdown.service";
|
|
6
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dC9zcmMvZHJvcGRvd24vZHJvcGRvd24taW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDcEUsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDakYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sK0JBQStCLENBQUE7QUFDdkUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLG1CQUFtQixDQUFDO0FBR2pELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQge0Ryb3Bkb3duU2VsZWN0Q29tcG9uZW50fSBmcm9tIFwiLi9kcm9wZG93bi1zZWxlY3QuY29tcG9uZW50XCI7XHJcbmV4cG9ydCB7RHJvcGRvd25TZWxlY3RSZXN1bHRDb21wb25lbnR9IGZyb20gXCIuL2Ryb3Bkb3duLXNlbGVjdC1yZXN1bHQuY29tcG9uZW50XCI7XHJcbmV4cG9ydCB7VGVtcGxhdGVEcm9wZG93bkRpcmVjdGl2ZX0gZnJvbSBcIi4vdGVtcGxhdGUtZHJvcGRvd24uZGlyZWN0aXZlXCJcclxuZXhwb3J0IHtEcm9wZG93bk1vZHVsZX0gZnJvbSBcIi4vZHJvcGRvd24ubW9kdWxlXCI7XHJcbmV4cG9ydCB7U2VsZWN0SXRlbX0gZnJvbSBcIi4vc2VsZWN0LWl0ZW1cIjtcclxuXHJcbmV4cG9ydCB7RFJPUERPV05fVFlQRX0gZnJvbSBcIi4vZHJvcGRvd24uc2VydmljZVwiO1xyXG4iXX0=
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, TemplateRef } from "@angular/core";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class DropdownSelectResultComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.itemSelectedEvent = new EventEmitter();
|
|
7
|
-
this.activeIndex = 0;
|
|
8
|
-
this.usingKeys = false;
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() { }
|
|
11
|
-
onSelected(item) {
|
|
12
|
-
this.itemSelectedEvent.emit(item);
|
|
13
|
-
}
|
|
14
|
-
onMouseOver(index) {
|
|
15
|
-
if (!this.usingKeys) {
|
|
16
|
-
this.activeIndex = index;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
onHovering(event) {
|
|
20
|
-
this.usingKeys = false;
|
|
21
|
-
}
|
|
22
|
-
isSelected(currentItem) {
|
|
23
|
-
let result = false;
|
|
24
|
-
this.selectedItems.forEach(item => {
|
|
25
|
-
if (item.id === currentItem.id) {
|
|
26
|
-
result = true;
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return result;
|
|
30
|
-
}
|
|
31
|
-
activeNext() {
|
|
32
|
-
if (this.activeIndex >= this.items.length - 1) {
|
|
33
|
-
this.activeIndex = this.items.length - 1;
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
this.activeIndex++;
|
|
37
|
-
}
|
|
38
|
-
this.scrollToElement();
|
|
39
|
-
this.usingKeys = true;
|
|
40
|
-
}
|
|
41
|
-
activePrevious() {
|
|
42
|
-
if (this.activeIndex - 1 < 0) {
|
|
43
|
-
this.activeIndex = 0;
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
this.activeIndex--;
|
|
47
|
-
}
|
|
48
|
-
this.scrollToElement();
|
|
49
|
-
this.usingKeys = true;
|
|
50
|
-
}
|
|
51
|
-
scrollToElement() {
|
|
52
|
-
const element = document.getElementById("item-" + this.activeIndex);
|
|
53
|
-
const container = document.getElementById("resultsContainer");
|
|
54
|
-
if (element) {
|
|
55
|
-
container.scrollTop = element.offsetTop;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
selectCurrentItem() {
|
|
59
|
-
if (this.items[this.activeIndex]) {
|
|
60
|
-
this.onSelected(this.items[this.activeIndex]);
|
|
61
|
-
this.activeIndex = 0;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1
|
+
import { Component, EventEmitter, Input, Output, TemplateRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class DropdownSelectResultComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.itemSelectedEvent = new EventEmitter();
|
|
7
|
+
this.activeIndex = 0;
|
|
8
|
+
this.usingKeys = false;
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() { }
|
|
11
|
+
onSelected(item) {
|
|
12
|
+
this.itemSelectedEvent.emit(item);
|
|
13
|
+
}
|
|
14
|
+
onMouseOver(index) {
|
|
15
|
+
if (!this.usingKeys) {
|
|
16
|
+
this.activeIndex = index;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
onHovering(event) {
|
|
20
|
+
this.usingKeys = false;
|
|
21
|
+
}
|
|
22
|
+
isSelected(currentItem) {
|
|
23
|
+
let result = false;
|
|
24
|
+
this.selectedItems.forEach(item => {
|
|
25
|
+
if (item.id === currentItem.id) {
|
|
26
|
+
result = true;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
return result;
|
|
30
|
+
}
|
|
31
|
+
activeNext() {
|
|
32
|
+
if (this.activeIndex >= this.items.length - 1) {
|
|
33
|
+
this.activeIndex = this.items.length - 1;
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
this.activeIndex++;
|
|
37
|
+
}
|
|
38
|
+
this.scrollToElement();
|
|
39
|
+
this.usingKeys = true;
|
|
40
|
+
}
|
|
41
|
+
activePrevious() {
|
|
42
|
+
if (this.activeIndex - 1 < 0) {
|
|
43
|
+
this.activeIndex = 0;
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.activeIndex--;
|
|
47
|
+
}
|
|
48
|
+
this.scrollToElement();
|
|
49
|
+
this.usingKeys = true;
|
|
50
|
+
}
|
|
51
|
+
scrollToElement() {
|
|
52
|
+
const element = document.getElementById("item-" + this.activeIndex);
|
|
53
|
+
const container = document.getElementById("resultsContainer");
|
|
54
|
+
if (element) {
|
|
55
|
+
container.scrollTop = element.offsetTop;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
selectCurrentItem() {
|
|
59
|
+
if (this.items[this.activeIndex]) {
|
|
60
|
+
this.onSelected(this.items[this.activeIndex]);
|
|
61
|
+
this.activeIndex = 0;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DropdownSelectResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DropdownSelectResultComponent, selector: "hci-dropdown-select-result", inputs: { items: "items", searchFocused: "searchFocused", selectedItems: "selectedItems", templateRef: "templateRef" }, outputs: { itemSelectedEvent: "itemSelectedEvent" }, ngImport: i0, template: `
|
|
66
66
|
<div class="select-results-container" *ngIf="items !== undefined && items.length > 0" id="resultsContainer">
|
|
67
67
|
<div *ngFor="let item of items; let i = index;"
|
|
68
68
|
class="select-result" id="item-{{i}}"
|
|
@@ -75,12 +75,12 @@ export class DropdownSelectResultComponent {
|
|
|
75
75
|
<ng-container *ngIf="!templateRef">{{item.text}}</ng-container>
|
|
76
76
|
</div>
|
|
77
77
|
</div>
|
|
78
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
79
|
-
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
-
type: Component,
|
|
82
|
-
args: [{
|
|
83
|
-
selector: "hci-dropdown-select-result",
|
|
78
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
79
|
+
}
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DropdownSelectResultComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{
|
|
83
|
+
selector: "hci-dropdown-select-result",
|
|
84
84
|
template: `
|
|
85
85
|
<div class="select-results-container" *ngIf="items !== undefined && items.length > 0" id="resultsContainer">
|
|
86
86
|
<div *ngFor="let item of items; let i = index;"
|
|
@@ -94,17 +94,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
94
94
|
<ng-container *ngIf="!templateRef">{{item.text}}</ng-container>
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
|
-
`
|
|
98
|
-
}]
|
|
99
|
-
}], propDecorators: { items: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}], searchFocused: [{
|
|
102
|
-
type: Input
|
|
103
|
-
}], selectedItems: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], templateRef: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], itemSelectedEvent: [{
|
|
108
|
-
type: Output
|
|
109
|
-
}] } });
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
`
|
|
98
|
+
}]
|
|
99
|
+
}], propDecorators: { items: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], searchFocused: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], selectedItems: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], templateRef: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], itemSelectedEvent: [{
|
|
108
|
+
type: Output
|
|
109
|
+
}] } });
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc2VsZWN0LXJlc3VsdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dC9zcmMvZHJvcGRvd24vZHJvcGRvd24tc2VsZWN0LXJlc3VsdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQXFCMUYsTUFBTSxPQUFPLDZCQUE2QjtJQWpCMUM7UUF1Qlksc0JBQWlCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEUsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFDUixjQUFTLEdBQUcsS0FBSyxDQUFDO0tBK0QzQjtJQTdEQyxRQUFRLEtBQUksQ0FBQztJQUViLFVBQVUsQ0FBQyxJQUFnQjtRQUN6QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQUs7UUFDZCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBRUQsVUFBVSxDQUFDLFdBQVc7UUFDcEIsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2hDLElBQUksSUFBSSxDQUFDLEVBQUUsS0FBSyxXQUFXLENBQUMsRUFBRSxFQUFFLENBQUM7Z0JBQy9CLE1BQU0sR0FBRyxJQUFJLENBQUM7WUFDaEIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDM0MsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7UUFDdkIsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDckIsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRSxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFOUQsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNaLFNBQVMsQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLFNBQVMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7UUFDdkIsQ0FBQztJQUNILENBQUM7OEdBdEVVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLCtPQWY5Qjs7Ozs7Ozs7Ozs7OztHQWFUOzsyRkFFVSw2QkFBNkI7a0JBakJ6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO2lCQUNGOzhCQUdVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuaW1wb3J0IHtTZWxlY3RJdGVtfSBmcm9tIFwiLi9zZWxlY3QtaXRlbVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwiaGNpLWRyb3Bkb3duLXNlbGVjdC1yZXN1bHRcIixcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInNlbGVjdC1yZXN1bHRzLWNvbnRhaW5lclwiICpuZ0lmPVwiaXRlbXMgIT09IHVuZGVmaW5lZCAmJiBpdGVtcy5sZW5ndGggPiAwXCIgaWQ9XCJyZXN1bHRzQ29udGFpbmVyXCI+XHJcbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpID0gaW5kZXg7XCJcclxuICAgICAgICAgICBjbGFzcz1cInNlbGVjdC1yZXN1bHRcIiBpZD1cIml0ZW0te3tpfX1cIlxyXG4gICAgICAgICAgIChtb3VzZWRvd24pPVwib25TZWxlY3RlZChpdGVtKVwiIFtjbGFzcy5zZWxlY3RlZF09XCJpc1NlbGVjdGVkKGl0ZW0pXCJcclxuICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IGFjdGl2ZUluZGV4XCJcclxuICAgICAgICAgICAobW91c2VvdmVyKT1cIm9uTW91c2VPdmVyKGkpXCJcclxuICAgICAgICAgICAobW91c2VlbnRlcik9XCJvbkhvdmVyaW5nKCRldmVudClcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlUmVmXCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGl0ZW06IGl0ZW0sICRlbnRpdHk6IGl0ZW0uZW50aXR5LCAkaWQ6IGl0ZW0uaWQsICRpbmRleDogaX1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXRlbXBsYXRlUmVmXCI+e3tpdGVtLnRleHR9fTwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGBcclxufSlcclxuZXhwb3J0IGNsYXNzIERyb3Bkb3duU2VsZWN0UmVzdWx0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgaXRlbXM6IFNlbGVjdEl0ZW1bXTtcclxuICBASW5wdXQoKSBzZWFyY2hGb2N1c2VkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbXM6IFNlbGVjdEl0ZW1bXTtcclxuICBASW5wdXQoKSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PjtcclxuICBAT3V0cHV0KCkgaXRlbVNlbGVjdGVkRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGFjdGl2ZUluZGV4ID0gMDtcclxuICBwcml2YXRlIHVzaW5nS2V5cyA9IGZhbHNlO1xyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIG9uU2VsZWN0ZWQoaXRlbTogU2VsZWN0SXRlbSkge1xyXG4gICAgdGhpcy5pdGVtU2VsZWN0ZWRFdmVudC5lbWl0KGl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZU92ZXIoaW5kZXg6IG51bWJlcikge1xyXG4gICAgaWYgKCF0aGlzLnVzaW5nS2V5cykge1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkhvdmVyaW5nKGV2ZW50KSB7XHJcbiAgICB0aGlzLnVzaW5nS2V5cyA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgaXNTZWxlY3RlZChjdXJyZW50SXRlbSkge1xyXG4gICAgbGV0IHJlc3VsdCA9IGZhbHNlO1xyXG4gICAgdGhpcy5zZWxlY3RlZEl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgIGlmIChpdGVtLmlkID09PSBjdXJyZW50SXRlbS5pZCkge1xyXG4gICAgICAgIHJlc3VsdCA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcblxyXG4gIGFjdGl2ZU5leHQoKSB7XHJcbiAgICBpZiAodGhpcy5hY3RpdmVJbmRleCA+PSB0aGlzLml0ZW1zLmxlbmd0aCAtIDEpIHtcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IHRoaXMuaXRlbXMubGVuZ3RoIC0gMTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXgrKztcclxuICAgIH1cclxuICAgIHRoaXMuc2Nyb2xsVG9FbGVtZW50KCk7XHJcbiAgICB0aGlzLnVzaW5nS2V5cyA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBhY3RpdmVQcmV2aW91cygpIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZUluZGV4IC0gMSA8IDApIHtcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IDA7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4LS07XHJcbiAgICB9XHJcbiAgICB0aGlzLnNjcm9sbFRvRWxlbWVudCgpO1xyXG4gICAgdGhpcy51c2luZ0tleXMgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgc2Nyb2xsVG9FbGVtZW50KCkge1xyXG4gICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwiaXRlbS1cIiArIHRoaXMuYWN0aXZlSW5kZXgpO1xyXG4gICAgY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJyZXN1bHRzQ29udGFpbmVyXCIpO1xyXG5cclxuICAgIGlmIChlbGVtZW50KSB7XHJcbiAgICAgIGNvbnRhaW5lci5zY3JvbGxUb3AgPSBlbGVtZW50Lm9mZnNldFRvcDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNlbGVjdEN1cnJlbnRJdGVtKCkge1xyXG4gICAgaWYgKHRoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF0pIHtcclxuICAgICAgdGhpcy5vblNlbGVjdGVkKHRoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF0pO1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gMDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|