@energycap/components 0.40.1-ECAP-26841-date-input-features.20241125-1254 → 0.40.1-ECAP-26841-date-input-features.20241125-1709
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/controls/calendar/calendar-item.component.mjs +3 -3
- package/esm2020/lib/controls/calendar/calendar.component.mjs +108 -25
- package/esm2020/lib/controls/calendar/calendar.types.mjs +4 -1
- package/esm2020/lib/controls/date-input/date-input.component.mjs +5 -5
- package/fesm2015/energycap-components.mjs +116 -30
- package/fesm2015/energycap-components.mjs.map +1 -1
- package/fesm2020/energycap-components.mjs +116 -30
- package/fesm2020/energycap-components.mjs.map +1 -1
- package/lib/controls/calendar/calendar-item.component.d.ts +1 -1
- package/lib/controls/calendar/calendar.component.d.ts +11 -4
- package/lib/controls/calendar/calendar.types.d.ts +7 -2
- package/lib/controls/date-input/date-input.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -457,6 +457,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
457
457
|
|
|
458
458
|
function isCalendarSelectionSingleDate(selection) {
|
|
459
459
|
return selection instanceof Date;
|
|
460
|
+
}
|
|
461
|
+
function isCalendarSelectionRange(selection) {
|
|
462
|
+
return !!selection && selection.start instanceof Date && selection.end instanceof Date;
|
|
460
463
|
}
|
|
461
464
|
|
|
462
465
|
class CalendarItemComponent {
|
|
@@ -491,10 +494,10 @@ class CalendarItemComponent {
|
|
|
491
494
|
}
|
|
492
495
|
}
|
|
493
496
|
CalendarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
494
|
-
CalendarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CalendarItemComponent, selector: "button[ec-calendar-item]", inputs: { item: "item", activeDate: "activeDate", selection: "selection", view: "view" }, host: { properties: { "class.is-today": "this.today", "class.is-selected": "this.selected", "class.is-outside-active-month": "this.outsideActiveMonth" } }, usesOnChanges: true, ngImport: i0, template: '
|
|
497
|
+
CalendarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CalendarItemComponent, selector: "button[ec-calendar-item]", inputs: { item: "item", activeDate: "activeDate", selection: "selection", view: "view" }, host: { properties: { "class.is-today": "this.today", "class.is-selected": "this.selected", "class.is-outside-active-month": "this.outsideActiveMonth" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{font-size:var(--ec-font-size-action);height:2rem;line-height:1.25rem;padding:.3125rem .5rem;border:0;border-radius:var(--ec-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;line-height:1.125rem}:host .label{display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:auto}:host .ec-icon{flex:none}:host .ec-icon+.label{flex:none;margin-left:.25rem}:host.has-badge{padding-right:.0625rem}:host:focus{outline:none;position:relative;z-index:1}:host:disabled{background-color:var(--ec-background-color-disabled);border:1px solid var(--ec-form-control-border-color-disabled);color:var(--ec-color-disabled-dark);opacity:var(--ec-form-control-opacity-disabled);cursor:default}:host:disabled{background-color:transparent;border-color:transparent;color:var(--ec-color-hint-dark);opacity:1;--ec-color-icon: var(--ec-color-hint-dark)}:host:hover:not(:disabled){background-color:var(--ec-background-color-hover)}:host:active:not(:disabled){background-color:var(--ec-background-color-selected);font-weight:700}:host:focus:not(:disabled){box-shadow:var(--ec-button-box-shadow-active, 0 0 0 2px var(--ec-border-color-focus))}:host.is-selected{background-color:var(--ec-background-color-selected);font-weight:700}:host.is-selected,:host.is-selected:disabled{background-color:var(--ec-background-color-selected);font-weight:700}:host.is-today{text-decoration:underline}:host.is-outside-active-month{color:var(--ec-color-hint-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
495
498
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarItemComponent, decorators: [{
|
|
496
499
|
type: Component,
|
|
497
|
-
args: [{ selector: 'button[ec-calendar-item]', template: '
|
|
500
|
+
args: [{ selector: 'button[ec-calendar-item]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-size:var(--ec-font-size-action);height:2rem;line-height:1.25rem;padding:.3125rem .5rem;border:0;border-radius:var(--ec-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;line-height:1.125rem}:host .label{display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:auto}:host .ec-icon{flex:none}:host .ec-icon+.label{flex:none;margin-left:.25rem}:host.has-badge{padding-right:.0625rem}:host:focus{outline:none;position:relative;z-index:1}:host:disabled{background-color:var(--ec-background-color-disabled);border:1px solid var(--ec-form-control-border-color-disabled);color:var(--ec-color-disabled-dark);opacity:var(--ec-form-control-opacity-disabled);cursor:default}:host:disabled{background-color:transparent;border-color:transparent;color:var(--ec-color-hint-dark);opacity:1;--ec-color-icon: var(--ec-color-hint-dark)}:host:hover:not(:disabled){background-color:var(--ec-background-color-hover)}:host:active:not(:disabled){background-color:var(--ec-background-color-selected);font-weight:700}:host:focus:not(:disabled){box-shadow:var(--ec-button-box-shadow-active, 0 0 0 2px var(--ec-border-color-focus))}:host.is-selected{background-color:var(--ec-background-color-selected);font-weight:700}:host.is-selected,:host.is-selected:disabled{background-color:var(--ec-background-color-selected);font-weight:700}:host.is-today{text-decoration:underline}:host.is-outside-active-month{color:var(--ec-color-hint-dark)}\n"] }]
|
|
498
501
|
}], ctorParameters: function () { return []; }, propDecorators: { item: [{
|
|
499
502
|
type: Input
|
|
500
503
|
}], activeDate: [{
|
|
@@ -845,9 +848,11 @@ class CalendarComponent {
|
|
|
845
848
|
constructor(translateService) {
|
|
846
849
|
this.translateService = translateService;
|
|
847
850
|
this.id = 'calendar';
|
|
848
|
-
this.selectionModes = ['day'];
|
|
849
851
|
this.selection = null;
|
|
850
852
|
this.selectionChange = new EventEmitter();
|
|
853
|
+
this.selectionModeOptions = ['day'];
|
|
854
|
+
this.selectionMode = 'day';
|
|
855
|
+
this.selectionModeChange = new EventEmitter();
|
|
851
856
|
this.minDate = DateTimeHelper.minDatePickerDate;
|
|
852
857
|
this.maxDate = DateTimeHelper.maxDatePickerDate;
|
|
853
858
|
this.focusOutStart = new EventEmitter();
|
|
@@ -860,10 +865,9 @@ class CalendarComponent {
|
|
|
860
865
|
this.calendarItemTrackByDate = (index, item) => item.date.toISOString();
|
|
861
866
|
this.disablePreviousButton = false;
|
|
862
867
|
this.disableNextButton = false;
|
|
863
|
-
this.
|
|
868
|
+
this.selectionModeItems = [
|
|
864
869
|
{ label: this.translateService.instant('CalendarSelectionMode_day'), value: 'day' }
|
|
865
870
|
];
|
|
866
|
-
this.currentSelectionMode = 'day';
|
|
867
871
|
// By default, the active date is today.
|
|
868
872
|
// This is replaced with the date of the selection if one is provided on init.
|
|
869
873
|
this.activeDate = new Date();
|
|
@@ -882,25 +886,36 @@ class CalendarComponent {
|
|
|
882
886
|
// TODO ECAP-26841: determine the active date for a range selection and draw the calendar
|
|
883
887
|
}
|
|
884
888
|
}
|
|
885
|
-
if (changes.
|
|
889
|
+
if (changes.selectionModeOptions) {
|
|
886
890
|
this.updateSelectionModes();
|
|
887
891
|
}
|
|
888
892
|
}
|
|
889
893
|
ngOnInit() {
|
|
890
894
|
if (!this.calendarItems.length) {
|
|
891
|
-
this.
|
|
895
|
+
if (this.selectionMode === 'year' ||
|
|
896
|
+
this.selectionMode === 'month' ||
|
|
897
|
+
this.selectionMode === 'quarter') {
|
|
898
|
+
this.drawCalendar(this.selectionMode);
|
|
899
|
+
}
|
|
900
|
+
else {
|
|
901
|
+
this.drawCalendar('day');
|
|
902
|
+
}
|
|
892
903
|
}
|
|
893
904
|
}
|
|
894
905
|
onItemSelected(item) {
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
906
|
+
switch (this.view) {
|
|
907
|
+
case 'day':
|
|
908
|
+
this.onDaySelected(item);
|
|
909
|
+
break;
|
|
910
|
+
case 'month':
|
|
911
|
+
this.onMonthSelected(item);
|
|
912
|
+
break;
|
|
913
|
+
case 'quarter':
|
|
914
|
+
this.onQuarterSelected(item);
|
|
915
|
+
break;
|
|
916
|
+
case 'year':
|
|
917
|
+
this.onYearSelected(item);
|
|
918
|
+
break;
|
|
904
919
|
}
|
|
905
920
|
}
|
|
906
921
|
onNextClick() {
|
|
@@ -932,18 +947,74 @@ class CalendarComponent {
|
|
|
932
947
|
}
|
|
933
948
|
updateSelectionModes() {
|
|
934
949
|
// Fall back to day selection mode if none are provided
|
|
935
|
-
if (!this.
|
|
936
|
-
this.
|
|
950
|
+
if (!this.selectionModeOptions.length) {
|
|
951
|
+
this.selectionModeOptions = ['day'];
|
|
937
952
|
}
|
|
938
953
|
// Update the selection mode options for the calendar menu
|
|
939
|
-
this.
|
|
954
|
+
this.selectionModeItems = this.selectionModeOptions.map(mode => ({
|
|
940
955
|
label: this.translateService.instant('CalendarSelectionMode_' + mode),
|
|
941
956
|
value: mode
|
|
942
957
|
}));
|
|
943
|
-
if (!this.
|
|
944
|
-
this.
|
|
958
|
+
if (!this.selectionModeOptions.includes(this.selectionMode)) {
|
|
959
|
+
this.selectionMode = this.selectionModeOptions[0];
|
|
945
960
|
}
|
|
946
961
|
}
|
|
962
|
+
onDaySelected(item) {
|
|
963
|
+
if (this.selectionMode === 'day') {
|
|
964
|
+
this.updateSelection(item.date);
|
|
965
|
+
}
|
|
966
|
+
if (this.selectionMode === 'last7days') {
|
|
967
|
+
const startDate = moment(item.date).subtract(6, 'days').toDate();
|
|
968
|
+
this.updateSelection({ start: startDate, end: item.date });
|
|
969
|
+
}
|
|
970
|
+
if (this.selectionMode === 'last28days') {
|
|
971
|
+
const startDate = moment(item.date).subtract(27, 'days').toDate();
|
|
972
|
+
this.updateSelection({ start: startDate, end: item.date });
|
|
973
|
+
}
|
|
974
|
+
if (this.selectionMode === 'range') {
|
|
975
|
+
// If we don't have a selection or the existing selection is a range, start a new range selection.
|
|
976
|
+
// The next date the user clicks will complete the range.
|
|
977
|
+
if (!this.selection || isCalendarSelectionRange(this.selection)) {
|
|
978
|
+
this.updateSelection(item.date);
|
|
979
|
+
}
|
|
980
|
+
// If the user already selected a single date, determine if the newly selected date is before or after the existing date.
|
|
981
|
+
// This will determine the start and end of the range.
|
|
982
|
+
if (isCalendarSelectionSingleDate(this.selection)) {
|
|
983
|
+
if (item.date < this.selection) {
|
|
984
|
+
this.updateSelection({ start: item.date, end: this.selection });
|
|
985
|
+
}
|
|
986
|
+
else if (item.date > this.selection) {
|
|
987
|
+
this.updateSelection({ start: this.selection, end: item.date });
|
|
988
|
+
}
|
|
989
|
+
}
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
onMonthSelected(item) {
|
|
993
|
+
if (this.selectionMode === 'month') {
|
|
994
|
+
this.updateSelection(item.date);
|
|
995
|
+
}
|
|
996
|
+
else {
|
|
997
|
+
this.drawCalendar('day', item.date);
|
|
998
|
+
}
|
|
999
|
+
}
|
|
1000
|
+
onQuarterSelected(item) {
|
|
1001
|
+
this.updateSelection(item.date);
|
|
1002
|
+
}
|
|
1003
|
+
onYearSelected(item) {
|
|
1004
|
+
if (this.selectionMode === 'year') {
|
|
1005
|
+
this.updateSelection(item.date);
|
|
1006
|
+
}
|
|
1007
|
+
else if (this.selectionMode === 'quarter') {
|
|
1008
|
+
this.drawCalendar('quarter', item.date);
|
|
1009
|
+
}
|
|
1010
|
+
else {
|
|
1011
|
+
this.drawCalendar('month', item.date);
|
|
1012
|
+
}
|
|
1013
|
+
}
|
|
1014
|
+
updateSelection(selection) {
|
|
1015
|
+
this.selection = selection;
|
|
1016
|
+
this.selectionChange.emit(selection);
|
|
1017
|
+
}
|
|
947
1018
|
drawCalendar(view, goTo) {
|
|
948
1019
|
// If a goTo date is provided, update the active date so we know what to increment on next/previous clicks.
|
|
949
1020
|
if (goTo) {
|
|
@@ -975,6 +1046,7 @@ class CalendarComponent {
|
|
|
975
1046
|
switch (view) {
|
|
976
1047
|
case 'day': return this.getDayViewItems(activeDate);
|
|
977
1048
|
case 'month': return this.getMonthViewItems(activeDate);
|
|
1049
|
+
case 'quarter': return this.getQuarterViewItems(activeDate);
|
|
978
1050
|
case 'year': return this.getYearViewItems(activeDate);
|
|
979
1051
|
}
|
|
980
1052
|
}
|
|
@@ -999,6 +1071,16 @@ class CalendarComponent {
|
|
|
999
1071
|
};
|
|
1000
1072
|
});
|
|
1001
1073
|
}
|
|
1074
|
+
getQuarterViewItems(activeDate) {
|
|
1075
|
+
return range(0, 4).map(i => {
|
|
1076
|
+
const date = moment(activeDate).startOf('year').add(i, 'quarter');
|
|
1077
|
+
const endDate = moment(date).endOf('quarter');
|
|
1078
|
+
return {
|
|
1079
|
+
date: date.toDate(),
|
|
1080
|
+
label: `${date.format('MMM')}–${endDate.format('MMM')}`
|
|
1081
|
+
};
|
|
1082
|
+
});
|
|
1083
|
+
}
|
|
1002
1084
|
getYearViewItems(activeDate) {
|
|
1003
1085
|
// 4x4 grid of years = 16 years
|
|
1004
1086
|
return range(0, 16).map(i => {
|
|
@@ -1021,21 +1103,25 @@ class CalendarComponent {
|
|
|
1021
1103
|
}
|
|
1022
1104
|
}
|
|
1023
1105
|
CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1024
|
-
CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CalendarComponent, selector: "ec-calendar", inputs: { id: "id",
|
|
1106
|
+
CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CalendarComponent, selector: "ec-calendar", inputs: { id: "id", selection: "selection", selectionModeOptions: "selectionModeOptions", selectionMode: "selectionMode", minDate: "minDate", maxDate: "maxDate" }, outputs: { selectionChange: "selectionChange", selectionModeChange: "selectionModeChange", focusOutStart: "focusOutStart", focusOutEnd: "focusOutEnd" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<article ecKeyboardNavContainer\r\n (focusOutStart)=\"focusOutStart.emit($event)\"\r\n (focusOutEnd)=\"focusOutEnd.emit($event)\">\r\n <ul *ngIf=\"selectionModeItems.length > 1\"\r\n class=\"selection-mode-menu border-right p-1\">\r\n <li *ngFor=\"let item of selectionModeItems\">\r\n <button id=\"{{id}}_selectionMode_{{item.value}}\"\r\n ecKeyboardNavTarget\r\n class=\"text-body-1\"\r\n [class.is-selected]=\"item.value === selectionMode\"\r\n (click)=\"selectionMode = item.value; selectionModeChange.emit(item.value);\">\r\n {{item.label}}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <header class=\"d-flex align-items-center mt-1 px-1\">\r\n <button id=\"{{id}}_prev_button\"\r\n ecKeyboardNavTarget\r\n class=\"mr-auto\"\r\n (click)=\"onPreviousClick()\"\r\n [disabled]=\"disablePreviousButton\">\r\n <i class=\"ec-icon icon-angle-down rotate-90\"></i>\r\n </button>\r\n\r\n <button *ngIf=\"view === 'day'\"\r\n ecKeyboardNavTarget\r\n id=\"{{id}}_month_button\"\r\n class=\"text-body-1 font-weight-bold\"\r\n (click)=\"onMonthClick()\">\r\n {{month}}\r\n </button>\r\n\r\n <button *ngIf=\"view !== 'year'\"\r\n id=\"{{id}}_year_button\"\r\n ecKeyboardNavTarget\r\n class=\"text-body-1 font-weight-bold\"\r\n (click)=\"onYearClick()\">\r\n {{year}}\r\n </button>\r\n\r\n <div id=\"{{id}}_year_range\"\r\n *ngIf=\"view === 'year'\"\r\n class=\"text-body-1 font-weight-bold\"\r\n [innerHTML]=\"yearRange\">\r\n </div>\r\n\r\n <button id=\"{{id}}_next_button\"\r\n ecKeyboardNavTarget\r\n class=\"ml-auto\"\r\n (click)=\"onNextClick()\"\r\n [disabled]=\"disableNextButton\">\r\n <i class=\"ec-icon icon-angle-down rotate-270\"></i>\r\n </button>\r\n </header>\r\n\r\n <ul class=\"p-2 {{view}}-view\">\r\n <ng-container *ngIf=\"view === 'day'\">\r\n <li *ngFor=\"let day of weekDays\"\r\n class=\"d-flex align-items-center justify-content-center text-heading-3\">\r\n {{day}}\r\n </li>\r\n </ng-container>\r\n\r\n <li *ngFor=\"let item of calendarItems; trackBy: calendarItemTrackByDate;\">\r\n <button id=\"{{id}}_item_{{item.date | date:'MM_dd_yyyy'}}\"\r\n ec-calendar-item\r\n ecKeyboardNavTarget\r\n [item]=\"item\"\r\n [activeDate]=\"activeDate\"\r\n [selection]=\"selection\"\r\n [view]=\"view\"\r\n (click)=\"onItemSelected(item)\"\r\n [hidden]=\"item.date < minDate || item.date > maxDate\"\r\n [innerHTML]=\"item.label\">\r\n </button>\r\n </li>\r\n </ul>\r\n</article>\r\n", styles: [":host{display:inline-block}article{display:grid;grid-template-areas:\"menu header\" \"menu body\"}header{grid-area:header}button{font-size:var(--ec-font-size-action);height:2rem;line-height:1.25rem;padding:.3125rem .5rem;border:0;border-radius:var(--ec-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent}button .label{display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:auto}button .ec-icon{flex:none}button .ec-icon+.label{flex:none;margin-left:.25rem}button.has-badge{padding-right:.0625rem}button:focus{outline:none;position:relative;z-index:1}button:disabled{background-color:var(--ec-background-color-disabled);border:1px solid var(--ec-form-control-border-color-disabled);color:var(--ec-color-disabled-dark);opacity:var(--ec-form-control-opacity-disabled);cursor:default}button:disabled{background-color:transparent;border-color:transparent;color:var(--ec-color-hint-dark);opacity:1;--ec-color-icon: var(--ec-color-hint-dark)}button:hover:not(:disabled){background-color:var(--ec-background-color-hover)}button:active:not(:disabled){background-color:var(--ec-background-color-selected);font-weight:700}button:focus:not(:disabled){box-shadow:var(--ec-button-box-shadow-active, 0 0 0 2px var(--ec-border-color-focus))}button.is-selected{background-color:var(--ec-background-color-selected);font-weight:700}ul{grid-area:body;list-style:none;padding:0;margin:0;display:grid;align-items:stretch;justify-items:stretch;row-gap:.25rem}button[ec-calendar-item]{height:100%;width:100%}ul.day-view{grid-template-columns:repeat(7,2rem);grid-auto-rows:1.75rem}ul.month-view{grid-template-columns:repeat(3,4.67rem);grid-auto-rows:3.25rem}ul.quarter-view{grid-template-columns:repeat(2,7rem);grid-auto-rows:6.75rem}ul.year-view{grid-template-columns:repeat(4,3.5rem);grid-auto-rows:3.25rem}ul.selection-mode-menu{grid-area:menu;grid-template-columns:minmax(7rem,auto);grid-auto-rows:1.75rem}ul.selection-mode-menu button{justify-content:start;height:100%;width:100%}\n"], 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: "component", type: CalendarItemComponent, selector: "button[ec-calendar-item]", inputs: ["item", "activeDate", "selection", "view"] }, { kind: "directive", type: KeyboardNavTargetDirective, selector: "[ecKeyboardNavTarget]", outputs: ["focusOutNext", "focusOutPrevious"] }, { kind: "directive", type: KeyboardNavContainerDirective, selector: "[ecKeyboardNavContainer]", outputs: ["focusOutStart", "focusOutEnd"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1025
1107
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
1026
1108
|
type: Component,
|
|
1027
|
-
args: [{ selector: 'ec-calendar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article ecKeyboardNavContainer\r\n (focusOutStart)=\"focusOutStart.emit($event)\"\r\n (focusOutEnd)=\"focusOutEnd.emit($event)\">\r\n <ul *ngIf=\"
|
|
1109
|
+
args: [{ selector: 'ec-calendar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article ecKeyboardNavContainer\r\n (focusOutStart)=\"focusOutStart.emit($event)\"\r\n (focusOutEnd)=\"focusOutEnd.emit($event)\">\r\n <ul *ngIf=\"selectionModeItems.length > 1\"\r\n class=\"selection-mode-menu border-right p-1\">\r\n <li *ngFor=\"let item of selectionModeItems\">\r\n <button id=\"{{id}}_selectionMode_{{item.value}}\"\r\n ecKeyboardNavTarget\r\n class=\"text-body-1\"\r\n [class.is-selected]=\"item.value === selectionMode\"\r\n (click)=\"selectionMode = item.value; selectionModeChange.emit(item.value);\">\r\n {{item.label}}\r\n </button>\r\n </li>\r\n </ul>\r\n\r\n <header class=\"d-flex align-items-center mt-1 px-1\">\r\n <button id=\"{{id}}_prev_button\"\r\n ecKeyboardNavTarget\r\n class=\"mr-auto\"\r\n (click)=\"onPreviousClick()\"\r\n [disabled]=\"disablePreviousButton\">\r\n <i class=\"ec-icon icon-angle-down rotate-90\"></i>\r\n </button>\r\n\r\n <button *ngIf=\"view === 'day'\"\r\n ecKeyboardNavTarget\r\n id=\"{{id}}_month_button\"\r\n class=\"text-body-1 font-weight-bold\"\r\n (click)=\"onMonthClick()\">\r\n {{month}}\r\n </button>\r\n\r\n <button *ngIf=\"view !== 'year'\"\r\n id=\"{{id}}_year_button\"\r\n ecKeyboardNavTarget\r\n class=\"text-body-1 font-weight-bold\"\r\n (click)=\"onYearClick()\">\r\n {{year}}\r\n </button>\r\n\r\n <div id=\"{{id}}_year_range\"\r\n *ngIf=\"view === 'year'\"\r\n class=\"text-body-1 font-weight-bold\"\r\n [innerHTML]=\"yearRange\">\r\n </div>\r\n\r\n <button id=\"{{id}}_next_button\"\r\n ecKeyboardNavTarget\r\n class=\"ml-auto\"\r\n (click)=\"onNextClick()\"\r\n [disabled]=\"disableNextButton\">\r\n <i class=\"ec-icon icon-angle-down rotate-270\"></i>\r\n </button>\r\n </header>\r\n\r\n <ul class=\"p-2 {{view}}-view\">\r\n <ng-container *ngIf=\"view === 'day'\">\r\n <li *ngFor=\"let day of weekDays\"\r\n class=\"d-flex align-items-center justify-content-center text-heading-3\">\r\n {{day}}\r\n </li>\r\n </ng-container>\r\n\r\n <li *ngFor=\"let item of calendarItems; trackBy: calendarItemTrackByDate;\">\r\n <button id=\"{{id}}_item_{{item.date | date:'MM_dd_yyyy'}}\"\r\n ec-calendar-item\r\n ecKeyboardNavTarget\r\n [item]=\"item\"\r\n [activeDate]=\"activeDate\"\r\n [selection]=\"selection\"\r\n [view]=\"view\"\r\n (click)=\"onItemSelected(item)\"\r\n [hidden]=\"item.date < minDate || item.date > maxDate\"\r\n [innerHTML]=\"item.label\">\r\n </button>\r\n </li>\r\n </ul>\r\n</article>\r\n", styles: [":host{display:inline-block}article{display:grid;grid-template-areas:\"menu header\" \"menu body\"}header{grid-area:header}button{font-size:var(--ec-font-size-action);height:2rem;line-height:1.25rem;padding:.3125rem .5rem;border:0;border-radius:var(--ec-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent}button .label{display:flex;align-items:center;justify-content:center;white-space:nowrap;flex:auto}button .ec-icon{flex:none}button .ec-icon+.label{flex:none;margin-left:.25rem}button.has-badge{padding-right:.0625rem}button:focus{outline:none;position:relative;z-index:1}button:disabled{background-color:var(--ec-background-color-disabled);border:1px solid var(--ec-form-control-border-color-disabled);color:var(--ec-color-disabled-dark);opacity:var(--ec-form-control-opacity-disabled);cursor:default}button:disabled{background-color:transparent;border-color:transparent;color:var(--ec-color-hint-dark);opacity:1;--ec-color-icon: var(--ec-color-hint-dark)}button:hover:not(:disabled){background-color:var(--ec-background-color-hover)}button:active:not(:disabled){background-color:var(--ec-background-color-selected);font-weight:700}button:focus:not(:disabled){box-shadow:var(--ec-button-box-shadow-active, 0 0 0 2px var(--ec-border-color-focus))}button.is-selected{background-color:var(--ec-background-color-selected);font-weight:700}ul{grid-area:body;list-style:none;padding:0;margin:0;display:grid;align-items:stretch;justify-items:stretch;row-gap:.25rem}button[ec-calendar-item]{height:100%;width:100%}ul.day-view{grid-template-columns:repeat(7,2rem);grid-auto-rows:1.75rem}ul.month-view{grid-template-columns:repeat(3,4.67rem);grid-auto-rows:3.25rem}ul.quarter-view{grid-template-columns:repeat(2,7rem);grid-auto-rows:6.75rem}ul.year-view{grid-template-columns:repeat(4,3.5rem);grid-auto-rows:3.25rem}ul.selection-mode-menu{grid-area:menu;grid-template-columns:minmax(7rem,auto);grid-auto-rows:1.75rem}ul.selection-mode-menu button{justify-content:start;height:100%;width:100%}\n"] }]
|
|
1028
1110
|
}], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { id: [{
|
|
1029
1111
|
type: HostBinding,
|
|
1030
1112
|
args: ['attr.id']
|
|
1031
1113
|
}, {
|
|
1032
1114
|
type: Input
|
|
1033
|
-
}], selectionModes: [{
|
|
1034
|
-
type: Input
|
|
1035
1115
|
}], selection: [{
|
|
1036
1116
|
type: Input
|
|
1037
1117
|
}], selectionChange: [{
|
|
1038
1118
|
type: Output
|
|
1119
|
+
}], selectionModeOptions: [{
|
|
1120
|
+
type: Input
|
|
1121
|
+
}], selectionMode: [{
|
|
1122
|
+
type: Input
|
|
1123
|
+
}], selectionModeChange: [{
|
|
1124
|
+
type: Output
|
|
1039
1125
|
}], minDate: [{
|
|
1040
1126
|
type: Input
|
|
1041
1127
|
}], maxDate: [{
|
|
@@ -4131,7 +4217,7 @@ class DateInputComponent extends FormControlBase {
|
|
|
4131
4217
|
this.formModel = new FormControl(null);
|
|
4132
4218
|
this.minDate = DateTimeHelper.minDatePickerDate;
|
|
4133
4219
|
this.maxDate = DateTimeHelper.maxDatePickerDate;
|
|
4134
|
-
this.
|
|
4220
|
+
this.selectionModeOptions = ['day'];
|
|
4135
4221
|
/** The internal textbox's form control. */
|
|
4136
4222
|
this.textboxControl = new FormControl(null);
|
|
4137
4223
|
/**
|
|
@@ -4334,10 +4420,10 @@ class DateInputComponent extends FormControlBase {
|
|
|
4334
4420
|
}
|
|
4335
4421
|
}
|
|
4336
4422
|
DateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateInputComponent, deps: [{ token: ValidationMessageService }, { token: FormGroupHelper }, { token: UserPreferenceService }, { token: DateDisplayPipe }, { token: i0.ElementRef }, { token: i1$2.Overlay }], target: i0.ɵɵFactoryTarget.Component });
|
|
4337
|
-
DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DateInputComponent, selector: "ec-date-input", inputs: { id: "id", formModel: "formModel", minDate: "minDate", maxDate: "maxDate",
|
|
4423
|
+
DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DateInputComponent, selector: "ec-date-input", inputs: { id: "id", formModel: "formModel", minDate: "minDate", maxDate: "maxDate", selectionModeOptions: "selectionModeOptions" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label *ngIf=\"label\">\r\n <span>{{label | translate}}</span>\r\n <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\"> {{validationErrors}}</span>\r\n <ec-help-popover id=\"{{id}}_helpPopover\"\r\n *ngIf=\"helpPopover\"\r\n class=\"d-inline-block my-n3 mx-n1\"\r\n text=\"{{helpPopover | translate}}\"\r\n contentPosition=\"{{helpPopoverPosition}}\">\r\n </ec-help-popover>\r\n</label>\r\n\r\n<ec-form-control id=\"{{id}}\"\r\n [required]=\"required\"\r\n [autofocus]=\"autofocus\"\r\n [pending]=\"pending\"\r\n [readonly]=\"readonly\"\r\n [formModel]=\"formModel\"\r\n (actionClicked)=\"isCalendarOpen = !isCalendarOpen\"\r\n (actionKeydown)=\"onActionKeydown($event)\"\r\n [showClear]=\"false\"\r\n actionIcon=\"icon-date\"\r\n cdkOverlayOrigin\r\n #overlayOrigin=\"cdkOverlayOrigin\">\r\n <input id=\"{{id}}_input\"\r\n type=\"text\"\r\n placeholder=\"{{placeholder}}\"\r\n [formControl]=\"textboxControl\"\r\n (blur)=\"onTextboxBlur()\"\r\n (keydown)=\"onTextboxKeydown($event)\">\r\n</ec-form-control>\r\n\r\n<ng-template cdkConnectedOverlay\r\n #overlay=\"cdkConnectedOverlay\"\r\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isCalendarOpen\"\r\n [cdkConnectedOverlayScrollStrategy]=\"overlayScrollStrategy\"\r\n cdkConnectedOverlayPanelClass=\"my-1\"\r\n (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\r\n (detach)=\"isCalendarOpen = false\">\r\n <ec-calendar [id]=\"id + '_calendar'\"\r\n [minDate]=\"minDate\"\r\n [maxDate]=\"maxDate\"\r\n [selectionModeOptions]=\"selectionModeOptions\"\r\n [selection]=\"calendarSelection\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n class=\"card\"\r\n (focusOutStart)=\"onCalendarFocusOutStart($event)\"\r\n (focusOutEnd)=\"onCalendarFocusOutEnd($event)\">\r\n </ec-calendar>\r\n</ng-template>\r\n", styles: [":host{display:block}label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: FormControlComponent, selector: "ec-form-control", inputs: ["id", "icon", "actionIcon", "showClear", "formModel", "autofocus", "pending", "required", "readonly"], outputs: ["actionClicked", "actionKeydown"] }, { kind: "component", type: HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "component", type: CalendarComponent, selector: "ec-calendar", inputs: ["id", "selection", "selectionModeOptions", "selectionMode", "minDate", "maxDate"], outputs: ["selectionChange", "selectionModeChange", "focusOutStart", "focusOutEnd"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
|
|
4338
4424
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
4339
4425
|
type: Component,
|
|
4340
|
-
args: [{ selector: 'ec-date-input', template: "<label *ngIf=\"label\">\r\n <span>{{label | translate}}</span>\r\n <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\"> {{validationErrors}}</span>\r\n <ec-help-popover id=\"{{id}}_helpPopover\"\r\n *ngIf=\"helpPopover\"\r\n class=\"d-inline-block my-n3 mx-n1\"\r\n text=\"{{helpPopover | translate}}\"\r\n contentPosition=\"{{helpPopoverPosition}}\">\r\n </ec-help-popover>\r\n</label>\r\n\r\n<ec-form-control id=\"{{id}}\"\r\n [required]=\"required\"\r\n [autofocus]=\"autofocus\"\r\n [pending]=\"pending\"\r\n [readonly]=\"readonly\"\r\n [formModel]=\"formModel\"\r\n (actionClicked)=\"isCalendarOpen = !isCalendarOpen\"\r\n (actionKeydown)=\"onActionKeydown($event)\"\r\n [showClear]=\"false\"\r\n actionIcon=\"icon-date\"\r\n cdkOverlayOrigin\r\n #overlayOrigin=\"cdkOverlayOrigin\">\r\n <input id=\"{{id}}_input\"\r\n type=\"text\"\r\n placeholder=\"{{placeholder}}\"\r\n [formControl]=\"textboxControl\"\r\n (blur)=\"onTextboxBlur()\"\r\n (keydown)=\"onTextboxKeydown($event)\">\r\n</ec-form-control>\r\n\r\n<ng-template cdkConnectedOverlay\r\n #overlay=\"cdkConnectedOverlay\"\r\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isCalendarOpen\"\r\n [cdkConnectedOverlayScrollStrategy]=\"overlayScrollStrategy\"\r\n cdkConnectedOverlayPanelClass=\"my-1\"\r\n (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\r\n (detach)=\"isCalendarOpen = false\">\r\n <ec-calendar [id]=\"id + '_calendar'\"\r\n [minDate]=\"minDate\"\r\n [maxDate]=\"maxDate\"\r\n [
|
|
4426
|
+
args: [{ selector: 'ec-date-input', template: "<label *ngIf=\"label\">\r\n <span>{{label | translate}}</span>\r\n <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\"> {{validationErrors}}</span>\r\n <ec-help-popover id=\"{{id}}_helpPopover\"\r\n *ngIf=\"helpPopover\"\r\n class=\"d-inline-block my-n3 mx-n1\"\r\n text=\"{{helpPopover | translate}}\"\r\n contentPosition=\"{{helpPopoverPosition}}\">\r\n </ec-help-popover>\r\n</label>\r\n\r\n<ec-form-control id=\"{{id}}\"\r\n [required]=\"required\"\r\n [autofocus]=\"autofocus\"\r\n [pending]=\"pending\"\r\n [readonly]=\"readonly\"\r\n [formModel]=\"formModel\"\r\n (actionClicked)=\"isCalendarOpen = !isCalendarOpen\"\r\n (actionKeydown)=\"onActionKeydown($event)\"\r\n [showClear]=\"false\"\r\n actionIcon=\"icon-date\"\r\n cdkOverlayOrigin\r\n #overlayOrigin=\"cdkOverlayOrigin\">\r\n <input id=\"{{id}}_input\"\r\n type=\"text\"\r\n placeholder=\"{{placeholder}}\"\r\n [formControl]=\"textboxControl\"\r\n (blur)=\"onTextboxBlur()\"\r\n (keydown)=\"onTextboxKeydown($event)\">\r\n</ec-form-control>\r\n\r\n<ng-template cdkConnectedOverlay\r\n #overlay=\"cdkConnectedOverlay\"\r\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\r\n [cdkConnectedOverlayOpen]=\"isCalendarOpen\"\r\n [cdkConnectedOverlayScrollStrategy]=\"overlayScrollStrategy\"\r\n cdkConnectedOverlayPanelClass=\"my-1\"\r\n (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\r\n (detach)=\"isCalendarOpen = false\">\r\n <ec-calendar [id]=\"id + '_calendar'\"\r\n [minDate]=\"minDate\"\r\n [maxDate]=\"maxDate\"\r\n [selectionModeOptions]=\"selectionModeOptions\"\r\n [selection]=\"calendarSelection\"\r\n (selectionChange)=\"onSelectionChange($event)\"\r\n class=\"card\"\r\n (focusOutStart)=\"onCalendarFocusOutStart($event)\"\r\n (focusOutEnd)=\"onCalendarFocusOutEnd($event)\">\r\n </ec-calendar>\r\n</ng-template>\r\n", styles: [":host{display:block}label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}\n"] }]
|
|
4341
4427
|
}], ctorParameters: function () { return [{ type: ValidationMessageService }, { type: FormGroupHelper }, { type: UserPreferenceService }, { type: DateDisplayPipe }, { type: i0.ElementRef }, { type: i1$2.Overlay }]; }, propDecorators: { id: [{
|
|
4342
4428
|
type: HostBinding,
|
|
4343
4429
|
args: ['attr.id']
|
|
@@ -4349,7 +4435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
4349
4435
|
type: Input
|
|
4350
4436
|
}], maxDate: [{
|
|
4351
4437
|
type: Input
|
|
4352
|
-
}],
|
|
4438
|
+
}], selectionModeOptions: [{
|
|
4353
4439
|
type: Input
|
|
4354
4440
|
}], overlay: [{
|
|
4355
4441
|
type: ViewChild,
|
|
@@ -12185,5 +12271,5 @@ class CopyButtonBaseTestInjectorFactory {
|
|
|
12185
12271
|
* Generated bundle index. Do not edit.
|
|
12186
12272
|
*/
|
|
12187
12273
|
|
|
12188
|
-
export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CalendarComponent, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonBaseTestInjectorFactory, CopyButtonDirective, CopyTableButtonDirective, CustomValidators, DateDisplayPipe, DateInputComponent, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormControlLabelComponent, FormGroupComponent, FormGroupHelper, HelpPopoverComponent, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, HighlightTextPipe, IfViewportWidthDirective, ItemDisplayComponent, ItemPickerComponent, ItemPickerSelectableContext, JsonDisplayComponent, JsonHelper, KeyboardNavContainerDirective, KeyboardNavTargetDirective, LinkButtonComponent, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RouterHelper, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TooltipComponent, TooltipDirective, TooltipService, Tour, TourAnchor, TourComponent, TourEvent, TourService, TourStep, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, domainPattern, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, isCalendarSelectionSingleDate, menuAnimationSpeed, mockRouterFactory, mockRouterHelperFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique };
|
|
12274
|
+
export { AppBarComponent, AvatarComponent, BannerComponent, ButtonComponent, CacheService, CalendarComponent, CheckboxComponent, ClickAreaForDirective, CollapsibleToggleComponent, ComboboxComponent, ComponentsModule, ConfirmComponent, ConfirmDialogContext, CopyButtonBaseTestInjectorFactory, CopyButtonDirective, CopyTableButtonDirective, CustomValidators, DateDisplayPipe, DateInputComponent, DateTimeHelper, DialogCloseDuration, DialogCloseEvent, DialogCloseLatestEvent, DialogComponent, DialogEvent, DialogGroupComponent, DialogOpenDuration, DialogOpenEndEvent, DialogOpenStartEvent, DialogResult, DialogService, DropdownComponent, ErrorService, FileTypeExtensions, FileUploadComponent, FormControlBase, FormControlComponent, FormControlLabelComponent, FormGroupComponent, FormGroupHelper, HelpPopoverComponent, HierarchyBase, HierarchyBaseTestInjectorFactory, HierarchyItem, HierarchyMocks, HierarchyTreeComponent, HighlightTextPipe, IfViewportWidthDirective, ItemDisplayComponent, ItemPickerComponent, ItemPickerSelectableContext, JsonDisplayComponent, JsonHelper, KeyboardNavContainerDirective, KeyboardNavTargetDirective, LinkButtonComponent, MenuComponent, MockActivatedRoute, MockDateDisplayPipe, MockDialog, MockDialogContent, MockTranslateService, MockTranslationHelperService, NavGroup, NavItemActiveDirective, NumericboxComponent, Overlay, PageBaseComponent, PageBaseComponentTestHelper, PageBaseComponentTestInjectorFactory, PageInitResult, PageStatus, PageStatuses, PageTitleComponent, PageViewComponent, PanelCloseDuration, PanelOpenDuration, PopoverComponent, PopupContainerDirective, RadioButtonComponent, RadioButtonOption, RelativeDatePipe, ResizableBase, ResizableColumnComponent, ResizableComponent, RouterHelper, RowCountPipe, ScrollService, SearchableTableComponent, SelectComponent, SpinnerComponent, SplashComponent, SplashService, SpyFactory, TableComponent, TableLockedColumnComponent, TableMasterHeaderRowComponent, TableMasterRowComponent, TablePaginationComponent, TableSelectableRowComponent, TableSelectableRowContext, TabsComponent, Tag, TagsComponent, TelemetryService, TelemetryTrackerService, TextboxComponent, TimeDisplayPipe, ToastComponent, ToastEvent, ToastService, ToasterComponent, TooltipComponent, TooltipDirective, TooltipService, Tour, TourAnchor, TourComponent, TourEvent, TourService, TourStep, TreeComponent, UnicodeStrings, UserPreferenceService, ValidationMessageService, ViewOverlayComponent, WindowService, WizardBaseComponent, WizardButtonsComponent, WizardProgressComponent, canadianPostalCodeRegex, clickEvent, dateInputFormatRegex, domainPattern, findAllSpacesPattern, forEachFormControl, getApiError, getControlValue, getDecimalPattern, integerPattern, isApiError, isCalendarSelectionRange, isCalendarSelectionSingleDate, menuAnimationSpeed, mockRouterFactory, mockRouterHelperFactory, numericboxValidation, orderByIgnoreCase, otherZipCodeRegex, phoneNumberValidationPattern, sortByIgnoreCase, textboxValidation, unitedStatesZipCodeRegex, urlValidationPattern, validateFormGroupValuesAreUnique };
|
|
12189
12275
|
//# sourceMappingURL=energycap-components.mjs.map
|