@dereekb/dbx-form 9.24.3 → 9.24.4

package/fesm2020/dereekb-dbx-form-calendar.mjs

@@ -5,9 +5,9 @@ import { AbstractPopoverDirective, AbstractDialogDirective, DbxActionModule, Dbx
 import * as i0 from '@angular/core';
 import { Injectable, SkipSelf, Directive, Injector, Optional, Component, Inject, Input, ElementRef, ViewChild, ChangeDetectionStrategy, EventEmitter, Output, InjectionToken, NgModule } from '@angular/core';
 import { FieldType } from '@ngx-formly/material';
-import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime } from 'rxjs';
+import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, combineLatestWith, BehaviorSubject, of, startWith, filter, throttleTime, combineLatest } from 'rxjs';
 import { filterMaybe, SubscriptionObject, asObservable } from '@dereekb/rxjs';
-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';
+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';
 import { setsAreEquivalent, unique, mergeArrays, iterableToArray, toggleInSet, addToSet, isIndexNumberInIndexRangeFunction, range, minAndMaxNumber, getDaysOfWeekNames, mergeObjects, KeyValueTypleValueFilter } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import { startOfDay, endOfDay, isBefore } from 'date-fns';
@@ -151,6 +151,9 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
             }
         }), shareReplay(1));
         this.inputRange$ = this.currentInputRange$.pipe(filterMaybe(), shareReplay(1));
+        /**
+         * @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.
+         */
         this.selectedDates$ = this.state$.pipe(map((x) => x.selectedIndexes), distinctUntilChanged(), shareReplay(1));
         this.isEnabledFilterDayFunction$ = this.state$.pipe(map((x) => x.isEnabledFilterDay), shareReplay(1));
         this.isEnabledDayFunction$ = this.state$.pipe(map((x) => x.isEnabledDay), shareReplay(1));
@@ -188,6 +191,8 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
             return obs;
         }), shareReplay(1));
         this.selectionValue$ = this.currentSelectionValueWithTimezone$.pipe(filterMaybe(), shareReplay(1));
+        this.selectionValueDateBlockDurationSpan$ = this.selectionValue$.pipe(map((x) => expandDateScheduleRange(x)), shareReplay(1));
+        this.selectionValueSelectedIndexes$ = this.selectionValueDateBlockDurationSpan$.pipe(map((x) => new Set(x.map((y) => y.i))), shareReplay(1));
         this.currentDateScheduleRangeValue$ = this.currentSelectionValueWithTimezone$.pipe(map((x) => x?.dateScheduleRange), distinctUntilChanged(isSameDateScheduleRange), shareReplay(1));
         this.dateScheduleRangeValue$ = this.currentDateScheduleRangeValue$.pipe(filterMaybe(), shareReplay(1));
         this.cellContentFactory$ = this.state$.pipe(map((x) => x.cellContentFactory), distinctUntilChanged(), shareReplay(1));
@@ -999,6 +1004,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.DbxPopoverService }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.Injector }]; } });
 
+function dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(inputModifyFn) {
+    const modifyFn = inputModifyFn || (() => { });
+    return (state$) => {
+        return (renderEvent) => {
+            const { body } = renderEvent;
+            // use latest/current state
+            state$.pipe(first()).subscribe((calendarScheduleState) => {
+                const { isEnabledDay, indexFactory, isEnabledFilterDay, allowedDaysOfWeek } = calendarScheduleState;
+                body.forEach((viewDay) => {
+                    const { date } = viewDay;
+                    const i = indexFactory(date);
+                    const day = date.getDay();
+                    let state;
+                    if (!isEnabledFilterDay(i)) {
+                        viewDay.cssClass = 'cal-day-not-applicable';
+                        state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
+                    }
+                    else if (!allowedDaysOfWeek.has(day)) {
+                        viewDay.cssClass = 'cal-day-disabled';
+                        state = CalendarScheduleSelectionDayState.DISABLED;
+                    }
+                    else if (isEnabledDay(i)) {
+                        viewDay.cssClass = 'cal-day-selected';
+                        state = CalendarScheduleSelectionDayState.SELECTED;
+                    }
+                    else {
+                        viewDay.cssClass = 'cal-day-not-selected';
+                        state = CalendarScheduleSelectionDayState.NOT_SELECTED;
+                    }
+                    const meta = {
+                        state,
+                        i
+                    };
+                    viewDay.meta = meta;
+                    modifyFn(viewDay, calendarScheduleState);
+                });
+            });
+        };
+    };
+}
 class DbxScheduleSelectionCalendarComponent {
     constructor(calendarStore, dbxCalendarScheduleSelectionStore) {
         this.calendarStore = calendarStore;
@@ -1009,7 +1054,17 @@ class DbxScheduleSelectionCalendarComponent {
         this.clickEvent = new EventEmitter();
         // refresh any time the selected day function updates
         this.state$ = this.dbxCalendarScheduleSelectionStore.state$;
-        this.refresh$ = this.state$.pipe(throttleTime(100), map(() => undefined));
+        this.beforeMonthViewRender$ = this._config.pipe(switchMap((x) => {
+            let factory;
+            if (x.beforeMonthViewRenderFunctionFactory) {
+                factory = asObservable(x.beforeMonthViewRenderFunctionFactory);
+            }
+            else {
+                factory = asObservable(x.customizeDay).pipe(map((x) => dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(x)));
+            }
+            return factory.pipe(map((x) => x(this.state$)));
+        }), shareReplay(1));
+        this.refresh$ = combineLatest([this.state$, this.beforeMonthViewRender$]).pipe(throttleTime(100), map(() => undefined));
         this.events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));
         this.viewDate$ = this.calendarStore.date$;
     }
@@ -1025,7 +1080,7 @@ class DbxScheduleSelectionCalendarComponent {
         return this._config.value;
     }
     set config(config) {
-        this._config.next(config);
+        this._config.next(config ?? {});
     }
     dayClicked({ date }) {
         this.dbxCalendarScheduleSelectionStore.toggleSelectedDates(date);
@@ -1034,34 +1089,8 @@ class DbxScheduleSelectionCalendarComponent {
         this.clickEvent.emit({ action, event });
     }
     beforeMonthViewRender(renderEvent) {
-        const { body } = renderEvent;
-        this.state$.pipe(first()).subscribe(({ isEnabledDay, indexFactory, isEnabledFilterDay, allowedDaysOfWeek }) => {
-            body.forEach((viewDay) => {
-                const { date } = viewDay;
-                const i = indexFactory(date);
-                const day = date.getDay();
-                let state;
-                if (!isEnabledFilterDay(i)) {
-                    viewDay.cssClass = 'cal-day-not-applicable';
-                    state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
-                }
-                else if (!allowedDaysOfWeek.has(day)) {
-                    viewDay.cssClass = 'cal-day-disabled';
-                    state = CalendarScheduleSelectionDayState.DISABLED;
-                }
-                else if (isEnabledDay(i)) {
-                    viewDay.cssClass = 'cal-day-selected';
-                    state = CalendarScheduleSelectionDayState.SELECTED;
-                }
-                else {
-                    viewDay.cssClass = 'cal-day-not-selected';
-                    state = CalendarScheduleSelectionDayState.NOT_SELECTED;
-                }
-                viewDay.meta = {
-                    state,
-                    i
-                };
-            });
+        this.beforeMonthViewRender$.pipe(first()).subscribe((x) => {
+            x(renderEvent);
         });
     }
 }
@@ -1462,5 +1491,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithTimezoneValue };
+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 };
 //# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map