ngx-mat-tui-calendar 12.0.5 → 12.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -5
- package/bundles/ngx-mat-tui-calendar.umd.js +46 -38
- package/bundles/ngx-mat-tui-calendar.umd.js.map +1 -1
- package/esm2015/lib/ngx-mat-tui-calendar-editor-dialog/ngx-mat-tui-calendar-editor-dialog.component.js +3 -3
- package/esm2015/lib/ngx-mat-tui-calendar.component.js +8 -8
- package/esm2015/lib/ngx-mat-tui-calendar.module.js +8 -2
- package/esm2015/public-api.js +4 -2
- package/fesm2015/ngx-mat-tui-calendar.js +57 -51
- package/fesm2015/ngx-mat-tui-calendar.js.map +1 -1
- package/lib/ngx-mat-tui-calendar-editor-dialog/ngx-mat-tui-calendar-editor-dialog.component.d.ts +1 -1
- package/lib/ngx-mat-tui-calendar.component.d.ts +1 -1
- package/lib/ngx-mat-tui-calendar.module.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +3 -1
package/README.md
CHANGED
@@ -21,7 +21,7 @@ This project is an [Angular](https://angular.io/), [Material Design](https://mat
|
|
21
21
|
* Dark mode in progress...
|
22
22
|
|
23
23
|
This repo contains two projects:
|
24
|
-
1. the npm library
|
24
|
+
1. the source code for the npm library [`ngx-mat-tui-calendar`](https://www.npmjs.com/package/ngx-mat-tui-calendar), located in `projects/ngx-mat-tui-calendar`
|
25
25
|
2. the demo app, located in `src`
|
26
26
|
|
27
27
|
The top-level `angular.json` and `package.json` files are used for building both projects.
|
@@ -67,15 +67,14 @@ Set up an [Angular theme](https://material.angular.io/guide/theming). For examp
|
|
67
67
|
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
|
68
68
|
```
|
69
69
|
|
70
|
-
### Quickstart
|
70
|
+
### Quickstart Repo
|
71
71
|
|
72
|
-
A demonstration of the usage described above
|
72
|
+
A demonstration of the simple usage described above can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-quickstart
|
73
73
|
|
74
|
-
## Demo
|
74
|
+
## Demo Repo
|
75
75
|
|
76
76
|
A more extensive demonstration of usage can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-demo
|
77
77
|
|
78
|
-
|
79
78
|
### Stackblitz
|
80
79
|
*Coming soon*
|
81
80
|
|
@@ -1,8 +1,8 @@
|
|
1
1
|
(function (global, factory) {
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/
|
3
|
-
typeof define === 'function' && define.amd ? define('ngx-mat-tui-calendar', ['exports', '@angular/
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ngx-mat-tui-calendar"] = {}, global.ng.
|
5
|
-
})(this, (function (exports,
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/platform-browser/animations'), require('@angular/platform-browser'), require('@angular/flex-layout'), require('@angular/forms'), require('@angular/common/http'), require('@angular/core'), require('@angular/cdk/overlay'), require('@angular/material/button'), require('@angular/material/button-toggle'), require('@angular/material/card'), require('@angular/material/datepicker'), require('@angular/material/dialog'), require('@angular/material/divider'), require('@angular/material/form-field'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/core'), require('@angular/material/slide-toggle'), require('@angular/material/radio'), require('@angular/material/toolbar'), require('@fortawesome/angular-fontawesome'), require('mat-timepicker'), require('distinct-colors'), require('uuid'), require('@fortawesome/free-solid-svg-icons'), require('tui-calendar'), require('@angular/common')) :
|
3
|
+
typeof define === 'function' && define.amd ? define('ngx-mat-tui-calendar', ['exports', '@angular/platform-browser/animations', '@angular/platform-browser', '@angular/flex-layout', '@angular/forms', '@angular/common/http', '@angular/core', '@angular/cdk/overlay', '@angular/material/button', '@angular/material/button-toggle', '@angular/material/card', '@angular/material/datepicker', '@angular/material/dialog', '@angular/material/divider', '@angular/material/form-field', '@angular/material/icon', '@angular/material/input', '@angular/material/core', '@angular/material/slide-toggle', '@angular/material/radio', '@angular/material/toolbar', '@fortawesome/angular-fontawesome', 'mat-timepicker', 'distinct-colors', 'uuid', '@fortawesome/free-solid-svg-icons', 'tui-calendar', '@angular/common'], factory) :
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ngx-mat-tui-calendar"] = {}, global.ng.platformBrowser.animations, global.ng.platformBrowser, global.ng.flexLayout, global.ng.forms, global.ng.common.http, global.ng.core, global.ng.cdk.overlay, global.ng.material.button, global.ng.material.buttonToggle, global.ng.material.card, global.ng.material.datepicker, global.ng.material.dialog, global.ng.material.divider, global.ng.material.formField, global.ng.material.icon, global.ng.material.input, global.ng.material.core, global.ng.material.slideToggle, global.ng.material.radio, global.ng.material.toolbar, global.i4$1, global.i10, global.distinctColors, global.uuid, global.freeSolidSvgIcons, global.Calendar, global.ng.common));
|
5
|
+
})(this, (function (exports, animations, platformBrowser, flexLayout, i7, http, i0, overlay, i6, i5$1, card, i4, i1, i5, i2, icon, i8, core, slideToggle, i3, i2$1, i4$1, i10, distinctColors, uuid, freeSolidSvgIcons, Calendar, i9) { 'use strict';
|
6
6
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
8
8
|
|
@@ -24,36 +24,22 @@
|
|
24
24
|
return Object.freeze(n);
|
25
25
|
}
|
26
26
|
|
27
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
28
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
29
|
-
var distinctColors__default = /*#__PURE__*/_interopDefaultLegacy(distinctColors);
|
30
|
-
var Calendar__default = /*#__PURE__*/_interopDefaultLegacy(Calendar);
|
31
27
|
var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
|
32
|
-
var
|
33
|
-
var
|
28
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
29
|
+
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
30
|
+
var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
|
34
31
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
32
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
35
33
|
var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
|
36
|
-
var
|
34
|
+
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
37
35
|
var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
|
38
|
-
var
|
39
|
-
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
36
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
40
37
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
41
38
|
var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
|
42
|
-
var
|
43
|
-
|
44
|
-
var
|
45
|
-
|
46
|
-
}
|
47
|
-
return NgxMatTuiCalendarService;
|
48
|
-
}());
|
49
|
-
NgxMatTuiCalendarService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
50
|
-
NgxMatTuiCalendarService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, providedIn: 'root' });
|
51
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, decorators: [{
|
52
|
-
type: i0.Injectable,
|
53
|
-
args: [{
|
54
|
-
providedIn: 'root'
|
55
|
-
}]
|
56
|
-
}], ctorParameters: function () { return []; } });
|
39
|
+
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
40
|
+
var distinctColors__default = /*#__PURE__*/_interopDefaultLegacy(distinctColors);
|
41
|
+
var Calendar__default = /*#__PURE__*/_interopDefaultLegacy(Calendar);
|
42
|
+
var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
|
57
43
|
|
58
44
|
/*! *****************************************************************************
|
59
45
|
Copyright (c) Microsoft Corporation.
|
@@ -487,7 +473,7 @@
|
|
487
473
|
this.closed = false;
|
488
474
|
this.isAllDay = false;
|
489
475
|
this.themeClass = '';
|
490
|
-
console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: data:', data);
|
476
|
+
// console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: data:', data);
|
491
477
|
this.color = data.darkMode ? 'accent' : 'primary';
|
492
478
|
var schedule = data.schedule;
|
493
479
|
if (schedule == null) {
|
@@ -586,7 +572,7 @@
|
|
586
572
|
this.dialogRef.close({ schedule: schedule, performDelete: (performDelete == true) });
|
587
573
|
};
|
588
574
|
NgxMatTuiCalendarEditorDialogComponent.prototype.log = function (str) {
|
589
|
-
console.warn(str);
|
575
|
+
// console.warn(str);
|
590
576
|
};
|
591
577
|
NgxMatTuiCalendarEditorDialogComponent.prototype.onUseAllDay = function () {
|
592
578
|
this.isAllDay = true;
|
@@ -654,15 +640,15 @@
|
|
654
640
|
this.appliedOptions = this.getDefaultOptions();
|
655
641
|
}
|
656
642
|
NgxMatTuiCalendarComponent.prototype.ngOnInit = function () {
|
657
|
-
console.warn(
|
643
|
+
// console.warn(`calendar.component.ts: ngOnit`)
|
658
644
|
this.createTUICalendar();
|
659
645
|
this.bindCallbacks();
|
660
646
|
};
|
661
647
|
NgxMatTuiCalendarComponent.prototype.ngOnChanges = function (changes) {
|
662
|
-
console.warn(changes);
|
648
|
+
// console.warn(changes);
|
663
649
|
if (this.calendar) {
|
664
650
|
if (changes.options) {
|
665
|
-
console.warn(
|
651
|
+
// console.warn(`change.option:`, changes.options);
|
666
652
|
var options = changes.options.currentValue;
|
667
653
|
this.setOptions(options);
|
668
654
|
}
|
@@ -741,9 +727,9 @@
|
|
741
727
|
};
|
742
728
|
NgxMatTuiCalendarComponent.prototype.createTUICalendar = function () {
|
743
729
|
var ioptions = this.preprocessIOptions(null);
|
744
|
-
console.warn(
|
730
|
+
// console.warn(`calendar.component.ts: createTUICalendar: ioptions:`, ioptions);
|
745
731
|
this.calendar = new Calendar__default["default"]('#calendar', ioptions);
|
746
|
-
console.warn(
|
732
|
+
// console.warn(`calendar.component.ts: createTUICalendar: this.calendar:`, this.calendar);
|
747
733
|
};
|
748
734
|
NgxMatTuiCalendarComponent.prototype.bindCallbacks = function () {
|
749
735
|
this.bindAfterRenderSchedule();
|
@@ -913,7 +899,7 @@
|
|
913
899
|
if (this.appliedOptions.themeClass) {
|
914
900
|
dialogConfig.panelClass = this.appliedOptions.themeClass;
|
915
901
|
}
|
916
|
-
console.warn(
|
902
|
+
// console.warn(`options: `, this.appliedOptions);
|
917
903
|
dialogConfig.data = { schedule: schedule, darkMode: this.appliedOptions.darkMode, themeClass: this.appliedOptions.themeClass };
|
918
904
|
dialogConfig.autoFocus = true;
|
919
905
|
var dialogRef = this.dialog.open(NgxMatTuiCalendarEditorDialogComponent, dialogConfig);
|
@@ -1005,7 +991,7 @@
|
|
1005
991
|
var el = document.getElementById("theme-" + name);
|
1006
992
|
if (el) {
|
1007
993
|
var style = window.getComputedStyle(el, null);
|
1008
|
-
console.warn(
|
994
|
+
// console.warn(`theme-${name} color:`, style.color);
|
1009
995
|
return style.color;
|
1010
996
|
}
|
1011
997
|
return '';
|
@@ -1188,7 +1174,9 @@
|
|
1188
1174
|
slideToggle.MatSlideToggleModule,
|
1189
1175
|
i2$1.MatToolbarModule,
|
1190
1176
|
i4$1.FontAwesomeModule,
|
1191
|
-
i10.MatTimepickerModule], exports: [NgxMatTuiCalendarComponent
|
1177
|
+
i10.MatTimepickerModule], exports: [NgxMatTuiCalendarComponent,
|
1178
|
+
NgxMatTuiCalendarWrapperComponent,
|
1179
|
+
NgxMatTuiCalendarEditorDialogComponent] });
|
1192
1180
|
NgxMatTuiCalendarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, imports: [[
|
1193
1181
|
animations.BrowserAnimationsModule,
|
1194
1182
|
platformBrowser.BrowserModule,
|
@@ -1251,13 +1239,31 @@
|
|
1251
1239
|
],
|
1252
1240
|
exports: [
|
1253
1241
|
NgxMatTuiCalendarComponent,
|
1242
|
+
NgxMatTuiCalendarWrapperComponent,
|
1243
|
+
NgxMatTuiCalendarEditorDialogComponent,
|
1254
1244
|
],
|
1255
1245
|
entryComponents: [
|
1256
1246
|
NgxMatTuiCalendarComponent,
|
1247
|
+
NgxMatTuiCalendarWrapperComponent,
|
1248
|
+
NgxMatTuiCalendarEditorDialogComponent,
|
1257
1249
|
],
|
1258
1250
|
}]
|
1259
1251
|
}] });
|
1260
1252
|
|
1253
|
+
var NgxMatTuiCalendarService = /** @class */ (function () {
|
1254
|
+
function NgxMatTuiCalendarService() {
|
1255
|
+
}
|
1256
|
+
return NgxMatTuiCalendarService;
|
1257
|
+
}());
|
1258
|
+
NgxMatTuiCalendarService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
1259
|
+
NgxMatTuiCalendarService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, providedIn: 'root' });
|
1260
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarService, decorators: [{
|
1261
|
+
type: i0.Injectable,
|
1262
|
+
args: [{
|
1263
|
+
providedIn: 'root'
|
1264
|
+
}]
|
1265
|
+
}], ctorParameters: function () { return []; } });
|
1266
|
+
|
1261
1267
|
/*
|
1262
1268
|
* Public API Surface of ngx-mat-tui-calendar
|
1263
1269
|
*/
|
@@ -1268,8 +1274,10 @@
|
|
1268
1274
|
|
1269
1275
|
exports.LocalDate = LocalDate;
|
1270
1276
|
exports.NgxMatTuiCalendarComponent = NgxMatTuiCalendarComponent;
|
1277
|
+
exports.NgxMatTuiCalendarEditorDialogComponent = NgxMatTuiCalendarEditorDialogComponent;
|
1271
1278
|
exports.NgxMatTuiCalendarModule = NgxMatTuiCalendarModule;
|
1272
1279
|
exports.NgxMatTuiCalendarService = NgxMatTuiCalendarService;
|
1280
|
+
exports.NgxMatTuiCalendarWrapperComponent = NgxMatTuiCalendarWrapperComponent;
|
1273
1281
|
|
1274
1282
|
Object.defineProperty(exports, '__esModule', { value: true });
|
1275
1283
|
|