@energycap/components 0.40.2-rxjs-7-upgrade.20241219-1425 → 0.41.1-ECAP-27592-angular-17.20241219-1718
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 → esm2022}/energycap-components.mjs +4 -4
- package/{esm2020 → esm2022}/lib/components.module.mjs +418 -418
- package/{esm2020 → esm2022}/lib/controls/banner/banner.component.mjs +109 -109
- package/{esm2020 → esm2022}/lib/controls/button/button.component.mjs +106 -106
- package/{esm2020 → esm2022}/lib/controls/button/copy-button-base.directive.mjs +67 -67
- package/{esm2020 → esm2022}/lib/controls/button/copy-button.directive.mjs +28 -28
- package/{esm2020 → esm2022}/lib/controls/button/copy-table-button.directive.mjs +43 -43
- package/{esm2020 → esm2022}/lib/controls/calendar/calendar-item.component.mjs +59 -59
- package/{esm2020 → esm2022}/lib/controls/calendar/calendar.component.mjs +200 -200
- package/{esm2020 → esm2022}/lib/controls/calendar/calendar.types.mjs +3 -3
- package/{esm2020 → esm2022}/lib/controls/checkbox/checkbox.component.mjs +140 -140
- package/{esm2020 → esm2022}/lib/controls/collapsible-toggle/collapsible-toggle.component.mjs +38 -38
- package/{esm2020 → esm2022}/lib/controls/combobox/combobox.component.mjs +879 -879
- package/{esm2020 → esm2022}/lib/controls/date-input/date-input.component.mjs +256 -256
- package/{esm2020 → esm2022}/lib/controls/dropdown/dropdown.component.mjs +243 -243
- package/{esm2020 → esm2022}/lib/controls/file-upload/file-upload.component.mjs +261 -261
- package/{esm2020 → esm2022}/lib/controls/form-control/form-control.component.mjs +104 -104
- package/{esm2020 → esm2022}/lib/controls/form-control-base.mjs +151 -151
- package/{esm2020 → esm2022}/lib/controls/form-control-label/form-control-label.component.mjs +136 -136
- package/{esm2020 → esm2022}/lib/controls/form-group/form-group.component.mjs +261 -261
- package/{esm2020 → esm2022}/lib/controls/help-popover/help-popover.component.mjs +31 -31
- package/{esm2020 → esm2022}/lib/controls/item-picker/item-picker.component.mjs +329 -329
- package/{esm2020 → esm2022}/lib/controls/link-button/link-button.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/controls/menu/menu.component.mjs +485 -485
- package/{esm2020 → esm2022}/lib/controls/navigation/link-item.mjs +1 -1
- package/{esm2020 → esm2022}/lib/controls/navigation/nav-group.mjs +38 -38
- package/{esm2020 → esm2022}/lib/controls/navigation/nav-item-active.directive.mjs +92 -92
- package/{esm2020 → esm2022}/lib/controls/navigation/nav-item.mjs +1 -1
- package/{esm2020 → esm2022}/lib/controls/numericbox/numericbox.component.mjs +372 -372
- package/{esm2020 → esm2022}/lib/controls/popover/popover.component.mjs +117 -117
- package/{esm2020 → esm2022}/lib/controls/radio-button/radio-button-option.mjs +2 -2
- package/{esm2020 → esm2022}/lib/controls/radio-button/radio-button.component.mjs +82 -82
- package/{esm2020 → esm2022}/lib/controls/select/select.component.mjs +88 -88
- package/{esm2020 → esm2022}/lib/controls/tabs/tabs.component.mjs +47 -47
- package/{esm2020 → esm2022}/lib/controls/textbox/textbox.component.mjs +155 -155
- package/{esm2020 → esm2022}/lib/core/cache.service.mjs +105 -105
- package/esm2022/lib/core/custom-validators.mjs +29 -0
- package/esm2022/lib/core/date-time-helper.mjs +220 -0
- package/{esm2020 → esm2022}/lib/core/error.service.mjs +61 -61
- package/{esm2020 → esm2022}/lib/core/router-helper.service.mjs +111 -111
- package/{esm2020 → esm2022}/lib/core/scroll.service.mjs +89 -89
- package/{esm2020 → esm2022}/lib/core/telemetry-tracker.service.mjs +16 -16
- package/{esm2020 → esm2022}/lib/core/telemetry.service.mjs +38 -38
- package/{esm2020 → esm2022}/lib/core/validation-message.service.mjs +185 -185
- package/{esm2020 → esm2022}/lib/core/validation-patterns.mjs +30 -30
- package/{esm2020 → esm2022}/lib/core/window.service.mjs +186 -186
- package/{esm2020 → esm2022}/lib/display/app-bar/app-bar.component.mjs +46 -46
- package/esm2022/lib/display/avatar/avatar.component.mjs +67 -0
- package/{esm2020 → esm2022}/lib/display/avatar/avatar.service.mjs +64 -64
- package/{esm2020 → esm2022}/lib/display/confirm/confirm.component.mjs +168 -168
- package/{esm2020 → esm2022}/lib/display/dialog/dialog-content.mjs +1 -1
- package/{esm2020 → esm2022}/lib/display/dialog/dialog-group/dialog-group.component.mjs +63 -63
- package/{esm2020 → esm2022}/lib/display/dialog/dialog-types.mjs +76 -76
- package/{esm2020 → esm2022}/lib/display/dialog/dialog.component.mjs +281 -281
- package/{esm2020 → esm2022}/lib/display/dialog/dialog.service.mjs +71 -71
- package/{esm2020 → esm2022}/lib/display/help/help-types.mjs +1 -1
- package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-base.mjs +111 -111
- package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-mocks.spec.mjs +53 -53
- package/{esm2020 → esm2022}/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.mjs +61 -61
- package/{esm2020 → esm2022}/lib/display/item-display/item-display.component.mjs +81 -81
- package/{esm2020 → esm2022}/lib/display/json-display/json-display.component.mjs +47 -47
- package/{esm2020 → esm2022}/lib/display/resizable/resizable-base.mjs +120 -120
- package/{esm2020 → esm2022}/lib/display/resizable/resizable.component.mjs +52 -52
- package/{esm2020 → esm2022}/lib/display/spinner/spinner.component.mjs +12 -12
- package/{esm2020 → esm2022}/lib/display/splash/splash.component.mjs +42 -42
- package/{esm2020 → esm2022}/lib/display/splash/splash.service.mjs +35 -35
- package/{esm2020 → esm2022}/lib/display/table/resizable-column.component.mjs +20 -20
- package/{esm2020 → esm2022}/lib/display/table/resizable-table.directive.mjs +227 -227
- package/{esm2020 → esm2022}/lib/display/table/searchable-table.component.mjs +342 -342
- package/{esm2020 → esm2022}/lib/display/table/table-detail-row.component.mjs +19 -19
- package/{esm2020 → esm2022}/lib/display/table/table-locked-column.component.mjs +58 -58
- package/{esm2020 → esm2022}/lib/display/table/table-master-header-row.component.mjs +14 -14
- package/{esm2020 → esm2022}/lib/display/table/table-master-row.component.mjs +163 -163
- package/{esm2020 → esm2022}/lib/display/table/table-pagination.component.mjs +155 -155
- package/{esm2020 → esm2022}/lib/display/table/table-selectable-row.component.mjs +235 -235
- package/{esm2020 → esm2022}/lib/display/table/table.component.mjs +249 -249
- package/{esm2020 → esm2022}/lib/display/tags/tag.mjs +17 -17
- package/{esm2020 → esm2022}/lib/display/tags/tags.component.mjs +77 -77
- package/{esm2020 → esm2022}/lib/display/toast/toast/toast.component.mjs +77 -77
- package/{esm2020 → esm2022}/lib/display/toast/toast-types.mjs +7 -7
- package/{esm2020 → esm2022}/lib/display/toast/toast.service.mjs +35 -35
- package/{esm2020 → esm2022}/lib/display/toast/toaster/toaster.component.mjs +114 -114
- package/{esm2020 → esm2022}/lib/display/tooltip/tooltip.component.mjs +28 -28
- package/{esm2020 → esm2022}/lib/display/tooltip/tooltip.service.mjs +78 -78
- package/{esm2020 → esm2022}/lib/display/tooltip-directive/tooltip.directive.mjs +173 -173
- package/{esm2020 → esm2022}/lib/display/tour/tour-types.mjs +33 -33
- package/{esm2020 → esm2022}/lib/display/tour/tour.component.mjs +398 -398
- package/{esm2020 → esm2022}/lib/display/tour/tour.service.mjs +75 -75
- package/{esm2020 → esm2022}/lib/display/tree/tree.component.mjs +135 -135
- package/{esm2020 → esm2022}/lib/display/view-overlay/view-overlay.component.mjs +58 -58
- package/{esm2020 → esm2022}/lib/shared/directives/click-area-for/click-area-for.directive.mjs +32 -32
- package/{esm2020 → esm2022}/lib/shared/directives/if-viewport-width/if-viewport-width.directive.mjs +111 -111
- package/esm2022/lib/shared/directives/popup/popup-container.directive.mjs +166 -0
- package/{esm2020 → esm2022}/lib/shared/display/pipes/date-display.pipe.mjs +50 -50
- package/{esm2020 → esm2022}/lib/shared/display/pipes/highlight-text.pipe.mjs +30 -30
- package/{esm2020 → esm2022}/lib/shared/display/pipes/relative-date.pipe.mjs +62 -62
- package/{esm2020 → esm2022}/lib/shared/display/pipes/row-count.pipe.mjs +48 -48
- package/{esm2020 → esm2022}/lib/shared/display/pipes/time-display.pipe.mjs +41 -41
- package/esm2022/lib/shared/display.mjs +6 -0
- package/esm2022/lib/shared/form-group.helper.mjs +67 -0
- package/{esm2020 → esm2022}/lib/shared/json-helper.mjs +18 -18
- package/esm2022/lib/shared/lodash-helper.mjs +52 -0
- package/{esm2020 → esm2022}/lib/shared/page/page-base/page-base.component.mjs +387 -387
- package/{esm2020 → esm2022}/lib/shared/page/page-statuses.mjs +22 -22
- package/{esm2020 → esm2022}/lib/shared/page/page-title/page-title.component.mjs +23 -23
- package/{esm2020 → esm2022}/lib/shared/page/page-view/page-view.component.mjs +147 -147
- package/{esm2020 → esm2022}/lib/shared/testing/copy-button-base-test-injector-factory.spec.mjs +16 -16
- package/{esm2020 → esm2022}/lib/shared/testing/hierarchy-base-test-injector-factory.spec.mjs +16 -16
- package/{esm2020 → esm2022}/lib/shared/testing/page-base-component-test-helper.spec.mjs +37 -37
- package/esm2022/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +98 -0
- package/{esm2020 → esm2022}/lib/shared/testing/public-mocks.spec.mjs +148 -148
- package/{esm2020 → esm2022}/lib/shared/testing/spy-factory.spec.mjs +39 -39
- package/{esm2020 → esm2022}/lib/shared/testing/translation-mocks.spec.mjs +56 -56
- package/{esm2020 → esm2022}/lib/shared/user-preference.service.mjs +17 -17
- package/{esm2020 → esm2022}/lib/shared/wizard/wizard-base/wizard-base.component.mjs +246 -246
- package/{esm2020 → esm2022}/lib/shared/wizard/wizard-buttons/wizard-buttons.component.mjs +68 -68
- package/{esm2020 → esm2022}/lib/shared/wizard/wizard-progress/wizard-progress.component.mjs +18 -18
- package/{esm2020 → esm2022}/public-api.mjs +114 -114
- package/{fesm2020 → fesm2022}/energycap-components.mjs +11797 -11793
- package/fesm2022/energycap-components.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/components.module.d.ts +91 -91
- package/lib/controls/banner/banner.component.d.ts +50 -50
- package/lib/controls/button/button.component.d.ts +78 -78
- package/lib/controls/button/copy-button-base.directive.d.ts +20 -20
- package/lib/controls/button/copy-button.directive.d.ts +14 -14
- package/lib/controls/button/copy-table-button.directive.d.ts +19 -19
- package/lib/controls/calendar/calendar-item.component.d.ts +17 -17
- package/lib/controls/calendar/calendar.component.d.ts +54 -54
- package/lib/controls/calendar/calendar.types.d.ts +7 -7
- package/lib/controls/checkbox/checkbox.component.d.ts +65 -65
- package/lib/controls/collapsible-toggle/collapsible-toggle.component.d.ts +25 -25
- package/lib/controls/combobox/combobox.component.d.ts +418 -418
- package/lib/controls/date-input/date-input.component.d.ts +80 -80
- package/lib/controls/dropdown/dropdown.component.d.ts +161 -161
- package/lib/controls/file-upload/file-upload.component.d.ts +124 -124
- package/lib/controls/form-control/form-control.component.d.ts +30 -30
- package/lib/controls/form-control-base.d.ts +110 -110
- package/lib/controls/form-control-label/form-control-label.component.d.ts +73 -73
- package/lib/controls/form-group/form-group.component.d.ts +105 -105
- package/lib/controls/help-popover/help-popover.component.d.ts +11 -11
- package/lib/controls/item-picker/item-picker.component.d.ts +164 -164
- package/lib/controls/link-button/link-button.component.d.ts +5 -5
- package/lib/controls/menu/menu.component.d.ts +255 -255
- package/lib/controls/navigation/link-item.d.ts +32 -32
- package/lib/controls/navigation/nav-group.d.ts +18 -18
- package/lib/controls/navigation/nav-item-active.directive.d.ts +42 -42
- package/lib/controls/navigation/nav-item.d.ts +31 -31
- package/lib/controls/numericbox/numericbox.component.d.ts +148 -148
- package/lib/controls/popover/popover.component.d.ts +51 -51
- package/lib/controls/radio-button/radio-button-option.d.ts +19 -19
- package/lib/controls/radio-button/radio-button.component.d.ts +53 -53
- package/lib/controls/select/select.component.d.ts +44 -44
- package/lib/controls/tabs/tabs.component.d.ts +30 -30
- package/lib/controls/textbox/textbox.component.d.ts +107 -107
- package/lib/core/cache.service.d.ts +33 -33
- package/lib/core/custom-validators.d.ts +20 -20
- package/lib/core/date-time-helper.d.ts +101 -101
- package/lib/core/error.service.d.ts +20 -20
- package/lib/core/router-helper.service.d.ts +48 -48
- package/lib/core/scroll.service.d.ts +36 -36
- package/lib/core/telemetry-tracker.service.d.ts +13 -13
- package/lib/core/telemetry.service.d.ts +31 -31
- package/lib/core/validation-message.service.d.ts +26 -26
- package/lib/core/validation-patterns.d.ts +22 -22
- package/lib/core/window.service.d.ts +116 -116
- package/lib/display/app-bar/app-bar.component.d.ts +20 -20
- package/lib/display/avatar/avatar.component.d.ts +35 -35
- package/lib/display/avatar/avatar.service.d.ts +24 -24
- package/lib/display/confirm/confirm.component.d.ts +123 -123
- package/lib/display/dialog/dialog-content.d.ts +19 -19
- package/lib/display/dialog/dialog-group/dialog-group.component.d.ts +32 -32
- package/lib/display/dialog/dialog-types.d.ts +130 -130
- package/lib/display/dialog/dialog.component.d.ts +120 -120
- package/lib/display/dialog/dialog.service.d.ts +48 -48
- package/lib/display/help/help-types.d.ts +33 -33
- package/lib/display/hierarchy/hierarchy-base.d.ts +97 -97
- package/lib/display/hierarchy/hierarchy-mocks.spec.d.ts +53 -53
- package/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.d.ts +34 -34
- package/lib/display/item-display/item-display.component.d.ts +43 -43
- package/lib/display/json-display/json-display.component.d.ts +16 -16
- package/lib/display/resizable/resizable-base.d.ts +67 -67
- package/lib/display/resizable/resizable.component.d.ts +31 -31
- package/lib/display/spinner/spinner.component.d.ts +5 -5
- package/lib/display/splash/splash.component.d.ts +16 -16
- package/lib/display/splash/splash.service.d.ts +22 -22
- package/lib/display/table/resizable-column.component.d.ts +10 -10
- package/lib/display/table/resizable-table.directive.d.ts +93 -93
- package/lib/display/table/searchable-table.component.d.ts +206 -206
- package/lib/display/table/table-detail-row.component.d.ts +8 -8
- package/lib/display/table/table-locked-column.component.d.ts +20 -20
- package/lib/display/table/table-master-header-row.component.d.ts +9 -9
- package/lib/display/table/table-master-row.component.d.ts +113 -113
- package/lib/display/table/table-pagination.component.d.ts +91 -91
- package/lib/display/table/table-selectable-row.component.d.ts +102 -102
- package/lib/display/table/table.component.d.ts +121 -121
- package/lib/display/tags/tag.d.ts +18 -18
- package/lib/display/tags/tags.component.d.ts +48 -48
- package/lib/display/toast/toast/toast.component.d.ts +23 -23
- package/lib/display/toast/toast-types.d.ts +24 -24
- package/lib/display/toast/toast.service.d.ts +20 -20
- package/lib/display/toast/toaster/toaster.component.d.ts +35 -35
- package/lib/display/tooltip/tooltip.component.d.ts +70 -70
- package/lib/display/tooltip/tooltip.service.d.ts +16 -16
- package/lib/display/tooltip-directive/tooltip.directive.d.ts +44 -44
- package/lib/display/tour/tour-types.d.ts +70 -70
- package/lib/display/tour/tour.component.d.ts +147 -147
- package/lib/display/tour/tour.service.d.ts +38 -38
- package/lib/display/tree/tree.component.d.ts +75 -75
- package/lib/display/view-overlay/view-overlay.component.d.ts +38 -38
- package/lib/shared/directives/click-area-for/click-area-for.directive.d.ts +14 -14
- package/lib/shared/directives/if-viewport-width/if-viewport-width.directive.d.ts +60 -60
- package/lib/shared/directives/popup/popup-container.directive.d.ts +101 -101
- package/lib/shared/display/pipes/date-display.pipe.d.ts +21 -21
- package/lib/shared/display/pipes/highlight-text.pipe.d.ts +9 -9
- package/lib/shared/display/pipes/relative-date.pipe.d.ts +36 -36
- package/lib/shared/display/pipes/row-count.pipe.d.ts +23 -23
- package/lib/shared/display/pipes/time-display.pipe.d.ts +18 -18
- package/lib/shared/display.d.ts +42 -42
- package/lib/shared/form-group.helper.d.ts +31 -31
- package/lib/shared/json-helper.d.ts +7 -7
- package/lib/shared/lodash-helper.d.ts +18 -18
- package/lib/shared/page/page-base/page-base.component.d.ts +259 -259
- package/lib/shared/page/page-statuses.d.ts +13 -13
- package/lib/shared/page/page-title/page-title.component.d.ts +9 -9
- package/lib/shared/page/page-view/page-view.component.d.ts +102 -102
- package/lib/shared/testing/copy-button-base-test-injector-factory.spec.d.ts +4 -4
- package/lib/shared/testing/hierarchy-base-test-injector-factory.spec.d.ts +4 -4
- package/lib/shared/testing/page-base-component-test-helper.spec.d.ts +30 -30
- package/lib/shared/testing/page-base-component-test-injector-factory.spec.d.ts +28 -28
- package/lib/shared/testing/public-mocks.spec.d.ts +90 -90
- package/lib/shared/testing/spy-factory.spec.d.ts +27 -27
- package/lib/shared/testing/translation-mocks.spec.d.ts +30 -30
- package/lib/shared/user-preference.service.d.ts +13 -13
- package/lib/shared/wizard/wizard-base/wizard-base.component.d.ts +134 -134
- package/lib/shared/wizard/wizard-buttons/wizard-buttons.component.d.ts +27 -27
- package/lib/shared/wizard/wizard-progress/wizard-progress.component.d.ts +10 -10
- package/package.json +12 -18
- package/public-api.d.ts +111 -111
- package/schematics/rxjs-7-upgrade/index.d.ts +3 -3
- package/schematics/rxjs-7-upgrade/index.js +67 -67
- package/schematics/rxjs-7-upgrade/schema.d.ts +4 -4
- package/schematics/rxjs-7-upgrade/schema.js +2 -2
- package/schematics/utilities/typescript.d.ts +7 -7
- package/schematics/utilities/typescript.js +41 -41
- package/schematics/utilities/workspace.d.ts +8 -8
- package/schematics/utilities/workspace.js +71 -71
- package/esm2020/lib/core/custom-validators.mjs +0 -29
- package/esm2020/lib/core/date-time-helper.mjs +0 -220
- package/esm2020/lib/display/avatar/avatar.component.mjs +0 -67
- package/esm2020/lib/shared/directives/popup/popup-container.directive.mjs +0 -163
- package/esm2020/lib/shared/display.mjs +0 -6
- package/esm2020/lib/shared/form-group.helper.mjs +0 -67
- package/esm2020/lib/shared/lodash-helper.mjs +0 -51
- package/esm2020/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +0 -98
- package/fesm2015/energycap-components.mjs +0 -12211
- package/fesm2015/energycap-components.mjs.map +0 -1
- package/fesm2020/energycap-components.mjs.map +0 -1
@@ -1,80 +1,80 @@
|
|
1
|
-
import { CdkConnectedOverlay, Overlay } from '@angular/cdk/overlay';
|
2
|
-
import { ElementRef, OnInit } from '@angular/core';
|
3
|
-
import { FormControl } from '@angular/forms';
|
4
|
-
import { ValidationMessageService } from '../../core/validation-message.service';
|
5
|
-
import { DateDisplayPipe } from '../../shared/display/pipes/date-display.pipe';
|
6
|
-
import { FormGroupHelper } from '../../shared/form-group.helper';
|
7
|
-
import { UserPreferenceService } from '../../shared/user-preference.service';
|
8
|
-
import { CalendarSelection } from '../calendar/calendar.types';
|
9
|
-
import { FormControlBase } from '../form-control-base';
|
10
|
-
import * as i0 from "@angular/core";
|
11
|
-
export type DateInputFormControl = FormControl<Date | null>;
|
12
|
-
export declare class DateInputComponent extends FormControlBase implements OnInit {
|
13
|
-
protected validationMessageService: ValidationMessageService;
|
14
|
-
protected formGroupHelper: FormGroupHelper;
|
15
|
-
private userPreferenceService;
|
16
|
-
private dateDisplayPipe;
|
17
|
-
private el;
|
18
|
-
private overlayService;
|
19
|
-
id: string;
|
20
|
-
/** The form control provided by the hosting form. */
|
21
|
-
formModel: DateInputFormControl;
|
22
|
-
minDate: Date;
|
23
|
-
maxDate: Date;
|
24
|
-
/** The internal textbox's form control. */
|
25
|
-
textboxControl: FormControl<string | null>;
|
26
|
-
/**
|
27
|
-
* The current calendar selection.
|
28
|
-
* Updated when the user clicks on a calendar item or when the date entered into the textbox is parsed.
|
29
|
-
*/
|
30
|
-
calendarSelection: CalendarSelection | null;
|
31
|
-
/** Controls whether the calendar overlay is open or not. */
|
32
|
-
isCalendarOpen: boolean;
|
33
|
-
/** Placeholder for the textbox. Updated to reflect the user's date display preference. */
|
34
|
-
placeholder: string;
|
35
|
-
/** Overlay scroll strategy for the calendar overlay. Closes the calendar on scroll. */
|
36
|
-
overlayScrollStrategy: import("@angular/cdk/overlay").CloseScrollStrategy;
|
37
|
-
/**
|
38
|
-
* Date parsing formats for user-entered dates. Defaults to month-first formats, but is updated in onInit
|
39
|
-
* to use the user's preferred date format.
|
40
|
-
*/
|
41
|
-
private parseFormats;
|
42
|
-
/** Reference to the overlay directive (see template). Used to access the overlay's host element to control focus. */
|
43
|
-
overlay?: CdkConnectedOverlay;
|
44
|
-
constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, dateDisplayPipe: DateDisplayPipe, el: ElementRef, overlayService: Overlay);
|
45
|
-
/** Focuses the input whenever the calendar is shift-tabbed out of. */
|
46
|
-
onCalendarFocusOutStart(event: KeyboardEvent): void;
|
47
|
-
/** Closes the calendar and focuses the input whenever the calendar is tabbed out of. */
|
48
|
-
onCalendarFocusOutEnd(event: KeyboardEvent): void;
|
49
|
-
/** Close the calendar if the user clicks outside of the calendar and date input. */
|
50
|
-
onOverlayOutsideClick(event: MouseEvent): void;
|
51
|
-
/** If the user tabs out of the form control's action button and the calendar is open, focus the first item in the calendar overlay */
|
52
|
-
onActionKeydown(event: KeyboardEvent): void;
|
53
|
-
onTextboxKeydown(event: KeyboardEvent): void;
|
54
|
-
/** Whenever the user selects a date from the calendar, update the formModel with the selection */
|
55
|
-
onSelectionChange(selection: CalendarSelection | null): void;
|
56
|
-
onTextboxBlur(): void;
|
57
|
-
ngOnInit(): void;
|
58
|
-
private onFormModelStatusChanges;
|
59
|
-
private onFormModelValueChanges;
|
60
|
-
private onTextboxValueChanges;
|
61
|
-
private syncTextboxControlDisabledStatus;
|
62
|
-
/**
|
63
|
-
* Updates the date parsing formats and placeholder based on the user's display preference.
|
64
|
-
* NOTE: This is async because we're retrieving the user's preferences. We're not awaiting the result
|
65
|
-
* because the only logic that depends on this is the text box date parsing logic and placeholder.
|
66
|
-
* Our forms should always be behind a pending overlay, so the user won't be able to interact with the
|
67
|
-
* form until the user is loaded anyway.
|
68
|
-
*/
|
69
|
-
private setDateFormats;
|
70
|
-
/**
|
71
|
-
* Validator that checks if the date is within the min and max date range.
|
72
|
-
* If the date is outside of the range, the validator returns an error that
|
73
|
-
* triggers the validation message service to show the error in the label.
|
74
|
-
*/
|
75
|
-
private dateValidator;
|
76
|
-
/** Focuses the date input. */
|
77
|
-
private focusInput;
|
78
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
|
79
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": "id"; "formModel": "formModel"; "minDate": "minDate"; "maxDate": "maxDate"; }, {}, never, never, false, never>;
|
80
|
-
}
|
1
|
+
import { CdkConnectedOverlay, Overlay } from '@angular/cdk/overlay';
|
2
|
+
import { ElementRef, OnInit } from '@angular/core';
|
3
|
+
import { FormControl } from '@angular/forms';
|
4
|
+
import { ValidationMessageService } from '../../core/validation-message.service';
|
5
|
+
import { DateDisplayPipe } from '../../shared/display/pipes/date-display.pipe';
|
6
|
+
import { FormGroupHelper } from '../../shared/form-group.helper';
|
7
|
+
import { UserPreferenceService } from '../../shared/user-preference.service';
|
8
|
+
import { CalendarSelection } from '../calendar/calendar.types';
|
9
|
+
import { FormControlBase } from '../form-control-base';
|
10
|
+
import * as i0 from "@angular/core";
|
11
|
+
export type DateInputFormControl = FormControl<Date | null>;
|
12
|
+
export declare class DateInputComponent extends FormControlBase implements OnInit {
|
13
|
+
protected validationMessageService: ValidationMessageService;
|
14
|
+
protected formGroupHelper: FormGroupHelper;
|
15
|
+
private userPreferenceService;
|
16
|
+
private dateDisplayPipe;
|
17
|
+
private el;
|
18
|
+
private overlayService;
|
19
|
+
id: string;
|
20
|
+
/** The form control provided by the hosting form. */
|
21
|
+
formModel: DateInputFormControl;
|
22
|
+
minDate: Date;
|
23
|
+
maxDate: Date;
|
24
|
+
/** The internal textbox's form control. */
|
25
|
+
textboxControl: FormControl<string | null>;
|
26
|
+
/**
|
27
|
+
* The current calendar selection.
|
28
|
+
* Updated when the user clicks on a calendar item or when the date entered into the textbox is parsed.
|
29
|
+
*/
|
30
|
+
calendarSelection: CalendarSelection | null;
|
31
|
+
/** Controls whether the calendar overlay is open or not. */
|
32
|
+
isCalendarOpen: boolean;
|
33
|
+
/** Placeholder for the textbox. Updated to reflect the user's date display preference. */
|
34
|
+
placeholder: string;
|
35
|
+
/** Overlay scroll strategy for the calendar overlay. Closes the calendar on scroll. */
|
36
|
+
overlayScrollStrategy: import("@angular/cdk/overlay").CloseScrollStrategy;
|
37
|
+
/**
|
38
|
+
* Date parsing formats for user-entered dates. Defaults to month-first formats, but is updated in onInit
|
39
|
+
* to use the user's preferred date format.
|
40
|
+
*/
|
41
|
+
private parseFormats;
|
42
|
+
/** Reference to the overlay directive (see template). Used to access the overlay's host element to control focus. */
|
43
|
+
overlay?: CdkConnectedOverlay;
|
44
|
+
constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, dateDisplayPipe: DateDisplayPipe, el: ElementRef, overlayService: Overlay);
|
45
|
+
/** Focuses the input whenever the calendar is shift-tabbed out of. */
|
46
|
+
onCalendarFocusOutStart(event: KeyboardEvent): void;
|
47
|
+
/** Closes the calendar and focuses the input whenever the calendar is tabbed out of. */
|
48
|
+
onCalendarFocusOutEnd(event: KeyboardEvent): void;
|
49
|
+
/** Close the calendar if the user clicks outside of the calendar and date input. */
|
50
|
+
onOverlayOutsideClick(event: MouseEvent): void;
|
51
|
+
/** If the user tabs out of the form control's action button and the calendar is open, focus the first item in the calendar overlay */
|
52
|
+
onActionKeydown(event: KeyboardEvent): void;
|
53
|
+
onTextboxKeydown(event: KeyboardEvent): void;
|
54
|
+
/** Whenever the user selects a date from the calendar, update the formModel with the selection */
|
55
|
+
onSelectionChange(selection: CalendarSelection | null): void;
|
56
|
+
onTextboxBlur(): void;
|
57
|
+
ngOnInit(): void;
|
58
|
+
private onFormModelStatusChanges;
|
59
|
+
private onFormModelValueChanges;
|
60
|
+
private onTextboxValueChanges;
|
61
|
+
private syncTextboxControlDisabledStatus;
|
62
|
+
/**
|
63
|
+
* Updates the date parsing formats and placeholder based on the user's display preference.
|
64
|
+
* NOTE: This is async because we're retrieving the user's preferences. We're not awaiting the result
|
65
|
+
* because the only logic that depends on this is the text box date parsing logic and placeholder.
|
66
|
+
* Our forms should always be behind a pending overlay, so the user won't be able to interact with the
|
67
|
+
* form until the user is loaded anyway.
|
68
|
+
*/
|
69
|
+
private setDateFormats;
|
70
|
+
/**
|
71
|
+
* Validator that checks if the date is within the min and max date range.
|
72
|
+
* If the date is outside of the range, the validator returns an error that
|
73
|
+
* triggers the validation message service to show the error in the label.
|
74
|
+
*/
|
75
|
+
private dateValidator;
|
76
|
+
/** Focuses the date input. */
|
77
|
+
private focusInput;
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": { "alias": "id"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, {}, never, never, false, never>;
|
80
|
+
}
|
@@ -1,161 +1,161 @@
|
|
1
|
-
import { AfterViewInit, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
2
|
-
import { PopupStatus } from '../../shared/directives/popup/popup-container.directive';
|
3
|
-
import { DisplayStatus } from '../../shared/display';
|
4
|
-
import { ButtonComponent, ButtonType } from '../button/button.component';
|
5
|
-
import { MenuItem, MenuTemplateType } from '../menu/menu.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export declare class DropdownComponent implements OnInit, AfterViewInit, OnDestroy {
|
8
|
-
/**
|
9
|
-
* Base id for the component's sub-elements
|
10
|
-
*/
|
11
|
-
id?: string;
|
12
|
-
/**
|
13
|
-
* Automatically focus the dropdown toggle button
|
14
|
-
*/
|
15
|
-
autofocus: boolean;
|
16
|
-
/**
|
17
|
-
* Controls the display status overlay for the menu
|
18
|
-
*/
|
19
|
-
status?: DisplayStatus;
|
20
|
-
/**
|
21
|
-
* Disable the button to prevent the menu from being opened
|
22
|
-
*/
|
23
|
-
disabled: boolean;
|
24
|
-
/**
|
25
|
-
* Optional label for the button
|
26
|
-
*/
|
27
|
-
label?: string;
|
28
|
-
/**
|
29
|
-
* Optional icon for the button
|
30
|
-
*/
|
31
|
-
icon?: string;
|
32
|
-
/**
|
33
|
-
* The button type, defaults to icon
|
34
|
-
*/
|
35
|
-
buttonType?: ButtonType;
|
36
|
-
/**
|
37
|
-
* Optionally align the label of the button to the left or right. If not set,
|
38
|
-
* will be centered.
|
39
|
-
*/
|
40
|
-
buttonAlignment?: 'left' | 'right';
|
41
|
-
/**
|
42
|
-
* Adds a tooltip to the dropdown toggle button. Should only be used when
|
43
|
-
* the toggle buttonType is 'icon'
|
44
|
-
*/
|
45
|
-
buttonTitle: string;
|
46
|
-
/**
|
47
|
-
* The tabindex of the button
|
48
|
-
*/
|
49
|
-
tabindex?: number;
|
50
|
-
/**
|
51
|
-
* Display a caret with the button label or icon
|
52
|
-
*/
|
53
|
-
showArrow: boolean;
|
54
|
-
/**
|
55
|
-
* Items to display in the menu
|
56
|
-
*/
|
57
|
-
items: MenuItem[];
|
58
|
-
/**
|
59
|
-
* The menu item template
|
60
|
-
*/
|
61
|
-
menuTemplateType: MenuTemplateType;
|
62
|
-
/**
|
63
|
-
* Display a header on the menu
|
64
|
-
* @deprecated use first menu item with display set to 'heading' instead
|
65
|
-
*/
|
66
|
-
menuTitle?: string;
|
67
|
-
/**
|
68
|
-
* Set a fixed height for the menu, auto by default
|
69
|
-
*/
|
70
|
-
menuHeight?: number;
|
71
|
-
/**
|
72
|
-
* Set a fixed width in pixels for the menu, auto by default
|
73
|
-
*/
|
74
|
-
menuWidth?: number;
|
75
|
-
/**
|
76
|
-
* Set a min-width in pixels on the menu. It will expand if the content is greater than the min-width
|
77
|
-
*/
|
78
|
-
menuMinWidth?: number;
|
79
|
-
/**
|
80
|
-
* Pin the menu to the left or right of the button. Right by default
|
81
|
-
*/
|
82
|
-
menuPosition?: 'left' | 'right';
|
83
|
-
/**
|
84
|
-
* Sticky footer to display at the bottom of the popup menu
|
85
|
-
*/
|
86
|
-
menuFooter?: string;
|
87
|
-
/**
|
88
|
-
* Fix position the menu instead of absolute. Useful when the dropdown is in a
|
89
|
-
* dialog
|
90
|
-
*/
|
91
|
-
popupFixed: boolean;
|
92
|
-
/**
|
93
|
-
* Pass a custom template to the toggle button
|
94
|
-
*/
|
95
|
-
buttonCustomTemplate?: TemplateRef<any>;
|
96
|
-
/**
|
97
|
-
* Used to set the menu buttons state to pending
|
98
|
-
*/
|
99
|
-
pending: boolean;
|
100
|
-
/**
|
101
|
-
* Emits an event when a menu item is selected
|
102
|
-
*/
|
103
|
-
itemSelected: EventEmitter<MenuItem>;
|
104
|
-
/**
|
105
|
-
* Emits an event when the popup menu opens
|
106
|
-
*/
|
107
|
-
popupOpened: EventEmitter<void>;
|
108
|
-
/**
|
109
|
-
* The status of the menu
|
110
|
-
*/
|
111
|
-
menuStatus: PopupStatus;
|
112
|
-
/** Item to highlight when the menu is opened, used when the user
|
113
|
-
* opens the menu via the keyboard
|
114
|
-
*/
|
115
|
-
highlightedItem: MenuItem | null;
|
116
|
-
/** Used to know if the menu was toggled via the keyboard */
|
117
|
-
private isKeyboardEvent;
|
118
|
-
/**
|
119
|
-
* Internal reference to the menu element
|
120
|
-
*/
|
121
|
-
private menuEl;
|
122
|
-
/**
|
123
|
-
* Internal reference to the popup directive
|
124
|
-
*/
|
125
|
-
private popup;
|
126
|
-
/**
|
127
|
-
* Get a reference to the toggle button
|
128
|
-
*/
|
129
|
-
dropdownToggleButton: ButtonComponent;
|
130
|
-
/**
|
131
|
-
* Unsubscribe any active subscriptions when the component is destroyed
|
132
|
-
*/
|
133
|
-
private componentDestroyed;
|
134
|
-
constructor();
|
135
|
-
/**
|
136
|
-
* Subscribe to changes to the menu status
|
137
|
-
*/
|
138
|
-
ngOnInit(): void;
|
139
|
-
/**
|
140
|
-
* Set up the popup
|
141
|
-
*/
|
142
|
-
ngAfterViewInit(): void;
|
143
|
-
/**
|
144
|
-
* Unsubscribe to any active subscriptions
|
145
|
-
*/
|
146
|
-
ngOnDestroy(): void;
|
147
|
-
/**
|
148
|
-
* Open and close the menu
|
149
|
-
*/
|
150
|
-
toggleMenu(event?: Event): void;
|
151
|
-
/**
|
152
|
-
* Emit the selected item when it changes and close the menu
|
153
|
-
*/
|
154
|
-
selectedChanged(item: MenuItem): void;
|
155
|
-
/**
|
156
|
-
* Closes the menu if the tab key is pressed
|
157
|
-
*/
|
158
|
-
keyNavigate(event: KeyboardEvent): void;
|
159
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
160
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ec-dropdown", never, { "id": "id"; "autofocus": "autofocus"; "status": "status"; "disabled": "disabled"; "label": "label"; "icon": "icon"; "buttonType": "buttonType"; "buttonAlignment": "buttonAlignment"; "buttonTitle": "buttonTitle"; "tabindex": "tabindex"; "showArrow": "showArrow"; "items": "items"; "menuTemplateType": "menuTemplateType"; "menuTitle": "menuTitle"; "menuHeight": "menuHeight"; "menuWidth": "menuWidth"; "menuMinWidth": "menuMinWidth"; "menuPosition": "menuPosition"; "menuFooter": "menuFooter"; "popupFixed": "popupFixed"; "buttonCustomTemplate": "buttonCustomTemplate"; "pending": "pending"; }, { "itemSelected": "itemSelected"; "popupOpened": "popupOpened"; }, never, never, false, never>;
|
161
|
-
}
|
1
|
+
import { AfterViewInit, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
2
|
+
import { PopupStatus } from '../../shared/directives/popup/popup-container.directive';
|
3
|
+
import { DisplayStatus } from '../../shared/display';
|
4
|
+
import { ButtonComponent, ButtonType } from '../button/button.component';
|
5
|
+
import { MenuItem, MenuTemplateType } from '../menu/menu.component';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
export declare class DropdownComponent implements OnInit, AfterViewInit, OnDestroy {
|
8
|
+
/**
|
9
|
+
* Base id for the component's sub-elements
|
10
|
+
*/
|
11
|
+
id?: string;
|
12
|
+
/**
|
13
|
+
* Automatically focus the dropdown toggle button
|
14
|
+
*/
|
15
|
+
autofocus: boolean;
|
16
|
+
/**
|
17
|
+
* Controls the display status overlay for the menu
|
18
|
+
*/
|
19
|
+
status?: DisplayStatus;
|
20
|
+
/**
|
21
|
+
* Disable the button to prevent the menu from being opened
|
22
|
+
*/
|
23
|
+
disabled: boolean;
|
24
|
+
/**
|
25
|
+
* Optional label for the button
|
26
|
+
*/
|
27
|
+
label?: string;
|
28
|
+
/**
|
29
|
+
* Optional icon for the button
|
30
|
+
*/
|
31
|
+
icon?: string;
|
32
|
+
/**
|
33
|
+
* The button type, defaults to icon
|
34
|
+
*/
|
35
|
+
buttonType?: ButtonType;
|
36
|
+
/**
|
37
|
+
* Optionally align the label of the button to the left or right. If not set,
|
38
|
+
* will be centered.
|
39
|
+
*/
|
40
|
+
buttonAlignment?: 'left' | 'right';
|
41
|
+
/**
|
42
|
+
* Adds a tooltip to the dropdown toggle button. Should only be used when
|
43
|
+
* the toggle buttonType is 'icon'
|
44
|
+
*/
|
45
|
+
buttonTitle: string;
|
46
|
+
/**
|
47
|
+
* The tabindex of the button
|
48
|
+
*/
|
49
|
+
tabindex?: number;
|
50
|
+
/**
|
51
|
+
* Display a caret with the button label or icon
|
52
|
+
*/
|
53
|
+
showArrow: boolean;
|
54
|
+
/**
|
55
|
+
* Items to display in the menu
|
56
|
+
*/
|
57
|
+
items: MenuItem[];
|
58
|
+
/**
|
59
|
+
* The menu item template
|
60
|
+
*/
|
61
|
+
menuTemplateType: MenuTemplateType;
|
62
|
+
/**
|
63
|
+
* Display a header on the menu
|
64
|
+
* @deprecated use first menu item with display set to 'heading' instead
|
65
|
+
*/
|
66
|
+
menuTitle?: string;
|
67
|
+
/**
|
68
|
+
* Set a fixed height for the menu, auto by default
|
69
|
+
*/
|
70
|
+
menuHeight?: number;
|
71
|
+
/**
|
72
|
+
* Set a fixed width in pixels for the menu, auto by default
|
73
|
+
*/
|
74
|
+
menuWidth?: number;
|
75
|
+
/**
|
76
|
+
* Set a min-width in pixels on the menu. It will expand if the content is greater than the min-width
|
77
|
+
*/
|
78
|
+
menuMinWidth?: number;
|
79
|
+
/**
|
80
|
+
* Pin the menu to the left or right of the button. Right by default
|
81
|
+
*/
|
82
|
+
menuPosition?: 'left' | 'right';
|
83
|
+
/**
|
84
|
+
* Sticky footer to display at the bottom of the popup menu
|
85
|
+
*/
|
86
|
+
menuFooter?: string;
|
87
|
+
/**
|
88
|
+
* Fix position the menu instead of absolute. Useful when the dropdown is in a
|
89
|
+
* dialog
|
90
|
+
*/
|
91
|
+
popupFixed: boolean;
|
92
|
+
/**
|
93
|
+
* Pass a custom template to the toggle button
|
94
|
+
*/
|
95
|
+
buttonCustomTemplate?: TemplateRef<any>;
|
96
|
+
/**
|
97
|
+
* Used to set the menu buttons state to pending
|
98
|
+
*/
|
99
|
+
pending: boolean;
|
100
|
+
/**
|
101
|
+
* Emits an event when a menu item is selected
|
102
|
+
*/
|
103
|
+
itemSelected: EventEmitter<MenuItem>;
|
104
|
+
/**
|
105
|
+
* Emits an event when the popup menu opens
|
106
|
+
*/
|
107
|
+
popupOpened: EventEmitter<void>;
|
108
|
+
/**
|
109
|
+
* The status of the menu
|
110
|
+
*/
|
111
|
+
menuStatus: PopupStatus;
|
112
|
+
/** Item to highlight when the menu is opened, used when the user
|
113
|
+
* opens the menu via the keyboard
|
114
|
+
*/
|
115
|
+
highlightedItem: MenuItem | null;
|
116
|
+
/** Used to know if the menu was toggled via the keyboard */
|
117
|
+
private isKeyboardEvent;
|
118
|
+
/**
|
119
|
+
* Internal reference to the menu element
|
120
|
+
*/
|
121
|
+
private menuEl;
|
122
|
+
/**
|
123
|
+
* Internal reference to the popup directive
|
124
|
+
*/
|
125
|
+
private popup;
|
126
|
+
/**
|
127
|
+
* Get a reference to the toggle button
|
128
|
+
*/
|
129
|
+
dropdownToggleButton: ButtonComponent;
|
130
|
+
/**
|
131
|
+
* Unsubscribe any active subscriptions when the component is destroyed
|
132
|
+
*/
|
133
|
+
private componentDestroyed;
|
134
|
+
constructor();
|
135
|
+
/**
|
136
|
+
* Subscribe to changes to the menu status
|
137
|
+
*/
|
138
|
+
ngOnInit(): void;
|
139
|
+
/**
|
140
|
+
* Set up the popup
|
141
|
+
*/
|
142
|
+
ngAfterViewInit(): void;
|
143
|
+
/**
|
144
|
+
* Unsubscribe to any active subscriptions
|
145
|
+
*/
|
146
|
+
ngOnDestroy(): void;
|
147
|
+
/**
|
148
|
+
* Open and close the menu
|
149
|
+
*/
|
150
|
+
toggleMenu(event?: Event): void;
|
151
|
+
/**
|
152
|
+
* Emit the selected item when it changes and close the menu
|
153
|
+
*/
|
154
|
+
selectedChanged(item: MenuItem): void;
|
155
|
+
/**
|
156
|
+
* Closes the menu if the tab key is pressed
|
157
|
+
*/
|
158
|
+
keyNavigate(event: KeyboardEvent): void;
|
159
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
160
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ec-dropdown", never, { "id": { "alias": "id"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "status": { "alias": "status"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonAlignment": { "alias": "buttonAlignment"; "required": false; }; "buttonTitle": { "alias": "buttonTitle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuTemplateType": { "alias": "menuTemplateType"; "required": false; }; "menuTitle": { "alias": "menuTitle"; "required": false; }; "menuHeight": { "alias": "menuHeight"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "menuMinWidth": { "alias": "menuMinWidth"; "required": false; }; "menuPosition": { "alias": "menuPosition"; "required": false; }; "menuFooter": { "alias": "menuFooter"; "required": false; }; "popupFixed": { "alias": "popupFixed"; "required": false; }; "buttonCustomTemplate": { "alias": "buttonCustomTemplate"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; }, { "itemSelected": "itemSelected"; "popupOpened": "popupOpened"; }, never, never, false, never>;
|
161
|
+
}
|