@dereekb/dbx-web 9.17.3 → 9.18.1

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

@@ -0,0 +1,311 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, EventEmitter, Output, NgModule } from '@angular/core';
+import { startOfDay, endOfDay, startOfWeek, endOfWeek, startOfMonth, endOfMonth, differenceInDays, addDays, isSameDay, isBefore, isAfter, isSameMonth } from 'date-fns';
+import { ComponentStore } from '@ngrx/component-store';
+import { distinctUntilChanged, switchMap, first, tap, map, shareReplay, withLatestFrom } from 'rxjs';
+import { formatToTimeAndDurationString, sortDateRangeStartAscendingCompareFunction } from '@dereekb/date';
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$1 from '@angular/material/button-toggle';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i7 from 'angular-calendar';
+import { CalendarModule, CalendarDayModule, CalendarWeekModule, DateAdapter } from 'angular-calendar';
+import * as i5$1 from '@angular/flex-layout/extended';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@dereekb/dbx-web';
+import { DbxButtonModule, DbxPopoverInteractionModule } from '@dereekb/dbx-web';
+import * as i5 from '@angular/flex-layout/flex';
+import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
+import { FlexLayoutModule } from '@angular/flex-layout';
+
+var CalendarDisplayType;
+(function (CalendarDisplayType) {
+    CalendarDisplayType["MONTH"] = "month";
+    CalendarDisplayType["WEEK"] = "week";
+    CalendarDisplayType["DAY"] = "day";
+})(CalendarDisplayType || (CalendarDisplayType = {}));
+function visibleDateRangeForCalendarState(calendarState) {
+    const { type, date } = calendarState;
+    let start;
+    let end;
+    let distance;
+    switch (type) {
+        case CalendarDisplayType.MONTH:
+            start = startOfDay(startOfWeek(startOfMonth(date), { weekStartsOn: 0 }));
+            end = endOfWeek(endOfMonth(date));
+            distance = differenceInDays(end, start) + 1;
+            break;
+        case CalendarDisplayType.WEEK:
+            start = startOfWeek(date);
+            end = endOfWeek(start);
+            distance = 7; // 7 days in a week.
+            break;
+        case CalendarDisplayType.DAY:
+            start = startOfDay(date);
+            end = endOfDay(date);
+            distance = 1;
+            break;
+    }
+    // console.log('Date range: ', start, end, distance);
+    return {
+        type,
+        start,
+        end,
+        distance
+    };
+}
+const distinctUntilDateOrTypeOrEventsChanged = distinctUntilChanged((a, b) => a?.date === b?.date && a?.type === b?.type && a?.events === b?.events);
+class DbxCalendarStore extends ComponentStore {
+    constructor() {
+        super({
+            type: CalendarDisplayType.MONTH,
+            date: new Date(),
+            dateTappedTwice: false,
+            events: []
+        });
+        // MARK: Effects
+        this.tapNext = this.effect((input) => {
+            return input.pipe(switchMap(() => this.visibleDateRange$.pipe(first(), tap(({ end }) => {
+                this.tapDay(addDays(end, 1));
+            }))));
+        });
+        this.tapPrevious = this.effect((input) => {
+            return input.pipe(switchMap(() => this.visibleDateRange$.pipe(first(), tap(({ start }) => {
+                this.tapDay(addDays(start, -1));
+            }))));
+        });
+        // MARK: Accessors
+        this.date$ = this.state$.pipe(map((x) => x.date));
+        this.dateTappedTwice$ = this.state$.pipe(map((x) => x.dateTappedTwice));
+        this.events$ = this.state$.pipe(map((x) => x.events));
+        // TODO: Filter to be events that will only be displayed based on the current calendar.
+        this.visibleEvents$ = this.state$.pipe(map((x) => x.events), shareReplay(1));
+        this.eventsForDateState$ = this.state$.pipe(distinctUntilDateOrTypeOrEventsChanged, map((state) => ({
+            date: state.date,
+            events: state.events.filter((x) => isSameDay(x.start, state.date) || (x.end && isBefore(x.start, state.date) && isAfter(x.end, state.date))),
+            dateTappedTwice: state.dateTappedTwice
+        })), shareReplay(1));
+        this.eventsForDate$ = this.eventsForDateState$.pipe(map((state) => state.events));
+        this.visibleDateRange$ = this.state$.pipe(
+        // If the date or type changes, check again.
+        distinctUntilChanged((a, b) => a?.date === b?.date && a?.type === b?.type), map(visibleDateRangeForCalendarState), distinctUntilChanged((a, b) => {
+            if (a.type === b.type) {
+                return isSameDay(a.start, b.start);
+            }
+            else {
+                return false; // Type changed, date range changed.
+            }
+        }), shareReplay(1));
+        this.displayType$ = this.state$.pipe(map((x) => x.type), distinctUntilChanged((a, b) => a === b), shareReplay(1));
+        // MARK: State Changes
+        /**
+         * Tap a day.
+         *
+         * - If the same day is presented, dateTappedTwice is flipped.
+         */
+        this.tapDay = this.updater((state, date) => ({ ...state, date, dateTappedTwice: isSameDay(date, state.date) ? !state.dateTappedTwice : false }));
+        /**
+         * Set all events on the calendar.
+         */
+        this.setEvents = this.updater((state, events) => ({ ...state, events }));
+        /**
+         * Set all events on the calendar.
+         */
+        this.setDisplayType = this.updater((state, type) => ({ ...state, type }));
+    }
+}
+DbxCalendarStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DbxCalendarStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+function timeSubtitleForEvent(event) {
+    let subtitle;
+    if (event.allDay) {
+        subtitle = `(All Day)`;
+    }
+    else {
+        subtitle = formatToTimeAndDurationString(event.start, event.end ?? new Date());
+    }
+    return subtitle;
+}
+function prepareAndSortCalendarEvents(events) {
+    return events
+        .map((event) => {
+        const subtitle = timeSubtitleForEvent(event);
+        let title;
+        if (event.allDay) {
+            title = event.title + ' ' + subtitle;
+        }
+        else {
+            title = `${event.title} - ${subtitle}`;
+        }
+        return {
+            ...event,
+            title
+        };
+    })
+        .sort(sortDateRangeStartAscendingCompareFunction);
+}
+
+class DbxCalendarBaseComponent {
+    constructor(calendarStore) {
+        this.calendarStore = calendarStore;
+        this.viewDate$ = this.calendarStore.date$;
+        this.activeDayIsOpen$ = this.calendarStore.eventsForDateState$.pipe(withLatestFrom(this.calendarStore.date$), map(([x, date]) => {
+            if (x.events.length && isSameMonth(x.date, date)) {
+                return !x.dateTappedTwice;
+            }
+            return false;
+        }));
+        this.displayType$ = this.calendarStore.displayType$;
+    }
+    todayClicked() {
+        this.calendarStore.tapDay(new Date());
+    }
+    nextButtonClicked() {
+        this.calendarStore.tapNext();
+    }
+    previousButtonClicked() {
+        this.calendarStore.tapPrevious();
+    }
+    typeToggleChanged(event) {
+        this.calendarStore.setDisplayType(event.value);
+    }
+}
+DbxCalendarBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarBaseComponent, deps: [{ token: DbxCalendarStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxCalendarBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxCalendarBaseComponent, selector: "dbx-calendar-base", ngImport: i0, template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ (viewDate$ | async)! | calendarDate: (displayType$ | async) + 'ViewTitle':'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\">\n      <span class=\"dbx-calendar-controls-left\" fxFlex=\"nogrow\">\n        <button mat-stroked-button (click)=\"todayClicked()\">Today</button>\n        <dbx-button-spacer></dbx-button-spacer>\n        <button mat-icon-button [attr.aria-label]=\"'Previous ' + (displayType$ | async) + ' button'\" (click)=\"previousButtonClicked()\">\n          <mat-icon>navigate_before</mat-icon>\n        </button>\n        <button mat-icon-button [attr.aria-label]=\"'Next' + (displayType$ | async)! + ' button'\" (click)=\"nextButtonClicked()\">\n          <mat-icon>navigate_next</mat-icon>\n        </button>\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.ɵCalendarDatePipe, name: "calendarDate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarBaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-calendar-base', template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ (viewDate$ | async)! | calendarDate: (displayType$ | async) + 'ViewTitle':'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\">\n      <span class=\"dbx-calendar-controls-left\" fxFlex=\"nogrow\">\n        <button mat-stroked-button (click)=\"todayClicked()\">Today</button>\n        <dbx-button-spacer></dbx-button-spacer>\n        <button mat-icon-button [attr.aria-label]=\"'Previous ' + (displayType$ | async) + ' button'\" (click)=\"previousButtonClicked()\">\n          <mat-icon>navigate_before</mat-icon>\n        </button>\n        <button mat-icon-button [attr.aria-label]=\"'Next' + (displayType$ | async)! + ' button'\" (click)=\"nextButtonClicked()\">\n          <mat-icon>navigate_next</mat-icon>\n        </button>\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: DbxCalendarStore }]; } });
+
+class DbxCalendarComponent {
+    constructor(calendarStore) {
+        this.calendarStore = calendarStore;
+        this.clickEvent = new EventEmitter();
+        this.viewDate$ = this.calendarStore.date$;
+        this.events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));
+        this.activeDayIsOpen$ = this.calendarStore.eventsForDateState$.pipe(withLatestFrom(this.calendarStore.date$), map(([x, date]) => {
+            if (x.events.length && isSameMonth(x.date, date)) {
+                return !x.dateTappedTwice;
+            }
+            return false;
+        }));
+        this.displayType$ = this.calendarStore.displayType$;
+    }
+    ngOnDestroy() {
+        this.clickEvent.complete();
+    }
+    todayClicked() {
+        this.dayClicked({ date: new Date() });
+    }
+    nextButtonClicked() {
+        this.calendarStore.tapNext();
+    }
+    previousButtonClicked() {
+        this.calendarStore.tapPrevious();
+    }
+    dayClicked({ date }) {
+        this.calendarStore.tapDay(date);
+    }
+    eventClicked(action, event) {
+        this.clickEvent.emit({ action, event });
+    }
+    typeToggleChanged(event) {
+        this.calendarStore.setDisplayType(event.value);
+    }
+}
+DbxCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarComponent, deps: [{ token: DbxCalendarStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxCalendarComponent, selector: "dbx-calendar", outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"(displayType$ | async)!\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"'dbx-calendar-content-' + (displayType$ | async)!\" [ngSwitch]=\"displayType$ | async\">\n    <mwl-calendar-month-view *ngSwitchCase=\"'month'\" [viewDate]=\"(viewDate$ | async)!\" [events]=\"(events$ | async)!\" [activeDayIsOpen]=\"(activeDayIsOpen$ | async)!\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n  </div>\n</dbx-calendar-base>\n", dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i7.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "directive", type: i5$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: DbxCalendarBaseComponent, selector: "dbx-calendar-base" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-calendar', template: "<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"(displayType$ | async)!\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"'dbx-calendar-content-' + (displayType$ | async)!\" [ngSwitch]=\"displayType$ | async\">\n    <mwl-calendar-month-view *ngSwitchCase=\"'month'\" [viewDate]=\"(viewDate$ | async)!\" [events]=\"(events$ | async)!\" [activeDayIsOpen]=\"(activeDayIsOpen$ | async)!\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n  </div>\n</dbx-calendar-base>\n" }]
+        }], ctorParameters: function () { return [{ type: DbxCalendarStore }]; }, propDecorators: { clickEvent: [{
+                type: Output
+            }] } });
+
+const declarations = [
+    //
+    DbxCalendarBaseComponent,
+    DbxCalendarComponent
+];
+class DbxCalendarModule {
+}
+DbxCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarModule, declarations: [
+        //
+        DbxCalendarBaseComponent,
+        DbxCalendarComponent], imports: [
+        //
+        CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        DbxButtonModule,
+        DbxPopoverInteractionModule,
+        CalendarModule,
+        CalendarDayModule,
+        FlexLayoutModule,
+        CalendarWeekModule], exports: [
+        //
+        DbxCalendarBaseComponent,
+        DbxCalendarComponent] });
+DbxCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarModule, imports: [
+        //
+        CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        DbxButtonModule,
+        DbxPopoverInteractionModule,
+        CalendarModule,
+        CalendarDayModule,
+        FlexLayoutModule,
+        CalendarWeekModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        //
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatButtonToggleModule,
+                        DbxButtonModule,
+                        DbxPopoverInteractionModule,
+                        CalendarModule,
+                        CalendarDayModule,
+                        FlexLayoutModule,
+                        CalendarWeekModule
+                    ],
+                    declarations,
+                    exports: declarations
+                }]
+        }] });
+/**
+ * Provides default configuration for the DbxCalendarModule
+ */
+class DbxCalendarRootModule {
+}
+DbxCalendarRootModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCalendarRootModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarRootModule, imports: [i7.CalendarModule], exports: [DbxCalendarModule] });
+DbxCalendarRootModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarRootModule, imports: [CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory }), DbxCalendarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarRootModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CalendarModule.forRoot({ provide: DateAdapter, useFactory: adapterFactory })],
+                    exports: [DbxCalendarModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CalendarDisplayType, DbxCalendarBaseComponent, DbxCalendarComponent, DbxCalendarModule, DbxCalendarRootModule, DbxCalendarStore, prepareAndSortCalendarEvents, visibleDateRangeForCalendarState };
+//# sourceMappingURL=dereekb-dbx-web-calendar.mjs.map

