ngx-mat-tui-calendar 12.0.3 → 12.0.7

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 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 called `ngx-mat-tui-calendar`, located in `projects/ngx-mat-tui-calendar`
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.
@@ -50,25 +50,33 @@ Install via npm:
50
50
  ```bash
51
51
  npm i --save ngx-mat-tui-calendar
52
52
  ```
53
+ which will add `ngx-mat-tui-calendar`, as well as all of its dependencies to your `package.json` file.
54
+
53
55
  Next import the module into your app's ```app.module.ts```:
54
56
  ```typescript
55
57
  import {NgxMatTuiCalendarModule} from 'ngx-mat-tui-calendar';
56
58
  ```
57
59
  Then add `NgxMatTuiCalendarModule` to your list of NgModule imports, in ```app.module.ts```
58
60
 
59
- Insert the following HTML into one of your app's template files
61
+ Insert the following HTML into your app's template file
60
62
  ```angular2html
61
63
  <mat-tui-calendar></mat-tui-calendar>
62
64
  ```
65
+ Set up an [Angular theme](https://material.angular.io/guide/theming). For example add the following line to the top of your `src/styles.scss` file
66
+ ```typescript
67
+ @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
68
+ ```
63
69
 
64
- ## Quickstart Project
65
- *TODO*
70
+ ### Quickstart Repo
66
71
 
67
- ## Demo Project
68
- *TODO*
72
+ A demonstration of the simple usage described above can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-quickstart
73
+
74
+ ## Demo Repo
75
+
76
+ A more extensive demonstration of usage can be found at repo https://github.com/ron2015schmitt/ngx-mat-tui-calendar-demo
69
77
 
70
78
  ### Stackblitz
71
- *TODO*
79
+ *Coming soon*
72
80
 
73
81
  # Documentation
74
82
 
@@ -102,6 +110,18 @@ Selector: `ngx-mat-tui-calendar`
102
110
 
103
111
  # Development
104
112
 
113
+ ## Getting started
114
+
115
+ ```bash
116
+ git clone https://github.com/ron2015schmitt/ngx-mat-tui-calendar
117
+ cd ngx-mat-tui-calendar
118
+ npm install
119
+ ng build
120
+ ng serve
121
+ ```
122
+ Point your browser to http://localhost:4200/
123
+
124
+
105
125
  ## library package for ngx-mat-tui-calendar
106
126
 
107
127
  The code that makes up the npm package is located in folder ```projects/ngx-mat-tui-calendar```.
@@ -116,7 +136,7 @@ The API is defined in ```projects/ngx-mat-tui-calendar/src/public-api.ts```.
116
136
 
117
137
  ### Build
118
138
 
119
- Run `ng build` to build the project. The build artifacts will be stored in the `dist/ngx-mat-tui-calendar` directory.
139
+ Run `ng build` to build the library project. The build artifacts will be stored in the `dist/ngx-mat-tui-calendar` directory.
120
140
 
121
141
  ### README
122
142
 
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('distinct-colors'), require('uuid'), require('@fortawesome/free-solid-svg-icons'), require('tui-calendar'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/datepicker'), require('@angular/material/divider'), require('@angular/material/button'), require('@angular/material/input'), require('@angular/common'), require('mat-timepicker'), require('@angular/material/toolbar'), require('@fortawesome/angular-fontawesome'), require('@angular/material/button-toggle'), require('@angular/platform-browser/animations'), require('@angular/platform-browser'), require('@angular/flex-layout'), require('@angular/common/http'), require('@angular/cdk/overlay'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/core'), require('@angular/material/slide-toggle')) :
3
- typeof define === 'function' && define.amd ? define('ngx-mat-tui-calendar', ['exports', '@angular/core', '@angular/material/dialog', 'distinct-colors', 'uuid', '@fortawesome/free-solid-svg-icons', 'tui-calendar', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/datepicker', '@angular/material/divider', '@angular/material/button', '@angular/material/input', '@angular/common', 'mat-timepicker', '@angular/material/toolbar', '@fortawesome/angular-fontawesome', '@angular/material/button-toggle', '@angular/platform-browser/animations', '@angular/platform-browser', '@angular/flex-layout', '@angular/common/http', '@angular/cdk/overlay', '@angular/material/card', '@angular/material/icon', '@angular/material/core', '@angular/material/slide-toggle'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ngx-mat-tui-calendar"] = {}, global.ng.core, global.ng.material.dialog, global.distinctColors, global.uuid, global.freeSolidSvgIcons, global.Calendar, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.datepicker, global.ng.material.divider, global.ng.material.button, global.ng.material.input, global.ng.common, global.i10, global.ng.material.toolbar, global.i4$1, global.ng.material.buttonToggle, global.ng.platformBrowser.animations, global.ng.platformBrowser, global.ng.flexLayout, global.ng.common.http, global.ng.cdk.overlay, global.ng.material.card, global.ng.material.icon, global.ng.material.core, global.ng.material.slideToggle));
5
- })(this, (function (exports, i0, i1, distinctColors, uuid, freeSolidSvgIcons, Calendar, i7, i2, i3, i4, i5, i6, i8, i9, i10, i2$1, i4$1, i5$1, animations, platformBrowser, flexLayout, http, overlay, card, icon, core, slideToggle) { 'use strict';
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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
33
- var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
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 i6__namespace = /*#__PURE__*/_interopNamespace(i6);
34
+ var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
37
35
  var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
38
- var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
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 i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
43
-
44
- var NgxMatTuiCalendarService = /** @class */ (function () {
45
- function NgxMatTuiCalendarService() {
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.
@@ -1136,7 +1122,7 @@
1136
1122
  return NgxMatTuiCalendarComponent;
1137
1123
  }());
1138
1124
  NgxMatTuiCalendarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarComponent, deps: [{ token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
1139
- NgxMatTuiCalendarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarComponent, selector: "ngx-mat-tui-calendar", inputs: { options: "options" }, outputs: { userCreatedSchedule: "userCreatedSchedule", userUpdatedSchedule: "userUpdatedSchedule", userDeletedSchedule: "userDeletedSchedule" }, usesOnChanges: true, ngImport: i0__namespace, template: "<section class=\"content-container\">\r\n <!-- These divs are here so that we can read the theme colors for the tui theme -->\r\n <!-- The outer div gives the default color for when user does not provide an Angular theme -->\r\n <div style=\"color: blue;\"> <div id=\"theme-primary\"></div></div>\r\n <div style=\"color: blue;\"> <div id=\"theme-highlight\"></div></div>\r\n <div style=\"color: blue;\"> <div id=\"theme-accent\"></div></div>\r\n <div style=\"color: red;\"> <div id=\"theme-warn\"></div></div>\r\n <div style=\"color: rgba(0, 0, 255, 0.308);\"> <div id=\"theme-primary-shaded\"></div></div>\r\n <div style=\"color: #3e3e3e;\"> <div id=\"theme-foreground\"></div></div>\r\n <div style=\"color: #e0e0e0;\"> <div id=\"theme-divider\"></div></div>\r\n <div style=\"color: white;\"> <div id=\"theme-background\"></div></div>\r\n \r\n <div class=\"calendar-container\">\r\n <!-- calendar titlebar -->\r\n <mat-toolbar class=\"menu-bar\" color=\"primary\">\r\n <!-- <div style=\"align-self: center;display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\"> -->\r\n <div style=\"display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n width: 100%; \">\r\n <div class=\"left-div\">\r\n <!-- LEFT -->\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n (click)=\"onCalendarLongPrev()\">\r\n <fa-icon [icon]=\"iconLongPrev\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\" \r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n (click)=\"onCalendarPrev()\">\r\n <fa-icon [icon]=\"iconPrev\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.7rem !important;\" \r\n (click)=\"onCalendarToday()\">\r\n <fa-icon [icon]=\"iconToday\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\" \r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n (click)=\"onCalendarNext()\">\r\n <fa-icon [icon]=\"iconNext\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n (click)=\"onCalendarLongNext()\">\r\n <fa-icon [icon]=\"iconLongNext\"></fa-icon>\r\n </button>\r\n </div>\r\n <div class=\"center-div\">\r\n <!-- CENTER -->\r\n <span class=\"event-calendar-title\">{{ getDate() }}</span>\r\n </div>\r\n <div class=\"right-div\">\r\n \r\n <!-- RIGHT -->\r\n <mat-button-toggle-group class=\"view-button\" value=\"month\" id=\"@+id/toggleButton\" layout_width=\"wrap_content\"\r\n layout_height=\"wrap_content\">\r\n <mat-button-toggle mat-button value=\"month\" class=\"view-button\" (click)=\"onMonthView()\">\r\n <fa-icon [icon]=\"iconByMonth\"></fa-icon>\r\n </mat-button-toggle>\r\n <mat-button-toggle mat-button value=\"week\" class=\"view-button\" (click)=\"onWeekView()\">\r\n <fa-icon [icon]=\"iconByWeek\"></fa-icon>\r\n </mat-button-toggle>\r\n <mat-button-toggle mat-button value=\"day\" class=\"view-button\" (click)=\"onDayView()\">\r\n <fa-icon [icon]=\"iconByDay\"></fa-icon>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n </mat-toolbar>\r\n <ngx-mat-tui-calendar-wrapper></ngx-mat-tui-calendar-wrapper>\r\n </div>\r\n \r\n </section>\r\n", styles: [".calendar-container{transform-origin:top left}.menu-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem!important}.mat-button{font-size:1.1rem!important}.mat-button.navigation-button{padding:0;min-width:32px}.left-div{width:33%;float:left;display:flex;white-space:nowrap;vertical-align:middle}.center-div{width:33%;float:right;text-align:center;white-space:nowrap;vertical-align:middle}.event-calendar-title{font-size:2rem;vertical-align:middle}.right-div{width:33%;display:flex;white-space:nowrap;vertical-align:middle;flex-flow:row-reverse}@media screen and (max-width: 599px){.left-div{transform:scale(.75);transform-origin:center left}.center-div{transform:scale(.5)}.right-div{transform:scale(1);transform-origin:center right}.right-div .mat-button-toggle-group.view-button{font-size:1.1rem!important}.right-div ::ng-deep .mat-button-toggle-label-content{padding:0 8px!important}}.mat-button-toggle-group.view-button{height:36px;font-size:1.25rem!important}.view-button{align-items:center}::ng-deep .mat-button-toggle-label-content{padding:0 10px!important}\n"], components: [{ type: i2__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i6__namespace.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"] }, { type: i4__namespace$1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: i5__namespace$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { type: NgxMatTuiCalendarWrapperComponent, selector: "ngx-mat-tui-calendar-wrapper" }], directives: [{ type: i5__namespace$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }] });
1125
+ NgxMatTuiCalendarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarComponent, selector: "ngx-mat-tui-calendar", inputs: { options: "options" }, outputs: { userCreatedSchedule: "userCreatedSchedule", userUpdatedSchedule: "userUpdatedSchedule", userDeletedSchedule: "userDeletedSchedule" }, usesOnChanges: true, ngImport: i0__namespace, template: "<section class=\"content-container\">\r\n <!-- These divs are here so that we can read the theme colors for the tui theme -->\r\n <!-- The outer div gives the default color for when user does not provide an Angular theme -->\r\n <div style=\"color: blue;\"> <div id=\"theme-primary\"></div></div>\r\n <div style=\"color: blue;\"> <div id=\"theme-highlight\"></div></div>\r\n <div style=\"color: blue;\"> <div id=\"theme-accent\"></div></div>\r\n <div style=\"color: red;\"> <div id=\"theme-warn\"></div></div>\r\n <div style=\"color: rgba(0, 0, 255, 0.2);\"> <div id=\"theme-primary-shaded\"></div></div>\r\n <div style=\"color: #3e3e3e;\"> <div id=\"theme-foreground\"></div></div>\r\n <div style=\"color: #e0e0e0;\"> <div id=\"theme-divider\"></div></div>\r\n <div style=\"color: white;\"> <div id=\"theme-background\"></div></div>\r\n \r\n <div class=\"calendar-container\">\r\n <!-- calendar titlebar -->\r\n <mat-toolbar class=\"menu-bar\" color=\"primary\">\r\n <!-- <div style=\"align-self: center;display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\"> -->\r\n <div style=\"display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n width: 100%; \">\r\n <div class=\"left-div\">\r\n <!-- LEFT -->\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n (click)=\"onCalendarLongPrev()\">\r\n <fa-icon [icon]=\"iconLongPrev\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\" \r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n (click)=\"onCalendarPrev()\">\r\n <fa-icon [icon]=\"iconPrev\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.7rem !important;\" \r\n (click)=\"onCalendarToday()\">\r\n <fa-icon [icon]=\"iconToday\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\" \r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n (click)=\"onCalendarNext()\">\r\n <fa-icon [icon]=\"iconNext\"></fa-icon>\r\n </button>\r\n <button mat-button \r\n class=\"navigation-button\"\r\n style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n (click)=\"onCalendarLongNext()\">\r\n <fa-icon [icon]=\"iconLongNext\"></fa-icon>\r\n </button>\r\n </div>\r\n <div class=\"center-div\">\r\n <!-- CENTER -->\r\n <span class=\"event-calendar-title\">{{ getDate() }}</span>\r\n </div>\r\n <div class=\"right-div\">\r\n \r\n <!-- RIGHT -->\r\n <mat-button-toggle-group class=\"view-button\" value=\"month\" id=\"@+id/toggleButton\" layout_width=\"wrap_content\"\r\n layout_height=\"wrap_content\">\r\n <mat-button-toggle mat-button value=\"month\" class=\"view-button\" (click)=\"onMonthView()\">\r\n <fa-icon [icon]=\"iconByMonth\"></fa-icon>\r\n </mat-button-toggle>\r\n <mat-button-toggle mat-button value=\"week\" class=\"view-button\" (click)=\"onWeekView()\">\r\n <fa-icon [icon]=\"iconByWeek\"></fa-icon>\r\n </mat-button-toggle>\r\n <mat-button-toggle mat-button value=\"day\" class=\"view-button\" (click)=\"onDayView()\">\r\n <fa-icon [icon]=\"iconByDay\"></fa-icon>\r\n </mat-button-toggle>\r\n </mat-button-toggle-group>\r\n </div>\r\n </div>\r\n </mat-toolbar>\r\n <ngx-mat-tui-calendar-wrapper></ngx-mat-tui-calendar-wrapper>\r\n </div>\r\n \r\n </section>\r\n", styles: [".calendar-container{transform-origin:top left}.menu-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem!important}.mat-button{font-size:1.1rem!important}.mat-button.navigation-button{padding:0;min-width:32px}.left-div{width:33%;float:left;display:flex;white-space:nowrap;vertical-align:middle}.center-div{width:33%;float:right;text-align:center;white-space:nowrap;vertical-align:middle}.event-calendar-title{font-size:2rem;vertical-align:middle}.right-div{width:33%;display:flex;white-space:nowrap;vertical-align:middle;flex-flow:row-reverse}@media screen and (max-width: 599px){.left-div{transform:scale(.75);transform-origin:center left}.center-div{transform:scale(.5)}.right-div{transform:scale(1);transform-origin:center right}.right-div .mat-button-toggle-group.view-button{font-size:1.1rem!important}.right-div ::ng-deep .mat-button-toggle-label-content{padding:0 8px!important}}.mat-button-toggle-group.view-button{height:36px;font-size:1.25rem!important}.view-button{align-items:center}::ng-deep .mat-button-toggle-label-content{padding:0 10px!important}\n"], components: [{ type: i2__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i6__namespace.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"] }, { type: i4__namespace$1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: i5__namespace$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { type: NgxMatTuiCalendarWrapperComponent, selector: "ngx-mat-tui-calendar-wrapper" }], directives: [{ type: i5__namespace$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }] });
1140
1126
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarComponent, decorators: [{
1141
1127
  type: i0.Component,
1142
1128
  args: [{
@@ -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