npm - @dayflow/angular - Versions diffs - 3.2.0 → 3.2.2 - Mend

@dayflow/angular 3.2.0 → 3.2.2

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.

Files changed (13) hide show

package/README.md +13 -17
package/esm2022/dayflow-angular.mjs +5 -0
package/esm2022/lib/day-flow-calendar.component.mjs +197 -0
package/esm2022/lib/day-flow-calendar.module.mjs +20 -0
package/esm2022/lib/day-flow-portal.directive.mjs +31 -0
package/esm2022/public-api.mjs +9 -0
package/fesm2022/dayflow-angular.mjs +254 -0
package/index.d.ts +5 -0
package/lib/day-flow-calendar.component.d.ts +32 -0
package/lib/day-flow-calendar.module.d.ts +9 -0
package/lib/day-flow-portal.directive.d.ts +11 -0
package/package.json +5 -3
package/public-api.d.ts +5 -0

package/README.md CHANGED Viewed

@@ -1,10 +1,8 @@
-# DayFlow
+# DayFlow Angular
-**English** | [中文](README.zh.md) | [日本語](README.ja.md) | [Getting Started & Contributing](CONTRIBUTING.md)
+A flexible and feature-rich Angular calendar component library with drag-and-drop support, multiple views, and plugin architecture.
-A flexible and feature-rich calendar component library for **React, Vue, Angular, and Svelte** with drag-and-drop support, multiple views, and plugin architecture.
-[![npm](https://img.shields.io/npm/v/@dayflow/core?logo=npm&color=blue&label=version)](https://www.npmjs.com/package/@dayflow/core)
+[![npm](https://img.shields.io/npm/v/@dayflow/angular?logo=npm&color=blue&label=version)](https://www.npmjs.com/package/@dayflow/angular)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen?logo=github)](https://github.com/dayflow-js/dayflow/pulls)
 [![License](https://img.shields.io/github/license/dayflow-js/dayflow)](https://github.com/dayflow-js/dayflow/blob/main/LICENSE)
 [![Discord](https://img.shields.io/badge/Discord-Join%20Chat-5865F2?logo=discord&logoColor=white)](https://discord.gg/9vdFZKJqBb)
@@ -15,47 +13,47 @@ A flexible and feature-rich calendar component library for **React, Vue, Angular
 #### Day View
-![Day View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/DayView.png)
+![Day View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/DayView.png)
 #### Week View
-![Week View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/WeekView.png)
+![Week View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/WeekView.png)
 #### Month View
-![Month View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/MonthView.png)
+![Month View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/MonthView.png)
 #### Year View(Fixed-Week)
-![Year View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/Year-Fixed-Week.png)
+![Year View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/Year-Fixed-Week.png)
 #### Year View(Year-Canvas)
-![Year Canvas View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/Year-Canvas.png)
+![Year Canvas View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/Year-Canvas.png)
 ### Mobile View Support
 #### Mobile Day & Year View
-![Mobile Day and Year View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/Mobile-Day-Year.png)
+![Mobile Day and Year View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/Mobile-Day-Year.png)
 #### Mobile Week & Month View
-![Mobile Week and Month View](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/Mobile-Week-Month.png)
+![Mobile Week and Month View](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/Mobile-Week-Month.png)
 ### Multiple Event Detail Panel options
 #### Detail Popup
-![Popup](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/popup.png)
+![Popup](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/popup.png)
 #### Detail Dialog
-![Dialog](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/dialog.png)
+![Dialog](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/dialog.png)
 ### Dark Mode Support
-![Dark Mode](https://raw.githubusercontent.com/dayflow-js/calendar/main/assets/images/DarkMode.png)
+![Dark Mode](https://raw.githubusercontent.com/dayflow-js/dayflow/main/assets/images/DarkMode.png)
 ### Easy to resize and drag
@@ -74,5 +72,3 @@ If you find a bug, please file an issue on [GitHub Issues](https://github.com/da
 ## Support
 For questions and support, please open an issue on GitHub or go to discord.
----

package/esm2022/dayflow-angular.mjs ADDED Viewed

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

package/esm2022/lib/day-flow-calendar.component.mjs ADDED Viewed

@@ -0,0 +1,197 @@
+import { Component, Input, ViewChild, ChangeDetectionStrategy, } from '@angular/core';
+import { CalendarRenderer, CalendarApp } from '@dayflow/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./day-flow-portal.directive";
+export class DayFlowCalendarComponent {
+    cdr;
+    calendar;
+    // Templates for custom content injection
+    eventContent;
+    eventDetailContent;
+    eventDetailDialog;
+    headerContent;
+    createCalendarDialog;
+    titleBarSlot;
+    colorPicker;
+    colorPickerWrapper;
+    collapsedSafeAreaLeft;
+    container;
+    customRenderings = [];
+    renderer;
+    unsubscribe;
+    internalApp;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get app() {
+        if (this.internalApp) {
+            return this.internalApp;
+        }
+        if (this.calendar instanceof CalendarApp) {
+            return this.calendar;
+        }
+        if (this.calendar.app) {
+            return this.calendar.app;
+        }
+        // If it's a config object, we create an internal instance
+        if (this.calendar.views !==
+            undefined) {
+            this.internalApp = new CalendarApp(this.calendar);
+            return this.internalApp;
+        }
+        return this.calendar;
+    }
+    ngAfterViewInit() {
+        this.initCalendar();
+    }
+    ngOnChanges(changes) {
+        if (changes['calendar'] && !changes['calendar'].firstChange) {
+            this.internalApp = undefined;
+            this.destroyCalendar();
+            this.initCalendar();
+        }
+        else if (changes['collapsedSafeAreaLeft'] && this.renderer) {
+            this.renderer.setProps({
+                collapsedSafeAreaLeft: this.collapsedSafeAreaLeft,
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroyCalendar();
+    }
+    initCalendar() {
+        if (!this.container || !this.calendar) {
+            return;
+        }
+        this.renderer = new CalendarRenderer(this.app);
+        this.renderer.setProps({
+            collapsedSafeAreaLeft: this.collapsedSafeAreaLeft,
+        });
+        this.renderer.mount(this.container.nativeElement);
+        this.unsubscribe = this.renderer
+            .getCustomRenderingStore()
+            .subscribe(renderings => {
+            this.customRenderings = [...renderings.values()];
+            this.cdr.markForCheck();
+        });
+    }
+    destroyCalendar() {
+        if (this.unsubscribe) {
+            this.unsubscribe();
+        }
+        if (this.renderer) {
+            this.renderer.unmount();
+        }
+        this.unsubscribe = undefined;
+        this.renderer = undefined;
+    }
+    getTemplate(name) {
+        // Switch avoids allocating a new Record on every change-detection cycle.
+        switch (name) {
+            case 'eventContent': {
+                return this.eventContent ?? null;
+            }
+            case 'eventDetailContent': {
+                return this.eventDetailContent ?? null;
+            }
+            case 'eventDetailDialog': {
+                return this.eventDetailDialog ?? null;
+            }
+            case 'headerContent': {
+                return this.headerContent ?? null;
+            }
+            case 'createCalendarDialog': {
+                return this.createCalendarDialog ?? null;
+            }
+            case 'titleBarSlot': {
+                return this.titleBarSlot ?? null;
+            }
+            case 'colorPicker': {
+                return this.colorPicker ?? null;
+            }
+            case 'colorPickerWrapper': {
+                return this.colorPickerWrapper ?? null;
+            }
+            default: {
+                return null;
+            }
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    trackById(_index, item) {
+        return item.id;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DayFlowCalendarComponent, selector: "dayflow-calendar", inputs: { calendar: "calendar", eventContent: "eventContent", eventDetailContent: "eventDetailContent", eventDetailDialog: "eventDetailDialog", headerContent: "headerContent", createCalendarDialog: "createCalendarDialog", titleBarSlot: "titleBarSlot", colorPicker: "colorPicker", colorPickerWrapper: "colorPickerWrapper", collapsedSafeAreaLeft: "collapsedSafeAreaLeft" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div #container class="df-calendar-wrapper"></div>
+    <!-- Hidden area to render Angular templates before they are portaled -->
+    <div style="display: none">
+      <ng-container *ngFor="let rendering of customRenderings; trackBy: trackById">
+        <div
+          *ngIf="getTemplate(rendering.generatorName)"
+          [dayflowPortal]="rendering.containerEl"
+        >
+          <ng-container
+            *ngTemplateOutlet="
+              getTemplate(rendering.generatorName)!;
+              context: { $implicit: rendering.generatorArgs }
+            "
+          ></ng-container>
+        </div>
+      </ng-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DayFlowPortalDirective, selector: "[dayflowPortal]", inputs: ["dayflowPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dayflow-calendar',
+                    template: `
+    <div #container class="df-calendar-wrapper"></div>
+    <!-- Hidden area to render Angular templates before they are portaled -->
+    <div style="display: none">
+      <ng-container *ngFor="let rendering of customRenderings; trackBy: trackById">
+        <div
+          *ngIf="getTemplate(rendering.generatorName)"
+          [dayflowPortal]="rendering.containerEl"
+        >
+          <ng-container
+            *ngTemplateOutlet="
+              getTemplate(rendering.generatorName)!;
+              context: { $implicit: rendering.generatorArgs }
+            "
+          ></ng-container>
+        </div>
+      </ng-container>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { calendar: [{
+                type: Input
+            }], eventContent: [{
+                type: Input
+            }], eventDetailContent: [{
+                type: Input
+            }], eventDetailDialog: [{
+                type: Input
+            }], headerContent: [{
+                type: Input
+            }], createCalendarDialog: [{
+                type: Input
+            }], titleBarSlot: [{
+                type: Input
+            }], colorPicker: [{
+                type: Input
+            }], colorPickerWrapper: [{
+                type: Input
+            }], collapsedSafeAreaLeft: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF5LWZsb3ctY2FsZW5kYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9kYXktZmxvdy1jYWxlbmRhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQVFMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixHQUN4QixNQUFNLGVBQWUsQ0FBQztBQU92QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBMEI5RCxNQUFNLE9BQU8sd0JBQXdCO0lBdUJmO0lBcEJYLFFBQVEsQ0FBMkQ7SUFFNUUseUNBQXlDO0lBQ2hDLFlBQVksQ0FBd0I7SUFDcEMsa0JBQWtCLENBQXdCO0lBQzFDLGlCQUFpQixDQUF3QjtJQUN6QyxhQUFhLENBQXdCO0lBQ3JDLG9CQUFvQixDQUF3QjtJQUM1QyxZQUFZLENBQXdCO0lBQ3BDLFdBQVcsQ0FBd0I7SUFDbkMsa0JBQWtCLENBQXdCO0lBQzFDLHFCQUFxQixDQUFVO0lBRWhCLFNBQVMsQ0FBMkI7SUFFNUQsZ0JBQWdCLEdBQXNCLEVBQUUsQ0FBQztJQUNqQyxRQUFRLENBQW9CO0lBQzVCLFdBQVcsQ0FBYztJQUN6QixXQUFXLENBQWdCO0lBRW5DLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBQUcsQ0FBQztJQUU5QyxJQUFZLEdBQUc7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDMUIsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsWUFBWSxXQUFXLEVBQUUsQ0FBQztZQUN6QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDdkIsQ0FBQztRQUVELElBQUssSUFBSSxDQUFDLFFBQXNELENBQUMsR0FBRyxFQUFFLENBQUM7WUFDckUsT0FBUSxJQUFJLENB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QWtCO3NCQUExQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFFa0IsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRWxlbWVudFJlZixcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIEFmdGVyVmlld0luaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFRlbXBsYXRlUmVmLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7XG4gIElDYWxlbmRhckFwcCxcbiAgQ2FsZW5kYXJBcHBDb25maWcsXG4gIFVzZUNhbGVuZGFyQXBwUmV0dXJuLFxuICBDdXN0b21SZW5kZXJpbmcsXG59IGZyb20gJ0BkYXlmbG93L2NvcmUnO1xuaW1wb3J0IHsgQ2FsZW5kYXJSZW5kZXJlciwgQ2FsZW5kYXJBcHAgfSBmcm9tICdAZGF5Zmxvdy9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGF5Zmxvdy1jYWxlbmRhcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAjY29udGFpbmVyIGNsYXNzPVwiZGYtY2FsZW5kYXItd3JhcHBlclwiPjwvZGl2PlxuXG4gICAgPCEtLSBIaWRkZW4gYXJlYSB0byByZW5kZXIgQW5ndWxhciB0ZW1wbGF0ZXMgYmVmb3JlIHRoZXkgYXJlIHBvcnRhbGVkIC0tPlxuICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBub25lXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCByZW5kZXJpbmcgb2YgY3VzdG9tUmVuZGVyaW5nczsgdHJhY2tCeTogdHJhY2tCeUlkXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAqbmdJZj1cImdldFRlbXBsYXRlKHJlbmRlcmluZy5nZW5lcmF0b3JOYW1lKVwiXG4gICAgICAgICAgW2RheWZsb3dQb3J0YWxdPVwicmVuZGVyaW5nLmNvbnRhaW5lckVsXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgIGdldFRlbXBsYXRlKHJlbmRlcmluZy5nZW5lcmF0b3JOYW1lKSE7XG4gICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiByZW5kZXJpbmcuZ2VuZXJhdG9yQXJncyB9XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERheUZsb3dDYWxlbmRhckNvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95XG57XG4gIEBJbnB1dCgpIGNhbGVuZGFyITogSUNhbGVuZGFyQXBwIHwgVXNlQ2FsZW5kYXJBcHBSZXR1cm4gfCBDYWxlbmRhckFwcENvbmZpZztcblxuICAvLyBUZW1wbGF0ZXMgZm9yIGN1c3RvbSBjb250ZW50IGluamVjdGlvblxuICBASW5wdXQoKSBldmVudENvbnRlbnQ/OiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgQElucHV0KCkgZXZlbnREZXRhaWxDb250ZW50PzogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIGV2ZW50RGV0YWlsRGlhbG9nPzogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIGhlYWRlckNvbnRlbnQ/OiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgQElucHV0KCkgY3JlYXRlQ2FsZW5kYXJEaWFsb2c/OiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcbiAgQElucHV0KCkgdGl0bGVCYXJTbG90PzogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIGNvbG9yUGlja2VyPzogVGVtcGxhdGVSZWY8dW5rbm93bj47XG4gIEBJbnB1dCgpIGNvbG9yUGlja2VyV3JhcHBlcj86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBASW5wdXQoKSBjb2xsYXBzZWRTYWZlQXJlYUxlZnQ/OiBudW1iZXI7XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJykgY29udGFpbmVyITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgY3VzdG9tUmVuZGVyaW5nczogQ3VzdG9tUmVuZGVyaW5nW10gPSBbXTtcbiAgcHJpdmF0ZSByZW5kZXJlcj86IENhbGVuZGFyUmVuZGVyZXI7XG4gIHByaXZhdGUgdW5zdWJzY3JpYmU/OiAoKSA9PiB2b2lkO1xuICBwcml2YXRlIGludGVybmFsQXBwPzogSUNhbGVuZGFyQXBwO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBwcml2YXRlIGdldCBhcHAoKTogSUNhbGVuZGFyQXBwIHtcbiAgICBpZiAodGhpcy5pbnRlcm5hbEFwcCkge1xuICAgICAgcmV0dXJuIHRoaXMuaW50ZXJuYWxBcHA7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuY2FsZW5kYXIgaW5zdGFuY2VvZiBDYWxlbmRhckFwcCkge1xuICAgICAgcmV0dXJuIHRoaXMuY2FsZW5kYXI7XG4gICAgfVxuXG4gICAgaWYgKCh0aGlzLmNhbGVuZGFyIGFzIHsgYXBwPzogSUNhbGVuZGFyQXBwOyB2aWV3cz86IHVua25vd25bXSB9KS5hcHApIHtcbiAgICAgIHJldHVybiAodGhpcy5jYWxlbmRhciBhcyB7IGFwcD86IElDYWxlbmRhckFwcDsgdmlld3M/OiB1bmtub3duW10gfSkuYXBwITtcbiAgICB9XG5cbiAgICAvLyBJZiBpdCdzIGEgY29uZmlnIG9iamVjdCwgd2UgY3JlYXRlIGFuIGludGVybmFsIGluc3RhbmNlXG4gICAgaWYgKFxuICAgICAgKHRoaXMuY2FsZW5kYXIgYXMgeyBhcHA/OiBJQ2FsZW5kYXJBcHA7IHZpZXdzPzogdW5rbm93bltdIH0pLnZpZXdzICE9PVxuICAgICAgdW5kZWZpbmVkXG4gICAgKSB7XG4gICAgICB0aGlzLmludGVybmFsQXBwID0gbmV3IENhbGVuZGFyQXBwKHRoaXMuY2FsZW5kYXIgYXMgQ2FsZW5kYXJBcHBDb25maWcpO1xuICAgICAgcmV0dXJuIHRoaXMuaW50ZXJuYWxBcHA7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuY2FsZW5kYXIgYXMgSUNhbGVuZGFyQXBwO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuaW5pdENhbGVuZGFyKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ2NhbGVuZGFyJ10gJiYgIWNoYW5nZXNbJ2NhbGVuZGFyJ10uZmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxBcHAgPSB1bmRlZmluZWQ7XG4gICAgICB0aGlzLmRlc3Ryb3lDYWxlbmRhcigpO1xuICAgICAgdGhpcy5pbml0Q2FsZW5kYXIoKTtcbiAgICB9IGVsc2UgaWYgKGNoYW5nZXNbJ2NvbGxhcHNlZFNhZmVBcmVhTGVmdCddICYmIHRoaXMucmVuZGVyZXIpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcHMoe1xuICAgICAgICBjb2xsYXBzZWRTYWZlQXJlYUxlZnQ6IHRoaXMuY29sbGFwc2VkU2FmZUFyZWFMZWZ0LFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95Q2FsZW5kYXIoKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdENhbGVuZGFyKCkge1xuICAgIGlmICghdGhpcy5jb250YWluZXIgfHwgIXRoaXMuY2FsZW5kYXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnJlbmRlcmVyID0gbmV3IENhbGVuZGFyUmVuZGVyZXIodGhpcy5hcHApO1xuICAgIHRoaXMucmVuZGVyZXIuc2V0UHJvcHMoe1xuICAgICAgY29sbGFwc2VkU2FmZUFyZWFMZWZ0OiB0aGlzLmNvbGxhcHNlZFNhZmVBcmVhTGVmdCxcbiAgICB9KTtcbiAgICB0aGlzLnJlbmRlcmVyLm1vdW50KHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQpO1xuXG4gICAgdGhpcy51bnN1YnNjcmliZSA9IHRoaXMucmVuZGVyZXJcbiAgICAgIC5nZXRDdXN0b21SZW5kZXJpbmdTdG9yZSgpXG4gICAgICAuc3Vic2NyaWJlKHJlbmRlcmluZ3MgPT4ge1xuICAgICAgICB0aGlzLmN1c3RvbVJlbmRlcmluZ3MgPSBbLi4ucmVuZGVyaW5ncy52YWx1ZXMoKV07XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGRlc3Ryb3lDYWxlbmRhcigpIHtcbiAgICBpZiAodGhpcy51bnN1YnNjcmliZSkge1xuICAgICAgdGhpcy51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgICBpZiAodGhpcy5yZW5kZXJlcikge1xuICAgICAgdGhpcy5yZW5kZXJlci51bm1vdW50KCk7XG4gICAgfVxuICAgIHRoaXMudW5zdWJzY3JpYmUgPSB1bmRlZmluZWQ7XG4gICAgdGhpcy5yZW5kZXJlciA9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGdldFRlbXBsYXRlKG5hbWU6IHN0cmluZyk6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgbnVsbCB7XG4gICAgLy8gU3dpdGNoIGF2b2lkcyBhbGxvY2F0aW5nIGEgbmV3IFJlY29yZCBvbiBldmVyeSBjaGFuZ2UtZGV0ZWN0aW9uIGN5Y2xlLlxuICAgIHN3aXRjaCAobmFtZSkge1xuICAgICAgY2FzZSAnZXZlbnRDb250ZW50Jzoge1xuICAgICAgICByZXR1cm4gdGhpcy5ldmVudENvbnRlbnQgPz8gbnVsbDtcbiAgICAgIH1cbiAgICAgIGNhc2UgJ2V2ZW50RGV0YWlsQ29udGVudCc6IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZXZlbnREZXRhaWxDb250ZW50ID8/IG51bGw7XG4gICAgICB9XG4gICAgICBjYXNlICdldmVudERldGFpbERpYWxvZyc6IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZXZlbnREZXRhaWxEaWFsb2cgPz8gbnVsbDtcbiAgICAgIH1cbiAgICAgIGNhc2UgJ2hlYWRlckNvbnRlbnQnOiB7XG4gICAgICAgIHJldHVybiB0aGlzLmhlYWRlckNvbnRlbnQgPz8gbnVsbDtcbiAgICAgIH1cbiAgICAgIGNhc2UgJ2NyZWF0ZUNhbGVuZGFyRGlhbG9nJzoge1xuICAgICAgICByZXR1cm4gdGhpcy5jcmVhdGVDYWxlbmRhckRpYWxvZyA/PyBudWxsO1xuICAgICAgfVxuICAgICAgY2FzZSAndGl0bGVCYXJTbG90Jzoge1xuICAgICAgICByZXR1cm4gdGhpcy50aXRsZUJhclNsb3QgPz8gbnVsbDtcbiAgICAgIH1cbiAgICAgIGNhc2UgJ2NvbG9yUGlja2VyJzoge1xuICAgICAgICByZXR1cm4gdGhpcy5jb2xvclBpY2tlciA/PyBudWxsO1xuICAgICAgfVxuICAgICAgY2FzZSAnY29sb3JQaWNrZXJXcmFwcGVyJzoge1xuICAgICAgICByZXR1cm4gdGhpcy5jb2xvclBpY2tlcldyYXBwZXIgPz8gbnVsbDtcbiAgICAgIH1cbiAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGNsYXNzLW1ldGhvZHMtdXNlLXRoaXNcbiAgdHJhY2tCeUlkKF9pbmRleDogbnVtYmVyLCBpdGVtOiBDdXN0b21SZW5kZXJpbmcpIHtcbiAgICByZXR1cm4gaXRlbS5pZDtcbiAgfVxufVxuIl19

package/esm2022/lib/day-flow-calendar.module.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DayFlowCalendarComponent } from './day-flow-calendar.component';
+import { DayFlowPortalDirective } from './day-flow-portal.directive';
+import * as i0 from "@angular/core";
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
+export class DayFlowCalendarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, declarations: [DayFlowCalendarComponent, DayFlowPortalDirective], imports: [CommonModule], exports: [DayFlowCalendarComponent, DayFlowPortalDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DayFlowCalendarComponent, DayFlowPortalDirective],
+                    imports: [CommonModule],
+                    exports: [DayFlowCalendarComponent, DayFlowPortalDirective],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF5LWZsb3ctY2FsZW5kYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9kYXktZmxvdy1jYWxlbmRhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBT3JFLGtFQUFrRTtBQUNsRSxNQUFNLE9BQU8scUJBQXFCO3dHQUFyQixxQkFBcUI7eUdBQXJCLHFCQUFxQixpQkFMakIsd0JBQXdCLEVBQUUsc0JBQXNCLGFBQ3JELFlBQVksYUFDWix3QkFBd0IsRUFBRSxzQkFBc0I7eUdBRy9DLHFCQUFxQixZQUp0QixZQUFZOzs0RkFJWCxxQkFBcUI7a0JBTmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsd0JBQXdCLEVBQUUsc0JBQXNCLENBQUM7b0JBQ2hFLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsc0JBQXNCLENBQUM7aUJBQzVEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERheUZsb3dDYWxlbmRhckNvbXBvbmVudCB9IGZyb20gJy4vZGF5LWZsb3ctY2FsZW5kYXIuY29tcG9uZW50JztcbmltcG9ydCB7IERheUZsb3dQb3J0YWxEaXJlY3RpdmUgfSBmcm9tICcuL2RheS1mbG93LXBvcnRhbC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtEYXlGbG93Q2FsZW5kYXJDb21wb25lbnQsIERheUZsb3dQb3J0YWxEaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0RheUZsb3dDYWxlbmRhckNvbXBvbmVudCwgRGF5Rmxvd1BvcnRhbERpcmVjdGl2ZV0sXG59KVxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHRyYW5lb3VzLWNsYXNzXG5leHBvcnQgY2xhc3MgRGF5Rmxvd0NhbGVuZGFyTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/day-flow-portal.directive.mjs ADDED Viewed

@@ -0,0 +1,31 @@
+import { Directive, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DayFlowPortalDirective {
+    el;
+    targetEl;
+    constructor(el) {
+        this.el = el;
+    }
+    ngOnChanges(changes) {
+        if (changes['targetEl'] && this.targetEl) {
+            this.targetEl.append(this.el.nativeElement);
+        }
+    }
+    ngOnDestroy() {
+        if (this.el.nativeElement.parentNode === this.targetEl) {
+            this.el.nativeElement.remove();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowPortalDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DayFlowPortalDirective, selector: "[dayflowPortal]", inputs: { targetEl: ["dayflowPortal", "targetEl"] }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowPortalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dayflowPortal]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { targetEl: [{
+                type: Input,
+                args: ['dayflowPortal']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF5LWZsb3ctcG9ydGFsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvZGF5LWZsb3ctcG9ydGFsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBS0wsU0FBUyxFQUNULEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFLdkIsTUFBTSxPQUFPLHNCQUFzQjtJQUdiO0lBRkksUUFBUSxDQUFlO0lBRS9DLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUcsQ0FBQztJQUV0QyxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3pDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDOUMsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEtBQUssSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO3dHQWZVLHNCQUFzQjs0RkFBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUhsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7aUJBQzVCOytFQUV5QixRQUFRO3NCQUEvQixLQUFLO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBFbGVtZW50UmVmLFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgRGlyZWN0aXZlLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYXlmbG93UG9ydGFsXScsXG59KVxuZXhwb3J0IGNsYXNzIERheUZsb3dQb3J0YWxEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgnZGF5Zmxvd1BvcnRhbCcpIHRhcmdldEVsITogSFRNTEVsZW1lbnQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ3RhcmdldEVsJ10gJiYgdGhpcy50YXJnZXRFbCkge1xuICAgICAgdGhpcy50YXJnZXRFbC5hcHBlbmQodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5lbC5uYXRpdmVFbGVtZW50LnBhcmVudE5vZGUgPT09IHRoaXMudGFyZ2V0RWwpIHtcbiAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5yZW1vdmUoKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/public-api.mjs ADDED Viewed

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of @dayflow/angular
+ */
+export * from './lib/day-flow-calendar.component';
+export * from './lib/day-flow-calendar.module';
+export * from './lib/day-flow-portal.directive';
+export { CalendarApp, CalendarRegistry, createEventsPlugin, createDayView, createWeekView, createMonthView, createYearView, ViewType, } from '@dayflow/core';
+export * from '@dayflow/core';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsaUNBQWlDLENBQUM7QUFFaEQsT0FBTyxFQUNMLFdBQVcsRUFDWCxnQkFBZ0IsRUFDaEIsa0JBQWtCLEVBQ2xCLGFBQWEsRUFDYixjQUFjLEVBQ2QsZUFBZSxFQUNmLGNBQWMsRUFDZCxRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBkYXlmbG93L2FuZ3VsYXJcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXktZmxvdy1jYWxlbmRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF5LWZsb3ctY2FsZW5kYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RheS1mbG93LXBvcnRhbC5kaXJlY3RpdmUnO1xuXG5leHBvcnQge1xuICBDYWxlbmRhckFwcCxcbiAgQ2FsZW5kYXJSZWdpc3RyeSxcbiAgY3JlYXRlRXZlbnRzUGx1Z2luLFxuICBjcmVhdGVEYXlWaWV3LFxuICBjcmVhdGVXZWVrVmlldyxcbiAgY3JlYXRlTW9udGhWaWV3LFxuICBjcmVhdGVZZWFyVmlldyxcbiAgVmlld1R5cGUsXG59IGZyb20gJ0BkYXlmbG93L2NvcmUnO1xuXG5leHBvcnQgKiBmcm9tICdAZGF5Zmxvdy9jb3JlJztcbiJdfQ==

package/fesm2022/dayflow-angular.mjs ADDED Viewed

@@ -0,0 +1,254 @@
+import * as i0 from '@angular/core';
+import { Input, Directive, ViewChild, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { CalendarApp, CalendarRenderer } from '@dayflow/core';
+export * from '@dayflow/core';
+export { CalendarApp, CalendarRegistry, ViewType, createDayView, createEventsPlugin, createMonthView, createWeekView, createYearView } from '@dayflow/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+class DayFlowPortalDirective {
+    el;
+    targetEl;
+    constructor(el) {
+        this.el = el;
+    }
+    ngOnChanges(changes) {
+        if (changes['targetEl'] && this.targetEl) {
+            this.targetEl.append(this.el.nativeElement);
+        }
+    }
+    ngOnDestroy() {
+        if (this.el.nativeElement.parentNode === this.targetEl) {
+            this.el.nativeElement.remove();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowPortalDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DayFlowPortalDirective, selector: "[dayflowPortal]", inputs: { targetEl: ["dayflowPortal", "targetEl"] }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowPortalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dayflowPortal]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { targetEl: [{
+                type: Input,
+                args: ['dayflowPortal']
+            }] } });
+class DayFlowCalendarComponent {
+    cdr;
+    calendar;
+    // Templates for custom content injection
+    eventContent;
+    eventDetailContent;
+    eventDetailDialog;
+    headerContent;
+    createCalendarDialog;
+    titleBarSlot;
+    colorPicker;
+    colorPickerWrapper;
+    collapsedSafeAreaLeft;
+    container;
+    customRenderings = [];
+    renderer;
+    unsubscribe;
+    internalApp;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get app() {
+        if (this.internalApp) {
+            return this.internalApp;
+        }
+        if (this.calendar instanceof CalendarApp) {
+            return this.calendar;
+        }
+        if (this.calendar.app) {
+            return this.calendar.app;
+        }
+        // If it's a config object, we create an internal instance
+        if (this.calendar.views !==
+            undefined) {
+            this.internalApp = new CalendarApp(this.calendar);
+            return this.internalApp;
+        }
+        return this.calendar;
+    }
+    ngAfterViewInit() {
+        this.initCalendar();
+    }
+    ngOnChanges(changes) {
+        if (changes['calendar'] && !changes['calendar'].firstChange) {
+            this.internalApp = undefined;
+            this.destroyCalendar();
+            this.initCalendar();
+        }
+        else if (changes['collapsedSafeAreaLeft'] && this.renderer) {
+            this.renderer.setProps({
+                collapsedSafeAreaLeft: this.collapsedSafeAreaLeft,
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroyCalendar();
+    }
+    initCalendar() {
+        if (!this.container || !this.calendar) {
+            return;
+        }
+        this.renderer = new CalendarRenderer(this.app);
+        this.renderer.setProps({
+            collapsedSafeAreaLeft: this.collapsedSafeAreaLeft,
+        });
+        this.renderer.mount(this.container.nativeElement);
+        this.unsubscribe = this.renderer
+            .getCustomRenderingStore()
+            .subscribe(renderings => {
+            this.customRenderings = [...renderings.values()];
+            this.cdr.markForCheck();
+        });
+    }
+    destroyCalendar() {
+        if (this.unsubscribe) {
+            this.unsubscribe();
+        }
+        if (this.renderer) {
+            this.renderer.unmount();
+        }
+        this.unsubscribe = undefined;
+        this.renderer = undefined;
+    }
+    getTemplate(name) {
+        // Switch avoids allocating a new Record on every change-detection cycle.
+        switch (name) {
+            case 'eventContent': {
+                return this.eventContent ?? null;
+            }
+            case 'eventDetailContent': {
+                return this.eventDetailContent ?? null;
+            }
+            case 'eventDetailDialog': {
+                return this.eventDetailDialog ?? null;
+            }
+            case 'headerContent': {
+                return this.headerContent ?? null;
+            }
+            case 'createCalendarDialog': {
+                return this.createCalendarDialog ?? null;
+            }
+            case 'titleBarSlot': {
+                return this.titleBarSlot ?? null;
+            }
+            case 'colorPicker': {
+                return this.colorPicker ?? null;
+            }
+            case 'colorPickerWrapper': {
+                return this.colorPickerWrapper ?? null;
+            }
+            default: {
+                return null;
+            }
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this
+    trackById(_index, item) {
+        return item.id;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DayFlowCalendarComponent, selector: "dayflow-calendar", inputs: { calendar: "calendar", eventContent: "eventContent", eventDetailContent: "eventDetailContent", eventDetailDialog: "eventDetailDialog", headerContent: "headerContent", createCalendarDialog: "createCalendarDialog", titleBarSlot: "titleBarSlot", colorPicker: "colorPicker", colorPickerWrapper: "colorPickerWrapper", collapsedSafeAreaLeft: "collapsedSafeAreaLeft" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div #container class="df-calendar-wrapper"></div>
+    <!-- Hidden area to render Angular templates before they are portaled -->
+    <div style="display: none">
+      <ng-container *ngFor="let rendering of customRenderings; trackBy: trackById">
+        <div
+          *ngIf="getTemplate(rendering.generatorName)"
+          [dayflowPortal]="rendering.containerEl"
+        >
+          <ng-container
+            *ngTemplateOutlet="
+              getTemplate(rendering.generatorName)!;
+              context: { $implicit: rendering.generatorArgs }
+            "
+          ></ng-container>
+        </div>
+      </ng-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DayFlowPortalDirective, selector: "[dayflowPortal]", inputs: ["dayflowPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dayflow-calendar',
+                    template: `
+    <div #container class="df-calendar-wrapper"></div>
+    <!-- Hidden area to render Angular templates before they are portaled -->
+    <div style="display: none">
+      <ng-container *ngFor="let rendering of customRenderings; trackBy: trackById">
+        <div
+          *ngIf="getTemplate(rendering.generatorName)"
+          [dayflowPortal]="rendering.containerEl"
+        >
+          <ng-container
+            *ngTemplateOutlet="
+              getTemplate(rendering.generatorName)!;
+              context: { $implicit: rendering.generatorArgs }
+            "
+          ></ng-container>
+        </div>
+      </ng-container>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { calendar: [{
+                type: Input
+            }], eventContent: [{
+                type: Input
+            }], eventDetailContent: [{
+                type: Input
+            }], eventDetailDialog: [{
+                type: Input
+            }], headerContent: [{
+                type: Input
+            }], createCalendarDialog: [{
+                type: Input
+            }], titleBarSlot: [{
+                type: Input
+            }], colorPicker: [{
+                type: Input
+            }], colorPickerWrapper: [{
+                type: Input
+            }], collapsedSafeAreaLeft: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
+class DayFlowCalendarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, declarations: [DayFlowCalendarComponent, DayFlowPortalDirective], imports: [CommonModule], exports: [DayFlowCalendarComponent, DayFlowPortalDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DayFlowCalendarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DayFlowCalendarComponent, DayFlowPortalDirective],
+                    imports: [CommonModule],
+                    exports: [DayFlowCalendarComponent, DayFlowPortalDirective],
+                }]
+        }] });
+/*
+ * Public API Surface of @dayflow/angular
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { DayFlowCalendarComponent, DayFlowCalendarModule, DayFlowPortalDirective };
+//# sourceMappingURL=dayflow-angular.mjs.map

package/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@dayflow/angular" />
+export * from './public-api';

package/lib/day-flow-calendar.component.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { ElementRef, OnChanges, OnDestroy, AfterViewInit, SimpleChanges, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import type { ICalendarApp, CalendarAppConfig, UseCalendarAppReturn, CustomRendering } from '@dayflow/core';
+import * as i0 from "@angular/core";
+export declare class DayFlowCalendarComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private cdr;
+    calendar: ICalendarApp | UseCalendarAppReturn | CalendarAppConfig;
+    eventContent?: TemplateRef<unknown>;
+    eventDetailContent?: TemplateRef<unknown>;
+    eventDetailDialog?: TemplateRef<unknown>;
+    headerContent?: TemplateRef<unknown>;
+    createCalendarDialog?: TemplateRef<unknown>;
+    titleBarSlot?: TemplateRef<unknown>;
+    colorPicker?: TemplateRef<unknown>;
+    colorPickerWrapper?: TemplateRef<unknown>;
+    collapsedSafeAreaLeft?: number;
+    container: ElementRef<HTMLElement>;
+    customRenderings: CustomRendering[];
+    private renderer?;
+    private unsubscribe?;
+    private internalApp?;
+    constructor(cdr: ChangeDetectorRef);
+    private get app();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private initCalendar;
+    private destroyCalendar;
+    getTemplate(name: string): TemplateRef<unknown> | null;
+    trackById(_index: number, item: CustomRendering): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayFlowCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DayFlowCalendarComponent, "dayflow-calendar", never, { "calendar": { "alias": "calendar"; "required": false; }; "eventContent": { "alias": "eventContent"; "required": false; }; "eventDetailContent": { "alias": "eventDetailContent"; "required": false; }; "eventDetailDialog": { "alias": "eventDetailDialog"; "required": false; }; "headerContent": { "alias": "headerContent"; "required": false; }; "createCalendarDialog": { "alias": "createCalendarDialog"; "required": false; }; "titleBarSlot": { "alias": "titleBarSlot"; "required": false; }; "colorPicker": { "alias": "colorPicker"; "required": false; }; "colorPickerWrapper": { "alias": "colorPickerWrapper"; "required": false; }; "collapsedSafeAreaLeft": { "alias": "collapsedSafeAreaLeft"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/day-flow-calendar.module.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./day-flow-calendar.component";
+import * as i2 from "./day-flow-portal.directive";
+import * as i3 from "@angular/common";
+export declare class DayFlowCalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayFlowCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DayFlowCalendarModule, [typeof i1.DayFlowCalendarComponent, typeof i2.DayFlowPortalDirective], [typeof i3.CommonModule], [typeof i1.DayFlowCalendarComponent, typeof i2.DayFlowPortalDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DayFlowCalendarModule>;
+}

package/lib/day-flow-portal.directive.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ElementRef, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DayFlowPortalDirective implements OnChanges, OnDestroy {
+    private el;
+    targetEl: HTMLElement;
+    constructor(el: ElementRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayFlowPortalDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DayFlowPortalDirective, "[dayflowPortal]", never, { "targetEl": { "alias": "dayflowPortal"; "required": false; }; }, {}, never, never, false, never>;
+}

package/package.json CHANGED Viewed

@@ -1,9 +1,11 @@
 {
   "name": "@dayflow/angular",
-  "version": "3.2.0",
+  "version": "3.2.2",
   "description": "Angular adapter for DayFlow calendar",
   "files": [
-    "dist",
+    "**/*.mjs",
+    "**/*.d.ts",
+    "**/*.json",
     "README.md",
     "LICENSE"
   ],
@@ -25,7 +27,7 @@
   "peerDependencies": {
     "@angular/common": ">=14.0.0",
     "@angular/core": ">=14.0.0",
-    "@dayflow/core": "workspace:*"
+    "@dayflow/core": "3.2.0"
   },
   "sideEffects": false,
   "dependencies": {

package/public-api.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export * from './lib/day-flow-calendar.component';
+export * from './lib/day-flow-calendar.module';
+export * from './lib/day-flow-portal.directive';
+export { CalendarApp, CalendarRegistry, createEventsPlugin, createDayView, createWeekView, createMonthView, createYearView, ViewType, } from '@dayflow/core';
+export * from '@dayflow/core';