@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
|
@@ -3,9 +3,9 @@ import { formlyField, propsAndConfigForFieldConfig, flexLayoutWrapper, toggleFie
|
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Injectable, SkipSelf, Directive, Injector, Optional, Component, Inject, Input, ElementRef, ViewChild, ChangeDetectionStrategy, EventEmitter, Output, InjectionToken, NgModule } from '@angular/core';
|
|
5
5
|
import { FieldType } from '@ngx-formly/material';
|
|
6
|
-
import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime } from 'rxjs';
|
|
6
|
+
import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime, combineLatest } from 'rxjs';
|
|
7
7
|
import { filterMaybe, SubscriptionObject, asObservable } from '@dereekb/rxjs';
|
|
8
|
-
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';
|
|
8
|
+
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';
|
|
9
9
|
import { setsAreEquivalent, unique, mergeArrays, iterableToArray, toggleInSet, addToSet, isIndexNumberInIndexRangeFunction, range, minAndMaxNumber, getDaysOfWeekNames, mergeObjects, KeyValueTypleValueFilter } from '@dereekb/util';
|
|
10
10
|
import { ComponentStore } from '@ngrx/component-store';
|
|
11
11
|
import { startOfDay, endOfDay, isBefore } from 'date-fns';
|
|
@@ -38,7 +38,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
|
|
|
38
38
|
|
|
39
39
|
function dateScheduleRangeField(config = {}) {
|
|
40
40
|
var _a;
|
|
41
|
-
const { key = 'schedule', appearance, hideCustomize, filter, timezone, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions, minMaxDateRange, cellContentFactory, closeDialogConfig } = config;
|
|
41
|
+
const { key = 'schedule', appearance, hideCustomize, filter, timezone, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions, minMaxDateRange, cellContentFactory, dialogContentConfig, closeDialogConfig } = config;
|
|
42
42
|
const fieldConfig = Object.assign({}, formlyField(Object.assign({ key, type: 'date-schedule-range' }, propsAndConfigForFieldConfig(config, {
|
|
43
43
|
label: (_a = config.label) !== null && _a !== void 0 ? _a : 'Schedule',
|
|
44
44
|
appearance,
|
|
@@ -47,6 +47,7 @@ function dateScheduleRangeField(config = {}) {
|
|
|
47
47
|
minMaxDateRange,
|
|
48
48
|
filter,
|
|
49
49
|
exclusions,
|
|
50
|
+
dialogContentConfig,
|
|
50
51
|
closeDialogConfig,
|
|
51
52
|
computeSelectionResultRelativeToFilter,
|
|
52
53
|
initialSelectionState,
|
|
@@ -149,6 +150,9 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
|
|
|
149
150
|
}
|
|
150
151
|
}), shareReplay(1));
|
|
151
152
|
this.inputRange$ = this.currentInputRange$.pipe(filterMaybe(), shareReplay(1));
|
|
153
|
+
/**
|
|
154
|
+
* @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.
|
|
155
|
+
*/
|
|
152
156
|
this.selectedDates$ = this.state$.pipe(map((x) => x.selectedIndexes), distinctUntilChanged(), shareReplay(1));
|
|
153
157
|
this.isEnabledFilterDayFunction$ = this.state$.pipe(map((x) => x.isEnabledFilterDay), shareReplay(1));
|
|
154
158
|
this.isEnabledDayFunction$ = this.state$.pipe(map((x) => x.isEnabledDay), shareReplay(1));
|
|
@@ -182,6 +186,8 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
|
|
|
182
186
|
return obs;
|
|
183
187
|
}), shareReplay(1));
|
|
184
188
|
this.selectionValue$ = this.currentSelectionValueWithTimezone$.pipe(filterMaybe(), shareReplay(1));
|
|
189
|
+
this.selectionValueDateBlockDurationSpan$ = this.selectionValue$.pipe(map((x) => expandDateScheduleRange(x)), shareReplay(1));
|
|
190
|
+
this.selectionValueSelectedIndexes$ = this.selectionValueDateBlockDurationSpan$.pipe(map((x) => new Set(x.map((y) => y.i))), shareReplay(1));
|
|
185
191
|
this.currentDateScheduleRangeValue$ = this.currentSelectionValueWithTimezone$.pipe(map((x) => x === null || x === void 0 ? void 0 : x.dateScheduleRange), distinctUntilChanged(isSameDateScheduleRange), shareReplay(1));
|
|
186
192
|
this.dateScheduleRangeValue$ = this.currentDateScheduleRangeValue$.pipe(filterMaybe(), shareReplay(1));
|
|
187
193
|
this.cellContentFactory$ = this.state$.pipe(map((x) => x.cellContentFactory), distinctUntilChanged(), shareReplay(1));
|
|
@@ -991,6 +997,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
991
997
|
}]
|
|
992
998
|
}], ctorParameters: function () { return [{ type: i1$1.DbxPopoverService }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.Injector }]; } });
|
|
993
999
|
|
|
1000
|
+
function dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(inputModifyFn) {
|
|
1001
|
+
const modifyFn = inputModifyFn || (() => { });
|
|
1002
|
+
return (state$) => {
|
|
1003
|
+
return (renderEvent) => {
|
|
1004
|
+
const { body } = renderEvent;
|
|
1005
|
+
// use latest/current state
|
|
1006
|
+
state$.pipe(first()).subscribe((calendarScheduleState) => {
|
|
1007
|
+
const { isEnabledDay, indexFactory, isEnabledFilterDay, allowedDaysOfWeek } = calendarScheduleState;
|
|
1008
|
+
body.forEach((viewDay) => {
|
|
1009
|
+
const { date } = viewDay;
|
|
1010
|
+
const i = indexFactory(date);
|
|
1011
|
+
const day = date.getDay();
|
|
1012
|
+
let state;
|
|
1013
|
+
if (!isEnabledFilterDay(i)) {
|
|
1014
|
+
viewDay.cssClass = 'cal-day-not-applicable';
|
|
1015
|
+
state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
|
|
1016
|
+
}
|
|
1017
|
+
else if (!allowedDaysOfWeek.has(day)) {
|
|
1018
|
+
viewDay.cssClass = 'cal-day-disabled';
|
|
1019
|
+
state = CalendarScheduleSelectionDayState.DISABLED;
|
|
1020
|
+
}
|
|
1021
|
+
else if (isEnabledDay(i)) {
|
|
1022
|
+
viewDay.cssClass = 'cal-day-selected';
|
|
1023
|
+
state = CalendarScheduleSelectionDayState.SELECTED;
|
|
1024
|
+
}
|
|
1025
|
+
else {
|
|
1026
|
+
viewDay.cssClass = 'cal-day-not-selected';
|
|
1027
|
+
state = CalendarScheduleSelectionDayState.NOT_SELECTED;
|
|
1028
|
+
}
|
|
1029
|
+
const meta = {
|
|
1030
|
+
state,
|
|
1031
|
+
i
|
|
1032
|
+
};
|
|
1033
|
+
viewDay.meta = meta;
|
|
1034
|
+
modifyFn(viewDay, calendarScheduleState);
|
|
1035
|
+
});
|
|
1036
|
+
});
|
|
1037
|
+
};
|
|
1038
|
+
};
|
|
1039
|
+
}
|
|
994
1040
|
class DbxScheduleSelectionCalendarComponent {
|
|
995
1041
|
constructor(calendarStore, dbxCalendarScheduleSelectionStore) {
|
|
996
1042
|
this.calendarStore = calendarStore;
|
|
@@ -1001,7 +1047,17 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1001
1047
|
this.clickEvent = new EventEmitter();
|
|
1002
1048
|
// refresh any time the selected day function updates
|
|
1003
1049
|
this.state$ = this.dbxCalendarScheduleSelectionStore.state$;
|
|
1004
|
-
this.
|
|
1050
|
+
this.beforeMonthViewRender$ = this._config.pipe(switchMap((x) => {
|
|
1051
|
+
let factory;
|
|
1052
|
+
if (x.beforeMonthViewRenderFunctionFactory) {
|
|
1053
|
+
factory = asObservable(x.beforeMonthViewRenderFunctionFactory);
|
|
1054
|
+
}
|
|
1055
|
+
else {
|
|
1056
|
+
factory = asObservable(x.customizeDay).pipe(map((x) => dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(x)));
|
|
1057
|
+
}
|
|
1058
|
+
return factory.pipe(map((x) => x(this.state$)));
|
|
1059
|
+
}), shareReplay(1));
|
|
1060
|
+
this.refresh$ = combineLatest([this.state$, this.beforeMonthViewRender$]).pipe(throttleTime(100), map(() => undefined));
|
|
1005
1061
|
this.events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));
|
|
1006
1062
|
this.viewDate$ = this.calendarStore.date$;
|
|
1007
1063
|
}
|
|
@@ -1017,7 +1073,7 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1017
1073
|
return this._config.value;
|
|
1018
1074
|
}
|
|
1019
1075
|
set config(config) {
|
|
1020
|
-
this._config.next(config);
|
|
1076
|
+
this._config.next(config !== null && config !== void 0 ? config : {});
|
|
1021
1077
|
}
|
|
1022
1078
|
dayClicked({ date }) {
|
|
1023
1079
|
this.dbxCalendarScheduleSelectionStore.toggleSelectedDates(date);
|
|
@@ -1026,34 +1082,8 @@ class DbxScheduleSelectionCalendarComponent {
|
|
|
1026
1082
|
this.clickEvent.emit({ action, event });
|
|
1027
1083
|
}
|
|
1028
1084
|
beforeMonthViewRender(renderEvent) {
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
body.forEach((viewDay) => {
|
|
1032
|
-
const { date } = viewDay;
|
|
1033
|
-
const i = indexFactory(date);
|
|
1034
|
-
const day = date.getDay();
|
|
1035
|
-
let state;
|
|
1036
|
-
if (!isEnabledFilterDay(i)) {
|
|
1037
|
-
viewDay.cssClass = 'cal-day-not-applicable';
|
|
1038
|
-
state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
|
|
1039
|
-
}
|
|
1040
|
-
else if (!allowedDaysOfWeek.has(day)) {
|
|
1041
|
-
viewDay.cssClass = 'cal-day-disabled';
|
|
1042
|
-
state = CalendarScheduleSelectionDayState.DISABLED;
|
|
1043
|
-
}
|
|
1044
|
-
else if (isEnabledDay(i)) {
|
|
1045
|
-
viewDay.cssClass = 'cal-day-selected';
|
|
1046
|
-
state = CalendarScheduleSelectionDayState.SELECTED;
|
|
1047
|
-
}
|
|
1048
|
-
else {
|
|
1049
|
-
viewDay.cssClass = 'cal-day-not-selected';
|
|
1050
|
-
state = CalendarScheduleSelectionDayState.NOT_SELECTED;
|
|
1051
|
-
}
|
|
1052
|
-
viewDay.meta = {
|
|
1053
|
-
state,
|
|
1054
|
-
i
|
|
1055
|
-
};
|
|
1056
|
-
});
|
|
1085
|
+
this.beforeMonthViewRender$.pipe(first()).subscribe((x) => {
|
|
1086
|
+
x(renderEvent);
|
|
1057
1087
|
});
|
|
1058
1088
|
}
|
|
1059
1089
|
}
|
|
@@ -1070,27 +1100,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1070
1100
|
|
|
1071
1101
|
/**
|
|
1072
1102
|
* Token used to configure the default DbxDialogContentFooterConfig for DbxScheduleSelectionCalendarDateDialogComponent.
|
|
1103
|
+
*
|
|
1104
|
+
* @deprecated use DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN instead.
|
|
1073
1105
|
*/
|
|
1074
1106
|
const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupCloseConfig');
|
|
1107
|
+
/**
|
|
1108
|
+
* Token used to configure the default DbxScheduleSelectionCalendarDatePopupConfig for DbxScheduleSelectionCalendarDateDialogComponent.
|
|
1109
|
+
*/
|
|
1110
|
+
const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupContentConfig');
|
|
1075
1111
|
class DbxScheduleSelectionCalendarDateDialogComponent extends AbstractDialogDirective {
|
|
1112
|
+
get contentConfig() {
|
|
1113
|
+
return this.data.contentConfig;
|
|
1114
|
+
}
|
|
1076
1115
|
get closeConfig() {
|
|
1077
|
-
|
|
1116
|
+
var _a;
|
|
1117
|
+
return (_a = this.contentConfig) === null || _a === void 0 ? void 0 : _a.closeConfig;
|
|
1078
1118
|
}
|
|
1079
1119
|
static openDialog(matDialog, config) {
|
|
1080
|
-
const { injector, closeConfig: inputCloseConfig } = config;
|
|
1120
|
+
const { injector, contentConfig: inputContentConfig, closeConfig: inputCloseConfig } = config;
|
|
1081
1121
|
const defaultCloseConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, null);
|
|
1082
|
-
const
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
width: '80vw',
|
|
1088
|
-
minWidth: 360,
|
|
1089
|
-
data: {
|
|
1122
|
+
const defaultContentConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, null);
|
|
1123
|
+
const contentConfig = mergeObjects([defaultContentConfig, inputContentConfig], KeyValueTypleValueFilter.NULL);
|
|
1124
|
+
const closeConfig = mergeObjects([defaultCloseConfig, contentConfig === null || contentConfig === void 0 ? void 0 : contentConfig.closeConfig, inputCloseConfig], KeyValueTypleValueFilter.NULL);
|
|
1125
|
+
contentConfig.closeConfig = closeConfig;
|
|
1126
|
+
return matDialog.open(DbxScheduleSelectionCalendarDateDialogComponent, Object.assign(Object.assign({ height: 'calc(var(--vh100) * 0.9)', width: '80vw', minHeight: 400, minWidth: 360 }, contentConfig.dialogConfig), { injector, data: {
|
|
1090
1127
|
config,
|
|
1091
|
-
|
|
1092
|
-
}
|
|
1093
|
-
});
|
|
1128
|
+
contentConfig
|
|
1129
|
+
} }));
|
|
1094
1130
|
}
|
|
1095
1131
|
}
|
|
1096
1132
|
DbxScheduleSelectionCalendarDateDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -1121,11 +1157,11 @@ class DbxScheduleSelectionCalendarDateDialogButtonComponent {
|
|
|
1121
1157
|
this.buttonText = 'Customize';
|
|
1122
1158
|
}
|
|
1123
1159
|
clickCustomize() {
|
|
1124
|
-
DbxScheduleSelectionCalendarDateDialogComponent.openDialog(this.matDialog, { injector: this.injector, closeConfig: this.closeConfig });
|
|
1160
|
+
DbxScheduleSelectionCalendarDateDialogComponent.openDialog(this.matDialog, { injector: this.injector, contentConfig: this.contentConfig, closeConfig: this.closeConfig });
|
|
1125
1161
|
}
|
|
1126
1162
|
}
|
|
1127
1163
|
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 });
|
|
1128
|
-
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: `
|
|
1164
|
+
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: `
|
|
1129
1165
|
<button mat-raised-button color="accent" (click)="clickCustomize()">{{ buttonText }}</button>
|
|
1130
1166
|
`, 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"] }] });
|
|
1131
1167
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogButtonComponent, decorators: [{
|
|
@@ -1138,6 +1174,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1138
1174
|
}]
|
|
1139
1175
|
}], ctorParameters: function () { return [{ type: i1$2.MatDialog }, { type: i0.Injector }]; }, propDecorators: { buttonText: [{
|
|
1140
1176
|
type: Input
|
|
1177
|
+
}], contentConfig: [{
|
|
1178
|
+
type: Input
|
|
1141
1179
|
}], closeConfig: [{
|
|
1142
1180
|
type: Input
|
|
1143
1181
|
}] } });
|
|
@@ -1198,6 +1236,9 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
|
|
|
1198
1236
|
get closeDialogConfig() {
|
|
1199
1237
|
return this.props.closeDialogConfig;
|
|
1200
1238
|
}
|
|
1239
|
+
get dialogContentConfig() {
|
|
1240
|
+
return this.props.dialogContentConfig;
|
|
1241
|
+
}
|
|
1201
1242
|
get cellContentFactory() {
|
|
1202
1243
|
return this.props.cellContentFactory;
|
|
1203
1244
|
}
|
|
@@ -1247,17 +1288,17 @@ DbxFormCalendarDateScheduleRangeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({
|
|
|
1247
1288
|
DbxFormCalendarDateScheduleRangeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormCalendarDateScheduleRangeFieldComponent, selector: "ng-component", providers: [provideCalendarScheduleSelectionStoreIfParentIsUnavailable()], usesInheritance: true, ngImport: i0, template: `
|
|
1248
1289
|
<div class="dbx-schedule-selection-field">
|
|
1249
1290
|
<dbx-schedule-selection-calendar-date-range [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
|
|
1250
|
-
<dbx-schedule-selection-calendar-date-dialog-button [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1291
|
+
<dbx-schedule-selection-calendar-date-dialog-button [contentConfig]="dialogContentConfig" [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1251
1292
|
</dbx-schedule-selection-calendar-date-range>
|
|
1252
1293
|
</div>
|
|
1253
|
-
`, 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"] }] });
|
|
1294
|
+
`, 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"] }] });
|
|
1254
1295
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarDateScheduleRangeFieldComponent, decorators: [{
|
|
1255
1296
|
type: Component,
|
|
1256
1297
|
args: [{
|
|
1257
1298
|
template: `
|
|
1258
1299
|
<div class="dbx-schedule-selection-field">
|
|
1259
1300
|
<dbx-schedule-selection-calendar-date-range [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
|
|
1260
|
-
<dbx-schedule-selection-calendar-date-dialog-button [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1301
|
+
<dbx-schedule-selection-calendar-date-dialog-button [contentConfig]="dialogContentConfig" [closeConfig]="closeDialogConfig" customizeButton></dbx-schedule-selection-calendar-date-dialog-button>
|
|
1261
1302
|
</dbx-schedule-selection-calendar-date-range>
|
|
1262
1303
|
</div>
|
|
1263
1304
|
`,
|
|
@@ -1443,5 +1484,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1443
1484
|
* Generated bundle index. Do not edit.
|
|
1444
1485
|
*/
|
|
1445
1486
|
|
|
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 };
|
|
1487
|
+
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
1488
|
//# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map
|