ngx-mat-tui-calendar 12.0.7 → 12.0.11

package/README.md

@@ -4,7 +4,6 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Development Status](https://www.repostatus.org/badges/latest/active.svg)](https://www.repostatus.org/#active) 
 [![GitHub stars](https://img.shields.io/github/stars/ron2015schmitt/ngx-mat-tui-calendar.svg)](https://github.com/ron2015schmitt/ngx-mat-tui-calendar/stargazers)
-![GitHub downloads all releases](https://img.shields.io/github/downloads/ron2015schmitt/ngx-mat-tui-calendar/total)
 ![GitHub release (latest by date)](https://img.shields.io/github/v/release/ron2015schmitt/ngx-mat-tui-calendar)
 
 [![npm](https://img.shields.io/npm/v/ngx-mat-tui-calendar?label=npm%20package)](https://www.npmjs.com/package/ngx-mat-tui-calendar)
@@ -28,6 +27,9 @@ The top-level `angular.json` and `package.json` files are used for building both
 
 This repo was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.3.  Angular ^12.2 requires node ^v14.15 (npm ^v6.14).
 
+# Online Demo
+
+https://ngx-mat-tui-calendar-demo.netlify.app/
 
 # UI
 ## Month View
@@ -48,7 +50,7 @@ This repo was generated with [Angular CLI](https://github.com/angular/angular-cl
 
 Install via npm:
 ```bash
-npm i --save ngx-mat-tui-calendar
+npm i --save ngx-mat-tui-calendar --legacy-peer-deps
 ```
 which will add `ngx-mat-tui-calendar`, as well as all of its dependencies to your `package.json` file.
 
@@ -71,12 +73,11 @@ Set up an [Angular theme](https://material.angular.io/guide/theming).  For examp
 
 A demonstration of the simple usage described above can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-quickstart
 
-## Demo Repo
+### Demo Repo
 
 A more extensive demonstration of usage can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-demo
 
-### Stackblitz
-*Coming soon*
+
 
 # Documentation
 
@@ -115,7 +116,7 @@ Selector: `ngx-mat-tui-calendar`
 ```bash
 git clone https://github.com/ron2015schmitt/ngx-mat-tui-calendar
 cd ngx-mat-tui-calendar
-npm install
+npm install --legacy-peer-deps
 ng build  
 ng serve
 ```

package/bundles/ngx-mat-tui-calendar.umd.js

@@ -473,7 +473,7 @@
             this.closed = false;
             this.isAllDay = false;
             this.themeClass = '';
-            console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: data:', data);
+            // console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: data:', data);
             this.color = data.darkMode ? 'accent' : 'primary';
             var schedule = data.schedule;
             if (schedule == null) {
@@ -572,7 +572,7 @@
             this.dialogRef.close({ schedule: schedule, performDelete: (performDelete == true) });
         };
         NgxMatTuiCalendarEditorDialogComponent.prototype.log = function (str) {
-            console.warn(str);
+            // console.warn(str);
         };
         NgxMatTuiCalendarEditorDialogComponent.prototype.onUseAllDay = function () {
             this.isAllDay = true;
@@ -640,15 +640,15 @@
             this.appliedOptions = this.getDefaultOptions();
         }
         NgxMatTuiCalendarComponent.prototype.ngOnInit = function () {
-            console.warn("calendar.component.ts: ngOnit");
+            // console.warn(`calendar.component.ts: ngOnit`)
             this.createTUICalendar();
             this.bindCallbacks();
         };
         NgxMatTuiCalendarComponent.prototype.ngOnChanges = function (changes) {
-            console.warn(changes);
+            // console.warn(changes);
             if (this.calendar) {
                 if (changes.options) {
-                    console.warn("change.option:", changes.options);
+                    // console.warn(`change.option:`, changes.options);
                     var options = changes.options.currentValue;
                     this.setOptions(options);
                 }
@@ -677,15 +677,19 @@
             date.setMonth(date.getMonth() + months); // date class does the modular arithmetic
             date.setDate(date.getDate() + days); // date class does the modular arithmetic
             this.calendar.setDate(date);
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.onCalendarPrev = function () {
             this.calendar.prev();
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.onCalendarToday = function () {
             this.calendar.today();
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.onCalendarNext = function () {
             this.calendar.next();
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.onCalendarLongNext = function () {
             var date = this.calendar.getDate().toDate();
@@ -707,12 +711,15 @@
             date.setMonth(date.getMonth() + months); // date class does the modular arithmetic
             date.setDate(date.getDate() + days); // date class does the modular arithmetic
             this.calendar.setDate(date);
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.onMonthView = function () {
             this.calendar.changeView('month');
         };
         NgxMatTuiCalendarComponent.prototype.onWeekView = function () {
+            console.log("onWeekView");
             this.calendar.changeView('week');
+            this.calendar.render(true); // <-- so that selection is cleared
         };
         NgxMatTuiCalendarComponent.prototype.onDayView = function () {
             this.calendar.changeView('day');
@@ -727,9 +734,10 @@
         };
         NgxMatTuiCalendarComponent.prototype.createTUICalendar = function () {
             var ioptions = this.preprocessIOptions(null);
-            console.warn("calendar.component.ts: createTUICalendar: ioptions:", ioptions);
+            // console.warn(`calendar.component.ts: createTUICalendar: ioptions:`, ioptions);
             this.calendar = new Calendar__default["default"]('#calendar', ioptions);
-            console.warn("calendar.component.ts: createTUICalendar: this.calendar:", this.calendar);
+            // console.warn(`calendar.component.ts: createTUICalendar: this.calendar:`, this.calendar);
+            this.calendar.toggleScheduleView(true);
         };
         NgxMatTuiCalendarComponent.prototype.bindCallbacks = function () {
             this.bindAfterRenderSchedule();
@@ -899,7 +907,7 @@
             if (this.appliedOptions.themeClass) {
                 dialogConfig.panelClass = this.appliedOptions.themeClass;
             }
-            console.warn("options: ", this.appliedOptions);
+            // console.warn(`options: `, this.appliedOptions);
             dialogConfig.data = { schedule: schedule, darkMode: this.appliedOptions.darkMode, themeClass: this.appliedOptions.themeClass };
             dialogConfig.autoFocus = true;
             var dialogRef = this.dialog.open(NgxMatTuiCalendarEditorDialogComponent, dialogConfig);
@@ -939,6 +947,7 @@
             this.calendar.setOptions(ioptions);
             this.calendar.setTheme(ioptions.theme);
             this.calendar.render(true);
+            this.calendar.toggleScheduleView(true);
             return ioptions;
         };
         NgxMatTuiCalendarComponent.prototype.preprocessIOptions = function (ioptions) {
@@ -991,7 +1000,7 @@
             var el = document.getElementById("theme-" + name);
             if (el) {
                 var style = window.getComputedStyle(el, null);
-                console.warn("theme-" + name + " color:", style.color);
+                // console.warn(`theme-${name} color:`, style.color);
                 return style.color;
             }
             return '';
@@ -1142,7 +1151,38 @@
                     type: i0.Input
                 }] } });
 
-    // Angular modules
+    // collect all of the above modules into an array
+    var importedModules = [
+        animations.BrowserAnimationsModule,
+        platformBrowser.BrowserModule,
+        flexLayout.FlexLayoutModule,
+        flexLayout.FlexModule,
+        i7.FormsModule,
+        http.HttpClientModule,
+        overlay.OverlayModule,
+        i7.ReactiveFormsModule,
+        i6.MatButtonModule,
+        i5$1.MatButtonToggleModule,
+        card.MatCardModule,
+        i4.MatDatepickerModule,
+        i1.MatDialogModule,
+        i5.MatDividerModule,
+        i2.MatFormFieldModule,
+        icon.MatIconModule,
+        i8.MatInputModule,
+        core.MatNativeDateModule,
+        i3.MatRadioModule,
+        core.MatRippleModule,
+        slideToggle.MatSlideToggleModule,
+        i2$1.MatToolbarModule,
+        i4$1.FontAwesomeModule,
+        i10.MatTimepickerModule,
+    ];
+    var projectModules = [
+        NgxMatTuiCalendarComponent,
+        NgxMatTuiCalendarWrapperComponent,
+        NgxMatTuiCalendarEditorDialogComponent,
+    ];
     var NgxMatTuiCalendarModule = /** @class */ (function () {
         function NgxMatTuiCalendarModule() {
         }
@@ -1174,79 +1214,64 @@
             slideToggle.MatSlideToggleModule,
             i2$1.MatToolbarModule,
             i4$1.FontAwesomeModule,
-            i10.MatTimepickerModule], exports: [NgxMatTuiCalendarComponent,
+            i10.MatTimepickerModule], exports: [animations.BrowserAnimationsModule,
+            platformBrowser.BrowserModule,
+            flexLayout.FlexLayoutModule,
+            flexLayout.FlexModule,
+            i7.FormsModule,
+            http.HttpClientModule,
+            overlay.OverlayModule,
+            i7.ReactiveFormsModule,
+            i6.MatButtonModule,
+            i5$1.MatButtonToggleModule,
+            card.MatCardModule,
+            i4.MatDatepickerModule,
+            i1.MatDialogModule,
+            i5.MatDividerModule,
+            i2.MatFormFieldModule,
+            icon.MatIconModule,
+            i8.MatInputModule,
+            core.MatNativeDateModule,
+            i3.MatRadioModule,
+            core.MatRippleModule,
+            slideToggle.MatSlideToggleModule,
+            i2$1.MatToolbarModule,
+            i4$1.FontAwesomeModule,
+            i10.MatTimepickerModule, NgxMatTuiCalendarComponent,
             NgxMatTuiCalendarWrapperComponent,
             NgxMatTuiCalendarEditorDialogComponent] });
-    NgxMatTuiCalendarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, imports: [[
-                animations.BrowserAnimationsModule,
-                platformBrowser.BrowserModule,
-                flexLayout.FlexLayoutModule,
-                flexLayout.FlexModule,
-                i7.FormsModule,
-                http.HttpClientModule,
-                overlay.OverlayModule,
-                i7.ReactiveFormsModule,
-                i6.MatButtonModule,
-                i5$1.MatButtonToggleModule,
-                card.MatCardModule,
-                i4.MatDatepickerModule,
-                i1.MatDialogModule,
-                i5.MatDividerModule,
-                i2.MatFormFieldModule,
-                icon.MatIconModule,
-                i8.MatInputModule,
-                core.MatNativeDateModule,
-                i3.MatRadioModule,
-                core.MatRippleModule,
-                slideToggle.MatSlideToggleModule,
-                i2$1.MatToolbarModule,
-                i4$1.FontAwesomeModule,
-                i10.MatTimepickerModule,
-            ]] });
+    NgxMatTuiCalendarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, imports: [__spreadArray([], __read(importedModules)), animations.BrowserAnimationsModule,
+            platformBrowser.BrowserModule,
+            flexLayout.FlexLayoutModule,
+            flexLayout.FlexModule,
+            i7.FormsModule,
+            http.HttpClientModule,
+            overlay.OverlayModule,
+            i7.ReactiveFormsModule,
+            i6.MatButtonModule,
+            i5$1.MatButtonToggleModule,
+            card.MatCardModule,
+            i4.MatDatepickerModule,
+            i1.MatDialogModule,
+            i5.MatDividerModule,
+            i2.MatFormFieldModule,
+            icon.MatIconModule,
+            i8.MatInputModule,
+            core.MatNativeDateModule,
+            i3.MatRadioModule,
+            core.MatRippleModule,
+            slideToggle.MatSlideToggleModule,
+            i2$1.MatToolbarModule,
+            i4$1.FontAwesomeModule,
+            i10.MatTimepickerModule] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        declarations: [
-                            NgxMatTuiCalendarComponent,
-                            NgxMatTuiCalendarWrapperComponent,
-                            NgxMatTuiCalendarEditorDialogComponent,
-                        ],
-                        imports: [
-                            animations.BrowserAnimationsModule,
-                            platformBrowser.BrowserModule,
-                            flexLayout.FlexLayoutModule,
-                            flexLayout.FlexModule,
-                            i7.FormsModule,
-                            http.HttpClientModule,
-                            overlay.OverlayModule,
-                            i7.ReactiveFormsModule,
-                            i6.MatButtonModule,
-                            i5$1.MatButtonToggleModule,
-                            card.MatCardModule,
-                            i4.MatDatepickerModule,
-                            i1.MatDialogModule,
-                            i5.MatDividerModule,
-                            i2.MatFormFieldModule,
-                            icon.MatIconModule,
-                            i8.MatInputModule,
-                            core.MatNativeDateModule,
-                            i3.MatRadioModule,
-                            core.MatRippleModule,
-                            slideToggle.MatSlideToggleModule,
-                            i2$1.MatToolbarModule,
-                            i4$1.FontAwesomeModule,
-                            i10.MatTimepickerModule,
-                        ],
-                        exports: [
-                            NgxMatTuiCalendarComponent,
-                            NgxMatTuiCalendarWrapperComponent,
-                            NgxMatTuiCalendarEditorDialogComponent,
-                        ],
-                        entryComponents: [
-                            NgxMatTuiCalendarComponent,
-                            NgxMatTuiCalendarWrapperComponent,
-                            NgxMatTuiCalendarEditorDialogComponent,
-                        ],
+                        declarations: __spreadArray([], __read(projectModules)),
+                        imports: __spreadArray([], __read(importedModules)),
+                        exports: __spreadArray(__spreadArray([], __read(importedModules)), __read(projectModules)),
+                        entryComponents: __spreadArray([], __read(projectModules)),
+                        schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
                     }]
             }] });