package/calendar/fesm2020/dereekb-dbx-web-calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dereekb-dbx-web-calendar.mjs","sources":["../../../../../packages/dbx-web/calendar/src/lib/calendar.store.ts","../../../../../packages/dbx-web/calendar/src/lib/calendar.ts","../../../../../packages/dbx-web/calendar/src/lib/calendar.base.component.ts","../../../../../packages/dbx-web/calendar/src/lib/calendar.base.component.html","../../../../../packages/dbx-web/calendar/src/lib/calendar.component.ts","../../../../../packages/dbx-web/calendar/src/lib/calendar.component.html","../../../../../packages/dbx-web/calendar/src/lib/calendar.module.ts","../../../../../packages/dbx-web/calendar/src/dereekb-dbx-web-calendar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { ComponentStore } from '@ngrx/component-store';\nimport { CalendarEvent } from 'angular-calendar';\nimport { differenceInDays, addDays, endOfDay, endOfMonth, endOfWeek, isSameDay, startOfDay, startOfMonth, startOfWeek, isBefore, isAfter } from 'date-fns';\nimport { Observable, distinctUntilChanged, first, map, shareReplay, switchMap, tap } from 'rxjs';\n\nexport enum CalendarDisplayType {\n  MONTH = 'month',\n  WEEK = 'week',\n  DAY = 'day'\n}\n\nexport interface CalendarViewDateRange {\n  type: CalendarDisplayType;\n  start: Date;\n  end: Date;\n  distance: number;\n}\n\nexport interface CalendarState<T = any> {\n  /**\n   * Calendar display mode\n   */\n  type: CalendarDisplayType;\n  /**\n   * Date that is selected.\n   */\n  date: Date;\n  /**\n   * Whether or not the day was tapped/set twice.\n   */\n  dateTappedTwice: boolean;\n  /**\n   * Set of calendar events.\n   */\n  events: CalendarEvent<T>[];\n}\n\nexport function visibleDateRangeForCalendarState(calendarState: CalendarState): CalendarViewDateRange {\n  const { type, date } = calendarState;\n  let start: Date;\n  let end: Date;\n  let distance: number;\n\n  switch (type) {\n    case CalendarDisplayType.MONTH:\n      start = startOfDay(startOfWeek(startOfMonth(date), { weekStartsOn: 0 }));\n      end = endOfWeek(endOfMonth(date));\n      distance = differenceInDays(end, start) + 1;\n      break;\n    case CalendarDisplayType.WEEK:\n      start = startOfWeek(date);\n      end = endOfWeek(start);\n      distance = 7; // 7 days in a week.\n      break;\n    case CalendarDisplayType.DAY:\n      start = startOfDay(date);\n      end = endOfDay(date);\n      distance = 1;\n      break;\n  }\n\n  // console.log('Date range: ', start, end, distance);\n\n  return {\n    type,\n    start,\n    end,\n    distance\n  };\n}\n\nconst distinctUntilDateOrTypeOrEventsChanged = distinctUntilChanged<CalendarState>((a, b) => a?.date === b?.date && a?.type === b?.type && a?.events === b?.events);\n\n@Injectable()\nexport class DbxCalendarStore<T = any> extends ComponentStore<CalendarState<T>> {\n  constructor() {\n    super({\n      type: CalendarDisplayType.MONTH,\n      date: new Date(),\n      dateTappedTwice: false,\n      events: []\n    });\n  }\n\n  // MARK: Effects\n  readonly tapNext = this.effect((input: Observable<void>) => {\n    return input.pipe(\n      switchMap(() =>\n        this.visibleDateRange$.pipe(\n          first(),\n          tap(({ end }) => {\n            this.tapDay(addDays(end, 1));\n          })\n        )\n      )\n    );\n  });\n\n  readonly tapPrevious = this.effect((input: Observable<void>) => {\n    return input.pipe(\n      switchMap(() =>\n        this.visibleDateRange$.pipe(\n          first(),\n          tap(({ start }) => {\n            this.tapDay(addDays(start, -1));\n          })\n        )\n      )\n    );\n  });\n\n  // MARK: Accessors\n  readonly date$ = this.state$.pipe(map((x) => x.date));\n  readonly dateTappedTwice$ = this.state$.pipe(map((x) => x.dateTappedTwice));\n\n  readonly events$ = this.state$.pipe(map((x) => x.events));\n\n  // TODO: Filter to be events that will only be displayed based on the current calendar.\n  readonly visibleEvents$ = this.state$.pipe(\n    map((x) => x.events),\n    shareReplay(1)\n  );\n\n  readonly eventsForDateState$ = this.state$.pipe(\n    distinctUntilDateOrTypeOrEventsChanged,\n    map((state) => ({\n      date: state.date,\n      events: state.events.filter((x) => isSameDay(x.start, state.date) || (x.end && isBefore(x.start, state.date) && isAfter(x.end, state.date))),\n      dateTappedTwice: state.dateTappedTwice\n    })),\n    shareReplay(1)\n  );\n\n  readonly eventsForDate$ = this.eventsForDateState$.pipe(map((state) => state.events));\n\n  readonly visibleDateRange$ = this.state$.pipe(\n    // If the date or type changes, check again.\n    distinctUntilChanged((a, b) => a?.date === b?.date && a?.type === b?.type),\n    map(visibleDateRangeForCalendarState),\n    distinctUntilChanged((a, b) => {\n      if (a.type === b.type) {\n        return isSameDay(a.start, b.start);\n      } else {\n        return false; // Type changed, date range changed.\n      }\n    }),\n    shareReplay(1)\n  );\n\n  readonly displayType$ = this.state$.pipe(\n    map((x) => x.type),\n    distinctUntilChanged((a, b) => a === b),\n    shareReplay(1)\n  );\n\n  // MARK: State Changes\n  /**\n   * Tap a day.\n   *\n   * - If the same day is presented, dateTappedTwice is flipped.\n   */\n  readonly tapDay = this.updater((state, date: Date) => ({ ...state, date, dateTappedTwice: isSameDay(date, state.date) ? !state.dateTappedTwice : false }));\n\n  /**\n   * Set all events on the calendar.\n   */\n  readonly setEvents = this.updater((state, events: CalendarEvent<T>[]) => ({ ...state, events }));\n\n  /**\n   * Set all events on the calendar.\n   */\n  readonly setDisplayType = this.updater((state, type: CalendarDisplayType) => ({ ...state, type }));\n}\n","import { formatToTimeAndDurationString, sortDateRangeStartAscendingCompareFunction } from '@dereekb/date';\nimport { CalendarEvent } from 'angular-calendar';\n\nexport interface DbxCalendarEvent<T> {\n  event: CalendarEvent<T>;\n  action?: string;\n}\n\nfunction timeSubtitleForEvent(event: CalendarEvent): string {\n  let subtitle;\n\n  if (event.allDay) {\n    subtitle = `(All Day)`;\n  } else {\n    subtitle = formatToTimeAndDurationString(event.start, event.end ?? new Date());\n  }\n\n  return subtitle;\n}\n\nexport function prepareAndSortCalendarEvents(events: CalendarEvent[]): CalendarEvent[] {\n  return events\n    .map((event: CalendarEvent) => {\n      const subtitle = timeSubtitleForEvent(event);\n      let title;\n\n      if (event.allDay) {\n        title = event.title + ' ' + subtitle;\n      } else {\n        title = `${event.title} - ${subtitle}`;\n      }\n\n      return {\n        ...event,\n        title\n      };\n    })\n    .sort(sortDateRangeStartAscendingCompareFunction);\n}\n","import { Component } from '@angular/core';\nimport { isSameMonth } from 'date-fns';\nimport { DbxCalendarStore } from './calendar.store';\nimport { map, withLatestFrom } from 'rxjs';\nimport { MatButtonToggleChange } from '@angular/material/button-toggle';\n\n@Component({\n  selector: 'dbx-calendar-base',\n  templateUrl: './calendar.base.component.html'\n})\nexport class DbxCalendarBaseComponent<T> {\n  readonly viewDate$ = this.calendarStore.date$;\n\n  readonly activeDayIsOpen$ = this.calendarStore.eventsForDateState$.pipe(\n    withLatestFrom(this.calendarStore.date$),\n    map(([x, date]) => {\n      if (x.events.length && isSameMonth(x.date, date)) {\n        return !x.dateTappedTwice;\n      }\n\n      return false;\n    })\n  );\n\n  readonly displayType$ = this.calendarStore.displayType$;\n\n  constructor(public readonly calendarStore: DbxCalendarStore<T>) {}\n\n  todayClicked(): void {\n    this.calendarStore.tapDay(new Date());\n  }\n\n  nextButtonClicked(): void {\n    this.calendarStore.tapNext();\n  }\n\n  previousButtonClicked(): void {\n    this.calendarStore.tapPrevious();\n  }\n\n  typeToggleChanged(event: MatButtonToggleChange): void {\n    this.calendarStore.setDisplayType(event.value);\n  }\n}\n","<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ (viewDate$ | async)! | calendarDate: (displayType$ | async) + 'ViewTitle':'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\">\n      <span class=\"dbx-calendar-controls-left\" fxFlex=\"nogrow\">\n        <button mat-stroked-button (click)=\"todayClicked()\">Today</button>\n        <dbx-button-spacer></dbx-button-spacer>\n        <button mat-icon-button [attr.aria-label]=\"'Previous ' + (displayType$ | async) + ' button'\" (click)=\"previousButtonClicked()\">\n          <mat-icon>navigate_before</mat-icon>\n        </button>\n        <button mat-icon-button [attr.aria-label]=\"'Next' + (displayType$ | async)! + ' button'\" (click)=\"nextButtonClicked()\">\n          <mat-icon>navigate_next</mat-icon>\n        </button>\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n","import { Component, EventEmitter, Output, OnDestroy } from '@angular/core';\nimport { isSameMonth } from 'date-fns';\nimport { CalendarEvent } from 'angular-calendar';\nimport { DbxCalendarStore } from './calendar.store';\nimport { map, shareReplay, withLatestFrom } from 'rxjs';\nimport { MatButtonToggleChange } from '@angular/material/button-toggle';\nimport { DbxCalendarEvent, prepareAndSortCalendarEvents } from './calendar';\n\n@Component({\n  selector: 'dbx-calendar',\n  templateUrl: './calendar.component.html'\n})\nexport class DbxCalendarComponent<T> implements OnDestroy {\n  @Output()\n  clickEvent = new EventEmitter<DbxCalendarEvent<T>>();\n\n  readonly viewDate$ = this.calendarStore.date$;\n\n  readonly events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));\n\n  readonly activeDayIsOpen$ = this.calendarStore.eventsForDateState$.pipe(\n    withLatestFrom(this.calendarStore.date$),\n    map(([x, date]) => {\n      if (x.events.length && isSameMonth(x.date, date)) {\n        return !x.dateTappedTwice;\n      }\n\n      return false;\n    })\n  );\n\n  readonly displayType$ = this.calendarStore.displayType$;\n\n  constructor(readonly calendarStore: DbxCalendarStore<T>) {}\n\n  ngOnDestroy(): void {\n    this.clickEvent.complete();\n  }\n\n  todayClicked(): void {\n    this.dayClicked({ date: new Date() });\n  }\n\n  nextButtonClicked(): void {\n    this.calendarStore.tapNext();\n  }\n\n  previousButtonClicked(): void {\n    this.calendarStore.tapPrevious();\n  }\n\n  dayClicked({ date }: { date: Date }): void {\n    this.calendarStore.tapDay(date);\n  }\n\n  eventClicked(action: string, event: CalendarEvent<T>): void {\n    this.clickEvent.emit({ action, event });\n  }\n\n  typeToggleChanged(event: MatButtonToggleChange): void {\n    this.calendarStore.setDisplayType(event.value);\n  }\n}\n","<dbx-calendar-base>\n  <ng-container controls>\n    <mat-button-toggle-group name=\"calendarDisplayStyle\" [value]=\"(displayType$ | async)!\" (change)=\"typeToggleChanged($event)\" aria-label=\"Display Style\">\n      <mat-button-toggle value=\"month\">Month</mat-button-toggle>\n      <mat-button-toggle value=\"week\">Week</mat-button-toggle>\n      <mat-button-toggle value=\"day\">Day</mat-button-toggle>\n    </mat-button-toggle-group>\n  </ng-container>\n  <div class=\"dbx-calendar-content\" [ngClass]=\"'dbx-calendar-content-' + (displayType$ | async)!\" [ngSwitch]=\"displayType$ | async\">\n    <mwl-calendar-month-view *ngSwitchCase=\"'month'\" [viewDate]=\"(viewDate$ | async)!\" [events]=\"(events$ | async)!\" [activeDayIsOpen]=\"(activeDayIsOpen$ | async)!\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\"></mwl-calendar-month-view>\n  </div>\n</dbx-calendar-base>\n","import { NgModule } from '@angular/core';\nimport { DbxCalendarComponent } from './calendar.component';\nimport { CalendarDayModule, CalendarModule, CalendarWeekModule, DateAdapter } from 'angular-calendar';\nimport { CommonModule } from '@angular/common';\nimport { DbxButtonModule, DbxPopoverInteractionModule } from '@dereekb/dbx-web';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { adapterFactory as dateAdapterFactory } from 'angular-calendar/date-adapters/date-fns';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { DbxCalendarBaseComponent } from './calendar.base.component';\n\nconst declarations = [\n  //\n  DbxCalendarBaseComponent,\n  DbxCalendarComponent\n];\n\n@NgModule({\n  imports: [\n    //\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatButtonToggleModule,\n    DbxButtonModule,\n    DbxPopoverInteractionModule,\n    CalendarModule,\n    CalendarDayModule,\n    FlexLayoutModule,\n    CalendarWeekModule\n  ],\n  declarations,\n  exports: declarations\n})\nexport class DbxCalendarModule {}\n\n/**\n * Provides default configuration for the DbxCalendarModule\n */\n@NgModule({\n  imports: [CalendarModule.forRoot({ provide: DateAdapter, useFactory: dateAdapterFactory })],\n  exports: [DbxCalendarModule]\n})\nexport class DbxCalendarRootModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DbxCalendarStore","i6","i2","i3","i4","i5","i6.DbxCalendarBaseComponent","dateAdapterFactory"],"mappings":"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"}

package/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './lib';

package/calendar/lib/calendar.base.component.d.ts

@@ -0,0 +1,16 @@
+import { DbxCalendarStore } from './calendar.store';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import * as i0 from "@angular/core";
+export declare class DbxCalendarBaseComponent<T> {
+    readonly calendarStore: DbxCalendarStore<T>;
+    readonly viewDate$: import("rxjs").Observable<Date>;
+    readonly activeDayIsOpen$: import("rxjs").Observable<boolean>;
+    readonly displayType$: import("rxjs").Observable<import("./calendar.store").CalendarDisplayType>;
+    constructor(calendarStore: DbxCalendarStore<T>);
+    todayClicked(): void;
+    nextButtonClicked(): void;
+    previousButtonClicked(): void;
+    typeToggleChanged(event: MatButtonToggleChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxCalendarBaseComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxCalendarBaseComponent<any>, "dbx-calendar-base", never, {}, {}, never, ["[controls]", "*"], false>;
+}

package/{lib/extension/calendar → calendar/lib}/calendar.component.d.ts

@@ -1,35 +1,18 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { CalendarEvent } from 'angular-calendar';
 import { DbxCalendarStore } from './calendar.store';
 import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { DbxCalendarEvent } from './calendar';
 import * as i0 from "@angular/core";
-export interface DbxCalendarEvent<T> {
-    event: CalendarEvent<T>;
-    action?: string;
-}
-export declare class DbxCalendarComponent<T> {
+export declare class DbxCalendarComponent<T> implements OnDestroy {
     readonly calendarStore: DbxCalendarStore<T>;
     clickEvent: EventEmitter<DbxCalendarEvent<T>>;
     readonly viewDate$: import("rxjs").Observable<Date>;
-    readonly events$: import("rxjs").Observable<{
-        title: string;
-        id?: string | number | undefined;
-        start: Date;
-        end?: Date | undefined;
-        color?: import("calendar-utils").EventColor | undefined;
-        actions?: import("calendar-utils").EventAction[] | undefined;
-        allDay?: boolean | undefined;
-        cssClass?: string | undefined;
-        resizable?: {
-            beforeStart?: boolean | undefined;
-            afterEnd?: boolean | undefined;
-        } | undefined;
-        draggable?: boolean | undefined;
-        meta?: any;
-    }[]>;
+    readonly events$: import("rxjs").Observable<CalendarEvent<any>[]>;
     readonly activeDayIsOpen$: import("rxjs").Observable<boolean>;
     readonly displayType$: import("rxjs").Observable<import("./calendar.store").CalendarDisplayType>;
     constructor(calendarStore: DbxCalendarStore<T>);
+    ngOnDestroy(): void;
     todayClicked(): void;
     nextButtonClicked(): void;
     previousButtonClicked(): void;

package/calendar/lib/calendar.d.ts

@@ -0,0 +1,6 @@
+import { CalendarEvent } from 'angular-calendar';
+export interface DbxCalendarEvent<T> {
+    event: CalendarEvent<T>;
+    action?: string;
+}
+export declare function prepareAndSortCalendarEvents(events: CalendarEvent[]): CalendarEvent[];

package/calendar/lib/calendar.module.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./calendar.base.component";
+import * as i2 from "./calendar.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/button-toggle";
+import * as i7 from "@dereekb/dbx-web";
+import * as i8 from "angular-calendar";
+import * as i9 from "@angular/flex-layout";
+export declare class DbxCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxCalendarModule, [typeof i1.DbxCalendarBaseComponent, typeof i2.DbxCalendarComponent], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatButtonToggleModule, typeof i7.DbxButtonModule, typeof i7.DbxPopoverInteractionModule, typeof i8.CalendarModule, typeof i8.CalendarDayModule, typeof i9.FlexLayoutModule, typeof i8.CalendarWeekModule], [typeof i1.DbxCalendarBaseComponent, typeof i2.DbxCalendarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxCalendarModule>;
+}
+/**
+ * Provides default configuration for the DbxCalendarModule
+ */
+export declare class DbxCalendarRootModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxCalendarRootModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxCalendarRootModule, never, [typeof i8.CalendarModule], [typeof DbxCalendarModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxCalendarRootModule>;
+}

package/{lib/extension/calendar → calendar/lib}/index.d.ts

@@ -1,3 +1,5 @@
 export * from './calendar.module';
 export * from './calendar.component';
+export * from './calendar.base.component';
 export * from './calendar.store';
+export * from './calendar';

package/calendar/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@dereekb/dbx-web/calendar",
+  "version": "9.18.1",
+  "peerDependencies": {
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0",
+    "date-fns": "^2.29.0",
+    "rxjs": "^7.5.0",
+    "@angular/material": "^14.2.0",
+    "angular-calendar": "^0.30.1",
+    "@dereekb/dbx-web": "9.18.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/dereekb-dbx-web-calendar.mjs",
+  "es2020": "fesm2020/dereekb-dbx-web-calendar.mjs",
+  "esm2020": "esm2020/dereekb-dbx-web-calendar.mjs",
+  "fesm2020": "fesm2020/dereekb-dbx-web-calendar.mjs",
+  "fesm2015": "fesm2015/dereekb-dbx-web-calendar.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/dereekb-dbx-web-calendar.mjs",
+      "es2020": "./fesm2020/dereekb-dbx-web-calendar.mjs",
+      "es2015": "./fesm2015/dereekb-dbx-web-calendar.mjs",
+      "node": "./fesm2015/dereekb-dbx-web-calendar.mjs",
+      "default": "./fesm2020/dereekb-dbx-web-calendar.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/esm2020/calendar/dereekb-dbx-web-calendar.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVyZWVrYi1kYngtd2ViLWNhbGVuZGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9jYWxlbmRhci9zcmMvZGVyZWVrYi1kYngtd2ViLWNhbGVuZGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/calendar/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL2NhbGVuZGFyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLE9BQU8sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliJztcbiJdfQ==

package/esm2020/calendar/lib/calendar.base.component.mjs

@@ -0,0 +1,44 @@
+import { Component } from '@angular/core';
+import { isSameMonth } from 'date-fns';
+import { DbxCalendarStore } from './calendar.store';
+import { map, withLatestFrom } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "./calendar.store";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@dereekb/dbx-web";
+import * as i5 from "@angular/flex-layout/flex";
+import * as i6 from "@angular/common";
+import * as i7 from "angular-calendar";
+export class DbxCalendarBaseComponent {
+    constructor(calendarStore) {
+        this.calendarStore = calendarStore;
+        this.viewDate$ = this.calendarStore.date$;
+        this.activeDayIsOpen$ = this.calendarStore.eventsForDateState$.pipe(withLatestFrom(this.calendarStore.date$), map(([x, date]) => {
+            if (x.events.length && isSameMonth(x.date, date)) {
+                return !x.dateTappedTwice;
+            }
+            return false;
+        }));
+        this.displayType$ = this.calendarStore.displayType$;
+    }
+    todayClicked() {
+        this.calendarStore.tapDay(new Date());
+    }
+    nextButtonClicked() {
+        this.calendarStore.tapNext();
+    }
+    previousButtonClicked() {
+        this.calendarStore.tapPrevious();
+    }
+    typeToggleChanged(event) {
+        this.calendarStore.setDisplayType(event.value);
+    }
+}
+DbxCalendarBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarBaseComponent, deps: [{ token: i1.DbxCalendarStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxCalendarBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxCalendarBaseComponent, selector: "dbx-calendar-base", ngImport: i0, template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ (viewDate$ | async)! | calendarDate: (displayType$ | async) + 'ViewTitle':'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\">\n      <span class=\"dbx-calendar-controls-left\" fxFlex=\"nogrow\">\n        <button mat-stroked-button (click)=\"todayClicked()\">Today</button>\n        <dbx-button-spacer></dbx-button-spacer>\n        <button mat-icon-button [attr.aria-label]=\"'Previous ' + (displayType$ | async) + ' button'\" (click)=\"previousButtonClicked()\">\n          <mat-icon>navigate_before</mat-icon>\n        </button>\n        <button mat-icon-button [attr.aria-label]=\"'Next' + (displayType$ | async)! + ' button'\" (click)=\"nextButtonClicked()\">\n          <mat-icon>navigate_next</mat-icon>\n        </button>\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.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"] }, { kind: "directive", type: i4.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.ɵCalendarDatePipe, name: "calendarDate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarBaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-calendar-base', template: "<div class=\"dbx-calendar\">\n  <h3 class=\"dbx-calendar-title\">{{ (viewDate$ | async)! | calendarDate: (displayType$ | async) + 'ViewTitle':'en' }}</h3>\n  <div class=\"dbx-calendar-header\">\n    <div class=\"dbx-calendar-controls\" fxLayout=\"row\">\n      <span class=\"dbx-calendar-controls-left\" fxFlex=\"nogrow\">\n        <button mat-stroked-button (click)=\"todayClicked()\">Today</button>\n        <dbx-button-spacer></dbx-button-spacer>\n        <button mat-icon-button [attr.aria-label]=\"'Previous ' + (displayType$ | async) + ' button'\" (click)=\"previousButtonClicked()\">\n          <mat-icon>navigate_before</mat-icon>\n        </button>\n        <button mat-icon-button [attr.aria-label]=\"'Next' + (displayType$ | async)! + ' button'\" (click)=\"nextButtonClicked()\">\n          <mat-icon>navigate_next</mat-icon>\n        </button>\n      </span>\n      <span class=\"spacer\"></span>\n      <span class=\"dbx-calendar-controls-right\" fxFlex=\"nogrow\">\n        <ng-content select=\"[controls]\"></ng-content>\n      </span>\n    </div>\n  </div>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DbxCalendarStore }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL2NhbGVuZGFyL3NyYy9saWIvY2FsZW5kYXIuYmFzZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL2NhbGVuZGFyL3NyYy9saWIvY2FsZW5kYXIuYmFzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxjQUFjLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7OztBQU8zQyxNQUFNLE9BQU8sd0JBQXdCO0lBZ0JuQyxZQUE0QixhQUFrQztRQUFsQyxrQkFBYSxHQUFiLGFBQWEsQ0FBcUI7UUFmckQsY0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDO1FBRXJDLHFCQUFnQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUNyRSxjQUFjLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDeEMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxFQUFFO2dCQUNoRCxPQUFPLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQzthQUMzQjtZQUVELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUVPLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7SUFFUyxDQUFDO0lBRWxFLFlBQVk7UUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUE0QjtRQUM1QyxJQUFJLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQzs7c0hBaENVLHdCQUF3QjswR0FBeEIsd0JBQXdCLHlEQ1ZyQyx5bENBc0JBOzRGRFphLHdCQUF3QjtrQkFKcEMsU0FBUzsrQkFDRSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGlzU2FtZU1vbnRoIH0gZnJvbSAnZGF0ZS1mbnMnO1xuaW1wb3J0IHsgRGJ4Q2FsZW5kYXJTdG9yZSB9IGZyb20gJy4vY2FsZW5kYXIuc3RvcmUnO1xuaW1wb3J0IHsgbWFwLCB3aXRoTGF0ZXN0RnJvbSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTWF0QnV0dG9uVG9nZ2xlQ2hhbmdlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uLXRvZ2dsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1jYWxlbmRhci1iYXNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGVuZGFyLmJhc2UuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERieENhbGVuZGFyQmFzZUNvbXBvbmVudDxUPiB7XG4gIHJlYWRvbmx5IHZpZXdEYXRlJCA9IHRoaXMuY2FsZW5kYXJTdG9yZS5kYXRlJDtcblxuICByZWFkb25seSBhY3RpdmVEYXlJc09wZW4kID0gdGhpcy5jYWxlbmRhclN0b3JlLmV2ZW50c0ZvckRhdGVTdGF0ZSQucGlwZShcbiAgICB3aXRoTGF0ZXN0RnJvbSh0aGlzLmNhbGVuZGFyU3RvcmUuZGF0ZSQpLFxuICAgIG1hcCgoW3gsIGRhdGVdKSA9PiB7XG4gICAgICBpZiAoeC5ldmVudHMubGVuZ3RoICYmIGlzU2FtZU1vbnRoKHguZGF0ZSwgZGF0ZSkpIHtcbiAgICAgICAgcmV0dXJuICF4LmRhdGVUYXBwZWRUd2ljZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pXG4gICk7XG5cbiAgcmVhZG9ubHkgZGlzcGxheVR5cGUkID0gdGhpcy5jYWxlbmRhclN0b3JlLmRpc3BsYXlUeXBlJDtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgY2FsZW5kYXJTdG9yZTogRGJ4Q2FsZW5kYXJTdG9yZTxUPikge31cblxuICB0b2RheUNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5jYWxlbmRhclN0b3JlLnRhcERheShuZXcgRGF0ZSgpKTtcbiAgfVxuXG4gIG5leHRCdXR0b25DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuY2FsZW5kYXJTdG9yZS50YXBOZXh0KCk7XG4gIH1cblxuICBwcmV2aW91c0J1dHRvbkNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5jYWxlbmRhclN0b3JlLnRhcFByZXZpb3VzKCk7XG4gIH1cblxuICB0eXBlVG9nZ2xlQ2hhbmdlZChldmVudDogTWF0QnV0dG9uVG9nZ2xlQ2hhbmdlKTogdm9pZCB7XG4gICAgdGhpcy5jYWxlbmRhclN0b3JlLnNldERpc3BsYXlUeXBlKGV2ZW50LnZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRieC1jYWxlbmRhclwiPlxuICA8aDMgY2xhc3M9XCJkYngtY2FsZW5kYXItdGl0bGVcIj57eyAodmlld0RhdGUkIHwgYXN5bmMpISB8IGNhbGVuZGFyRGF0ZTogKGRpc3BsYXlUeXBlJCB8IGFzeW5jKSArICdWaWV3VGl0bGUnOidlbicgfX08L2gzPlxuICA8ZGl2IGNsYXNzPVwiZGJ4LWNhbGVuZGFyLWhlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJkYngtY2FsZW5kYXItY29udHJvbHNcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJkYngtY2FsZW5kYXItY29udHJvbHMtbGVmdFwiIGZ4RmxleD1cIm5vZ3Jvd1wiPlxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiAoY2xpY2spPVwidG9kYXlDbGlja2VkKClcIj5Ub2RheTwvYnV0dG9uPlxuICAgICAgICA8ZGJ4LWJ1dHRvbi1zcGFjZXI+PC9kYngtYnV0dG9uLXNwYWNlcj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW2F0dHIuYXJpYS1sYWJlbF09XCInUHJldmlvdXMgJyArIChkaXNwbGF5VHlwZSQgfCBhc3luYykgKyAnIGJ1dHRvbidcIiAoY2xpY2spPVwicHJldmlvdXNCdXR0b25DbGlja2VkKClcIj5cbiAgICAgICAgICA8bWF0LWljb24+bmF2aWdhdGVfYmVmb3JlPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFthdHRyLmFyaWEtbGFiZWxdPVwiJ05leHQnICsgKGRpc3BsYXlUeXBlJCB8IGFzeW5jKSEgKyAnIGJ1dHRvbidcIiAoY2xpY2spPVwibmV4dEJ1dHRvbkNsaWNrZWQoKVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj5uYXZpZ2F0ZV9uZXh0PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LWNhbGVuZGFyLWNvbnRyb2xzLXJpZ2h0XCIgZnhGbGV4PVwibm9ncm93XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250cm9sc11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==