@dereekb/dbx-form 9.24.2 → 9.24.4
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/LICENSE +1 -1
- package/calendar/lib/calendar.schedule.selection.component.d.ts +20 -6
- package/calendar/lib/calendar.schedule.selection.dialog.button.component.d.ts +6 -1
- package/calendar/lib/calendar.schedule.selection.dialog.component.d.ts +17 -2
- package/calendar/lib/calendar.schedule.selection.store.d.ts +7 -2
- package/calendar/lib/field/schedule/calendar.schedule.field.component.d.ts +8 -0
- package/esm2020/calendar/lib/calendar.schedule.selection.component.mjs +57 -32
- package/esm2020/calendar/lib/calendar.schedule.selection.dialog.button.component.mjs +5 -3
- package/esm2020/calendar/lib/calendar.schedule.selection.dialog.component.mjs +20 -7
- package/esm2020/calendar/lib/calendar.schedule.selection.store.mjs +7 -2
- package/esm2020/calendar/lib/field/schedule/calendar.schedule.field.component.mjs +7 -4
- package/esm2020/calendar/lib/field/schedule/calendar.schedule.field.mjs +3 -2
- package/fesm2015/dereekb-dbx-form-calendar.mjs +93 -52
- package/fesm2015/dereekb-dbx-form-calendar.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-form-calendar.mjs +93 -45
- package/fesm2020/dereekb-dbx-form-calendar.mjs.map +1 -1
- package/mapbox/package.json +4 -4
- package/package.json +4 -4
|
@@ -5,9 +5,9 @@ import { AbstractPopoverDirective, AbstractDialogDirective, DbxActionModule, Dbx
|
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { Injectable, SkipSelf, Directive, Injector, Optional, Component, Inject, Input, ElementRef, ViewChild, ChangeDetectionStrategy, EventEmitter, Output, InjectionToken, NgModule } from '@angular/core';
|
|
7
7
|
import { FieldType } from '@ngx-formly/material';
|
|
8
|
-
import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime } from 'rxjs';
|
|
8
|
+
import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime, combineLatest } from 'rxjs';
|
|
9
9
|
import { filterMaybe, SubscriptionObject, asObservable } from '@dereekb/rxjs';
|
|
10
|
-
import { DateScheduleDayCode, expandDateScheduleDayCodesToDayOfWeekSet, dateTimingRelativeIndexFactory, dateBlockDayOfWeekFactory, findMaxDate, findMinDate, isSameDateRange, isSameDateDay, isSameDate, isSameDateScheduleRange, dateTimingRelativeIndexArrayFactory, isInfiniteDateRange, copyDateScheduleDateFilterConfig, dateScheduleDateFilter, dateTimezoneUtcNormal, expandDateScheduleDayCodes, isDateInDateRangeFunction, isDateWithinDateBlockRangeFunction, copyHoursAndMinutesFromDate, dateScheduleEncodedWeek, dateBlockTimingDateFactory, enabledDaysFromDateScheduleDayCodes, dateScheduleDayCodesFromEnabledDays, formatToMonthDayString } from '@dereekb/date';
|
|
10
|
+
import { DateScheduleDayCode, expandDateScheduleDayCodesToDayOfWeekSet, dateTimingRelativeIndexFactory, dateBlockDayOfWeekFactory, findMaxDate, findMinDate, isSameDateRange, isSameDateDay, isSameDate, expandDateScheduleRange, isSameDateScheduleRange, dateTimingRelativeIndexArrayFactory, isInfiniteDateRange, copyDateScheduleDateFilterConfig, dateScheduleDateFilter, dateTimezoneUtcNormal, expandDateScheduleDayCodes, isDateInDateRangeFunction, isDateWithinDateBlockRangeFunction, copyHoursAndMinutesFromDate, dateScheduleEncodedWeek, dateBlockTimingDateFactory, enabledDaysFromDateScheduleDayCodes, dateScheduleDayCodesFromEnabledDays, formatToMonthDayString } from '@dereekb/date';
|
|
11
11
|
import { setsAreEquivalent, unique, mergeArrays, iterableToArray, toggleInSet, addToSet, isIndexNumberInIndexRangeFunction, range, minAndMaxNumber, getDaysOfWeekNames, mergeObjects, KeyValueTypleValueFilter } from '@dereekb/util';
|
|
12
12
|
import { ComponentStore } from '@ngrx/component-store';
|
|
13
13
|
import { startOfDay, endOfDay, isBefore } from 'date-fns';
|
|
@@ -37,7 +37,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
|
37
37
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
38
38
|
|
|
39
39
|
function dateScheduleRangeField(config = {}) {
|
|
40
|
-
const { key = 'schedule', appearance, hideCustomize, filter, timezone, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions, minMaxDateRange, cellContentFactory, closeDialogConfig } = config;
|
|
40
|
+
const { key = 'schedule', appearance, hideCustomize, filter, timezone, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions, minMaxDateRange, cellContentFactory, dialogContentConfig, closeDialogConfig } = config;
|
|
41
41
|
const fieldConfig = {
|
|
42
42
|
...formlyField({
|
|
43
43
|
key,
|
|
@@ -50,6 +50,7 @@ function dateScheduleRangeField(config = {}) {
|
|
|
50
50
|
minMaxDateRange,
|
|
51
51
|
filter,
|
|
52
52
|
exclusions,
|
|
53
|
+
dialogContentConfig,
|
|
53
54
|
closeDialogConfig,
|
|
54
55
|
computeSelectionResultRelativeToFilter,
|
|
55
56
|
initialSelectionState,
|
|
@@ -150,6 +151,9 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
|
|
|
150
151
|
}
|
|
151
152
|
}), shareReplay(1));
|
|
152
153
|
this.inputRange$ = this.currentInputRange$.pipe(filterMaybe(), shareReplay(1));
|
|
154
|
+
/**
|
|
155
|
+
* @deprecated This is not the same as the current selection value. This is the set of manually togged off dates. It will be removed in a future update.
|
|
156
|
+
*/
|
|
153
157
|
this.selectedDates$ = this.state$.pipe(map((x) => x.selectedIndexes), distinctUntilChanged(), shareReplay(1));
|
|
154
158
|
this.isEnabledFilterDayFunction$ = this.state$.pipe(map((x) => x.isEnabledFilterDay), shareReplay(1));
|
|
155
159
|
this.isEnabledDayFunction$ = this.state$.pipe(map((x) => x.isEnabledDay), shareReplay(1));
|
|
@@ -187,6 +191,8 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
|
|
|
187
191
|
return obs;
|
|
188
192
|
}), shareReplay(1));
|
|
189
193
|
this.selectionValue$ = this.currentSelectionValueWithTimezone$.pipe(filterMaybe(), shareReplay(1));
|
|
194
|
+
this.selectionValueDateBlockDurationSpan$ = this.selectionValue$.pipe(map((x) => expandDateScheduleRange(x)), shareReplay(1));
|
|
195
|
+
this.selectionValueSelectedIndexes$ = this.selectionValueDateBlockDurationSpan$.pipe(map((x) => new Set(x.map((y) => y.i))), shareReplay(1));
|
|
190
196
|
this.currentDateScheduleRangeValue$ = this.currentSelectionValueWithTimezone$.pipe(map((x) => x?.dateScheduleRange), distinctUntilChanged(isSameDateScheduleRange), shareReplay(1));
|
|
191
197
|
this.dateScheduleRangeValue$ = this.currentDateScheduleRangeValue$.pipe(filterMaybe(), shareReplay(1));
|
|
192
198
|
this.cellContentFactory$ = this.state$.pipe(map((x) => x.cellContentFactory), distinctUntilChanged(), shareReplay(1));
|
|
@@ -998,6 +1004,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
998
1004
|
}]
|
|
999
1005
|
}], ctorParameters: function () { return [{ type: i1$1.DbxPopoverService }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.Injector }]; } });
|
|
1000
1006
|
|
|
1007
|
+
function dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(inputModifyFn) {
|
|
1008
|
+
const modifyFn = inputModifyFn || (() => { });
|
|
1009
|
+
return (state$) => {
|
|
1010
|
+
return (renderEvent) => {
|
|
1011
|
+
const { body } = renderEvent;
|
|
1012
|
+
// use latest/current state
|
|
1013
|
+
state$.pipe(first()).subscribe((calendarScheduleState) => {
|
|
1014
|
+
const { isEnabledDay, indexFactory, isEnabledFilterDay, allowedDaysOfWeek } = calendarScheduleState;
|
|
1015
|
+
body.forEach((viewDay) => {
|
|
1016
|
+
const { date } = viewDay;
|
|
1017
|
+
const i = indexFactory(date);
|
|
1018
|
+
const day = date.getDay();
|
|
1019
|
+
let state;
|
|
1020
|
+
if (!isEnabledFilterDay(i)) {
|
|
1021
|
+
viewDay.cssClass = 'cal-day-not-applicable';
|
|
1022
|
+
state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
|
|
1023
|
+
}
|
|
1024
|
+
else if (!allowedDaysOfWeek.has(day)) {
|
|
1025
|
+
viewDay.cssClass = 'cal-day-disabled';
|
|
1026
|
+
state = CalendarScheduleSelectionDayState.DISABLED;
|
|
1027
|
+
}
|
|
1028
|
+
else if (isEnabledDay(i)) {
|
|
1029
|
+
viewDay.cssClass = 'cal-day-selected';
|
|
1030
|
+
state = CalendarScheduleSelectionDayState.SELECTED;
|
|
1031
|
+
}
|
|
1032
|
+
else {
|
|
1033
|
+
viewDay.cssClass = 'cal-day-not-selected';
|
|
1034
|
+
state = CalendarScheduleSelectionDayState.NOT_SELECTED;
|
|
1035
|
+
}
|
|
1036
|
+
const meta = {
|
|
1037
|
+
state,
|
|
1038
|
+
i
|
|
1039
|
+
};
|
|
1040
|
+
viewDay.meta = meta;
|
|
1041
|
+
modifyFn(viewDay, calendarScheduleState);
|
|
1042
|
+
});
|
|
1043
|
+
});
|
|
1044
|
+
};
|
|
1045
|
+
};
|
|
1046
|
+
}
|
|
1001
1047
|
class DbxScheduleSelectionCalendarComponent {
|
|
1002
1048
|
constructor(calendarStore, dbxCalendarScheduleSelectionStore) {
|
|
1003
1049
|
this.calendarStore = calendarStore;
|
|
@@ -1008,7 +1054,17 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1008
1054
|
this.clickEvent = new EventEmitter();
|
|
1009
1055
|
// refresh any time the selected day function updates
|
|
1010
1056
|
this.state$ = this.dbxCalendarScheduleSelectionStore.state$;
|
|
1011
|
-
this.
|
|
1057
|
+
this.beforeMonthViewRender$ = this._config.pipe(switchMap((x) => {
|
|
1058
|
+
let factory;
|
|
1059
|
+
if (x.beforeMonthViewRenderFunctionFactory) {
|
|
1060
|
+
factory = asObservable(x.beforeMonthViewRenderFunctionFactory);
|
|
1061
|
+
}
|
|
1062
|
+
else {
|
|
1063
|
+
factory = asObservable(x.customizeDay).pipe(map((x) => dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(x)));
|
|
1064
|
+
}
|
|
1065
|
+
return factory.pipe(map((x) => x(this.state$)));
|
|
1066
|
+
}), shareReplay(1));
|
|
1067
|
+
this.refresh$ = combineLatest([this.state$, this.beforeMonthViewRender$]).pipe(throttleTime(100), map(() => undefined));
|
|
1012
1068
|
this.events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));
|
|
1013
1069
|
this.viewDate$ = this.calendarStore.date$;
|
|
1014
1070
|
}
|
|
@@ -1024,7 +1080,7 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1024
1080
|
return this._config.value;
|
|
1025
1081
|
}
|
|
1026
1082
|
set config(config) {
|
|
1027
|
-
this._config.next(config);
|
|
1083
|
+
this._config.next(config ?? {});
|
|
1028
1084
|
}
|
|
1029
1085
|
dayClicked({ date }) {
|
|
1030
1086
|
this.dbxCalendarScheduleSelectionStore.toggleSelectedDates(date);
|
|
@@ -1033,34 +1089,8 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1033
1089
|
this.clickEvent.emit({ action, event });
|
|
1034
1090
|
}
|
|
1035
1091
|
beforeMonthViewRender(renderEvent) {
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
body.forEach((viewDay) => {
|
|
1039
|
-
const { date } = viewDay;
|
|
1040
|
-
const i = indexFactory(date);
|
|
1041
|
-
const day = date.getDay();
|
|
1042
|
-
let state;
|
|
1043
|
-
if (!isEnabledFilterDay(i)) {
|
|
1044
|
-
viewDay.cssClass = 'cal-day-not-applicable';
|
|
1045
|
-
state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
|
|
1046
|
-
}
|
|
1047
|
-
else if (!allowedDaysOfWeek.has(day)) {
|
|
1048
|
-
viewDay.cssClass = 'cal-day-disabled';
|
|
1049
|
-
state = CalendarScheduleSelectionDayState.DISABLED;
|
|
1050
|
-
}
|
|
1051
|
-
else if (isEnabledDay(i)) {
|
|
1052
|
-
viewDay.cssClass = 'cal-day-selected';
|
|
1053
|
-
state = CalendarScheduleSelectionDayState.SELECTED;
|
|
1054
|
-
}
|
|
1055
|
-
else {
|
|
1056
|
-
viewDay.cssClass = 'cal-day-not-selected';
|
|
1057
|
-
state = CalendarScheduleSelectionDayState.NOT_SELECTED;
|
|
1058
|
-
}
|
|
1059
|
-
viewDay.meta = {
|
|
1060
|
-
state,
|
|
1061
|
-
i
|
|
1062
|
-
};
|
|
1063
|
-
});
|
|
1092
|
+
this.beforeMonthViewRender$.pipe(first()).subscribe((x) => {
|
|
1093
|
+
x(renderEvent);
|
|
1064
1094
|
});
|
|
1065
1095
|
}
|
|
1066
1096
|
}
|
|
@@ -1077,25 +1107,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1077
1107
|
|
|
1078
1108
|
/**
|
|
1079
1109
|
* Token used to configure the default DbxDialogContentFooterConfig for DbxScheduleSelectionCalendarDateDialogComponent.
|
|
1110
|
+
*
|
|
1111
|
+
* @deprecated use DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN instead.
|
|
1080
1112
|
*/
|
|
1081
1113
|
const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupCloseConfig');
|
|
1114
|
+
/**
|
|
1115
|
+
* Token used to configure the default DbxScheduleSelectionCalendarDatePopupConfig for DbxScheduleSelectionCalendarDateDialogComponent.
|
|
1116
|
+
*/
|
|
1117
|
+
const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupContentConfig');
|
|
1082
1118
|
class DbxScheduleSelectionCalendarDateDialogComponent extends AbstractDialogDirective {
|
|
1119
|
+
get contentConfig() {
|
|
1120
|
+
return this.data.contentConfig;
|
|
1121
|
+
}
|
|
1083
1122
|
get closeConfig() {
|
|
1084
|
-
return this.
|
|
1123
|
+
return this.contentConfig?.closeConfig;
|
|
1085
1124
|
}
|
|
1086
1125
|
static openDialog(matDialog, config) {
|
|
1087
|
-
const { injector, closeConfig: inputCloseConfig } = config;
|
|
1126
|
+
const { injector, contentConfig: inputContentConfig, closeConfig: inputCloseConfig } = config;
|
|
1088
1127
|
const defaultCloseConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, null);
|
|
1089
|
-
const
|
|
1128
|
+
const defaultContentConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, null);
|
|
1129
|
+
const contentConfig = mergeObjects([defaultContentConfig, inputContentConfig], KeyValueTypleValueFilter.NULL);
|
|
1130
|
+
const closeConfig = mergeObjects([defaultCloseConfig, contentConfig?.closeConfig, inputCloseConfig], KeyValueTypleValueFilter.NULL);
|
|
1131
|
+
contentConfig.closeConfig = closeConfig;
|
|
1090
1132
|
return matDialog.open(DbxScheduleSelectionCalendarDateDialogComponent, {
|
|
1091
|
-
injector,
|
|
1092
1133
|
height: 'calc(var(--vh100) * 0.9)',
|
|
1093
|
-
minHeight: 400,
|
|
1094
1134
|
width: '80vw',
|
|
1135
|
+
minHeight: 400,
|
|
1095
1136
|
minWidth: 360,
|
|
1137
|
+
...contentConfig.dialogConfig,
|
|
1138
|
+
injector,
|
|
1096
1139
|
data: {
|
|
1097
1140
|
config,
|
|
1098
|
-
|
|
1141
|
+
contentConfig
|
|
1099
1142
|
}
|
|
1100
1143
|
});
|
|
1101
1144
|
}
|
|
@@ -1128,11 +1171,11 @@ class DbxScheduleSelectionCalendarDateDialogButtonComponent {
|
|
|
1128
1171
|
this.buttonText = 'Customize';
|
|
1129
1172
|
}
|
|
1130
1173
|
clickCustomize() {
|
|
1131
|
-
DbxScheduleSelectionCalendarDateDialogComponent.openDialog(this.matDialog, { injector: this.injector, closeConfig: this.closeConfig });
|
|
1174
|
+
DbxScheduleSelectionCalendarDateDialogComponent.openDialog(this.matDialog, { injector: this.injector, contentConfig: this.contentConfig, closeConfig: this.closeConfig });
|
|
1132
1175
|
}
|
|
1133
1176
|
}
|
|
1134
1177
|
DbxScheduleSelectionCalendarDateDialogButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogButtonComponent, deps: [{ token: i1$2.MatDialog }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1135
|
-
DbxScheduleSelectionCalendarDateDialogButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: { buttonText: "buttonText", closeConfig: "closeConfig" }, ngImport: i0, template: `
|
|
1178
|
+
DbxScheduleSelectionCalendarDateDialogButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: { buttonText: "buttonText", contentConfig: "contentConfig", closeConfig: "closeConfig" }, ngImport: i0, template: `
|
|
1136
1179
|
<button mat-raised-button color="accent" (click)="clickCustomize()">{{ buttonText }}</button>
|
|
1137
1180
|
`, isInline: true, dependencies: [{ kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
1138
1181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogButtonComponent, decorators: [{
|
|
@@ -1145,6 +1188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1145
1188
|
}]
|
|
1146
1189
|
}], ctorParameters: function () { return [{ type: i1$2.MatDialog }, { type: i0.Injector }]; }, propDecorators: { buttonText: [{
|
|
1147
1190
|
type: Input
|
|
1191
|
+
}], contentConfig: [{
|
|
1192
|
+
type: Input
|
|
1148
1193
|
}], closeConfig: [{
|
|
1149
1194
|
type: Input
|
|
1150
1195
|
}] } });
|
|
@@ -1204,6 +1249,9 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
|
|
|
1204
1249
|
get closeDialogConfig() {
|
|
1205
1250
|
return this.props.closeDialogConfig;
|
|
1206
1251
|
}
|
|
1252
|
+
get dialogContentConfig() {
|
|
1253
|
+
return this.props.dialogContentConfig;
|
|
1254
|
+
}
|
|
1207
1255
|
get cellContentFactory() {
|
|
1208
1256
|
return this.props.cellContentFactory;
|
|
1209
1257
|
}
|
|
@@ -1253,17 +1301,17 @@ DbxFormCalendarDateScheduleRangeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({
|
|
|
1253
1301
|
DbxFormCalendarDateScheduleRangeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormCalendarDateScheduleRangeFieldComponent, selector: "ng-component", providers: [provideCalendarScheduleSelectionStoreIfParentIsUnavailable()], usesInheritance: true, ngImport: i0, template: `
|
|
1254
1302
|
<div class="dbx-schedule-selection-field">
|
|
1255
1303
|
<dbx-schedule-selection-calendar-date-range [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
|
|
1256
|
-
<dbx-schedule-selection-calendar-date-dialog-button [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1304
|
+
<dbx-schedule-selection-calendar-date-dialog-button [contentConfig]="dialogContentConfig" [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1257
1305
|
</dbx-schedule-selection-calendar-date-range>
|
|
1258
1306
|
</div>
|
|
1259
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DbxScheduleSelectionCalendarDateRangeComponent, selector: "dbx-schedule-selection-calendar-date-range", inputs: ["label", "hint", "disabled", "showCustomize", "required"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: ["buttonText", "closeConfig"] }] });
|
|
1307
|
+
`, isInline: true, dependencies: [{ kind: "component", type: DbxScheduleSelectionCalendarDateRangeComponent, selector: "dbx-schedule-selection-calendar-date-range", inputs: ["label", "hint", "disabled", "showCustomize", "required"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: ["buttonText", "contentConfig", "closeConfig"] }] });
|
|
1260
1308
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarDateScheduleRangeFieldComponent, decorators: [{
|
|
1261
1309
|
type: Component,
|
|
1262
1310
|
args: [{
|
|
1263
1311
|
template: `
|
|
1264
1312
|
<div class="dbx-schedule-selection-field">
|
|
1265
1313
|
<dbx-schedule-selection-calendar-date-range [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
|
|
1266
|
-
<dbx-schedule-selection-calendar-date-dialog-button [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1314
|
+
<dbx-schedule-selection-calendar-date-dialog-button [contentConfig]="dialogContentConfig" [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1267
1315
|
</dbx-schedule-selection-calendar-date-range>
|
|
1268
1316
|
</div>
|
|
1269
1317
|
`,
|
|
@@ -1443,5 +1491,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1443
1491
|
* Generated bundle index. Do not edit.
|
|
1444
1492
|
*/
|
|
1445
1493
|
|
|
1446
|
-
export { CalendarScheduleSelectionDayState, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateBlockRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithTimezoneValue };
|
|
1494
|
+
export { CalendarScheduleSelectionDayState, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateBlockRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithTimezoneValue };
|
|
1447
1495
|
//# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map
|