diff --git a/1037.11858d579405f527.js b/1037.11858d579405f527.js
new file mode 100644
index 000000000..6eaaacffe
--- /dev/null
+++ b/1037.11858d579405f527.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1037],{51037:(e,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(79065),highlighted:s(76458)}},{filename:"template.html",contents:{raw:s(60035),highlighted:s(95917)}},{filename:"module.ts",contents:{raw:s(85580),highlighted:s(59043)}}]},76458:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [];\n\n clickedDate: Date ;\n\n clickedColumn: number ;\n}\n'},59043:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},95917:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div class ="alert alert-info" > \n Click on a day or time slot on the view.\n <strong *ngIf ="clickedDate" \n > You clicked on this time: {{ clickedDate | date:\'medium\' }}</strong \n > \n <strong *ngIf ="clickedColumn !== undefined" \n > You clicked on this column: {{ clickedColumn }}</strong \n > \n</div > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (columnHeaderClicked )="clickedColumn = $event.isoDayNumber" \n (dayClicked )="clickedDate = $event.day.date" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (dayHeaderClicked )="clickedDate = $event.day.date" \n (hourSegmentClicked )="clickedDate = $event.date" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (hourSegmentClicked )="clickedDate = $event.date" \n > \n </mwl-calendar-day-view > \n</div > \n'},79065:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [];\n\n clickedDate: Date;\n\n clickedColumn: number;\n}\n"},85580:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},60035:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n\n
\n Click on a day or time slot on the view.\n You clicked on this time: {{ clickedDate | date:\'medium\' }} \n You clicked on this column: {{ clickedColumn }} \n
\n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/1092.cb7ff8e5d07c31f1.js b/1092.cb7ff8e5d07c31f1.js
new file mode 100644
index 000000000..8ddf31e40
--- /dev/null
+++ b/1092.cb7ff8e5d07c31f1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1092],{61092:(F,s,n)=>{n.r(s),n.d(s,{DemoModule:()=>m,momentAdapterFactory:()=>c});var i=n(50192),w=n(98783),r=n(2335),u=n(5234),h=n(33275),p=n(8049),D=n(50009),l=n.n(D),f=n(44248),C=n(49914),g=n(2316),e=n(44879),y=n(79144),T=n(84156),U=n(56500),Z=n(43303);function x(a,o){if(1&a&&(e.TgZ(0,"mwl-calendar-month-view",4),e._uU(1,"\n "),e.qZA()),2&a){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}function A(a,o){if(1&a&&(e.TgZ(0,"mwl-calendar-week-view",4),e._uU(1,"\n "),e.qZA()),2&a){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}function J(a,o){if(1&a&&(e.TgZ(0,"mwl-calendar-day-view",4),e._uU(1,"\n "),e.qZA()),2&a){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}l().updateLocale("en",{week:{dow:C.sb.MONDAY,doy:0}});class d{constructor(){this.view=g.w.Month,this.viewDate=new Date,this.events=[]}}d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["mwl-demo-component"]],decls:15,vars:6,consts:[[1,"alert","alert-info"],[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events"]],template:function(o,t){1&o&&(e.TgZ(0,"div",0),e._uU(1,"\n Use this if you're already using moment heavily in your app and don't want to\n include date-fns in your bundle, or you need to be able to adjust dates to be\n in a different timezone than the users browser via moment-locale\n"),e.qZA(),e._uU(2,"\n\n"),e.TgZ(3,"mwl-demo-utils-calendar-header",1),e.NdJ("viewChange",function(v){return t.view=v})("viewDateChange",function(v){return t.viewDate=v}),e._uU(4,"\n"),e.qZA(),e._uU(5,"\n\n"),e.TgZ(6,"div",2),e._uU(7,"\n "),e.YNc(8,x,2,2,"mwl-calendar-month-view",3),e._uU(9,"\n "),e.YNc(10,A,2,2,"mwl-calendar-week-view",3),e._uU(11,"\n "),e.YNc(12,J,2,2,"mwl-calendar-day-view",3),e._uU(13,"\n"),e.qZA(),e._uU(14,"\n")),2&o&&(e.xp6(3),e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(3),e.Q6J("ngSwitch",t.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[i.RF,i.n9,y.G,T.T,U.S,Z.$],encapsulation:2,changeDetection:0});var S=n(72324);function c(){return(0,S.x)(l())}class m{}m.\u0275fac=function(o){return new(o||m)},m.\u0275mod=e.oAB({type:m}),m.\u0275inj=e.cJS({providers:[{provide:r.n,useValue:l()}],imports:[i.ez,u._8.forRoot({provide:h._,useFactory:c},{dateFormatter:{provide:p.m,useClass:r.G}}),f.S,w.Bz.forChild([{path:"",component:d}])]})}}]);
\ No newline at end of file
diff --git a/114.107bbdc2beec9a04.js b/114.107bbdc2beec9a04.js
new file mode 100644
index 000000000..9e807bb69
--- /dev/null
+++ b/114.107bbdc2beec9a04.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[114],{60114:(e,n,a)=>{a.r(n),a.d(n,{sources:()=>s});const s=[{filename:"component.ts",contents:{raw:a(38075),highlighted:a(6411)}},{filename:"custom-date-formatter.provider.ts",contents:{raw:a(91176),highlighted:a(2874)}},{filename:"template.html",contents:{raw:a(90916),highlighted:a(27459)}},{filename:"module.ts",contents:{raw:a(95e3),highlighted:a(49820)}}]},6411:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport {\n CalendarEvent,\n CalendarDateFormatter,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { CustomDateFormatter } from \'./custom-date-formatter.provider\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n providers: [\n {\n provide: CalendarDateFormatter,\n useClass: CustomDateFormatter,\n },\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [];\n}\n'},2874:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s='import { CalendarDateFormatter, DateFormatterParams } from \'angular-calendar\' ;\nimport { formatDate } from \'@angular/common\' ;\nimport { Injectable } from \'@angular/core\' ;\n\n@Injectable()\nexport class CustomDateFormatter extends CalendarDateFormatter {\n \n\n public monthViewColumnHeader({ date, locale }: DateFormatterParams): string {\n return formatDate(date, \'EEE\' , locale);\n }\n\n public monthViewTitle({ date, locale }: DateFormatterParams): string {\n return formatDate(date, \'MMM y\' , locale);\n }\n\n public weekViewColumnHeader({ date, locale }: DateFormatterParams): string {\n return formatDate(date, \'EEE\' , locale);\n }\n\n public dayViewHour({ date, locale }: DateFormatterParams): string {\n return formatDate(date, \'HH:mm\' , locale);\n }\n}\n'},49820:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},27459:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},38075:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport {\n CalendarEvent,\n CalendarDateFormatter,\n CalendarView,\n} from 'angular-calendar';\nimport { CustomDateFormatter } from './custom-date-formatter.provider';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n providers: [\n {\n provide: CalendarDateFormatter,\n useClass: CustomDateFormatter,\n },\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [];\n}\n"},91176:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s="import { CalendarDateFormatter, DateFormatterParams } from 'angular-calendar';\nimport { formatDate } from '@angular/common';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class CustomDateFormatter extends CalendarDateFormatter {\n // you can override any of the methods defined in the parent class\n\n public monthViewColumnHeader({ date, locale }: DateFormatterParams): string {\n return formatDate(date, 'EEE', locale);\n }\n\n public monthViewTitle({ date, locale }: DateFormatterParams): string {\n return formatDate(date, 'MMM y', locale);\n }\n\n public weekViewColumnHeader({ date, locale }: DateFormatterParams): string {\n return formatDate(date, 'EEE', locale);\n }\n\n public dayViewHour({ date, locale }: DateFormatterParams): string {\n return formatDate(date, 'HH:mm', locale);\n }\n}\n"},95e3:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},90916:(e,n,a)=>{a.r(n),a.d(n,{default:()=>s});const s='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/1381.41540cfc1bee2977.js b/1381.41540cfc1bee2977.js
new file mode 100644
index 000000000..9e6bd6d2d
--- /dev/null
+++ b/1381.41540cfc1bee2977.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1381],{51381:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(41971),highlighted:n(65203)}},{filename:"template.html",contents:{raw:n(70294),highlighted:n(77165)}},{filename:"module.ts",contents:{raw:n(89508),highlighted:n(80284)}}]},65203:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { Component, ChangeDetectionStrategy, Injectable } from \'@angular/core\' ;\nimport { CalendarEvent, CalendarUtils } from \'angular-calendar\' ;\nimport { subWeeks, startOfMonth, endOfMonth, addWeeks } from \'date-fns\' ;\nimport { GetMonthViewArgs, MonthView } from \'calendar-utils\' ;\n\n@Injectable()\nexport class MyCalendarUtils extends CalendarUtils {\n getMonthView(args: GetMonthViewArgs): MonthView {\n args.viewStart = subWeeks(startOfMonth(args.viewDate), 1 );\n args.viewEnd = addWeeks(endOfMonth(args.viewDate), 1 );\n return super .getMonthView(args);\n }\n}\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n providers: [\n {\n provide: CalendarUtils,\n useClass: MyCalendarUtils,\n },\n ],\n})\nexport class DemoComponent {\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [];\n}\n'},80284:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},77165:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-calendar-month-view [viewDate ]="viewDate" [events ]="events" > \n</mwl-calendar-month-view > \n'},41971:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { Component, ChangeDetectionStrategy, Injectable } from '@angular/core';\nimport { CalendarEvent, CalendarUtils } from 'angular-calendar';\nimport { subWeeks, startOfMonth, endOfMonth, addWeeks } from 'date-fns';\nimport { GetMonthViewArgs, MonthView } from 'calendar-utils';\n\n@Injectable()\nexport class MyCalendarUtils extends CalendarUtils {\n getMonthView(args: GetMonthViewArgs): MonthView {\n args.viewStart = subWeeks(startOfMonth(args.viewDate), 1);\n args.viewEnd = addWeeks(endOfMonth(args.viewDate), 1);\n return super.getMonthView(args);\n }\n}\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n providers: [\n {\n provide: CalendarUtils,\n useClass: MyCalendarUtils,\n },\n ],\n})\nexport class DemoComponent {\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [];\n}\n"},89508:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},70294:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n'}}]);
\ No newline at end of file
diff --git a/4304.0783b7c3d6adbd0e.js b/1425.996fa1c02bcb410b.js
similarity index 99%
rename from 4304.0783b7c3d6adbd0e.js
rename to 1425.996fa1c02bcb410b.js
index bb27d98ff..df67824fa 100644
--- a/4304.0783b7c3d6adbd0e.js
+++ b/1425.996fa1c02bcb410b.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[4304],{74304:(l,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(28828),highlighted:s(99820)}},{filename:"template.html",contents:{raw:s(1312),highlighted:s(37093)}},{filename:"module.ts",contents:{raw:s(32380),highlighted:s(2014)}}]},99820:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None, \n templateUrl: \'template.html\' ,\n \n styles: [\n `\n .my-custom-class span {\n color: #ff3d7f !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'Has custom class\' ,\n color: colors.yellow,\n start: new Date (),\n cssClass: \'my-custom-class\' ,\n },\n ];\n}\n'},2014:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},37093:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},28828:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None, // hack to get the styles to apply locally\n templateUrl: 'template.html',\n // you should really include this CSS in your global stylesheet\n styles: [\n `\n .my-custom-class span {\n color: #ff3d7f !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'Has custom class',\n color: colors.yellow,\n start: new Date(),\n cssClass: 'my-custom-class',\n },\n ];\n}\n"},32380:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},1312:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1425],{31425:(l,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(28828),highlighted:s(99820)}},{filename:"template.html",contents:{raw:s(1312),highlighted:s(37093)}},{filename:"module.ts",contents:{raw:s(32380),highlighted:s(2014)}}]},99820:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None, \n templateUrl: \'template.html\' ,\n \n styles: [\n `\n .my-custom-class span {\n color: #ff3d7f !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'Has custom class\' ,\n color: colors.yellow,\n start: new Date (),\n cssClass: \'my-custom-class\' ,\n },\n ];\n}\n'},2014:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},37093:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},28828:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None, // hack to get the styles to apply locally\n templateUrl: 'template.html',\n // you should really include this CSS in your global stylesheet\n styles: [\n `\n .my-custom-class span {\n color: #ff3d7f !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'Has custom class',\n color: colors.yellow,\n start: new Date(),\n cssClass: 'my-custom-class',\n },\n ];\n}\n"},32380:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},1312:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/1440.9a6a45de550179a3.js b/1440.9a6a45de550179a3.js
deleted file mode 100644
index ae4a1aa64..000000000
--- a/1440.9a6a45de550179a3.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1440],{14219:(U,u,a)=>{a.d(u,{S:()=>o});var d=a(64061),D=a(48052),r=a(60341),c=a(72612);class o{}o.\u0275fac=function(_){return new(_||o)},o.\u0275mod=c.oAB({type:o}),o.\u0275inj=c.cJS({imports:[d.ez,D.u5,r._8]})},91440:(U,u,a)=>{a.r(u),a.d(u,{DemoModule:()=>l});var d=a(64061),D=a(43850),r=a(60341),c=a(72887),o=a(14219),m=a(1885),_=a(11058),y=a(26898),e=a(72612),C=a(60845),g=a(45831),h=a(97172),p=a(97286),T=a(65148),Z=a(4238),f=a(9665);function A(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-month-view",11),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("viewDate",n.viewDate)("events",n.events)("excludeDays",n.excludeDays)}}function J(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-week-view",12),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("excludeDays",n.excludeDays)("viewDate",n.viewDate)("events",n.events)}}function x(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-day-view",13),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("viewDate",n.viewDate)("events",n.events)}}const M=function(t,i,n,v){return[t,i,"en",n,v]};class w{constructor(){this.view=m.w.Month,this.viewDate=new Date("2016-01-05"),this.events=[{start:new Date("2016-01-08"),end:new Date("2016-01-10"),title:"One day excluded event",color:y.O.red,allDay:!0},{start:new Date("2016-01-01"),end:new Date("2016-01-09"),title:"Multiple weeks event",allDay:!0}],this.excludeDays=[0,6],this.weekStartsOn=_.sb.SUNDAY,this.CalendarView=m.w}}w.\u0275fac=function(i){return new(i||w)},w.\u0275cmp=e.Xpm({type:w,selectors:[["mwl-demo-component"]],decls:51,vars:29,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","excludeDays","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","excludeDays","viewDateChange"],[1,"btn","btn-primary",3,"click"],[3,"ngSwitch"],[3,"viewDate","events","excludeDays",4,"ngSwitchCase"],[3,"excludeDays","viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","excludeDays"],[3,"excludeDays","viewDate","events"],[3,"viewDate","events"]],template:function(i,n){1&i&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.TgZ(4,"div",2),e._uU(5,"\n "),e.TgZ(6,"div",3),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(7,"\n Previous\n "),e.qZA(),e._uU(8,"\n "),e.TgZ(9,"div",4),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(10,"\n Today\n "),e.qZA(),e._uU(11,"\n "),e.TgZ(12,"div",5),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(13,"\n Next\n "),e.qZA(),e._uU(14,"\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.TgZ(17,"div",1),e._uU(18,"\n "),e.TgZ(19,"h3"),e._uU(20),e.ALo(21,"calendarDate"),e.qZA(),e._uU(22,"\n "),e.qZA(),e._uU(23,"\n "),e.TgZ(24,"div",1),e._uU(25,"\n "),e.TgZ(26,"div",2),e._uU(27,"\n "),e.TgZ(28,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Month}),e._uU(29,"\n Month\n "),e.qZA(),e._uU(30,"\n "),e.TgZ(31,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Week}),e._uU(32,"\n Week\n "),e.qZA(),e._uU(33,"\n "),e.TgZ(34,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Day}),e._uU(35,"\n Day\n "),e.qZA(),e._uU(36,"\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n"),e.qZA(),e._uU(39,"\n"),e._UZ(40,"br"),e._uU(41,"\n\n"),e.TgZ(42,"div",7),e._uU(43,"\n "),e.YNc(44,A,2,3,"mwl-calendar-month-view",8),e._uU(45,"\n "),e.YNc(46,J,2,3,"mwl-calendar-week-view",9),e._uU(47,"\n "),e.YNc(48,x,2,2,"mwl-calendar-day-view",10),e._uU(49,"\n"),e.qZA(),e._uU(50,"\n")),2&i&&(e.xp6(6),e.Q6J("view",n.view)("viewDate",n.viewDate)("excludeDays",n.excludeDays),e.xp6(3),e.Q6J("viewDate",n.viewDate),e.xp6(3),e.Q6J("view",n.view)("viewDate",n.viewDate)("excludeDays",n.excludeDays),e.xp6(8),e.hij("\n ",e.G7q(21,18,e.l5B(24,M,n.viewDate,n.view+"ViewTitle",n.weekStartsOn,n.excludeDays)),"\n "),e.xp6(8),e.ekj("active","month"===n.view),e.xp6(3),e.ekj("active","week"===n.view),e.xp6(3),e.ekj("active","day"===n.view),e.xp6(8),e.Q6J("ngSwitch",n.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[d.RF,d.n9,C.O,g.T,h.i,p.G,T.T,Z.S,f.J],encapsulation:2,changeDetection:0});var S=a(57585);class l{}l.\u0275fac=function(i){return new(i||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[d.ez,r._8.forRoot({provide:c._,useFactory:S.x}),o.S,D.Bz.forChild([{path:"",component:w}])]})}}]);
\ No newline at end of file
diff --git a/2533.0ad93b4c1463629d.js b/1527.f9076757fb9ee28e.js
similarity index 99%
rename from 2533.0ad93b4c1463629d.js
rename to 1527.f9076757fb9ee28e.js
index 0f5978273..7cf4a7610 100644
--- a/2533.0ad93b4c1463629d.js
+++ b/1527.f9076757fb9ee28e.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2533],{72533:(l,a,s)=>{s.r(a),s.d(a,{sources:()=>n});const n=[{filename:"component.ts",contents:{raw:s(35706),highlighted:s(46125)}},{filename:"template.html",contents:{raw:s(82368),highlighted:s(32542)}},{filename:"styles.scss",contents:{raw:{default:s(1388).Z.replace("../../../../angular-calendar/src/angular-calendar.scss","angular-calendar/scss/angular-calendar.scss")},highlighted:{default:s(2397).Z.replace("../../../../angular-calendar/src/angular-calendar.scss","angular-calendar/scss/angular-calendar.scss")}}},{filename:"module.ts",contents:{raw:s(89971),highlighted:s(40219)}}]},2397:(l,a,s)=>{s.d(a,{Z:()=>n});const n='@import \'../../../../angular-calendar/src/angular-calendar\' ; \n\n.dark-theme {\n \n $bg-dark-primary : #1f262d ; \n $bg-dark-secondary : #394046 ; \n $bg-active : #2c343a ; \n $text-color : #d5d6d7 ; \n $border-color : rgb (0 0 0 / 60% ); \n\n \n \n \n @include cal-theme (\n (\n bg-primary : $bg-dark-primary ,\n bg-secondary : $bg-dark-secondary ,\n weekend-color : indianred ,\n bg-active : $bg-active ,\n border-color : $border-color ,\n gray : $bg-dark-secondary ,\n today-bg : $bg-dark-secondary ,\n event-color-primary : $bg-dark-secondary ,\n )\n ); \n\n \n .cal-month-view .cal-day-cell .cal-out-month .cal-day-number {\n opacity : 0.15 ; \n }\n\n \n background-color : $bg-dark-primary ; \n color : $text-color ; \n\n .card {\n border-color : $border-color ; \n }\n\n .card-header {\n background-color : $bg-dark-secondary ; \n }\n\n .card-body {\n background-color : $bg-dark-primary ; \n }\n\n .nav-tabs {\n border-bottom-color : $border-color ; \n }\n\n .nav-tabs .nav-link .active {\n background-color : $bg-dark-primary ; \n color : $text-color ; \n border-color : $border-color ; \n }\n\n .nav-tabs .nav-link :hover ,\n .nav-tabs .nav-link :focus {\n border-color : $border-color ; \n }\n}\n'},46125:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\n\nimport { colors } from \'../demo-utils/colors\' ;\nimport { DOCUMENT } from \'@angular/common\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styleUrls: [\'styles.scss\' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent implements OnInit, OnDestroy {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'An event\' ,\n start: new Date (),\n color: colors.red,\n },\n ];\n\n private readonly darkThemeClass = \'dark-theme\' ;\n\n constructor (@Inject(DOCUMENT) private document) {}\n\n ngOnInit(): void {\n this .document.body.classList.add(this .darkThemeClass);\n }\n\n ngOnDestroy(): void {\n this .document.body.classList.remove(this .darkThemeClass);\n }\n}\n'},40219:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},32542:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},35706:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\n\nimport { colors } from '../demo-utils/colors';\nimport { DOCUMENT } from '@angular/common';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styleUrls: ['styles.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent implements OnInit, OnDestroy {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'An event',\n start: new Date(),\n color: colors.red,\n },\n ];\n\n private readonly darkThemeClass = 'dark-theme';\n\n constructor(@Inject(DOCUMENT) private document) {}\n\n ngOnInit(): void {\n this.document.body.classList.add(this.darkThemeClass);\n }\n\n ngOnDestroy(): void {\n this.document.body.classList.remove(this.darkThemeClass);\n }\n}\n"},89971:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},1388:(l,a,s)=>{s.d(a,{Z:()=>n});const n="@import '../../../../angular-calendar/src/angular-calendar';\n\n.dark-theme {\n // First define some global color variables for your app, these are just for the demo, they can be anything you like\n $bg-dark-primary: #1f262d;\n $bg-dark-secondary: #394046;\n $bg-active: #2c343a;\n $text-color: #d5d6d7;\n $border-color: rgb(0 0 0 / 60%);\n\n // Call the calendar mixin with a sass color map of your theme. Every property is optional.\n // For a list of all variables and how they are used,\n // see https://github.com/mattlewis92/angular-calendar/tree/main/projects/angular-calendar/src/variables.scss\n @include cal-theme(\n (\n bg-primary: $bg-dark-primary,\n bg-secondary: $bg-dark-secondary,\n weekend-color: indianred,\n bg-active: $bg-active,\n border-color: $border-color,\n gray: $bg-dark-secondary,\n today-bg: $bg-dark-secondary,\n event-color-primary: $bg-dark-secondary,\n )\n );\n\n // How to override a non themable property, this was copied from chrome -> inspect element -> styles panel\n .cal-month-view .cal-day-cell.cal-out-month .cal-day-number {\n opacity: 0.15;\n }\n\n // Everything else below is just themes the demo, it's probably not relevant to your app\n background-color: $bg-dark-primary;\n color: $text-color;\n\n .card {\n border-color: $border-color;\n }\n\n .card-header {\n background-color: $bg-dark-secondary;\n }\n\n .card-body {\n background-color: $bg-dark-primary;\n }\n\n .nav-tabs {\n border-bottom-color: $border-color;\n }\n\n .nav-tabs .nav-link.active {\n background-color: $bg-dark-primary;\n color: $text-color;\n border-color: $border-color;\n }\n\n .nav-tabs .nav-link:hover,\n .nav-tabs .nav-link:focus {\n border-color: $border-color;\n }\n}\n"},82368:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1527],{61527:(l,a,s)=>{s.r(a),s.d(a,{sources:()=>n});const n=[{filename:"component.ts",contents:{raw:s(35706),highlighted:s(46125)}},{filename:"template.html",contents:{raw:s(82368),highlighted:s(32542)}},{filename:"styles.scss",contents:{raw:{default:s(1388).Z.replace("../../../../angular-calendar/src/angular-calendar.scss","angular-calendar/scss/angular-calendar.scss")},highlighted:{default:s(2397).Z.replace("../../../../angular-calendar/src/angular-calendar.scss","angular-calendar/scss/angular-calendar.scss")}}},{filename:"module.ts",contents:{raw:s(89971),highlighted:s(40219)}}]},2397:(l,a,s)=>{s.d(a,{Z:()=>n});const n='@import \'../../../../angular-calendar/src/angular-calendar\' ; \n\n.dark-theme {\n \n $bg-dark-primary : #1f262d ; \n $bg-dark-secondary : #394046 ; \n $bg-active : #2c343a ; \n $text-color : #d5d6d7 ; \n $border-color : rgb (0 0 0 / 60% ); \n\n \n \n \n @include cal-theme (\n (\n bg-primary : $bg-dark-primary ,\n bg-secondary : $bg-dark-secondary ,\n weekend-color : indianred ,\n bg-active : $bg-active ,\n border-color : $border-color ,\n gray : $bg-dark-secondary ,\n today-bg : $bg-dark-secondary ,\n event-color-primary : $bg-dark-secondary ,\n )\n ); \n\n \n .cal-month-view .cal-day-cell .cal-out-month .cal-day-number {\n opacity : 0.15 ; \n }\n\n \n background-color : $bg-dark-primary ; \n color : $text-color ; \n\n .card {\n border-color : $border-color ; \n }\n\n .card-header {\n background-color : $bg-dark-secondary ; \n }\n\n .card-body {\n background-color : $bg-dark-primary ; \n }\n\n .nav-tabs {\n border-bottom-color : $border-color ; \n }\n\n .nav-tabs .nav-link .active {\n background-color : $bg-dark-primary ; \n color : $text-color ; \n border-color : $border-color ; \n }\n\n .nav-tabs .nav-link :hover ,\n .nav-tabs .nav-link :focus {\n border-color : $border-color ; \n }\n}\n'},46125:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\n\nimport { colors } from \'../demo-utils/colors\' ;\nimport { DOCUMENT } from \'@angular/common\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styleUrls: [\'styles.scss\' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent implements OnInit, OnDestroy {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'An event\' ,\n start: new Date (),\n color: colors.red,\n },\n ];\n\n private readonly darkThemeClass = \'dark-theme\' ;\n\n constructor (@Inject(DOCUMENT) private document) {}\n\n ngOnInit(): void {\n this .document.body.classList.add(this .darkThemeClass);\n }\n\n ngOnDestroy(): void {\n this .document.body.classList.remove(this .darkThemeClass);\n }\n}\n'},40219:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},32542:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},35706:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import {\n ChangeDetectionStrategy,\n Component,\n Inject,\n OnDestroy,\n OnInit,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\n\nimport { colors } from '../demo-utils/colors';\nimport { DOCUMENT } from '@angular/common';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styleUrls: ['styles.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent implements OnInit, OnDestroy {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'An event',\n start: new Date(),\n color: colors.red,\n },\n ];\n\n private readonly darkThemeClass = 'dark-theme';\n\n constructor(@Inject(DOCUMENT) private document) {}\n\n ngOnInit(): void {\n this.document.body.classList.add(this.darkThemeClass);\n }\n\n ngOnDestroy(): void {\n this.document.body.classList.remove(this.darkThemeClass);\n }\n}\n"},89971:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},1388:(l,a,s)=>{s.d(a,{Z:()=>n});const n="@import '../../../../angular-calendar/src/angular-calendar';\n\n.dark-theme {\n // First define some global color variables for your app, these are just for the demo, they can be anything you like\n $bg-dark-primary: #1f262d;\n $bg-dark-secondary: #394046;\n $bg-active: #2c343a;\n $text-color: #d5d6d7;\n $border-color: rgb(0 0 0 / 60%);\n\n // Call the calendar mixin with a sass color map of your theme. Every property is optional.\n // For a list of all variables and how they are used,\n // see https://github.com/mattlewis92/angular-calendar/tree/main/projects/angular-calendar/src/variables.scss\n @include cal-theme(\n (\n bg-primary: $bg-dark-primary,\n bg-secondary: $bg-dark-secondary,\n weekend-color: indianred,\n bg-active: $bg-active,\n border-color: $border-color,\n gray: $bg-dark-secondary,\n today-bg: $bg-dark-secondary,\n event-color-primary: $bg-dark-secondary,\n )\n );\n\n // How to override a non themable property, this was copied from chrome -> inspect element -> styles panel\n .cal-month-view .cal-day-cell.cal-out-month .cal-day-number {\n opacity: 0.15;\n }\n\n // Everything else below is just themes the demo, it's probably not relevant to your app\n background-color: $bg-dark-primary;\n color: $text-color;\n\n .card {\n border-color: $border-color;\n }\n\n .card-header {\n background-color: $bg-dark-secondary;\n }\n\n .card-body {\n background-color: $bg-dark-primary;\n }\n\n .nav-tabs {\n border-bottom-color: $border-color;\n }\n\n .nav-tabs .nav-link.active {\n background-color: $bg-dark-primary;\n color: $text-color;\n border-color: $border-color;\n }\n\n .nav-tabs .nav-link:hover,\n .nav-tabs .nav-link:focus {\n border-color: $border-color;\n }\n}\n"},82368:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/1678.dcd66729db3ddbd6.js b/1678.dcd66729db3ddbd6.js
deleted file mode 100644
index f76e0bf26..000000000
--- a/1678.dcd66729db3ddbd6.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1678],{51678:(F,D,s)=>{s.r(D),s.d(D,{DemoModule:()=>_});var m=s(64061),C=s(43850),T=s(60341),p=s(72887),v=s(57585),f=s(14219),y=s(26898),x=s(16705),E=s(57450),e=s(72612),B=s(60845),M=s(45831),H=s(97172),b=s(90676),V=s(65148),O=s(18696),J=(s(11058),s(43920)),k=s(94266),A=s(21443),R=s(30248),W=s(96630),N=s(98027);function Q(i,r){if(1&i&&(e.TgZ(0,"div",9),e._uU(1,"\n "),e.TgZ(2,"b"),e._uU(3),e.qZA(),e._uU(4,"\n "),e.qZA()),2&i){const t=r.$implicit;e.xp6(3),e.Oqu(t.name)}}function G(i,r){if(1&i){const t=e.EpF();e.TgZ(0,"div",15),e.NdJ("drop",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2);return e.KtG(d.eventDropped(a,o.date,!0))})("dragEnter",function(){const l=e.CHM(t).$implicit,o=e.oxw(2);return e.KtG(o.dateDragEnter(l.date))}),e.qZA()}}const z=function(i,r){return{event:i,calendarId:r}},S=function(i,r){return{x:i,y:r}},L=function(i){return{x:i}},Z=function(){return{}};function I(i,r){if(1&i){const t=e.EpF();e.TgZ(0,"div",19,20),e.NdJ("dragStart",function(){const l=e.CHM(t).$implicit,o=e.MAs(1);e.oxw();const d=e.MAs(1),u=e.oxw(2);return e.KtG(u.dragStarted(d,o,l,!1))})("dragging",function(){e.CHM(t);const a=e.oxw(3);return e.KtG(a.allDayEventDragMove())})("dragEnd",function(a){const o=e.CHM(t).$implicit,d=e.oxw(3);return e.KtG(d.dragEnded(o,a,d.dayColumnWidth))}),e._uU(2,"\n "),e.TgZ(3,"mwl-calendar-week-view-event",21),e.NdJ("eventClicked",function(a){const o=e.CHM(t).$implicit,d=e.oxw(3);return e.KtG(d.eventClicked.emit({event:o.event,sourceEvent:a.sourceEvent}))}),e._uU(4,"\n "),e.qZA(),e._uU(5,"\n "),e.qZA()}if(2&i){const t=r.$implicit,n=e.oxw(3);e.Udp("width",100/n.users.length*t.span,"%")("margin-left",100/n.users.length*t.offset,"%"),e.ekj("cal-draggable",t.event.draggable&&0===n.allDayEventResizes.size)("cal-starts-within-week",!t.startsBeforeWeek)("cal-ends-within-week",!t.endsAfterWeek),e.Q6J("ngClass",null==t.event?null:t.event.cssClass)("dropData",e.WLB(25,z,t.event,n.calendarId))("dragAxis",e.WLB(28,S,t.event.draggable&&0===n.allDayEventResizes.size,!n.snapDraggedEvents&&t.event.draggable&&0===n.allDayEventResizes.size))("dragSnapGrid",n.snapDraggedEvents?e.VKq(31,L,n.dayColumnWidth):e.DdM(33,Z))("validateDrag",n.validateDrag),e.xp6(3),e.Q6J("locale",n.locale)("weekEvent",t)("tooltipPlacement",n.tooltipPlacement)("tooltipTemplate",n.tooltipTemplate)("tooltipAppendToBody",n.tooltipAppendToBody)("tooltipDelay",n.tooltipDelay)("customTemplate",n.eventTemplate)("eventTitleTemplate",n.eventTitleTemplate)("eventActionsTemplate",n.eventActionsTemplate)("daysInWeek",n.daysInWeek)}}function $(i,r){if(1&i&&(e.TgZ(0,"div",16,17),e._uU(2,"\n "),e.YNc(3,I,6,34,"div",18),e._uU(4,"\n "),e.qZA()),2&i){const t=r.$implicit,n=e.oxw(2);e.xp6(3),e.Q6J("ngForOf",t.row)("ngForTrackBy",n.trackByWeekAllDayEvent)}}function K(i,r){if(1&i){const t=e.EpF();e.TgZ(0,"div",10,11),e.NdJ("dragEnter",function(){e.CHM(t);const a=e.oxw();return e.KtG(a.dragEnter("allDay"))})("dragLeave",function(){e.CHM(t);const a=e.oxw();return e.KtG(a.dragLeave("allDay"))}),e._uU(2,"\n "),e.TgZ(3,"div",6),e._uU(4,"\n "),e._UZ(5,"div",12),e._uU(6,"\n "),e.YNc(7,G,1,0,"div",13),e._uU(8,"\n "),e.qZA(),e._uU(9,"\n "),e.YNc(10,$,5,2,"div",14),e._uU(11,"\n "),e.qZA()}if(2&i){const t=e.oxw();e.xp6(5),e.Q6J("ngTemplateOutlet",t.allDayEventsLabelTemplate),e.xp6(2),e.Q6J("ngForOf",t.days)("ngForTrackBy",t.trackByWeekDayHeaderDate),e.xp6(3),e.Q6J("ngForOf",t.view.allDayEventRows)("ngForTrackBy",t.trackById)}}function Y(i,r){if(1&i&&(e.TgZ(0,"mwl-calendar-week-view-hour-segment",26),e._uU(1,"\n "),e.qZA()),2&i){const t=r.$implicit,n=e.oxw(3);e.Udp("height",n.hourSegmentHeight,"px"),e.Q6J("segment",t)("segmentHeight",n.hourSegmentHeight)("locale",n.locale)("customTemplate",n.hourSegmentTemplate)("isTimeLabel",!0)}}function P(i,r){if(1&i&&(e.TgZ(0,"div",24),e._uU(1,"\n "),e.YNc(2,Y,2,7,"mwl-calendar-week-view-hour-segment",25),e._uU(3,"\n "),e.qZA()),2&i){const t=r.$implicit,n=r.odd,a=e.oxw(2);e.ekj("cal-hour-odd",n),e.xp6(2),e.Q6J("ngForOf",t.segments)("ngForTrackBy",a.trackByHourSegment)}}function j(i,r){if(1&i&&(e.TgZ(0,"div",22),e._uU(1,"\n "),e.YNc(2,P,4,4,"div",23),e._uU(3,"\n "),e.qZA()),2&i){const t=e.oxw();e.xp6(2),e.Q6J("ngForOf",t.view.hourColumns[0].hours)("ngForTrackBy",t.trackByHour)}}const q=function(){return{left:!0,top:!0}};function X(i,r){1&i&&e._UZ(0,"div",34),2&i&&e.Q6J("resizeEdges",e.DdM(1,q))}const ee=function(){return{right:!0,bottom:!0}};function te(i,r){1&i&&e._UZ(0,"div",35),2&i&&e.Q6J("resizeEdges",e.DdM(1,ee))}const ne=function(i,r,t,n){return{left:i,right:r,top:t,bottom:n}};function ae(i,r){if(1&i){const t=e.EpF();e.TgZ(0,"div",30,20),e.NdJ("resizeStart",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2),u=e.MAs(14);return e.KtG(d.timeEventResizeStarted(u,o,a))})("resizing",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2);return e.KtG(d.timeEventResizing(o,a))})("resizeEnd",function(){const l=e.CHM(t).$implicit,o=e.oxw(2);return e.KtG(o.timeEventResizeEnded(l))})("dragStart",function(){const l=e.CHM(t).$implicit,o=e.MAs(1),d=e.oxw(2),u=e.MAs(14);return e.KtG(d.dragStarted(u,o,l,!0))})("dragging",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2);return e.KtG(d.dragMove(o,a))})("dragEnd",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2);return e.KtG(d.dragEnded(o,a,d.dayColumnWidth,!0))}),e._uU(2,"\n "),e.YNc(3,X,1,2,"div",31),e._uU(4,"\n "),e.TgZ(5,"mwl-calendar-week-view-event",32),e.NdJ("eventClicked",function(a){const o=e.CHM(t).$implicit,d=e.oxw(2);return e.KtG(d.eventClicked.emit({event:o.event,sourceEvent:a.sourceEvent}))}),e._uU(6,"\n "),e.qZA(),e._uU(7,"\n "),e.YNc(8,te,1,2,"div",33),e._uU(9,"\n "),e.qZA()}if(2&i){const t=r.$implicit,n=e.oxw().$implicit,a=e.oxw();e.Udp("top",t.top,"px")("height",t.height,"px")("left",t.left,"%")("width",t.width,"%"),e.ekj("cal-draggable",t.event.draggable&&0===a.timeEventResizes.size)("cal-starts-within-day",!t.startsBeforeDay)("cal-ends-within-day",!t.endsAfterDay),e.Q6J("ngClass",t.event.cssClass)("hidden",0===t.height&&0===t.width)("resizeSnapGrid",e.l5B(37,ne,a.dayColumnWidth,a.dayColumnWidth,a.eventSnapSize||a.hourSegmentHeight,a.eventSnapSize||a.hourSegmentHeight))("validateResize",a.validateResize)("allowNegativeResizes",!0)("dropData",e.WLB(42,z,t.event,a.calendarId))("dragAxis",e.WLB(45,S,t.event.draggable&&0===a.timeEventResizes.size,t.event.draggable&&0===a.timeEventResizes.size))("dragSnapGrid",a.snapDraggedEvents?e.WLB(48,S,a.dayColumnWidth,a.eventSnapSize||a.hourSegmentHeight):e.DdM(51,Z))("ghostDragEnabled",!a.snapDraggedEvents)("validateDrag",a.validateDrag),e.xp6(3),e.Q6J("ngIf",(null==t.event||null==t.event.resizable?null:t.event.resizable.beforeStart)&&!t.startsBeforeDay),e.xp6(2),e.Q6J("locale",a.locale)("weekEvent",t)("tooltipPlacement",a.tooltipPlacement)("tooltipTemplate",a.tooltipTemplate)("tooltipAppendToBody",a.tooltipAppendToBody)("tooltipDisabled",a.dragActive||a.timeEventResizes.size>0)("tooltipDelay",a.tooltipDelay)("customTemplate",a.eventTemplate)("eventTitleTemplate",a.eventTitleTemplate)("eventActionsTemplate",a.eventActionsTemplate)("column",n),e.xp6(3),e.Q6J("ngIf",(null==t.event||null==t.event.resizable?null:t.event.resizable.afterEnd)&&!t.endsAfterDay)}}function re(i,r){if(1&i){const t=e.EpF();e.TgZ(0,"mwl-calendar-week-view-hour-segment",37),e.NdJ("mwlClick",function(a){const o=e.CHM(t).$implicit,d=e.oxw(3);return e.KtG(d.hourSegmentClicked.emit({date:o.date,sourceEvent:a}))})("drop",function(a){const o=e.CHM(t).$implicit,d=e.oxw(3);return e.KtG(d.eventDropped(a,o.date,!1))}),e._uU(1,"\n "),e.qZA()}if(2&i){const t=r.$implicit,n=e.oxw(3);e.Udp("height",n.hourSegmentHeight,"px"),e.Q6J("segment",t)("segmentHeight",n.hourSegmentHeight)("locale",n.locale)("customTemplate",n.hourSegmentTemplate)("clickListenerDisabled",0===n.hourSegmentClicked.observers.length)("dragOverClass",n.dragActive&&n.snapDraggedEvents?null:"cal-drag-over")}}function ie(i,r){if(1&i&&(e.TgZ(0,"div",24),e._uU(1,"\n "),e.YNc(2,re,2,8,"mwl-calendar-week-view-hour-segment",36),e._uU(3,"\n "),e.qZA()),2&i){const t=r.$implicit,n=r.odd,a=e.oxw(2);e.ekj("cal-hour-odd",n),e.xp6(2),e.Q6J("ngForOf",t.segments)("ngForTrackBy",a.trackByHourSegment)}}function oe(i,r){if(1&i&&(e.TgZ(0,"div",27),e._uU(1,"\n "),e._UZ(2,"mwl-calendar-week-view-current-time-marker",28),e._uU(3,"\n "),e.YNc(4,ae,10,52,"div",29),e._uU(5,"\n\n "),e.YNc(6,ie,4,4,"div",23),e._uU(7,"\n "),e.qZA()),2&i){const t=r.$implicit,n=e.oxw();e.xp6(2),e.Q6J("columnDate",t.date)("dayStartHour",n.dayStartHour)("dayStartMinute",n.dayStartMinute)("dayEndHour",n.dayEndHour)("dayEndMinute",n.dayEndMinute)("hourSegments",n.hourSegments)("hourSegmentHeight",n.hourSegmentHeight)("customTemplate",n.currentTimeMarkerTemplate),e.xp6(2),e.Q6J("ngForOf",t.events)("ngForTrackBy",n.trackByWeekTimeEvent),e.xp6(2),e.Q6J("ngForOf",t.hours)("ngForTrackBy",n.trackByHour)}}class g extends b.y{getWeekView(r){const{period:t}=super.getWeekView(r),n={period:t,allDayEventRows:[],hourColumns:[],users:[...r.users]};return n.users.forEach((a,l)=>{const o=r.events.filter(u=>u.meta.user.id===a.id),d=super.getWeekView({...r,events:o});n.hourColumns.push(d.hourColumns[0]),d.allDayEventRows.forEach(({row:u},U)=>{n.allDayEventRows[U]=n.allDayEventRows[U]||{row:[]},n.allDayEventRows[U].row.push({...u[0],offset:l,span:1})})}),n}}g.\u0275fac=function(){let i;return function(t){return(i||(i=e.n5z(g)))(t||g)}}(),g.\u0275prov=e.Yz7({token:g,factory:g.\u0275fac});class h extends V.T{constructor(r,t,n,a,l){super(r,t,n,a,l),this.cdr=r,this.utils=t,this.dateAdapter=a,this.element=l,this.users=[],this.userChanged=new e.vpe,this.daysInWeek=1,this.trackByUserId=(o,d)=>d.id}ngOnChanges(r){super.ngOnChanges(r),r.users&&(this.refreshBody(),this.emitBeforeViewRender())}getDayColumnWidth(r){return Math.floor(r.offsetWidth/this.users.length)}dragMove(r,t){if(this.snapDraggedEvents){const n=this.getDraggedUserColumn(r,t.x),a=this.getDragMovedEventTimes(r,{...t,x:0},this.dayColumnWidth,!0),l=r.event,o={...l,...a,meta:{...l.meta,user:n}},d=this.events.map(u=>u===l?o:u);this.restoreOriginalEvents(d,new Map([[o,l]]))}this.dragAlreadyMoved=!0}dragEnded(r,t,n,a=!1){super.dragEnded(r,{...t,x:0},n,a);const l=this.getDraggedUserColumn(r,t.x);l&&l!==r.event.meta.user&&this.userChanged.emit({event:r.event,newUser:l})}getWeekView(r){return this.utils.getWeekView({events:r,users:this.users,viewDate:this.viewDate,weekStartsOn:this.weekStartsOn,excluded:this.excludeDays,precision:this.precision,absolutePositionedEvents:!0,hourSegments:this.hourSegments,dayStart:{hour:this.dayStartHour,minute:this.dayStartMinute},dayEnd:{hour:this.dayEndHour,minute:this.dayEndMinute},segmentHeight:this.hourSegmentHeight,weekendDays:this.weekendDays,...(0,O.rK)(this.dateAdapter,this.viewDate,this.weekStartsOn,this.excludeDays,this.daysInWeek)})}getDraggedUserColumn(r,t){const n=Math.round(t/this.dayColumnWidth),l=this.view.users.findIndex(o=>o===r.event.meta.user)+n;return this.view.users[l]}}h.\u0275fac=function(r){return new(r||h)(e.Y36(e.sBO),e.Y36(g),e.Y36(e.soG),e.Y36(p._),e.Y36(e.SBq))},h.\u0275cmp=e.Xpm({type:h,selectors:[["mwl-day-view-scheduler"]],inputs:{users:"users"},outputs:{userChanged:"userChanged"},features:[e._Bn([g]),e.qOj,e.TTD],decls:21,vars:8,consts:[["role","grid",1,"cal-week-view"],["role","row",1,"cal-day-headers"],["class","cal-header","tabindex","0","role","columnheader",4,"ngFor","ngForOf","ngForTrackBy"],["class","cal-all-day-events","mwlDroppable","",3,"dragEnter","dragLeave",4,"ngIf"],["mwlDroppable","",1,"cal-time-events",3,"dragEnter","dragLeave"],["class","cal-time-label-column",4,"ngIf"],[1,"cal-day-columns"],["dayColumns",""],["class","cal-day-column",4,"ngFor","ngForOf","ngForTrackBy"],["tabindex","0","role","columnheader",1,"cal-header"],["mwlDroppable","",1,"cal-all-day-events",3,"dragEnter","dragLeave"],["allDayEventsContainer",""],[1,"cal-time-label-column",3,"ngTemplateOutlet"],["class","cal-day-column","mwlDroppable","","dragOverClass","cal-drag-over",3,"drop","dragEnter",4,"ngFor","ngForOf","ngForTrackBy"],["class","cal-events-row",4,"ngFor","ngForOf","ngForTrackBy"],["mwlDroppable","","dragOverClass","cal-drag-over",1,"cal-day-column",3,"drop","dragEnter"],[1,"cal-events-row"],["eventRowContainer",""],["class","cal-event-container","mwlDraggable","","dragActiveClass","cal-drag-active",3,"cal-draggable","cal-starts-within-week","cal-ends-within-week","ngClass","width","marginLeft","dropData","dragAxis","dragSnapGrid","validateDrag","dragStart","dragging","dragEnd",4,"ngFor","ngForOf","ngForTrackBy"],["mwlDraggable","","dragActiveClass","cal-drag-active",1,"cal-event-container",3,"ngClass","dropData","dragAxis","dragSnapGrid","validateDrag","dragStart","dragging","dragEnd"],["event",""],[3,"locale","weekEvent","tooltipPlacement","tooltipTemplate","tooltipAppendToBody","tooltipDelay","customTemplate","eventTitleTemplate","eventActionsTemplate","daysInWeek","eventClicked"],[1,"cal-time-label-column"],["class","cal-hour",3,"cal-hour-odd",4,"ngFor","ngForOf","ngForTrackBy"],[1,"cal-hour"],[3,"height","segment","segmentHeight","locale","customTemplate","isTimeLabel",4,"ngFor","ngForOf","ngForTrackBy"],[3,"segment","segmentHeight","locale","customTemplate","isTimeLabel"],[1,"cal-day-column"],[3,"columnDate","dayStartHour","dayStartMinute","dayEndHour","dayEndMinute","hourSegments","hourSegmentHeight","customTemplate"],["class","cal-event-container","mwlResizable","","mwlDraggable","","dragActiveClass","cal-drag-active",3,"cal-draggable","cal-starts-within-day","cal-ends-within-day","ngClass","hidden","top","height","left","width","resizeSnapGrid","validateResize","allowNegativeResizes","dropData","dragAxis","dragSnapGrid","ghostDragEnabled","validateDrag","resizeStart","resizing","resizeEnd","dragStart","dragging","dragEnd",4,"ngFor","ngForOf","ngForTrackBy"],["mwlResizable","","mwlDraggable","","dragActiveClass","cal-drag-active",1,"cal-event-container",3,"ngClass","hidden","resizeSnapGrid","validateResize","allowNegativeResizes","dropData","dragAxis","dragSnapGrid","ghostDragEnabled","validateDrag","resizeStart","resizing","resizeEnd","dragStart","dragging","dragEnd"],["class","cal-resize-handle cal-resize-handle-before-start","mwlResizeHandle","",3,"resizeEdges",4,"ngIf"],[3,"locale","weekEvent","tooltipPlacement","tooltipTemplate","tooltipAppendToBody","tooltipDisabled","tooltipDelay","customTemplate","eventTitleTemplate","eventActionsTemplate","column","eventClicked"],["class","cal-resize-handle cal-resize-handle-after-end","mwlResizeHandle","",3,"resizeEdges",4,"ngIf"],["mwlResizeHandle","",1,"cal-resize-handle","cal-resize-handle-before-start",3,"resizeEdges"],["mwlResizeHandle","",1,"cal-resize-handle","cal-resize-handle-after-end",3,"resizeEdges"],["mwlDroppable","","dragActiveClass","cal-drag-active",3,"height","segment","segmentHeight","locale","customTemplate","clickListenerDisabled","dragOverClass","mwlClick","drop",4,"ngFor","ngForOf","ngForTrackBy"],["mwlDroppable","","dragActiveClass","cal-drag-active",3,"segment","segmentHeight","locale","customTemplate","clickListenerDisabled","dragOverClass","mwlClick","drop"]],template:function(r,t){1&r&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.YNc(4,Q,5,1,"div",2),e._uU(5,"\n "),e.qZA(),e._uU(6,"\n "),e.YNc(7,K,12,5,"div",3),e._uU(8,"\n "),e.TgZ(9,"div",4),e.NdJ("dragEnter",function(){return t.dragEnter("time")})("dragLeave",function(){return t.dragLeave("time")}),e._uU(10,"\n "),e.YNc(11,j,4,2,"div",5),e._uU(12,"\n "),e.TgZ(13,"div",6,7),e._uU(15,"\n "),e.YNc(16,oe,8,12,"div",8),e._uU(17,"\n "),e.qZA(),e._uU(18,"\n "),e.qZA(),e._uU(19,"\n"),e.qZA(),e._uU(20,"\n")),2&r&&(e.xp6(4),e.Q6J("ngForOf",t.users)("ngForTrackBy",t.trackByUserId),e.xp6(3),e.Q6J("ngIf",t.view.allDayEventRows.length>0),e.xp6(4),e.Q6J("ngIf",t.view.hourColumns.length>0),e.xp6(2),e.ekj("cal-resize-active",t.timeEventResizes.size>0),e.xp6(3),e.Q6J("ngForOf",t.view.hourColumns)("ngForTrackBy",t.trackByHourColumn))},dependencies:[m.mk,m.sg,m.O5,m.tP,J.P,k.pD,k.D5,A.E$,A.mC,R.C,W.N,N.e],encapsulation:2});var le=s(9665);const c=[{id:0,name:"John smith",color:y.O.yellow},{id:1,name:"Jane Doe",color:y.O.blue}];class w{constructor(){this.viewDate=new Date,this.users=c,this.events=[{title:"An event",color:c[0].color,start:(0,x.Z)((0,E.Z)(new Date),5),meta:{user:c[0]},resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{title:"Another event",color:c[1].color,start:(0,x.Z)((0,E.Z)(new Date),2),meta:{user:c[1]},resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{title:"A 3rd event",color:c[0].color,start:(0,x.Z)((0,E.Z)(new Date),7),meta:{user:c[0]},resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{title:"An all day event",color:c[0].color,start:new Date,meta:{user:c[0]},draggable:!0,allDay:!0},{title:"Another all day event",color:c[1].color,start:new Date,meta:{user:c[1]},draggable:!0,allDay:!0},{title:"A 3rd all day event",color:c[0].color,start:new Date,meta:{user:c[0]},draggable:!0,allDay:!0}]}eventTimesChanged({event:r,newStart:t,newEnd:n}){r.start=t,r.end=n,this.events=[...this.events]}userChanged({event:r,newUser:t}){r.color=t.color,r.meta.user=t,this.events=[...this.events]}}w.\u0275fac=function(r){return new(r||w)},w.\u0275cmp=e.Xpm({type:w,selectors:[["mwl-demo-component"]],decls:30,vars:12,consts:[[1,"row"],[1,"col-md-6"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"col-md-6","text-right"],[3,"viewDate","events","users","eventTimesChanged","userChanged"]],template:function(r,t){1&r&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.TgZ(4,"div",2),e._uU(5,"\n "),e.TgZ(6,"div",3),e.NdJ("viewDateChange",function(a){return t.viewDate=a}),e._uU(7,"\n Previous\n "),e.qZA(),e._uU(8,"\n "),e.TgZ(9,"div",4),e.NdJ("viewDateChange",function(a){return t.viewDate=a}),e._uU(10,"\n Today\n "),e.qZA(),e._uU(11,"\n "),e.TgZ(12,"div",5),e.NdJ("viewDateChange",function(a){return t.viewDate=a}),e._uU(13,"\n Next\n "),e.qZA(),e._uU(14,"\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.TgZ(17,"div",6),e._uU(18,"\n "),e.TgZ(19,"h3"),e._uU(20),e.ALo(21,"calendarDate"),e.qZA(),e._uU(22,"\n "),e.qZA(),e._uU(23,"\n"),e.qZA(),e._uU(24,"\n"),e._UZ(25,"br"),e._uU(26,"\n\n"),e.TgZ(27,"mwl-day-view-scheduler",7),e.NdJ("eventTimesChanged",function(a){return t.eventTimesChanged(a)})("userChanged",function(a){return t.userChanged(a)}),e._uU(28,"\n"),e.qZA(),e._uU(29,"\n")),2&r&&(e.xp6(6),e.Q6J("view","day")("viewDate",t.viewDate),e.xp6(3),e.Q6J("viewDate",t.viewDate),e.xp6(3),e.Q6J("view","day")("viewDate",t.viewDate),e.xp6(8),e.Oqu(e.xi3(21,9,t.viewDate,"dayViewTitle")),e.xp6(7),e.Q6J("viewDate",t.viewDate)("events",t.events)("users",t.users))},dependencies:[B.O,M.T,H.i,h,le.J],encapsulation:2,changeDetection:0});class _{}_.\u0275fac=function(r){return new(r||_)},_.\u0275mod=e.oAB({type:_}),_.\u0275inj=e.cJS({imports:[m.ez,T._8.forRoot({provide:p._,useFactory:v.x}),f.S,C.Bz.forChild([{path:"",component:w}])]})},14219:(F,D,s)=>{s.d(D,{S:()=>v});var m=s(64061),C=s(48052),T=s(60341),p=s(72612);class v{}v.\u0275fac=function(y){return new(y||v)},v.\u0275mod=p.oAB({type:v}),v.\u0275inj=p.cJS({imports:[m.ez,C.u5,T._8]})}}]);
\ No newline at end of file
diff --git a/1711.73cc4fa1a19e4d9c.js b/1711.73cc4fa1a19e4d9c.js
new file mode 100644
index 000000000..c280324ac
--- /dev/null
+++ b/1711.73cc4fa1a19e4d9c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[1711],{43303:(T,m,t)=>{t.d(m,{$:()=>d});var e=t(44879),D=t(2316),C=t(50111),c=t(58125),_=t(68849),p=t(4540);class d{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=D.w}}d.\u0275fac=function(s){return new(s||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,a){1&s&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&s&&(e.xp6(7),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("viewDate",a.viewDate),e.xp6(3),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),e.xp6(8),e.ekj("active",a.view===a.CalendarView.Month),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Week),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Day))},dependencies:[C.O,c.T,_.i,p.J],encapsulation:2})},44248:(T,m,t)=>{t.d(m,{S:()=>_});var e=t(50192),D=t(86963),C=t(5234),c=t(44879);class _{}_.\u0275fac=function(d){return new(d||_)},_.\u0275mod=c.oAB({type:_}),_.\u0275inj=c.cJS({imports:[e.ez,D.u5,C._8]})},51711:(T,m,t)=>{t.r(m),t.d(m,{DemoModule:()=>u});var e=t(50192),D=t(98783),C=t(5234),c=t(33275),_=t(44248),p=t(2316),d=t(22201),n=t(44879),s=t(79144),a=t(84156),l=t(56500),w=t(43303);function U(o,r){if(1&o&&(n.TgZ(0,"div",5),n._uU(1),n.qZA()),2&o){const i=n.oxw();n.xp6(1),n.hij("\n There are no events on this ",i.view,"\n")}}function Z(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-month-view",6),n.NdJ("beforeViewRender",function(v){n.CHM(i);const g=n.oxw();return n.KtG(g.beforeViewRender(v))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("activeDayIsOpen",!0)}}function E(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-week-view",7),n.NdJ("beforeViewRender",function(v){n.CHM(i);const g=n.oxw();return n.KtG(g.beforeViewRender(v))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}function A(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-day-view",7),n.NdJ("beforeViewRender",function(v){n.CHM(i);const g=n.oxw();return n.KtG(g.beforeViewRender(v))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}class h{constructor(r){this.cdr=r,this.view=p.w.Month,this.viewDate=new Date,this.events=[{title:"Event 1",color:d.O.yellow,start:new Date}]}beforeViewRender(r){this.period=r.period,this.cdr.detectChanges()}}h.\u0275fac=function(r){return new(r||h)(n.Y36(n.sBO))},h.\u0275cmp=n.Xpm({type:h,selectors:[["mwl-demo-component"]],decls:14,vars:7,consts:[[3,"view","viewDate","viewChange","viewDateChange"],["class","alert alert-warning",4,"ngIf"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","beforeViewRender",4,"ngSwitchCase"],[3,"viewDate","events","beforeViewRender",4,"ngSwitchCase"],[1,"alert","alert-warning"],[3,"viewDate","events","activeDayIsOpen","beforeViewRender"],[3,"viewDate","events","beforeViewRender"]],template:function(r,i){1&r&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(v){return i.view=v})("viewDateChange",function(v){return i.viewDate=v}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.YNc(3,U,2,1,"div",1),n._uU(4,"\n\n"),n.TgZ(5,"div",2),n._uU(6,"\n "),n.YNc(7,Z,2,3,"mwl-calendar-month-view",3),n._uU(8,"\n "),n.YNc(9,E,2,2,"mwl-calendar-week-view",4),n._uU(10,"\n "),n.YNc(11,A,2,2,"mwl-calendar-day-view",4),n._uU(12,"\n"),n.qZA(),n._uU(13,"\n")),2&r&&(n.Q6J("view",i.view)("viewDate",i.viewDate),n.xp6(3),n.Q6J("ngIf",0===(null==i.period?null:i.period.events.length)),n.xp6(2),n.Q6J("ngSwitch",i.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.O5,e.RF,e.n9,s.G,a.T,l.S,w.$],encapsulation:2,changeDetection:0});var M=t(20211);class u{}u.\u0275fac=function(r){return new(r||u)},u.\u0275mod=n.oAB({type:u}),u.\u0275inj=n.cJS({imports:[e.ez,C._8.forRoot({provide:c._,useFactory:M.x}),_.S,D.Bz.forChild([{path:"",component:h}])]})}}]);
\ No newline at end of file
diff --git a/2001.e359b4cee59efb6e.js b/2001.e359b4cee59efb6e.js
new file mode 100644
index 000000000..fa2bd7acb
--- /dev/null
+++ b/2001.e359b4cee59efb6e.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2001],{43303:(T,w,a)=>{a.d(w,{$:()=>d});var e=a(44879),u=a(2316),C=a(50111),m=a(58125),r=a(68849),_=a(4540);class d{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=u.w}}d.\u0275fac=function(s){return new(s||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,t){1&s&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(n){return t.viewDate=n})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(n){return t.viewDate=n})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(n){return t.viewDate=n})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&s&&(e.xp6(7),e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(3),e.Q6J("viewDate",t.viewDate),e.xp6(3),e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,t.viewDate,t.view+"ViewTitle",t.locale)),e.xp6(8),e.ekj("active",t.view===t.CalendarView.Month),e.xp6(3),e.ekj("active",t.view===t.CalendarView.Week),e.xp6(3),e.ekj("active",t.view===t.CalendarView.Day))},dependencies:[C.O,m.T,r.i,_.J],encapsulation:2})},44248:(T,w,a)=>{a.d(w,{S:()=>r});var e=a(50192),u=a(86963),C=a(5234),m=a(44879);class r{}r.\u0275fac=function(d){return new(d||r)},r.\u0275mod=m.oAB({type:r}),r.\u0275inj=m.cJS({imports:[e.ez,u.u5,C._8]})},92001:(T,w,a)=>{a.r(w),a.d(w,{DemoModule:()=>c});var e=a(50192),u=a(98783),C=a(5234),m=a(33275),r=a(44248),_=a(2316),d=a(38962),g=a(72810),s=a(13638);var v=a(54876),n=a(44879),U=a(79144),f=a(84156),Z=a(56500),A=a(43303);const y=["scrollContainer"];function M(l,i){if(1&l&&(n.TgZ(0,"mwl-calendar-month-view",4),n._uU(1,"\n "),n.qZA()),2&l){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)}}function E(l,i){if(1&l&&(n.TgZ(0,"mwl-calendar-week-view",4),n._uU(1,"\n "),n.qZA()),2&l){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)}}function O(l,i){if(1&l&&(n.TgZ(0,"mwl-calendar-day-view",4),n._uU(1,"\n "),n.qZA()),2&l){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)}}class D{constructor(i){this.cdr=i,this.view=_.w.Week,this.viewDate=new Date,this.events=[]}ngAfterViewInit(){this.scrollToCurrentView()}viewChanged(){this.cdr.detectChanges(),this.scrollToCurrentView()}scrollToCurrentView(){if(this.view===_.w.Week||_.w.Day){const i=(0,d.Z)(function t(l){(0,s.Z)(1,arguments);var i=(0,g.Z)(l);return i.setMinutes(0,0,0),i}(new Date),(0,v.Z)(new Date)),o=this.view===_.w.Week?60:0;this.scrollContainer.nativeElement.scrollTop=i+o}}}D.\u0275fac=function(i){return new(i||D)(n.Y36(n.sBO))},D.\u0275cmp=n.Xpm({type:D,selectors:[["mwl-demo-component"]],viewQuery:function(i,o){if(1&i&&n.Gf(y,5),2&i){let h;n.iGM(h=n.CRH())&&(o.scrollContainer=h.first)}},decls:13,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[1,"scroll-container",3,"ngSwitch"],["scrollContainer",""],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events"]],template:function(i,o){1&i&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(p){return o.view=p})("viewDateChange",function(p){return o.viewDate=p})("viewChange",function(){return o.viewChanged()}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1,2),n._uU(5,"\n "),n.YNc(6,M,2,2,"mwl-calendar-month-view",3),n._uU(7,"\n "),n.YNc(8,E,2,2,"mwl-calendar-week-view",3),n._uU(9,"\n "),n.YNc(10,O,2,2,"mwl-calendar-day-view",3),n._uU(11,"\n"),n.qZA(),n._uU(12,"\n")),2&i&&(n.Q6J("view",o.view)("viewDate",o.viewDate),n.xp6(3),n.Q6J("ngSwitch",o.view),n.xp6(3),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,U.G,f.T,Z.S,A.$],styles:[".scroll-container[_ngcontent-%COMP%]{height:calc(100vh - 320px);overflow-y:auto}"],changeDetection:0});var P=a(20211);class c{}c.\u0275fac=function(i){return new(i||c)},c.\u0275mod=n.oAB({type:c}),c.\u0275inj=n.cJS({imports:[e.ez,C._8.forRoot({provide:m._,useFactory:P.x}),r.S,u.Bz.forChild([{path:"",component:D}])]})}}]);
\ No newline at end of file
diff --git a/2149.8942b35edaeb1056.js b/2149.8942b35edaeb1056.js
deleted file mode 100644
index 35cec4752..000000000
--- a/2149.8942b35edaeb1056.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2149],{73772:(h,m,t)=>{t.d(m,{$:()=>d});var e=t(72612),c=t(1885),D=t(60845),u=t(45831),r=t(97172),C=t(9665);class d{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=c.w}}d.\u0275fac=function(l){return new(l||d)},d.\u0275cmp=e.Xpm({type:d,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(l,a){1&l&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&l&&(e.xp6(7),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("viewDate",a.viewDate),e.xp6(3),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),e.xp6(8),e.ekj("active",a.view===a.CalendarView.Month),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Week),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Day))},dependencies:[D.O,u.T,r.i,C.J],encapsulation:2})},14219:(h,m,t)=>{t.d(m,{S:()=>r});var e=t(64061),c=t(48052),D=t(60341),u=t(72612);class r{}r.\u0275fac=function(d){return new(d||r)},r.\u0275mod=u.oAB({type:r}),r.\u0275inj=u.cJS({imports:[e.ez,c.u5,D._8]})},12149:(h,m,t)=>{t.r(m),t.d(m,{DemoModule:()=>s});var e=t(64061),c=t(43850),D=t(60341),u=t(72887),r=t(14219),C=t(1885),d=t(88354),n=t(72612);class l extends d.K{monthTooltip(v){}weekTooltip(v){}dayTooltip(v){}}l.\u0275fac=function(){let i;return function(o){return(i||(i=n.n5z(l)))(o||l)}}(),l.\u0275prov=n.Yz7({token:l,factory:l.\u0275fac});var a=t(26898),_=t(97286),w=t(65148),T=t(4238),U=t(73772);function f(i,v){if(1&i&&(n.TgZ(0,"mwl-calendar-month-view",4),n._uU(1,"\n "),n.qZA()),2&i){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)("activeDayIsOpen",!0)}}function Z(i,v){if(1&i&&(n.TgZ(0,"mwl-calendar-week-view",5),n._uU(1,"\n "),n.qZA()),2&i){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)}}function E(i,v){if(1&i&&(n.TgZ(0,"mwl-calendar-day-view",5),n._uU(1,"\n "),n.qZA()),2&i){const o=n.oxw();n.Q6J("viewDate",o.viewDate)("events",o.events)}}class p{constructor(){this.view=C.w.Month,this.viewDate=new Date,this.events=[{title:"An event",start:new Date,color:a.O.red}]}}p.\u0275fac=function(v){return new(v||p)},p.\u0275cmp=n.Xpm({type:p,selectors:[["mwl-demo-component"]],features:[n._Bn([{provide:d.K,useClass:l}])],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen"],[3,"viewDate","events"]],template:function(v,o){1&v&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(g){return o.view=g})("viewDateChange",function(g){return o.viewDate=g}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1),n._uU(4,"\n "),n.YNc(5,f,2,3,"mwl-calendar-month-view",2),n._uU(6,"\n "),n.YNc(7,Z,2,2,"mwl-calendar-week-view",3),n._uU(8,"\n "),n.YNc(9,E,2,2,"mwl-calendar-day-view",3),n._uU(10,"\n"),n.qZA(),n._uU(11,"\n")),2&v&&(n.Q6J("view",o.view)("viewDate",o.viewDate),n.xp6(3),n.Q6J("ngSwitch",o.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,_.G,w.T,T.S,U.$],encapsulation:2,changeDetection:0});var y=t(57585);class s{}s.\u0275fac=function(v){return new(v||s)},s.\u0275mod=n.oAB({type:s}),s.\u0275inj=n.cJS({imports:[e.ez,D._8.forRoot({provide:u._,useFactory:y.x}),r.S,c.Bz.forChild([{path:"",component:p}])]})}}]);
\ No newline at end of file
diff --git a/2227.3383aba3e09bed7f.js b/2227.3383aba3e09bed7f.js
deleted file mode 100644
index 5a88df47b..000000000
--- a/2227.3383aba3e09bed7f.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2227],{73772:(U,c,a)=>{a.d(c,{$:()=>v});var e=a(72612),h=a(1885),g=a(60845),u=a(45831),d=a(97172),p=a(9665);class v{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=h.w}}v.\u0275fac=function(w){return new(w||v)},v.\u0275cmp=e.Xpm({type:v,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(w,t){1&w&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(m){return t.viewDate=m})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(m){return t.viewDate=m})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(m){return t.viewDate=m})("viewDateChange",function(){return t.viewDateChange.next(t.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return t.viewChange.emit(t.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&w&&(e.xp6(7),e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(3),e.Q6J("viewDate",t.viewDate),e.xp6(3),e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,t.viewDate,t.view+"ViewTitle",t.locale)),e.xp6(8),e.ekj("active",t.view===t.CalendarView.Month),e.xp6(3),e.ekj("active",t.view===t.CalendarView.Week),e.xp6(3),e.ekj("active",t.view===t.CalendarView.Day))},dependencies:[g.O,u.T,d.i,p.J],encapsulation:2})},14219:(U,c,a)=>{a.d(c,{S:()=>d});var e=a(64061),h=a(48052),g=a(60341),u=a(72612);class d{}d.\u0275fac=function(v){return new(v||d)},d.\u0275mod=u.oAB({type:d}),d.\u0275inj=u.cJS({imports:[e.ez,h.u5,g._8]})},42227:(U,c,a)=>{a.r(c),a.d(c,{DemoModule:()=>D});var e=a(64061),h=a(43850),g=a(60341),u=a(72887),d=a(14219),p=a(47679),v=a(1885),s=a(26898),w=a(9025),t=a(57450),l=a(62927),m=a(9433),Z=a(16705),n=a(72612),y=a(97286),A=a(65148),E=a(4238),M=a(73772);function O(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-month-view",4),n.NdJ("eventTimesChanged",function(_){n.CHM(i);const f=n.oxw();return n.KtG(f.eventTimesChanged(_))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("activeDayIsOpen",!0)("refresh",i.refresh)}}function J(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-week-view",5),n.NdJ("eventTimesChanged",function(_){n.CHM(i);const f=n.oxw();return n.KtG(f.eventTimesChanged(_))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("refresh",i.refresh)}}function P(o,r){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-day-view",5),n.NdJ("eventTimesChanged",function(_){n.CHM(i);const f=n.oxw();return n.KtG(f.eventTimesChanged(_))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("refresh",i.refresh)}}class T{constructor(){this.view=v.w.Month,this.viewDate=new Date,this.events=[{start:(0,w.Z)((0,t.Z)(new Date),1),end:(0,l.Z)(new Date,1),title:"A 3 day event",color:s.O.red,allDay:!0,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{start:(0,t.Z)(new Date),title:"An event with no end date",color:s.O.yellow},{start:(0,w.Z)((0,m.Z)(new Date),3),end:(0,l.Z)((0,m.Z)(new Date),3),title:"A long event that spans 2 months",color:s.O.blue,allDay:!0},{start:(0,Z.Z)((0,t.Z)(new Date),2),end:(0,Z.Z)(new Date,2),title:"A draggable and resizable event",color:s.O.yellow,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0}],this.refresh=new p.x}eventTimesChanged({event:r,newStart:i,newEnd:C}){r.start=i,r.end=C,this.refresh.next()}}T.\u0275fac=function(r){return new(r||T)},T.\u0275cmp=n.Xpm({type:T,selectors:[["mwl-demo-component"]],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],["dir","rtl",3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged",4,"ngSwitchCase"],[3,"viewDate","events","refresh","eventTimesChanged",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged"],[3,"viewDate","events","refresh","eventTimesChanged"]],template:function(r,i){1&r&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(_){return i.view=_})("viewDateChange",function(_){return i.viewDate=_}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1),n._uU(4,"\n "),n.YNc(5,O,2,4,"mwl-calendar-month-view",2),n._uU(6,"\n "),n.YNc(7,J,2,3,"mwl-calendar-week-view",3),n._uU(8,"\n "),n.YNc(9,P,2,3,"mwl-calendar-day-view",3),n._uU(10,"\n"),n.qZA(),n._uU(11,"\n")),2&r&&(n.Q6J("view",i.view)("viewDate",i.viewDate),n.xp6(3),n.Q6J("ngSwitch",i.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,y.G,A.T,E.S,M.$],encapsulation:2,changeDetection:0});var H=a(57585);class D{}D.\u0275fac=function(r){return new(r||D)},D.\u0275mod=n.oAB({type:D}),D.\u0275inj=n.cJS({imports:[e.ez,g._8.forRoot({provide:u._,useFactory:H.x}),d.S,h.Bz.forChild([{path:"",component:T}])]})}}]);
\ No newline at end of file
diff --git a/224.46eee70996d3d5a8.js b/224.46eee70996d3d5a8.js
new file mode 100644
index 000000000..8966c5d9b
--- /dev/null
+++ b/224.46eee70996d3d5a8.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[224],{43303:(T,w,t)=>{t.d(w,{$:()=>e});var n=t(44879),C=t(2316),D=t(50111),m=t(58125),d=t(68849),c=t(4540);class e{constructor(){this.locale="en",this.viewChange=new n.vpe,this.viewDateChange=new n.vpe,this.CalendarView=C.w}}e.\u0275fac=function(s){return new(s||e)},e.\u0275cmp=n.Xpm({type:e,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,a){1&s&&(n._uU(0,"\n "),n.TgZ(1,"div",0),n._uU(2,"\n "),n.TgZ(3,"div",1),n._uU(4,"\n "),n.TgZ(5,"div",2),n._uU(6,"\n "),n.TgZ(7,"div",3),n.NdJ("viewDateChange",function(v){return a.viewDate=v})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),n._uU(8,"\n Previous\n "),n.qZA(),n._uU(9,"\n "),n.TgZ(10,"div",4),n.NdJ("viewDateChange",function(v){return a.viewDate=v})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),n._uU(11,"\n Today\n "),n.qZA(),n._uU(12,"\n "),n.TgZ(13,"div",5),n.NdJ("viewDateChange",function(v){return a.viewDate=v})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),n._uU(14,"\n Next\n "),n.qZA(),n._uU(15,"\n "),n.qZA(),n._uU(16,"\n "),n.qZA(),n._uU(17,"\n "),n.TgZ(18,"div",1),n._uU(19,"\n "),n.TgZ(20,"h3"),n._uU(21),n.ALo(22,"calendarDate"),n.qZA(),n._uU(23,"\n "),n.qZA(),n._uU(24,"\n "),n.TgZ(25,"div",1),n._uU(26,"\n "),n.TgZ(27,"div",2),n._uU(28,"\n "),n.TgZ(29,"div",6),n.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),n._uU(30,"\n Month\n "),n.qZA(),n._uU(31,"\n "),n.TgZ(32,"div",6),n.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),n._uU(33,"\n Week\n "),n.qZA(),n._uU(34,"\n "),n.TgZ(35,"div",6),n.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),n._uU(36,"\n Day\n "),n.qZA(),n._uU(37,"\n "),n.qZA(),n._uU(38,"\n "),n.qZA(),n._uU(39,"\n "),n.qZA(),n._uU(40,"\n "),n._UZ(41,"br"),n._uU(42,"\n ")),2&s&&(n.xp6(7),n.Q6J("view",a.view)("viewDate",a.viewDate),n.xp6(3),n.Q6J("viewDate",a.viewDate),n.xp6(3),n.Q6J("view",a.view)("viewDate",a.viewDate),n.xp6(8),n.Oqu(n.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),n.xp6(8),n.ekj("active",a.view===a.CalendarView.Month),n.xp6(3),n.ekj("active",a.view===a.CalendarView.Week),n.xp6(3),n.ekj("active",a.view===a.CalendarView.Day))},dependencies:[D.O,m.T,d.i,c.J],encapsulation:2})},44248:(T,w,t)=>{t.d(w,{S:()=>d});var n=t(50192),C=t(86963),D=t(5234),m=t(44879);class d{}d.\u0275fac=function(e){return new(e||d)},d.\u0275mod=m.oAB({type:d}),d.\u0275inj=m.cJS({imports:[n.ez,C.u5,D._8]})},60224:(T,w,t)=>{t.r(w),t.d(w,{DemoModule:()=>u});var n=t(50192),C=t(98783),D=t(5234),m=t(33275),d=t(44248),c=t(2316),e=t(44879),p=t(79144),s=t(84156),a=t(56500),l=t(43303);function v(i,_){1&i&&(e.TgZ(0,"span"),e._uU(1,"Click on a month label to change the view to that month."),e.qZA())}function Z(i,_){1&i&&(e.TgZ(0,"span"),e._uU(1,"Click on a day header to change the view to that day."),e.qZA())}function f(i,_){1&i&&(e.TgZ(0,"span"),e._uU(1,"There is no other view to navigate to."),e.qZA())}function y(i,_){if(1&i){const o=e.EpF();e.TgZ(0,"mwl-calendar-month-view",7),e.NdJ("dayClicked",function(r){e.CHM(o);const U=e.oxw();return e.KtG(U.changeDay(r.day.date))}),e._uU(1,"\n "),e.qZA()}if(2&i){const o=e.oxw();e.Q6J("viewDate",o.viewDate)("events",o.events)}}function A(i,_){if(1&i){const o=e.EpF();e.TgZ(0,"mwl-calendar-week-view",8),e.NdJ("dayHeaderClicked",function(r){e.CHM(o);const U=e.oxw();return e.KtG(U.changeDay(r.day.date))}),e._uU(1,"\n "),e.qZA()}if(2&i){const o=e.oxw();e.Q6J("viewDate",o.viewDate)("events",o.events)}}function E(i,_){if(1&i&&(e.TgZ(0,"mwl-calendar-day-view",9),e._uU(1,"\n "),e.qZA()),2&i){const o=e.oxw();e.Q6J("viewDate",o.viewDate)("events",o.events)}}class h{constructor(){this.view=c.w.Month,this.viewDate=new Date,this.events=[]}changeDay(_){this.viewDate=_,this.view=c.w.Day}}h.\u0275fac=function(_){return new(_||h)},h.\u0275cmp=e.Xpm({type:h,selectors:[["mwl-demo-component"]],decls:24,vars:10,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[1,"alert","alert-info"],[3,"ngSwitch"],[4,"ngSwitchCase"],[3,"viewDate","events","dayClicked",4,"ngSwitchCase"],[3,"viewDate","events","dayHeaderClicked",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","dayClicked"],[3,"viewDate","events","dayHeaderClicked"],[3,"viewDate","events"]],template:function(_,o){1&_&&(e.TgZ(0,"mwl-demo-utils-calendar-header",0),e.NdJ("viewChange",function(r){return o.view=r})("viewDateChange",function(r){return o.viewDate=r}),e._uU(1,"\n"),e.qZA(),e._uU(2,"\n\n"),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.YNc(7,v,2,0,"span",3),e._uU(8,"\n "),e.YNc(9,Z,2,0,"span",3),e._uU(10,"\n "),e.YNc(11,f,2,0,"span",3),e._uU(12,"\n "),e.qZA(),e._uU(13,"\n"),e.qZA(),e._uU(14,"\n\n"),e.TgZ(15,"div",2),e._uU(16,"\n "),e.YNc(17,y,2,2,"mwl-calendar-month-view",4),e._uU(18,"\n "),e.YNc(19,A,2,2,"mwl-calendar-week-view",5),e._uU(20,"\n "),e.YNc(21,E,2,2,"mwl-calendar-day-view",6),e._uU(22,"\n"),e.qZA(),e._uU(23,"\n")),2&_&&(e.Q6J("view",o.view)("viewDate",o.viewDate),e.xp6(5),e.Q6J("ngSwitch",o.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"),e.xp6(4),e.Q6J("ngSwitch",o.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[n.RF,n.n9,p.G,s.T,a.S,l.$],encapsulation:2,changeDetection:0});var M=t(20211);class u{}u.\u0275fac=function(_){return new(_||u)},u.\u0275mod=e.oAB({type:u}),u.\u0275inj=e.cJS({imports:[n.ez,D._8.forRoot({provide:m._,useFactory:M.x}),d.S,C.Bz.forChild([{path:"",component:h}])]})}}]);
\ No newline at end of file
diff --git a/3962.0c434369bb82d7ad.js b/2284.640ae027baf5cd8a.js
similarity index 99%
rename from 3962.0c434369bb82d7ad.js
rename to 2284.640ae027baf5cd8a.js
index 31e2603d6..b01efd52b 100644
--- a/3962.0c434369bb82d7ad.js
+++ b/2284.640ae027baf5cd8a.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3962],{83962:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(59487),highlighted:n(50033)}},{filename:"template.html",contents:{raw:n(54769),highlighted:n(52596)}},{filename:"module.ts",contents:{raw:n(62965),highlighted:n(29964)}}]},50033:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { Subject } from \'rxjs\' ;\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'Draggable event\' ,\n color: colors.yellow,\n start: new Date (),\n draggable: true ,\n },\n {\n title: \'A non draggable event\' ,\n color: colors.blue,\n start: new Date (),\n },\n ];\n\n refresh = new Subject<void >();\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this .refresh.next();\n }\n}\n'},29964:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},52596:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-day-view > \n</div > \n'},59487:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'Draggable event',\n color: colors.yellow,\n start: new Date(),\n draggable: true,\n },\n {\n title: 'A non draggable event',\n color: colors.blue,\n start: new Date(),\n },\n ];\n\n refresh = new Subject();\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this.refresh.next();\n }\n}\n"},62965:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},54769:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2284],{72284:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(59487),highlighted:n(50033)}},{filename:"template.html",contents:{raw:n(54769),highlighted:n(52596)}},{filename:"module.ts",contents:{raw:n(62965),highlighted:n(29964)}}]},50033:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { Subject } from \'rxjs\' ;\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'Draggable event\' ,\n color: colors.yellow,\n start: new Date (),\n draggable: true ,\n },\n {\n title: \'A non draggable event\' ,\n color: colors.blue,\n start: new Date (),\n },\n ];\n\n refresh = new Subject<void >();\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this .refresh.next();\n }\n}\n'},29964:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},52596:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-day-view > \n</div > \n'},59487:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'Draggable event',\n color: colors.yellow,\n start: new Date(),\n draggable: true,\n },\n {\n title: 'A non draggable event',\n color: colors.blue,\n start: new Date(),\n },\n ];\n\n refresh = new Subject();\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this.refresh.next();\n }\n}\n"},62965:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},54769:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/2430.0d4d212f78fc118c.js b/2430.0d4d212f78fc118c.js
new file mode 100644
index 000000000..d1c859f23
--- /dev/null
+++ b/2430.0d4d212f78fc118c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2430],{52430:(l,a,s)=>{s.r(a),s.d(a,{sources:()=>n});const n=[{filename:"component.ts",contents:{raw:s(93080),highlighted:s(77812)}},{filename:"template.html",contents:{raw:s(89542),highlighted:s(90017)}},{filename:"styles.scss",contents:{raw:s(55154),highlighted:s(37083)}},{filename:"module.ts",contents:{raw:s(66250),highlighted:s(66900)}}]},77812:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { Subject } from \'rxjs\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styleUrls: [\'./styles.scss\' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject<void >();\n\n addEvent(date: Date ): void {\n this .events.push({\n start: date,\n title: \'New event\' ,\n color: colors.red,\n });\n this .refresh.next();\n }\n}\n'},66900:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { ContextMenuModule } from \'@perfectmemory/ngx-contextmenu\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n ContextMenuModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},37083:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="@import '@angular/cdk/overlay-prebuilt.css';\n@import 'node_modules/@perfectmemory/ngx-contextmenu/src/assets/stylesheets/base';\n\n.month-cell-fill-height {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n}\n"},90017:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<context-menu #basicMenu > \n <ng-template contextMenuItem (execute )="addEvent($event.value)" > \n Add event\n </ng-template > \n</context-menu > \n\n<ng-template \n #monthCellTemplate \n let-day ="day" \n let-openDay ="openDay" \n let-locale ="locale" \n let-tooltipPlacement ="tooltipPlacement" \n let-highlightDay ="highlightDay" \n let-unhighlightDay ="unhighlightDay" \n let-eventClicked ="eventClicked" \n> \n <div \n class ="month-cell-fill-height" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="day.date" \n > \n <div class ="cal-cell-top" > \n <span class ="cal-day-badge" *ngIf ="day.badgeTotal > 0" \n > {{ day.badgeTotal }}</span \n > \n <span class ="cal-day-number" \n > {{ day.date | calendarDate:\'monthViewDayNumber\':locale }}</span \n > \n </div > \n <div class ="cal-events" > \n <div \n class ="cal-event" \n *ngFor ="let event of day.events" \n [style.backgroundColor ]="event.color.primary" \n [ngClass ]="event?.cssClass" \n (mouseenter )="highlightDay.emit({event: event})" \n (mouseleave )="unhighlightDay.emit({event: event})" \n [mwlCalendarTooltip ]="event.title | calendarEventTitle:\'monthTooltip\':event" \n [tooltipPlacement ]="tooltipPlacement" \n (click )="$event.stopPropagation(); eventClicked.emit({event: event})" \n > </div > \n </div > \n </div > \n</ng-template > \n\n<ng-template \n #weekHeaderTemplate \n let-days ="days" \n let-locale ="locale" \n let-dayHeaderClicked ="dayHeaderClicked" \n> \n <div class ="cal-day-headers" > \n <div \n class ="cal-header" \n *ngFor ="let day of days" \n [class.cal-past ]="day.isPast" \n [class.cal-today ]="day.isToday" \n [class.cal-future ]="day.isFuture" \n [class.cal-weekend ]="day.isWeekend" \n (click )="dayHeaderClicked.emit({day: day})" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="day.date" \n > \n <b > {{ day.date | calendarDate:\'weekViewColumnHeader\':locale }}</b > <br /> \n <span \n > {{ day.date | calendarDate:\'weekViewColumnSubHeader\':locale }}</span \n > \n </div > \n </div > \n</ng-template > \n\n<ng-template \n #dayHourSegmentTemplate \n let-segment ="segment" \n let-locale ="locale" \n let-segmentHeight ="segmentHeight" \n> \n <div \n class ="cal-hour-segment" \n [style.height.px ]="segmentHeight" \n [class.cal-hour-start ]="segment.isStart" \n [class.cal-after-hour-start ]="!segment.isStart" \n [ngClass ]="segment.cssClass" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="segment.date" \n > \n <div class ="cal-time" > \n {{ segment.date | calendarDate: \'dayViewHour\':locale }}\n </div > \n </div > \n</ng-template > \n\n<ng-template \n #weekViewHourSegment \n let-segment ="segment" \n let-locale ="locale" \n let-segmentHeight ="segmentHeight" \n let-isTimeLabel ="isTimeLabel" \n> \n <div \n class ="cal-hour-segment" \n [style.height.px ]="segmentHeight" \n [class.cal-hour-start ]="segment.isStart" \n [class.cal-after-hour-start ]="!segment.isStart" \n [ngClass ]="segment.cssClass" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="segment.date" \n > \n <div class ="cal-time" *ngIf ="isTimeLabel" > \n {{ segment.date | calendarDate: \'weekViewHour\':locale }}\n </div > \n </div > \n</ng-template > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [cellTemplate ]="monthCellTemplate" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [headerTemplate ]="weekHeaderTemplate" \n [hourSegmentTemplate ]="weekViewHourSegment" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [hourSegmentTemplate ]="dayHourSegmentTemplate" \n > \n </mwl-calendar-day-view > \n</div > \n'},93080:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { Subject } from 'rxjs';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styleUrls: ['./styles.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject();\n\n addEvent(date: Date): void {\n this.events.push({\n start: date,\n title: 'New event',\n color: colors.red,\n });\n this.refresh.next();\n }\n}\n"},66250:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { ContextMenuModule } from '@perfectmemory/ngx-contextmenu';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n ContextMenuModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},55154:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="@import '@angular/cdk/overlay-prebuilt.css';\n@import 'node_modules/@perfectmemory/ngx-contextmenu/src/assets/stylesheets/base';\n\n.month-cell-fill-height {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n}\n"},89542:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='\n \n\n\n \n Add event\n \n \n\n\n \n
\n 0"\n >{{ day.badgeTotal }} \n {{ day.date | calendarDate:\'monthViewDayNumber\':locale }} \n
\n
\n
\n \n\n\n \n \n\n\n \n
\n {{ segment.date | calendarDate: \'dayViewHour\':locale }}\n
\n
\n \n\n\n \n
\n {{ segment.date | calendarDate: \'weekViewHour\':locale }}\n
\n
\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/245.6b2bdf9a39a503ca.js b/245.6b2bdf9a39a503ca.js
new file mode 100644
index 000000000..22e504023
--- /dev/null
+++ b/245.6b2bdf9a39a503ca.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[245],{60245:(i,s,o)=>{o.r(s),o.d(s,{DemoModule:()=>e});var v=o(50192),D=o(98783),r=o(5234),m=o(33275),t=o(44248),d=o(22201),n=o(44879),f=o(56500);class l{constructor(){this.viewDate=new Date,this.events=[{title:"An all day event",color:d.O.yellow,start:new Date,allDay:!0},{title:"A non all day event",color:d.O.blue,start:new Date}]}}l.\u0275fac=function(a){return new(a||l)},l.\u0275cmp=n.Xpm({type:l,selectors:[["mwl-demo-component"]],decls:3,vars:2,consts:[[3,"viewDate","events"]],template:function(a,u){1&a&&(n.TgZ(0,"mwl-calendar-day-view",0),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n")),2&a&&n.Q6J("viewDate",u.viewDate)("events",u.events)},dependencies:[f.S],encapsulation:2,changeDetection:0});var y=o(20211);class e{}e.\u0275fac=function(a){return new(a||e)},e.\u0275mod=n.oAB({type:e}),e.\u0275inj=n.cJS({imports:[v.ez,r._8.forRoot({provide:m._,useFactory:y.x}),t.S,D.Bz.forChild([{path:"",component:l}])]})},44248:(i,s,o)=>{o.d(s,{S:()=>t});var v=o(50192),D=o(86963),r=o(5234),m=o(44879);class t{}t.\u0275fac=function(n){return new(n||t)},t.\u0275mod=m.oAB({type:t}),t.\u0275inj=m.cJS({imports:[v.ez,D.u5,r._8]})}}]);
\ No newline at end of file
diff --git a/2513.100ef7d05ee10957.js b/2513.100ef7d05ee10957.js
new file mode 100644
index 000000000..95c54ad46
--- /dev/null
+++ b/2513.100ef7d05ee10957.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2513],{82513:(e,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(5891),highlighted:s(32973)}},{filename:"template.html",contents:{raw:s(25316),highlighted:s(41751)}},{filename:"module.ts",contents:{raw:s(72956),highlighted:s(54055)}}]},32973:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Injectable,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarEventTitleFormatter } from \'angular-calendar\' ;\nimport { WeekViewHourSegment } from \'calendar-utils\' ;\nimport { fromEvent } from \'rxjs\' ;\nimport { finalize, takeUntil } from \'rxjs/operators\' ;\nimport { addDays, addMinutes, endOfWeek } from \'date-fns\' ;\n\nfunction floorToNearest (amount: number , precision: number ) {\n return Math .floor(amount / precision) * precision;\n}\n\nfunction ceilToNearest (amount: number , precision: number ) {\n return Math .ceil(amount / precision) * precision;\n}\n\n@Injectable()\nexport class CustomEventTitleFormatter extends CalendarEventTitleFormatter {\n weekTooltip(event: CalendarEvent, title: string ) {\n if (!event.meta.tmpEvent) {\n return super .weekTooltip(event, title);\n }\n }\n\n dayTooltip(event: CalendarEvent, title: string ) {\n if (!event.meta.tmpEvent) {\n return super .dayTooltip(event, title);\n }\n }\n}\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n providers: [\n {\n provide: CalendarEventTitleFormatter,\n useClass: CustomEventTitleFormatter,\n },\n ],\n styles: [\n `\n .disable-hover {\n pointer-events: none;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n viewDate = new Date ();\n\n events: CalendarEvent[] = [];\n\n dragToCreateActive = false ;\n\n weekStartsOn: 0 = 0 ;\n\n constructor (private cdr: ChangeDetectorRef) {}\n\n startDragToCreate(\n segment: WeekViewHourSegment,\n mouseDownEvent: MouseEvent,\n segmentElement: HTMLElement\n ) {\n const dragToSelectEvent: CalendarEvent = {\n id: this .events.length,\n title: \'New event\' ,\n start: segment.date,\n meta: {\n tmpEvent: true ,\n },\n };\n this .events = [...this.events, dragToSelectEvent];\n const segmentPosition = segmentElement.getBoundingClientRect();\n this .dragToCreateActive = true ;\n const endOfView = endOfWeek(this .viewDate, {\n weekStartsOn: this .weekStartsOn,\n });\n\n fromEvent(document , \'mousemove\' )\n .pipe(\n finalize(() => {\n delete dragToSelectEvent.meta.tmpEvent;\n this .dragToCreateActive = false ;\n this .refresh();\n }),\n takeUntil(fromEvent(document , \'mouseup\' ))\n )\n .subscribe((mouseMoveEvent: MouseEvent) => {\n const minutesDiff = ceilToNearest(\n mouseMoveEvent.clientY - segmentPosition.top,\n 30 \n );\n\n const daysDiff =\n floorToNearest(\n mouseMoveEvent.clientX - segmentPosition.left,\n segmentPosition.width\n ) / segmentPosition.width;\n\n const newEnd = addDays(addMinutes(segment.date, minutesDiff), daysDiff);\n if (newEnd > segment.date && newEnd < endOfView) {\n dragToSelectEvent.end = newEnd;\n }\n this .refresh();\n });\n }\n\n private refresh() {\n this .events = [...this.events];\n this .cdr.detectChanges();\n }\n}\n'},54055:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},41751:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<div class ="row" > \n <div class ="col-md-6" > \n <div class ="btn-group" > \n <div \n class ="btn btn-primary" \n mwlCalendarPreviousView \n [view ]="\'week\'" \n [(viewDate )]="viewDate" \n > \n Previous\n </div > \n <div \n class ="btn btn-outline-secondary" \n mwlCalendarToday \n [(viewDate )]="viewDate" \n > \n Today\n </div > \n <div \n class ="btn btn-primary" \n mwlCalendarNextView \n [view ]="\'week\'" \n [(viewDate )]="viewDate" \n > \n Next\n </div > \n </div > \n </div > \n <div class ="col-md-6 text-right" > \n <h3 > {{ viewDate | calendarDate:(\'weekViewTitle\') }}</h3 > \n </div > \n</div > \n<br /> \n\n<ng-template \n #weekViewHourSegmentTemplate \n let-segment ="segment" \n let-locale ="locale" \n let-segmentHeight ="segmentHeight" \n let-isTimeLabel ="isTimeLabel" \n> \n <div \n #segmentElement \n class ="cal-hour-segment" \n [style.height.px ]="segmentHeight" \n [class.cal-hour-start ]="segment.isStart" \n [class.cal-after-hour-start ]="!segment.isStart" \n [ngClass ]="segment.cssClass" \n (mousedown )="startDragToCreate(segment, $event, segmentElement)" \n > \n <div class ="cal-time" *ngIf ="isTimeLabel" > \n {{ segment.date | calendarDate:\'weekViewHour\':locale }}\n </div > \n </div > \n</ng-template > \n\n<mwl-calendar-week-view \n [viewDate ]="viewDate" \n [events ]="events" \n [hourSegmentTemplate ]="weekViewHourSegmentTemplate" \n [weekStartsOn ]="weekStartsOn" \n> \n</mwl-calendar-week-view > \n'},5891:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Injectable,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarEventTitleFormatter } from 'angular-calendar';\nimport { WeekViewHourSegment } from 'calendar-utils';\nimport { fromEvent } from 'rxjs';\nimport { finalize, takeUntil } from 'rxjs/operators';\nimport { addDays, addMinutes, endOfWeek } from 'date-fns';\n\nfunction floorToNearest(amount: number, precision: number) {\n return Math.floor(amount / precision) * precision;\n}\n\nfunction ceilToNearest(amount: number, precision: number) {\n return Math.ceil(amount / precision) * precision;\n}\n\n@Injectable()\nexport class CustomEventTitleFormatter extends CalendarEventTitleFormatter {\n weekTooltip(event: CalendarEvent, title: string) {\n if (!event.meta.tmpEvent) {\n return super.weekTooltip(event, title);\n }\n }\n\n dayTooltip(event: CalendarEvent, title: string) {\n if (!event.meta.tmpEvent) {\n return super.dayTooltip(event, title);\n }\n }\n}\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n providers: [\n {\n provide: CalendarEventTitleFormatter,\n useClass: CustomEventTitleFormatter,\n },\n ],\n styles: [\n `\n .disable-hover {\n pointer-events: none;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n viewDate = new Date();\n\n events: CalendarEvent[] = [];\n\n dragToCreateActive = false;\n\n weekStartsOn: 0 = 0;\n\n constructor(private cdr: ChangeDetectorRef) {}\n\n startDragToCreate(\n segment: WeekViewHourSegment,\n mouseDownEvent: MouseEvent,\n segmentElement: HTMLElement\n ) {\n const dragToSelectEvent: CalendarEvent = {\n id: this.events.length,\n title: 'New event',\n start: segment.date,\n meta: {\n tmpEvent: true,\n },\n };\n this.events = [...this.events, dragToSelectEvent];\n const segmentPosition = segmentElement.getBoundingClientRect();\n this.dragToCreateActive = true;\n const endOfView = endOfWeek(this.viewDate, {\n weekStartsOn: this.weekStartsOn,\n });\n\n fromEvent(document, 'mousemove')\n .pipe(\n finalize(() => {\n delete dragToSelectEvent.meta.tmpEvent;\n this.dragToCreateActive = false;\n this.refresh();\n }),\n takeUntil(fromEvent(document, 'mouseup'))\n )\n .subscribe((mouseMoveEvent: MouseEvent) => {\n const minutesDiff = ceilToNearest(\n mouseMoveEvent.clientY - segmentPosition.top,\n 30\n );\n\n const daysDiff =\n floorToNearest(\n mouseMoveEvent.clientX - segmentPosition.left,\n segmentPosition.width\n ) / segmentPosition.width;\n\n const newEnd = addDays(addMinutes(segment.date, minutesDiff), daysDiff);\n if (newEnd > segment.date && newEnd < endOfView) {\n dragToSelectEvent.end = newEnd;\n }\n this.refresh();\n });\n }\n\n private refresh() {\n this.events = [...this.events];\n this.cdr.detectChanges();\n }\n}\n"},72956:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\nimport { DemoComponent } from './component';\nimport { DemoUtilsModule } from '../demo-utils/module';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},25316:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n
\n
\n
\n Previous\n
\n
\n Today\n
\n
\n Next\n
\n
\n
\n
\n
{{ viewDate | calendarDate:(\'weekViewTitle\') }} \n \n
\n \n\n\n \n
\n {{ segment.date | calendarDate:\'weekViewHour\':locale }}\n
\n
\n \n\n\n \n'}}]);
\ No newline at end of file
diff --git a/2521.90de037833c50779.js b/2521.90de037833c50779.js
deleted file mode 100644
index 500e0a4cf..000000000
--- a/2521.90de037833c50779.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2521],{18471:(T,O,r)=>{r.d(O,{b:()=>l});var i=r(97279),M=r(32202),m=r(56666);function l(u,s=i.z){return(0,M.e)((D,h)=>{let t=null,d=null,E=null;const p=()=>{if(t){t.unsubscribe(),t=null;const a=d;d=null,h.next(a)}};function _(){const a=E+u,g=s.now();if(g{d=a,E=s.now(),t||(t=s.schedule(_,u),h.add(t))},()=>{p(),h.complete()},void 0,()=>{d=t=null}))})}},99195:(T,O,r)=>{r.d(O,{Eq:()=>u,HM:()=>s,Ig:()=>M,fI:()=>D,su:()=>m});var i=r(72612);function M(t){return null!=t&&"false"!=`${t}`}function m(t,d=0){return function l(t){return!isNaN(parseFloat(t))&&!isNaN(Number(t))}(t)?Number(t):d}function u(t){return Array.isArray(t)?t:[t]}function s(t){return null==t?"":"string"==typeof t?t:`${t}px`}function D(t){return t instanceof i.SBq?t.nativeElement:t}},72521:(T,O,r)=>{r.d(O,{Yg:()=>y});var i=r(72612),M=r(99195),m=r(47679),l=r(92845),u=r(1531),s=r(44945),D=r(14152),h=r(24172),t=r(18471),d=r(82566),E=r(53191),p=r(49223),_=r(43095);class a{}a.\u0275fac=function(o){return new(o||a)},a.\u0275mod=i.oAB({type:a}),a.\u0275inj=i.cJS({});const g=new Set;let f;class P{constructor(o){this._platform=o,this._matchMedia=this._platform.isBrowser&&window.matchMedia?window.matchMedia.bind(window):R}matchMedia(o){return(this._platform.WEBKIT||this._platform.BLINK)&&function A(n){if(!g.has(n))try{f||(f=document.createElement("style"),f.setAttribute("type","text/css"),document.head.appendChild(f)),f.sheet&&(f.sheet.insertRule(`@media ${n} {body{ }}`,0),g.add(n))}catch(o){console.error(o)}}(o),this._matchMedia(o)}}function R(n){return{matches:"all"===n||""===n,media:n,addListener:()=>{},removeListener:()=>{}}}P.\u0275fac=function(o){return new(o||P)(i.LFG(_.t4))},P.\u0275prov=i.Yz7({token:P,factory:P.\u0275fac,providedIn:"root"});class y{constructor(o,c){this._mediaMatcher=o,this._zone=c,this._queries=new Map,this._destroySubject=new m.x}ngOnDestroy(){this._destroySubject.next(),this._destroySubject.complete()}isMatched(o){return B((0,M.Eq)(o)).some(x=>this._registerQuery(x).mql.matches)}observe(o){const x=B((0,M.Eq)(o)).map(w=>this._registerQuery(w).observable);let v=(0,l.a)(x);return v=(0,u.z)(v.pipe((0,D.q)(1)),v.pipe((0,h.T)(1),(0,t.b)(0))),v.pipe((0,d.U)(w=>{const I={matches:!1,breakpoints:{}};return w.forEach(({matches:L,query:b})=>{I.matches=I.matches||L,I.breakpoints[b]=L}),I}))}_registerQuery(o){if(this._queries.has(o))return this._queries.get(o);const c=this._mediaMatcher.matchMedia(o),v={observable:new s.y(w=>{const I=L=>this._zone.run(()=>w.next(L));return c.addListener(I),()=>{c.removeListener(I)}}).pipe((0,E.O)(c),(0,d.U)(({matches:w})=>({query:o,matches:w})),(0,p.R)(this._destroySubject)),mql:c};return this._queries.set(o,v),v}}function B(n){return n.map(o=>o.split(",")).reduce((o,c)=>o.concat(c)).map(o=>o.trim())}y.\u0275fac=function(o){return new(o||y)(i.LFG(P),i.LFG(i.R0b))},y.\u0275prov=i.Yz7({token:y,factory:y.\u0275fac,providedIn:"root"})},43095:(T,O,r)=>{r.d(O,{Mq:()=>a,Oy:()=>B,_i:()=>g,ht:()=>R,i$:()=>E,kV:()=>A,sA:()=>y,t4:()=>l});var i=r(72612),M=r(64061);let m;try{m=typeof Intl<"u"&&Intl.v8BreakIterator}catch{m=!1}class l{constructor(n){this._platformId=n,this.isBrowser=this._platformId?(0,M.NF)(this._platformId):"object"==typeof document&&!!document,this.EDGE=this.isBrowser&&/(edge)/i.test(navigator.userAgent),this.TRIDENT=this.isBrowser&&/(msie|trident)/i.test(navigator.userAgent),this.BLINK=this.isBrowser&&!(!window.chrome&&!m)&&typeof CSS<"u"&&!this.EDGE&&!this.TRIDENT,this.WEBKIT=this.isBrowser&&/AppleWebKit/i.test(navigator.userAgent)&&!this.BLINK&&!this.EDGE&&!this.TRIDENT,this.IOS=this.isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window),this.FIREFOX=this.isBrowser&&/(firefox|minefield)/i.test(navigator.userAgent),this.ANDROID=this.isBrowser&&/android/i.test(navigator.userAgent)&&!this.TRIDENT,this.SAFARI=this.isBrowser&&/safari/i.test(navigator.userAgent)&&this.WEBKIT}}l.\u0275fac=function(n){return new(n||l)(i.LFG(i.Lbi))},l.\u0275prov=i.Yz7({token:l,factory:l.\u0275fac,providedIn:"root"});class u{}u.\u0275fac=function(n){return new(n||u)},u.\u0275mod=i.oAB({type:u}),u.\u0275inj=i.cJS({});let t,p,_,f;function E(e){return function d(){if(null==t&&typeof window<"u")try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:()=>t=!0}))}finally{t=t||!1}return t}()?e:!!e.capture}function a(){if(null==_){if("object"!=typeof document||!document||"function"!=typeof Element||!Element)return _=!1,_;if("scrollBehavior"in document.documentElement.style)_=!0;else{const e=Element.prototype.scrollTo;_=!!e&&!/\{\s*\[native code\]\s*\}/.test(e.toString())}}return _}function g(){if("object"!=typeof document||!document)return 0;if(null==p){const e=document.createElement("div"),n=e.style;e.dir="rtl",n.width="1px",n.overflow="auto",n.visibility="hidden",n.pointerEvents="none",n.position="absolute";const o=document.createElement("div"),c=o.style;c.width="2px",c.height="1px",e.appendChild(o),document.body.appendChild(e),p=0,0===e.scrollLeft&&(e.scrollLeft=1,p=0===e.scrollLeft?1:2),e.remove()}return p}function A(e){if(function P(){if(null==f){const e=typeof document<"u"?document.head:null;f=!(!e||!e.createShadowRoot&&!e.attachShadow)}return f}()){const n=e.getRootNode?e.getRootNode():null;if(typeof ShadowRoot<"u"&&ShadowRoot&&n instanceof ShadowRoot)return n}return null}function R(){let e=typeof document<"u"&&document?document.activeElement:null;for(;e&&e.shadowRoot;){const n=e.shadowRoot.activeElement;if(n===e)break;e=n}return e}function y(e){return e.composedPath?e.composedPath()[0]:e.target}function B(){return typeof __karma__<"u"&&!!__karma__||typeof jasmine<"u"&&!!jasmine||typeof jest<"u"&&!!jest||typeof Mocha<"u"&&!!Mocha}}}]);
\ No newline at end of file
diff --git a/8601.e4b07d714808ebca.js b/2555.1e2b39b7abea50c7.js
similarity index 99%
rename from 8601.e4b07d714808ebca.js
rename to 2555.1e2b39b7abea50c7.js
index 9edcfb426..a2d255117 100644
--- a/8601.e4b07d714808ebca.js
+++ b/2555.1e2b39b7abea50c7.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[8601],{28601:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:{default:n(33022).Z.replace("8eb2582d-3a4c-4fc5-94c8-3e21487d4e23","REPLACE_WITH_YOUR_OWN_TOKEN")},highlighted:{default:n(24345).Z.replace("8eb2582d-3a4c-4fc5-94c8-3e21487d4e23","REPLACE_WITH_YOUR_OWN_TOKEN")}}},{filename:"template.html",contents:{raw:n(22290),highlighted:n(41954)}},{filename:"module.ts",contents:{raw:n(33844),highlighted:n(33629)}}]},24345:(e,s,n)=>{n.d(s,{Z:()=>a});const a='import {\n Component,\n ChangeDetectionStrategy,\n OnInit,\n ChangeDetectorRef,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { HttpClient } from \'@angular/common/http\' ;\nimport { startOfYear, subYears } from \'date-fns\' ;\n\n\nconst HOLIDAY_API_KEY = \'8eb2582d-3a4c-4fc5-94c8-3e21487d4e23\' ;\n\n\nconst COUNTRY_CODE = \'US\' ;\n\ninterface Holiday {\n date: string ;\n name: string ;\n}\n\ntype CalendarEventWithMeta = CalendarEvent<\n { type : \'holiday\' ; holiday: Holiday } | { type : \'normal\' }\n>;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent implements OnInit {\n view: CalendarView = CalendarView.Month;\n\n viewDate = startOfYear(subYears(new Date (), 1 ));\n\n events: CalendarEventWithMeta[] = [];\n\n constructor (private http: HttpClient, private cdr: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this .fetchHolidays();\n }\n\n private fetchHolidays() {\n this .http\n .get<{ holidays: Holiday[] }>(\'https://holidayapi.com/v1/holidays\' , {\n params: {\n country: COUNTRY_CODE,\n year: String (new Date ().getFullYear() - 1 ),\n key: HOLIDAY_API_KEY,\n },\n })\n .subscribe(({ holidays }) => {\n this .events = holidays.map((holiday) => {\n return {\n start: new Date (holiday.date),\n title: holiday.name,\n allDay: true ,\n meta: {\n type : \'holiday\' ,\n holiday,\n },\n };\n });\n this .cdr.markForCheck();\n });\n }\n}\n'},33629:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\nimport { HttpClientModule } from \'@angular/common/http\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n HttpClientModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},41954:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},33022:(e,s,n)=>{n.d(s,{Z:()=>a});const a="import {\n Component,\n ChangeDetectionStrategy,\n OnInit,\n ChangeDetectorRef,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { HttpClient } from '@angular/common/http';\nimport { startOfYear, subYears } from 'date-fns';\n\n// get your own key from https://holidayapi.com/\nconst HOLIDAY_API_KEY = '8eb2582d-3a4c-4fc5-94c8-3e21487d4e23';\n\n// change this to your own country\nconst COUNTRY_CODE = 'US';\n\ninterface Holiday {\n date: string;\n name: string;\n}\n\ntype CalendarEventWithMeta = CalendarEvent<\n { type: 'holiday'; holiday: Holiday } | { type: 'normal' }\n>;\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent implements OnInit {\n view: CalendarView = CalendarView.Month;\n\n viewDate = startOfYear(subYears(new Date(), 1));\n\n events: CalendarEventWithMeta[] = [];\n\n constructor(private http: HttpClient, private cdr: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this.fetchHolidays();\n }\n\n private fetchHolidays() {\n this.http\n .get<{ holidays: Holiday[] }>('https://holidayapi.com/v1/holidays', {\n params: {\n country: COUNTRY_CODE,\n year: String(new Date().getFullYear() - 1),\n key: HOLIDAY_API_KEY,\n },\n })\n .subscribe(({ holidays }) => {\n this.events = holidays.map((holiday) => {\n return {\n start: new Date(holiday.date),\n title: holiday.name,\n allDay: true,\n meta: {\n type: 'holiday',\n holiday,\n },\n };\n });\n this.cdr.markForCheck();\n });\n }\n}\n"},33844:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\nimport { HttpClientModule } from '@angular/common/http';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n HttpClientModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},22290:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[2555],{12555:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:{default:n(33022).Z.replace("8eb2582d-3a4c-4fc5-94c8-3e21487d4e23","REPLACE_WITH_YOUR_OWN_TOKEN")},highlighted:{default:n(24345).Z.replace("8eb2582d-3a4c-4fc5-94c8-3e21487d4e23","REPLACE_WITH_YOUR_OWN_TOKEN")}}},{filename:"template.html",contents:{raw:n(22290),highlighted:n(41954)}},{filename:"module.ts",contents:{raw:n(33844),highlighted:n(33629)}}]},24345:(e,s,n)=>{n.d(s,{Z:()=>a});const a='import {\n Component,\n ChangeDetectionStrategy,\n OnInit,\n ChangeDetectorRef,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { HttpClient } from \'@angular/common/http\' ;\nimport { startOfYear, subYears } from \'date-fns\' ;\n\n\nconst HOLIDAY_API_KEY = \'8eb2582d-3a4c-4fc5-94c8-3e21487d4e23\' ;\n\n\nconst COUNTRY_CODE = \'US\' ;\n\ninterface Holiday {\n date: string ;\n name: string ;\n}\n\ntype CalendarEventWithMeta = CalendarEvent<\n { type : \'holiday\' ; holiday: Holiday } | { type : \'normal\' }\n>;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent implements OnInit {\n view: CalendarView = CalendarView.Month;\n\n viewDate = startOfYear(subYears(new Date (), 1 ));\n\n events: CalendarEventWithMeta[] = [];\n\n constructor (private http: HttpClient, private cdr: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this .fetchHolidays();\n }\n\n private fetchHolidays() {\n this .http\n .get<{ holidays: Holiday[] }>(\'https://holidayapi.com/v1/holidays\' , {\n params: {\n country: COUNTRY_CODE,\n year: String (new Date ().getFullYear() - 1 ),\n key: HOLIDAY_API_KEY,\n },\n })\n .subscribe(({ holidays }) => {\n this .events = holidays.map((holiday) => {\n return {\n start: new Date (holiday.date),\n title: holiday.name,\n allDay: true ,\n meta: {\n type : \'holiday\' ,\n holiday,\n },\n };\n });\n this .cdr.markForCheck();\n });\n }\n}\n'},33629:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\nimport { HttpClientModule } from \'@angular/common/http\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n HttpClientModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},41954:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},33022:(e,s,n)=>{n.d(s,{Z:()=>a});const a="import {\n Component,\n ChangeDetectionStrategy,\n OnInit,\n ChangeDetectorRef,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { HttpClient } from '@angular/common/http';\nimport { startOfYear, subYears } from 'date-fns';\n\n// get your own key from https://holidayapi.com/\nconst HOLIDAY_API_KEY = '8eb2582d-3a4c-4fc5-94c8-3e21487d4e23';\n\n// change this to your own country\nconst COUNTRY_CODE = 'US';\n\ninterface Holiday {\n date: string;\n name: string;\n}\n\ntype CalendarEventWithMeta = CalendarEvent<\n { type: 'holiday'; holiday: Holiday } | { type: 'normal' }\n>;\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent implements OnInit {\n view: CalendarView = CalendarView.Month;\n\n viewDate = startOfYear(subYears(new Date(), 1));\n\n events: CalendarEventWithMeta[] = [];\n\n constructor(private http: HttpClient, private cdr: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this.fetchHolidays();\n }\n\n private fetchHolidays() {\n this.http\n .get<{ holidays: Holiday[] }>('https://holidayapi.com/v1/holidays', {\n params: {\n country: COUNTRY_CODE,\n year: String(new Date().getFullYear() - 1),\n key: HOLIDAY_API_KEY,\n },\n })\n .subscribe(({ holidays }) => {\n this.events = holidays.map((holiday) => {\n return {\n start: new Date(holiday.date),\n title: holiday.name,\n allDay: true,\n meta: {\n type: 'holiday',\n holiday,\n },\n };\n });\n this.cdr.markForCheck();\n });\n }\n}\n"},33844:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\nimport { HttpClientModule } from '@angular/common/http';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n HttpClientModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},22290:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/26.8a8a15b222c2cbed.js b/26.8a8a15b222c2cbed.js
deleted file mode 100644
index 8f1b0ee33..000000000
--- a/26.8a8a15b222c2cbed.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[26],{10026:(l,a,s)=>{s.r(a),s.d(a,{sources:()=>n});const n=[{filename:"component.ts",contents:{raw:s(34796),highlighted:s(77812)}},{filename:"template.html",contents:{raw:s(89542),highlighted:s(90017)}},{filename:"styles.scss",contents:{raw:s(55154),highlighted:s(37083)}},{filename:"module.ts",contents:{raw:s(66250),highlighted:s(66900)}}]},77812:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { Subject } from \'rxjs\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styleUrls: [\'./styles.scss\' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject<void >();\n\n addEvent(date: Date ): void {\n this .events.push({\n start: date,\n title: \'New event\' ,\n color: colors.red,\n });\n this .refresh.next();\n }\n}\n'},66900:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { ContextMenuModule } from \'@perfectmemory/ngx-contextmenu\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n ContextMenuModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},37083:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="@import '@angular/cdk/overlay-prebuilt.css';\n@import 'node_modules/@perfectmemory/ngx-contextmenu/src/assets/stylesheets/base';\n\n.month-cell-fill-height {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n}\n"},90017:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<context-menu #basicMenu > \n <ng-template contextMenuItem (execute )="addEvent($event.value)" > \n Add event\n </ng-template > \n</context-menu > \n\n<ng-template \n #monthCellTemplate \n let-day ="day" \n let-openDay ="openDay" \n let-locale ="locale" \n let-tooltipPlacement ="tooltipPlacement" \n let-highlightDay ="highlightDay" \n let-unhighlightDay ="unhighlightDay" \n let-eventClicked ="eventClicked" \n> \n <div \n class ="month-cell-fill-height" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="day.date" \n > \n <div class ="cal-cell-top" > \n <span class ="cal-day-badge" *ngIf ="day.badgeTotal > 0" \n > {{ day.badgeTotal }}</span \n > \n <span class ="cal-day-number" \n > {{ day.date | calendarDate:\'monthViewDayNumber\':locale }}</span \n > \n </div > \n <div class ="cal-events" > \n <div \n class ="cal-event" \n *ngFor ="let event of day.events" \n [style.backgroundColor ]="event.color.primary" \n [ngClass ]="event?.cssClass" \n (mouseenter )="highlightDay.emit({event: event})" \n (mouseleave )="unhighlightDay.emit({event: event})" \n [mwlCalendarTooltip ]="event.title | calendarEventTitle:\'monthTooltip\':event" \n [tooltipPlacement ]="tooltipPlacement" \n (click )="$event.stopPropagation(); eventClicked.emit({event: event})" \n > </div > \n </div > \n </div > \n</ng-template > \n\n<ng-template \n #weekHeaderTemplate \n let-days ="days" \n let-locale ="locale" \n let-dayHeaderClicked ="dayHeaderClicked" \n> \n <div class ="cal-day-headers" > \n <div \n class ="cal-header" \n *ngFor ="let day of days" \n [class.cal-past ]="day.isPast" \n [class.cal-today ]="day.isToday" \n [class.cal-future ]="day.isFuture" \n [class.cal-weekend ]="day.isWeekend" \n (click )="dayHeaderClicked.emit({day: day})" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="day.date" \n > \n <b > {{ day.date | calendarDate:\'weekViewColumnHeader\':locale }}</b > <br /> \n <span \n > {{ day.date | calendarDate:\'weekViewColumnSubHeader\':locale }}</span \n > \n </div > \n </div > \n</ng-template > \n\n<ng-template \n #dayHourSegmentTemplate \n let-segment ="segment" \n let-locale ="locale" \n let-segmentHeight ="segmentHeight" \n> \n <div \n class ="cal-hour-segment" \n [style.height.px ]="segmentHeight" \n [class.cal-hour-start ]="segment.isStart" \n [class.cal-after-hour-start ]="!segment.isStart" \n [ngClass ]="segment.cssClass" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="segment.date" \n > \n <div class ="cal-time" > \n {{ segment.date | calendarDate: \'dayViewHour\':locale }}\n </div > \n </div > \n</ng-template > \n\n<ng-template \n #weekViewHourSegment \n let-segment ="segment" \n let-locale ="locale" \n let-segmentHeight ="segmentHeight" \n let-isTimeLabel ="isTimeLabel" \n> \n <div \n class ="cal-hour-segment" \n [style.height.px ]="segmentHeight" \n [class.cal-hour-start ]="segment.isStart" \n [class.cal-after-hour-start ]="!segment.isStart" \n [ngClass ]="segment.cssClass" \n [contextMenu ]="basicMenu" \n [contextMenuValue ]="segment.date" \n > \n <div class ="cal-time" *ngIf ="isTimeLabel" > \n {{ segment.date | calendarDate: \'weekViewHour\':locale }}\n </div > \n </div > \n</ng-template > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [cellTemplate ]="monthCellTemplate" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [headerTemplate ]="weekHeaderTemplate" \n [hourSegmentTemplate ]="weekViewHourSegment" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [hourSegmentTemplate ]="dayHourSegmentTemplate" \n > \n </mwl-calendar-day-view > \n</div > \n'},34796:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { Subject } from 'rxjs';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styleUrls: ['./styles.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject();\n\n addEvent(date: Date): void {\n this.events.push({\n start: date,\n title: 'New event',\n color: colors.red,\n });\n this.refresh.next();\n }\n}\n"},66250:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { ContextMenuModule } from '@perfectmemory/ngx-contextmenu';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n ContextMenuModule,\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},55154:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n="@import '@angular/cdk/overlay-prebuilt.css';\n@import 'node_modules/@perfectmemory/ngx-contextmenu/src/assets/stylesheets/base';\n\n.month-cell-fill-height {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n}\n"},89542:(l,a,s)=>{s.r(a),s.d(a,{default:()=>n});const n='\n \n\n\n \n Add event\n \n \n\n\n \n
\n 0"\n >{{ day.badgeTotal }} \n {{ day.date | calendarDate:\'monthViewDayNumber\':locale }} \n
\n
\n
\n \n\n\n \n \n\n\n \n
\n {{ segment.date | calendarDate: \'dayViewHour\':locale }}\n
\n
\n \n\n\n \n
\n {{ segment.date | calendarDate: \'weekViewHour\':locale }}\n
\n
\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/290.8547b17ee4853015.js b/290.8547b17ee4853015.js
new file mode 100644
index 000000000..83faadb2e
--- /dev/null
+++ b/290.8547b17ee4853015.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[290],{40290:(e,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(64946),highlighted:s(82604)}},{filename:"template.html",contents:{raw:s(50838),highlighted:s(87568)}},{filename:"module.ts",contents:{raw:s(41818),highlighted:s(16211)}}]},82604:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport {\n CalendarEvent,\n CalendarMonthViewDay,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { Subject } from \'rxjs\' ;\n\nconst RED_CELL: \'red-cell\' = \'red-cell\' ;\nconst BLUE_CELL: \'blue-cell\' = \'blue-cell\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n templateUrl: \'template.html\' ,\n styles: [\n `\n .red-cell {\n background-color: red !important;\n }\n .blue-cell {\n background-color: blue !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date ();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject<void >();\n\n cssClass: string = RED_CELL;\n\n refreshView(): void {\n this .cssClass = this .cssClass === RED_CELL ? BLUE_CELL : RED_CELL;\n this .refresh.next();\n }\n\n beforeMonthViewRender({ body }: { body: CalendarMonthViewDay[] }): void {\n body.forEach((day) => {\n if (day.date.getDate() % 2 === 1 ) {\n day.cssClass = this .cssClass;\n }\n });\n }\n}\n'},16211:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},87568:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div class ="text-center" > \n <button class ="btn btn-primary" (click )="refreshView()" > \n Refresh + re-render the current view\n </button > \n</div > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n (beforeViewRender )="beforeMonthViewRender($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n > \n </mwl-calendar-day-view > \n</div > \n'},64946:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import {\n Component,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n CalendarEvent,\n CalendarMonthViewDay,\n CalendarView,\n} from 'angular-calendar';\nimport { Subject } from 'rxjs';\n\nconst RED_CELL: 'red-cell' = 'red-cell';\nconst BLUE_CELL: 'blue-cell' = 'blue-cell';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n templateUrl: 'template.html',\n styles: [\n `\n .red-cell {\n background-color: red !important;\n }\n .blue-cell {\n background-color: blue !important;\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate = new Date();\n\n events: CalendarEvent[] = [];\n\n refresh = new Subject();\n\n cssClass: string = RED_CELL;\n\n refreshView(): void {\n this.cssClass = this.cssClass === RED_CELL ? BLUE_CELL : RED_CELL;\n this.refresh.next();\n }\n\n beforeMonthViewRender({ body }: { body: CalendarMonthViewDay[] }): void {\n body.forEach((day) => {\n if (day.date.getDate() % 2 === 1) {\n day.cssClass = this.cssClass;\n }\n });\n }\n}\n"},41818:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},50838:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n\n\n \n Refresh + re-render the current view\n \n
\n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/3118.f2dbfb49d012f5e6.js b/3118.f2dbfb49d012f5e6.js
new file mode 100644
index 000000000..d49f94c83
--- /dev/null
+++ b/3118.f2dbfb49d012f5e6.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3118],{93118:(Bt,j,s)=>{s.r(j),s.d(j,{DemoModule:()=>x});var S=s(50192),H=s(77797),re=s(98783),ie=s(5234),oe=s(33275),ue=s(44248),se=s(27053),de=s(2316),le=s(35250),ce=s(54141),me=s(54876),fe=s(69456),ve=s(78511),he=s(82398),w=s(13638);function N(n){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(n)}function ge(n){return(0,w.Z)(1,arguments),n instanceof Date||"object"===N(n)&&"[object Date]"===Object.prototype.toString.call(n)}var C=s(72810);function we(n){if((0,w.Z)(1,arguments),!ge(n)&&"number"!=typeof n)return!1;var t=(0,C.Z)(n);return!isNaN(Number(t))}var ye=s(95532),_=s(7483);function pe(n,t){(0,w.Z)(2,arguments);var e=(0,_.Z)(t);return(0,ye.Z)(n,-e)}function F(n){(0,w.Z)(1,arguments);var t=1,e=(0,C.Z)(n),a=e.getUTCDay(),r=(a=r.getTime()?e+1:t.getTime()>=u.getTime()?e:e-1}function Te(n){(0,w.Z)(1,arguments);var t=q(n),e=new Date(0);e.setUTCFullYear(t,0,4),e.setUTCHours(0,0,0,0);var a=F(e);return a}var De=6048e5;var $=s(64008);function L(n,t){var e,a,r,i,u,l,m,c;(0,w.Z)(1,arguments);var v=(0,$.j)(),f=(0,_.Z)(null!==(e=null!==(a=null!==(r=null!==(i=t?.weekStartsOn)&&void 0!==i?i:null==t||null===(u=t.locale)||void 0===u||null===(l=u.options)||void 0===l?void 0:l.weekStartsOn)&&void 0!==r?r:v.weekStartsOn)&&void 0!==a?a:null===(m=v.locale)||void 0===m||null===(c=m.options)||void 0===c?void 0:c.weekStartsOn)&&void 0!==e?e:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var g=(0,C.Z)(n),h=g.getUTCDay(),p=(h=1&&h<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var p=new Date(0);p.setUTCFullYear(f+1,0,h),p.setUTCHours(0,0,0,0);var W=L(p,t),O=new Date(0);O.setUTCFullYear(f,0,h),O.setUTCHours(0,0,0,0);var E=L(O,t);return v.getTime()>=W.getTime()?f+1:v.getTime()>=E.getTime()?f:f-1}function _e(n,t){var e,a,r,i,u,l,m,c;(0,w.Z)(1,arguments);var v=(0,$.j)(),f=(0,_.Z)(null!==(e=null!==(a=null!==(r=null!==(i=t?.firstWeekContainsDate)&&void 0!==i?i:null==t||null===(u=t.locale)||void 0===u||null===(l=u.options)||void 0===l?void 0:l.firstWeekContainsDate)&&void 0!==r?r:v.firstWeekContainsDate)&&void 0!==a?a:null===(m=v.locale)||void 0===m||null===(c=m.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==e?e:1),g=V(n,t),h=new Date(0);h.setUTCFullYear(g,0,f),h.setUTCHours(0,0,0,0);var p=L(h,t);return p}var Me=6048e5;function d(n,t){for(var e=n<0?"-":"",a=Math.abs(n).toString();a.length0?a:1-a;return d("yy"===e?r%100:r,e.length)},M:function(t,e){var a=t.getUTCMonth();return"M"===e?String(a+1):d(a+1,2)},d:function(t,e){return d(t.getUTCDate(),e.length)},a:function(t,e){var a=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return a.toUpperCase();case"aaa":return a;case"aaaaa":return a[0];default:return"am"===a?"a.m.":"p.m."}},h:function(t,e){return d(t.getUTCHours()%12||12,e.length)},H:function(t,e){return d(t.getUTCHours(),e.length)},m:function(t,e){return d(t.getUTCMinutes(),e.length)},s:function(t,e){return d(t.getUTCSeconds(),e.length)},S:function(t,e){var a=e.length,r=t.getUTCMilliseconds();return d(Math.floor(r*Math.pow(10,a-3)),e.length)}};var M_midnight="midnight",M_noon="noon",M_morning="morning",M_afternoon="afternoon",M_evening="evening",M_night="night";function z(n,t){var e=n>0?"-":"+",a=Math.abs(n),r=Math.floor(a/60),i=a%60;if(0===i)return e+String(r);var u=t||"";return e+String(r)+u+d(i,2)}function K(n,t){return n%60==0?(n>0?"-":"+")+d(Math.abs(n)/60,2):D(n,t)}function D(n,t){var e=t||"",a=n>0?"-":"+",r=Math.abs(n);return a+d(Math.floor(r/60),2)+e+d(r%60,2)}const Pe={G:function(t,e,a){var r=t.getUTCFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return a.era(r,{width:"abbreviated"});case"GGGGG":return a.era(r,{width:"narrow"});default:return a.era(r,{width:"wide"})}},y:function(t,e,a){if("yo"===e){var r=t.getUTCFullYear(),i=r>0?r:1-r;return a.ordinalNumber(i,{unit:"year"})}return b.y(t,e)},Y:function(t,e,a,r){var i=V(t,r),u=i>0?i:1-i;return"YY"===e?d(u%100,2):"Yo"===e?a.ordinalNumber(u,{unit:"year"}):d(u,e.length)},R:function(t,e){return d(q(t),e.length)},u:function(t,e){return d(t.getUTCFullYear(),e.length)},Q:function(t,e,a){var r=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"Q":return String(r);case"QQ":return d(r,2);case"Qo":return a.ordinalNumber(r,{unit:"quarter"});case"QQQ":return a.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return a.quarter(r,{width:"narrow",context:"formatting"});default:return a.quarter(r,{width:"wide",context:"formatting"})}},q:function(t,e,a){var r=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"q":return String(r);case"qq":return d(r,2);case"qo":return a.ordinalNumber(r,{unit:"quarter"});case"qqq":return a.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return a.quarter(r,{width:"narrow",context:"standalone"});default:return a.quarter(r,{width:"wide",context:"standalone"})}},M:function(t,e,a){var r=t.getUTCMonth();switch(e){case"M":case"MM":return b.M(t,e);case"Mo":return a.ordinalNumber(r+1,{unit:"month"});case"MMM":return a.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return a.month(r,{width:"narrow",context:"formatting"});default:return a.month(r,{width:"wide",context:"formatting"})}},L:function(t,e,a){var r=t.getUTCMonth();switch(e){case"L":return String(r+1);case"LL":return d(r+1,2);case"Lo":return a.ordinalNumber(r+1,{unit:"month"});case"LLL":return a.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return a.month(r,{width:"narrow",context:"standalone"});default:return a.month(r,{width:"wide",context:"standalone"})}},w:function(t,e,a,r){var i=function xe(n,t){(0,w.Z)(1,arguments);var e=(0,C.Z)(n),a=L(e,t).getTime()-_e(e,t).getTime();return Math.round(a/Me)+1}(t,r);return"wo"===e?a.ordinalNumber(i,{unit:"week"}):d(i,e.length)},I:function(t,e,a){var r=function Oe(n){(0,w.Z)(1,arguments);var t=(0,C.Z)(n),e=F(t).getTime()-Te(t).getTime();return Math.round(e/De)+1}(t);return"Io"===e?a.ordinalNumber(r,{unit:"week"}):d(r,e.length)},d:function(t,e,a){return"do"===e?a.ordinalNumber(t.getUTCDate(),{unit:"date"}):b.d(t,e)},D:function(t,e,a){var r=function be(n){(0,w.Z)(1,arguments);var t=(0,C.Z)(n),e=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var a=t.getTime(),r=e-a;return Math.floor(r/864e5)+1}(t);return"Do"===e?a.ordinalNumber(r,{unit:"dayOfYear"}):d(r,e.length)},E:function(t,e,a){var r=t.getUTCDay();switch(e){case"E":case"EE":case"EEE":return a.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return a.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},e:function(t,e,a,r){var i=t.getUTCDay(),u=(i-r.weekStartsOn+8)%7||7;switch(e){case"e":return String(u);case"ee":return d(u,2);case"eo":return a.ordinalNumber(u,{unit:"day"});case"eee":return a.day(i,{width:"abbreviated",context:"formatting"});case"eeeee":return a.day(i,{width:"narrow",context:"formatting"});case"eeeeee":return a.day(i,{width:"short",context:"formatting"});default:return a.day(i,{width:"wide",context:"formatting"})}},c:function(t,e,a,r){var i=t.getUTCDay(),u=(i-r.weekStartsOn+8)%7||7;switch(e){case"c":return String(u);case"cc":return d(u,e.length);case"co":return a.ordinalNumber(u,{unit:"day"});case"ccc":return a.day(i,{width:"abbreviated",context:"standalone"});case"ccccc":return a.day(i,{width:"narrow",context:"standalone"});case"cccccc":return a.day(i,{width:"short",context:"standalone"});default:return a.day(i,{width:"wide",context:"standalone"})}},i:function(t,e,a){var r=t.getUTCDay(),i=0===r?7:r;switch(e){case"i":return String(i);case"ii":return d(i,e.length);case"io":return a.ordinalNumber(i,{unit:"day"});case"iii":return a.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return a.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},a:function(t,e,a){var i=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return a.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return a.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return a.dayPeriod(i,{width:"narrow",context:"formatting"});default:return a.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(t,e,a){var i,r=t.getUTCHours();switch(i=12===r?M_noon:0===r?M_midnight:r/12>=1?"pm":"am",e){case"b":case"bb":return a.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return a.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return a.dayPeriod(i,{width:"narrow",context:"formatting"});default:return a.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(t,e,a){var i,r=t.getUTCHours();switch(i=r>=17?M_evening:r>=12?M_afternoon:r>=4?M_morning:M_night,e){case"B":case"BB":case"BBB":return a.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return a.dayPeriod(i,{width:"narrow",context:"formatting"});default:return a.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(t,e,a){if("ho"===e){var r=t.getUTCHours()%12;return 0===r&&(r=12),a.ordinalNumber(r,{unit:"hour"})}return b.h(t,e)},H:function(t,e,a){return"Ho"===e?a.ordinalNumber(t.getUTCHours(),{unit:"hour"}):b.H(t,e)},K:function(t,e,a){var r=t.getUTCHours()%12;return"Ko"===e?a.ordinalNumber(r,{unit:"hour"}):d(r,e.length)},k:function(t,e,a){var r=t.getUTCHours();return 0===r&&(r=24),"ko"===e?a.ordinalNumber(r,{unit:"hour"}):d(r,e.length)},m:function(t,e,a){return"mo"===e?a.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):b.m(t,e)},s:function(t,e,a){return"so"===e?a.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):b.s(t,e)},S:function(t,e){return b.S(t,e)},X:function(t,e,a,r){var u=(r._originalDate||t).getTimezoneOffset();if(0===u)return"Z";switch(e){case"X":return K(u);case"XXXX":case"XX":return D(u);default:return D(u,":")}},x:function(t,e,a,r){var u=(r._originalDate||t).getTimezoneOffset();switch(e){case"x":return K(u);case"xxxx":case"xx":return D(u);default:return D(u,":")}},O:function(t,e,a,r){var u=(r._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+z(u,":");default:return"GMT"+D(u,":")}},z:function(t,e,a,r){var u=(r._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+z(u,":");default:return"GMT"+D(u,":")}},t:function(t,e,a,r){var i=r._originalDate||t;return d(Math.floor(i.getTime()/1e3),e.length)},T:function(t,e,a,r){return d((r._originalDate||t).getTime(),e.length)}};var ee=function(t,e){switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});default:return e.date({width:"full"})}},te=function(t,e){switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});default:return e.time({width:"full"})}};const Ee={p:te,P:function(t,e){var u,a=t.match(/(P+)(p+)?/)||[],r=a[1],i=a[2];if(!i)return ee(t,e);switch(r){case"P":u=e.dateTime({width:"short"});break;case"PP":u=e.dateTime({width:"medium"});break;case"PPP":u=e.dateTime({width:"long"});break;default:u=e.dateTime({width:"full"})}return u.replace("{{date}}",ee(r,e)).replace("{{time}}",te(i,e))}};var Ye=s(94987),Ze=["D","DD"],Ne=["YY","YYYY"];function Fe(n){return-1!==Ze.indexOf(n)}function $e(n){return-1!==Ne.indexOf(n)}function ae(n,t,e){if("YYYY"===n)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t,"`) for formatting years to the input `").concat(e,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===n)throw new RangeError("Use `yy` instead of `YY` (in `".concat(t,"`) for formatting years to the input `").concat(e,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===n)throw new RangeError("Use `d` instead of `D` (in `".concat(t,"`) for formatting days of the month to the input `").concat(e,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===n)throw new RangeError("Use `dd` instead of `DD` (in `".concat(t,"`) for formatting days of the month to the input `").concat(e,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var Le={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};const Ie=function(t,e,a){var r,i=Le[t];return r="string"==typeof i?i:1===e?i.one:i.other.replace("{{count}}",e.toString()),null!=a&&a.addSuffix?a.comparison&&a.comparison>0?"in "+r:r+" ago":r};function A(n){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.width?String(t.width):n.defaultWidth,a=n.formats[e]||n.formats[n.defaultWidth];return a}}var Je={date:A({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:A({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:A({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})};var Xe={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function k(n){return function(t,e){var r;if("formatting"===(null!=e&&e.context?String(e.context):"standalone")&&n.formattingValues){var i=n.defaultFormattingWidth||n.defaultWidth,u=null!=e&&e.width?String(e.width):i;r=n.formattingValues[u]||n.formattingValues[i]}else{var l=n.defaultWidth,m=null!=e&&e.width?String(e.width):n.defaultWidth;r=n.values[m]||n.values[l]}return r[n.argumentCallback?n.argumentCallback(t):t]}}function P(n){return function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=e.width,r=a&&n.matchPatterns[a]||n.matchPatterns[n.defaultMatchWidth],i=t.match(r);if(!i)return null;var c,u=i[0],l=a&&n.parsePatterns[a]||n.parsePatterns[n.defaultParseWidth],m=Array.isArray(l)?ot(l,function(f){return f.test(u)}):it(l,function(f){return f.test(u)});c=n.valueCallback?n.valueCallback(m):m,c=e.valueCallback?e.valueCallback(c):c;var v=t.slice(u.length);return{value:c,rest:v}}}function it(n,t){for(var e in n)if(n.hasOwnProperty(e)&&t(n[e]))return e}function ot(n,t){for(var e=0;e20||r<10)switch(r%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},era:k({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:k({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:k({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:k({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:k({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:function ut(n){return function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=t.match(n.matchPattern);if(!a)return null;var r=a[0],i=t.match(n.parsePattern);if(!i)return null;var u=n.valueCallback?n.valueCallback(i[0]):i[0];u=e.valueCallback?e.valueCallback(u):u;var l=t.slice(r.length);return{value:u,rest:l}}}({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}}),era:P({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:P({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:P({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:P({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:P({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Dt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ot=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,_t=/^'([^]*?)'?$/,Mt=/''/g,xt=/[a-zA-Z]/;function ne(n,t,e){var a,r,i,u,l,m,c,v,f,g,h,p,W,O,E,R,J,G;(0,w.Z)(2,arguments);var At=String(t),Y=(0,$.j)(),Z=null!==(a=null!==(r=e?.locale)&&void 0!==r?r:Y.locale)&&void 0!==a?a:Tt,X=(0,_.Z)(null!==(i=null!==(u=null!==(l=null!==(m=e?.firstWeekContainsDate)&&void 0!==m?m:null==e||null===(c=e.locale)||void 0===c||null===(v=c.options)||void 0===v?void 0:v.firstWeekContainsDate)&&void 0!==l?l:Y.firstWeekContainsDate)&&void 0!==u?u:null===(f=Y.locale)||void 0===f||null===(g=f.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==i?i:1);if(!(X>=1&&X<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var B=(0,_.Z)(null!==(h=null!==(p=null!==(W=null!==(O=e?.weekStartsOn)&&void 0!==O?O:null==e||null===(E=e.locale)||void 0===E||null===(R=E.options)||void 0===R?void 0:R.weekStartsOn)&&void 0!==W?W:Y.weekStartsOn)&&void 0!==p?p:null===(J=Y.locale)||void 0===J||null===(G=J.options)||void 0===G?void 0:G.weekStartsOn)&&void 0!==h?h:0);if(!(B>=0&&B<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!Z.localize)throw new RangeError("locale must contain localize property");if(!Z.formatLong)throw new RangeError("locale must contain formatLong property");var Q=(0,C.Z)(n);if(!we(Q))throw new RangeError("Invalid time value");var Rt=(0,Ye.Z)(Q),Jt=pe(Q,Rt),Gt={firstWeekContainsDate:X,weekStartsOn:B,locale:Z,_originalDate:Q},Xt=At.match(Ot).map(function(y){var T=y[0];return"p"===T||"P"===T?(0,Ee[T])(y,Z.formatLong):y}).join("").match(Dt).map(function(y){if("''"===y)return"'";var T=y[0];if("'"===T)return St(y);var I=Pe[T];if(I)return!(null!=e&&e.useAdditionalWeekYearTokens)&&$e(y)&&ae(y,t,String(n)),!(null!=e&&e.useAdditionalDayOfYearTokens)&&Fe(y)&&ae(y,t,String(n)),I(Jt,y,Z.localize,Gt);if(T.match(xt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+T+"`");return y}).join("");return Xt}function St(n){var t=n.match(_t);return t?t[1].replace(Mt,"'"):n}var kt=s(15938),Pt=s(4400),Ut=s(22201),o=s(44879),Wt=s(79144),Et=s(84156),Yt=s(56500),Zt=s(43303);function Nt(n,t){1&n&&(o._uU(0,"\n "),o.TgZ(1,"div",3),o._uU(2,"\n "),o._UZ(3,"i",4),o._uU(4," "),o._UZ(5,"br"),o._uU(6,"\n Loading events...\n "),o.qZA(),o._uU(7,"\n"))}function Ft(n,t){if(1&n){const e=o.EpF();o.TgZ(0,"mwl-calendar-month-view",8),o.NdJ("dayClicked",function(r){o.CHM(e);const i=o.oxw(2);return o.KtG(i.dayClicked(r.day))})("eventClicked",function(r){o.CHM(e);const i=o.oxw(2);return o.KtG(i.eventClicked(r.event))}),o._uU(1,"\n "),o.qZA()}if(2&n){const e=o.oxw().$implicit,a=o.oxw();o.Q6J("viewDate",a.viewDate)("events",e)("activeDayIsOpen",a.activeDayIsOpen)}}function $t(n,t){if(1&n){const e=o.EpF();o.TgZ(0,"mwl-calendar-week-view",9),o.NdJ("eventClicked",function(r){o.CHM(e);const i=o.oxw(2);return o.KtG(i.eventClicked(r.event))}),o._uU(1,"\n "),o.qZA()}if(2&n){const e=o.oxw().$implicit,a=o.oxw();o.Q6J("viewDate",a.viewDate)("events",e)}}function Lt(n,t){if(1&n){const e=o.EpF();o.TgZ(0,"mwl-calendar-day-view",9),o.NdJ("eventClicked",function(r){o.CHM(e);const i=o.oxw(2);return o.KtG(i.eventClicked(r.event))}),o._uU(1,"\n "),o.qZA()}if(2&n){const e=o.oxw().$implicit,a=o.oxw();o.Q6J("viewDate",a.viewDate)("events",e)}}function Qt(n,t){if(1&n&&(o.TgZ(0,"div"),o._uU(1,"\n "),o.TgZ(2,"div",5),o._uU(3,"\n "),o.YNc(4,Ft,2,3,"mwl-calendar-month-view",6),o._uU(5,"\n "),o.YNc(6,$t,2,2,"mwl-calendar-week-view",7),o._uU(7,"\n "),o.YNc(8,Lt,2,2,"mwl-calendar-day-view",7),o._uU(9,"\n "),o.qZA(),o._uU(10,"\n"),o.qZA()),2&n){const e=o.oxw();o.xp6(2),o.Q6J("ngSwitch",e.view),o.xp6(2),o.Q6J("ngSwitchCase","month"),o.xp6(2),o.Q6J("ngSwitchCase","week"),o.xp6(2),o.Q6J("ngSwitchCase","day")}}function It(n){const t=n.getTimezoneOffset();return`T00:00:00${t>0?"-":"+"}${String(Math.floor(Math.abs(t/60))).padStart(2,"0")}:${String(Math.abs(t%60)).padEnd(2,"0")}`}class U{constructor(t){this.http=t,this.view=de.w.Month,this.viewDate=new Date,this.activeDayIsOpen=!1}ngOnInit(){this.fetchEvents()}fetchEvents(){const t={month:le.Z,week:ce.Z,day:me.Z}[this.view],e={month:fe.Z,week:ve.Z,day:he.Z}[this.view],a=(new H.LE).set("primary_release_date.gte",ne(t(this.viewDate),"yyyy-MM-dd")).set("primary_release_date.lte",ne(e(this.viewDate),"yyyy-MM-dd")).set("api_key","0ec33936a68018857d727958dca1424f");this.events$=this.http.get("https://api.themoviedb.org/3/discover/movie",{params:a}).pipe((0,se.U)(({results:r})=>r.map(i=>({title:i.title,start:new Date(i.release_date+It(this.viewDate)),color:Ut.O.yellow,allDay:!0,meta:{film:i}}))))}dayClicked({date:t,events:e}){(0,kt.Z)(t,this.viewDate)&&((0,Pt.Z)(this.viewDate,t)&&!0===this.activeDayIsOpen||0===e.length?this.activeDayIsOpen=!1:(this.activeDayIsOpen=!0,this.viewDate=t))}eventClicked(t){window.open(`https://www.themoviedb.org/movie/${t.meta.film.id}`,"_blank")}}U.\u0275fac=function(t){return new(t||U)(o.Y36(H.eN))},U.\u0275cmp=o.Xpm({type:U,selectors:[["mwl-demo-component"]],decls:9,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],["loading",""],[4,"ngIf","ngIfElse"],[1,"text-center"],[1,"fas","fa-spin","fa-spinner","fa-5x"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","dayClicked","eventClicked",4,"ngSwitchCase"],[3,"viewDate","events","eventClicked",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen","dayClicked","eventClicked"],[3,"viewDate","events","eventClicked"]],template:function(t,e){if(1&t&&(o.TgZ(0,"mwl-demo-utils-calendar-header",0),o.NdJ("viewChange",function(r){return e.view=r})("viewDateChange",function(r){return e.viewDate=r})("viewDateChange",function(){return e.fetchEvents()})("viewChange",function(){return e.fetchEvents()}),o._uU(1,"\n"),o.qZA(),o._uU(2,"\n\n"),o.YNc(3,Nt,8,0,"ng-template",null,1,o.W1O),o._uU(5,"\n\n"),o.YNc(6,Qt,11,4,"div",2),o.ALo(7,"async"),o._uU(8,"\n")),2&t){const a=o.MAs(4);o.Q6J("view",e.view)("viewDate",e.viewDate),o.xp6(6),o.Q6J("ngIf",o.lcZ(7,4,e.events$))("ngIfElse",a)}},dependencies:[S.O5,S.RF,S.n9,Wt.G,Et.T,Yt.S,Zt.$,S.Ov],encapsulation:2,changeDetection:0});var Ht=s(20211);class x{}x.\u0275fac=function(t){return new(t||x)},x.\u0275mod=o.oAB({type:x}),x.\u0275inj=o.cJS({imports:[S.ez,H.JF,ie._8.forRoot({provide:oe._,useFactory:Ht.x}),ue.S,re.Bz.forChild([{path:"",component:U}])]})}}]);
\ No newline at end of file
diff --git a/7448.98367b8b564783a3.js b/3145.fe2876855fabad9c.js
similarity index 57%
rename from 7448.98367b8b564783a3.js
rename to 3145.fe2876855fabad9c.js
index b32cb0129..44105263b 100644
--- a/7448.98367b8b564783a3.js
+++ b/3145.fe2876855fabad9c.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[7448],{47448:(i,s,o)=>{o.r(s),o.d(s,{DemoModule:()=>t});var c=o(64061),v=o(43850),u=o(60341),d=o(72887),e=o(14219),D=o(1885),n=o(72612),f=o(4238);class m{constructor(){this.view=D.w.Day,this.viewDate=new Date,this.events=[]}}m.\u0275fac=function(a){return new(a||m)},m.\u0275cmp=n.Xpm({type:m,selectors:[["mwl-demo-component"]],decls:3,vars:3,consts:[[3,"viewDate","events","hourSegments"]],template:function(a,r){1&a&&(n.TgZ(0,"mwl-calendar-day-view",0),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n")),2&a&&n.Q6J("viewDate",r.viewDate)("events",r.events)("hourSegments",6)},dependencies:[f.S],encapsulation:2,changeDetection:0});var M=o(57585);class t{}t.\u0275fac=function(a){return new(a||t)},t.\u0275mod=n.oAB({type:t}),t.\u0275inj=n.cJS({imports:[c.ez,u._8.forRoot({provide:d._,useFactory:M.x}),e.S,v.Bz.forChild([{path:"",component:m}])]})},14219:(i,s,o)=>{o.d(s,{S:()=>e});var c=o(64061),v=o(48052),u=o(60341),d=o(72612);class e{}e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=d.oAB({type:e}),e.\u0275inj=d.cJS({imports:[c.ez,v.u5,u._8]})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3145],{83145:(i,s,o)=>{o.r(s),o.d(s,{DemoModule:()=>t});var c=o(50192),v=o(98783),u=o(5234),d=o(33275),e=o(44248),D=o(2316),n=o(44879),f=o(56500);class m{constructor(){this.view=D.w.Day,this.viewDate=new Date,this.events=[]}}m.\u0275fac=function(a){return new(a||m)},m.\u0275cmp=n.Xpm({type:m,selectors:[["mwl-demo-component"]],decls:3,vars:3,consts:[[3,"viewDate","events","hourSegments"]],template:function(a,r){1&a&&(n.TgZ(0,"mwl-calendar-day-view",0),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n")),2&a&&n.Q6J("viewDate",r.viewDate)("events",r.events)("hourSegments",6)},dependencies:[f.S],encapsulation:2,changeDetection:0});var M=o(20211);class t{}t.\u0275fac=function(a){return new(a||t)},t.\u0275mod=n.oAB({type:t}),t.\u0275inj=n.cJS({imports:[c.ez,u._8.forRoot({provide:d._,useFactory:M.x}),e.S,v.Bz.forChild([{path:"",component:m}])]})},44248:(i,s,o)=>{o.d(s,{S:()=>e});var c=o(50192),v=o(86963),u=o(5234),d=o(44879);class e{}e.\u0275fac=function(n){return new(n||e)},e.\u0275mod=d.oAB({type:e}),e.\u0275inj=d.cJS({imports:[c.ez,v.u5,u._8]})}}]);
\ No newline at end of file
diff --git a/3207.0c108652020c45fb.js b/3207.0c108652020c45fb.js
new file mode 100644
index 000000000..4cdaf155d
--- /dev/null
+++ b/3207.0c108652020c45fb.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3207],{43303:(oe,x,h)=>{h.d(x,{$:()=>E});var s=h(44879),i=h(2316),H=h(50111),M=h(58125),y=h(68849),K=h(4540);class E{constructor(){this.locale="en",this.viewChange=new s.vpe,this.viewDateChange=new s.vpe,this.CalendarView=i.w}}E.\u0275fac=function(v){return new(v||E)},E.\u0275cmp=s.Xpm({type:E,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(v,l){1&v&&(s._uU(0,"\n "),s.TgZ(1,"div",0),s._uU(2,"\n "),s.TgZ(3,"div",1),s._uU(4,"\n "),s.TgZ(5,"div",2),s._uU(6,"\n "),s.TgZ(7,"div",3),s.NdJ("viewDateChange",function(R){return l.viewDate=R})("viewDateChange",function(){return l.viewDateChange.next(l.viewDate)}),s._uU(8,"\n Previous\n "),s.qZA(),s._uU(9,"\n "),s.TgZ(10,"div",4),s.NdJ("viewDateChange",function(R){return l.viewDate=R})("viewDateChange",function(){return l.viewDateChange.next(l.viewDate)}),s._uU(11,"\n Today\n "),s.qZA(),s._uU(12,"\n "),s.TgZ(13,"div",5),s.NdJ("viewDateChange",function(R){return l.viewDate=R})("viewDateChange",function(){return l.viewDateChange.next(l.viewDate)}),s._uU(14,"\n Next\n "),s.qZA(),s._uU(15,"\n "),s.qZA(),s._uU(16,"\n "),s.qZA(),s._uU(17,"\n "),s.TgZ(18,"div",1),s._uU(19,"\n "),s.TgZ(20,"h3"),s._uU(21),s.ALo(22,"calendarDate"),s.qZA(),s._uU(23,"\n "),s.qZA(),s._uU(24,"\n "),s.TgZ(25,"div",1),s._uU(26,"\n "),s.TgZ(27,"div",2),s._uU(28,"\n "),s.TgZ(29,"div",6),s.NdJ("click",function(){return l.viewChange.emit(l.CalendarView.Month)}),s._uU(30,"\n Month\n "),s.qZA(),s._uU(31,"\n "),s.TgZ(32,"div",6),s.NdJ("click",function(){return l.viewChange.emit(l.CalendarView.Week)}),s._uU(33,"\n Week\n "),s.qZA(),s._uU(34,"\n "),s.TgZ(35,"div",6),s.NdJ("click",function(){return l.viewChange.emit(l.CalendarView.Day)}),s._uU(36,"\n Day\n "),s.qZA(),s._uU(37,"\n "),s.qZA(),s._uU(38,"\n "),s.qZA(),s._uU(39,"\n "),s.qZA(),s._uU(40,"\n "),s._UZ(41,"br"),s._uU(42,"\n ")),2&v&&(s.xp6(7),s.Q6J("view",l.view)("viewDate",l.viewDate),s.xp6(3),s.Q6J("viewDate",l.viewDate),s.xp6(3),s.Q6J("view",l.view)("viewDate",l.viewDate),s.xp6(8),s.Oqu(s.Dn7(22,12,l.viewDate,l.view+"ViewTitle",l.locale)),s.xp6(8),s.ekj("active",l.view===l.CalendarView.Month),s.xp6(3),s.ekj("active",l.view===l.CalendarView.Week),s.xp6(3),s.ekj("active",l.view===l.CalendarView.Day))},dependencies:[H.O,M.T,y.i,K.J],encapsulation:2})},44248:(oe,x,h)=>{h.d(x,{S:()=>y});var s=h(50192),i=h(86963),H=h(5234),M=h(44879);class y{}y.\u0275fac=function(E){return new(E||y)},y.\u0275mod=M.oAB({type:y}),y.\u0275inj=M.cJS({imports:[s.ez,i.u5,H._8]})},77797:(oe,x,h)=>{h.d(x,{JF:()=>B,LE:()=>C,eN:()=>A});var s=h(50192),i=h(44879),H=h(59851),M=h(82988),y=h(27464),K=h(1559),E=h(27053);class T{}class v{}class l{constructor(e){this.normalizedNames=new Map,this.lazyUpdate=null,e?this.lazyInit="string"==typeof e?()=>{this.headers=new Map,e.split("\n").forEach(t=>{const r=t.indexOf(":");if(r>0){const o=t.slice(0,r),a=o.toLowerCase(),d=t.slice(r+1).trim();this.maybeSetNormalizedName(o,a),this.headers.has(a)?this.headers.get(a).push(d):this.headers.set(a,[d])}})}:()=>{this.headers=new Map,Object.keys(e).forEach(t=>{let r=e[t];const o=t.toLowerCase();"string"==typeof r&&(r=[r]),r.length>0&&(this.headers.set(o,r),this.maybeSetNormalizedName(t,o))})}:this.headers=new Map}has(e){return this.init(),this.headers.has(e.toLowerCase())}get(e){this.init();const t=this.headers.get(e.toLowerCase());return t&&t.length>0?t[0]:null}keys(){return this.init(),Array.from(this.normalizedNames.values())}getAll(e){return this.init(),this.headers.get(e.toLowerCase())||null}append(e,t){return this.clone({name:e,value:t,op:"a"})}set(e,t){return this.clone({name:e,value:t,op:"s"})}delete(e,t){return this.clone({name:e,value:t,op:"d"})}maybeSetNormalizedName(e,t){this.normalizedNames.has(t)||this.normalizedNames.set(t,e)}init(){this.lazyInit&&(this.lazyInit instanceof l?this.copyFrom(this.lazyInit):this.lazyInit(),this.lazyInit=null,this.lazyUpdate&&(this.lazyUpdate.forEach(e=>this.applyUpdate(e)),this.lazyUpdate=null))}copyFrom(e){e.init(),Array.from(e.headers.keys()).forEach(t=>{this.headers.set(t,e.headers.get(t)),this.normalizedNames.set(t,e.normalizedNames.get(t))})}clone(e){const t=new l;return t.lazyInit=this.lazyInit&&this.lazyInit instanceof l?this.lazyInit:this,t.lazyUpdate=(this.lazyUpdate||[]).concat([e]),t}applyUpdate(e){const t=e.name.toLowerCase();switch(e.op){case"a":case"s":let r=e.value;if("string"==typeof r&&(r=[r]),0===r.length)return;this.maybeSetNormalizedName(e.name,t);const o=("a"===e.op?this.headers.get(t):void 0)||[];o.push(...r),this.headers.set(t,o);break;case"d":const a=e.value;if(a){let d=this.headers.get(t);if(!d)return;d=d.filter(u=>-1===a.indexOf(u)),0===d.length?(this.headers.delete(t),this.normalizedNames.delete(t)):this.headers.set(t,d)}else this.headers.delete(t),this.normalizedNames.delete(t)}}forEach(e){this.init(),Array.from(this.normalizedNames.keys()).forEach(t=>e(this.normalizedNames.get(t),this.headers.get(t)))}}class R{encodeKey(e){return ae(e)}encodeValue(e){return ae(e)}decodeKey(e){return decodeURIComponent(e)}decodeValue(e){return decodeURIComponent(e)}}const Ce=/%(\d[a-f0-9])/gi,ve={40:"@","3A":":",24:"$","2C":",","3B":";","3D":"=","3F":"?","2F":"/"};function ae(n){return encodeURIComponent(n).replace(Ce,(e,t)=>ve[t]??e)}function V(n){return`${n}`}class C{constructor(e={}){if(this.updates=null,this.cloneFrom=null,this.encoder=e.encoder||new R,e.fromString){if(e.fromObject)throw new Error("Cannot specify both fromString and fromObject.");this.map=function ge(n,e){const t=new Map;return n.length>0&&n.replace(/^\?/,"").split("&").forEach(o=>{const a=o.indexOf("="),[d,u]=-1==a?[e.decodeKey(o),""]:[e.decodeKey(o.slice(0,a)),e.decodeValue(o.slice(a+1))],_=t.get(d)||[];_.push(u),t.set(d,_)}),t}(e.fromString,this.encoder)}else e.fromObject?(this.map=new Map,Object.keys(e.fromObject).forEach(t=>{const r=e.fromObject[t],o=Array.isArray(r)?r.map(V):[V(r)];this.map.set(t,o)})):this.map=null}has(e){return this.init(),this.map.has(e)}get(e){this.init();const t=this.map.get(e);return t?t[0]:null}getAll(e){return this.init(),this.map.get(e)||null}keys(){return this.init(),Array.from(this.map.keys())}append(e,t){return this.clone({param:e,value:t,op:"a"})}appendAll(e){const t=[];return Object.keys(e).forEach(r=>{const o=e[r];Array.isArray(o)?o.forEach(a=>{t.push({param:r,value:a,op:"a"})}):t.push({param:r,value:o,op:"a"})}),this.clone(t)}set(e,t){return this.clone({param:e,value:t,op:"s"})}delete(e,t){return this.clone({param:e,value:t,op:"d"})}toString(){return this.init(),this.keys().map(e=>{const t=this.encoder.encodeKey(e);return this.map.get(e).map(r=>t+"="+this.encoder.encodeValue(r)).join("&")}).filter(e=>""!==e).join("&")}clone(e){const t=new C({encoder:this.encoder});return t.cloneFrom=this.cloneFrom||this,t.updates=(this.updates||[]).concat(e),t}init(){null===this.map&&(this.map=new Map),null!==this.cloneFrom&&(this.cloneFrom.init(),this.cloneFrom.keys().forEach(e=>this.map.set(e,this.cloneFrom.map.get(e))),this.updates.forEach(e=>{switch(e.op){case"a":case"s":const t=("a"===e.op?this.map.get(e.param):void 0)||[];t.push(V(e.value)),this.map.set(e.param,t);break;case"d":if(void 0===e.value){this.map.delete(e.param);break}{let r=this.map.get(e.param)||[];const o=r.indexOf(V(e.value));-1!==o&&r.splice(o,1),r.length>0?this.map.set(e.param,r):this.map.delete(e.param)}}}),this.cloneFrom=this.updates=null)}}class De{constructor(){this.map=new Map}set(e,t){return this.map.set(e,t),this}get(e){return this.map.has(e)||this.map.set(e,e.defaultValue()),this.map.get(e)}delete(e){return this.map.delete(e),this}has(e){return this.map.has(e)}keys(){return this.map.keys()}}function ie(n){return typeof ArrayBuffer<"u"&&n instanceof ArrayBuffer}function le(n){return typeof Blob<"u"&&n instanceof Blob}function ue(n){return typeof FormData<"u"&&n instanceof FormData}class W{constructor(e,t,r,o){let a;if(this.url=t,this.body=null,this.reportProgress=!1,this.withCredentials=!1,this.responseType="json",this.method=e.toUpperCase(),function we(n){switch(n){case"DELETE":case"GET":case"HEAD":case"OPTIONS":case"JSONP":return!1;default:return!0}}(this.method)||o?(this.body=void 0!==r?r:null,a=o):a=r,a&&(this.reportProgress=!!a.reportProgress,this.withCredentials=!!a.withCredentials,a.responseType&&(this.responseType=a.responseType),a.headers&&(this.headers=a.headers),a.context&&(this.context=a.context),a.params&&(this.params=a.params)),this.headers||(this.headers=new l),this.context||(this.context=new De),this.params){const d=this.params.toString();if(0===d.length)this.urlWithParams=t;else{const u=t.indexOf("?"),_=-1===u?"?":um.set(c,e.setHeaders[c]),_)),e.setParams&&(O=Object.keys(e.setParams).reduce((m,c)=>m.set(c,e.setParams[c]),O)),new W(t,r,a,{params:O,headers:_,context:F,reportProgress:u,responseType:o,withCredentials:d})}}var D,n;(n=D||(D={}))[n.Sent=0]="Sent",n[n.UploadProgress=1]="UploadProgress",n[n.ResponseHeader=2]="ResponseHeader",n[n.DownloadProgress=3]="DownloadProgress",n[n.Response=4]="Response",n[n.User=5]="User";class ${constructor(e,t=200,r="OK"){this.headers=e.headers||new l,this.status=void 0!==e.status?e.status:t,this.statusText=e.statusText||r,this.url=e.url||null,this.ok=this.status>=200&&this.status<300}}class Y extends ${constructor(e={}){super(e),this.type=D.ResponseHeader}clone(e={}){return new Y({headers:e.headers||this.headers,status:void 0!==e.status?e.status:this.status,statusText:e.statusText||this.statusText,url:e.url||this.url||void 0})}}class J extends ${constructor(e={}){super(e),this.type=D.Response,this.body=void 0!==e.body?e.body:null}clone(e={}){return new J({body:void 0!==e.body?e.body:this.body,headers:e.headers||this.headers,status:void 0!==e.status?e.status:this.status,statusText:e.statusText||this.statusText,url:e.url||this.url||void 0})}}class G extends ${constructor(e){super(e,0,"Unknown Error"),this.name="HttpErrorResponse",this.ok=!1,this.status>=200&&this.status<300?this.message=`Http failure during parsing for ${e.url||"(unknown url)"}`:this.message=`Http failure response for ${e.url||"(unknown url)"}: ${e.status} ${e.statusText}`,this.error=e.error||null}}function q(n,e){return{body:e,headers:n.headers,context:n.context,observe:n.observe,params:n.params,reportProgress:n.reportProgress,responseType:n.responseType,withCredentials:n.withCredentials}}class A{constructor(e){this.handler=e}request(e,t,r={}){let o;if(e instanceof W)o=e;else{let u,_;u=r.headers instanceof l?r.headers:new l(r.headers),r.params&&(_=r.params instanceof C?r.params:new C({fromObject:r.params})),o=new W(e,t,void 0!==r.body?r.body:null,{headers:u,context:r.context,params:_,reportProgress:r.reportProgress,responseType:r.responseType||"json",withCredentials:r.withCredentials})}const a=(0,H.of)(o).pipe((0,y.b)(u=>this.handler.handle(u)));if(e instanceof W||"events"===r.observe)return a;const d=a.pipe((0,K.h)(u=>u instanceof J));switch(r.observe||"body"){case"body":switch(o.responseType){case"arraybuffer":return d.pipe((0,E.U)(u=>{if(null!==u.body&&!(u.body instanceof ArrayBuffer))throw new Error("Response is not an ArrayBuffer.");return u.body}));case"blob":return d.pipe((0,E.U)(u=>{if(null!==u.body&&!(u.body instanceof Blob))throw new Error("Response is not a Blob.");return u.body}));case"text":return d.pipe((0,E.U)(u=>{if(null!==u.body&&"string"!=typeof u.body)throw new Error("Response is not a string.");return u.body}));default:return d.pipe((0,E.U)(u=>u.body))}case"response":return d;default:throw new Error(`Unreachable: unhandled observe type ${r.observe}}`)}}delete(e,t={}){return this.request("DELETE",e,t)}get(e,t={}){return this.request("GET",e,t)}head(e,t={}){return this.request("HEAD",e,t)}jsonp(e,t){return this.request("JSONP",e,{params:(new C).append(t,"JSONP_CALLBACK"),observe:"body",responseType:"json"})}options(e,t={}){return this.request("OPTIONS",e,t)}patch(e,t,r={}){return this.request("PATCH",e,q(r,t))}post(e,t,r={}){return this.request("POST",e,q(r,t))}put(e,t,r={}){return this.request("PUT",e,q(r,t))}}function de(n,e){return e(n)}function Oe(n,e){return(t,r)=>e.intercept(t,{handle:o=>n(o,r)})}A.\u0275fac=function(e){return new(e||A)(i.LFG(T))},A.\u0275prov=i.Yz7({token:A,factory:A.\u0275fac});const ce=new i.OlP("HTTP_INTERCEPTORS"),X=new i.OlP("HTTP_INTERCEPTOR_FNS");function Te(){let n=null;return(e,t)=>(null===n&&(n=((0,i.f3M)(ce,{optional:!0})??[]).reduceRight(Oe,de)),n(e,t))}class U extends T{constructor(e,t){super(),this.backend=e,this.injector=t,this.chain=null}handle(e){if(null===this.chain){const t=Array.from(new Set(this.injector.get(X)));this.chain=t.reduceRight((r,o)=>function Me(n,e,t){return(r,o)=>t.runInContext(()=>e(r,a=>n(a,o)))}(r,o,this.injector),de)}return this.chain(e,t=>this.backend.handle(t))}}U.\u0275fac=function(e){return new(e||U)(i.LFG(v),i.LFG(i.lqb))},U.\u0275prov=i.Yz7({token:U,factory:U.\u0275fac});let Q,Re=0;class _e{}function Ie(){return"object"==typeof window?window:{}}class L{constructor(e,t){this.callbackMap=e,this.document=t,this.resolvedPromise=Promise.resolve()}nextCallback(){return"ng_jsonp_callback_"+Re++}handle(e){if("JSONP"!==e.method)throw new Error("JSONP requests must use JSONP request method.");if("json"!==e.responseType)throw new Error("JSONP requests must use Json response type.");if(e.headers.keys().length>0)throw new Error("JSONP requests do not support headers.");return new M.y(t=>{const r=this.nextCallback(),o=e.urlWithParams.replace(/=JSONP_CALLBACK(&|$)/,`=${r}$1`),a=this.document.createElement("script");a.src=o;let d=null,u=!1;this.callbackMap[r]=m=>{delete this.callbackMap[r],d=m,u=!0};const _=()=>{a.parentNode&&a.parentNode.removeChild(a),delete this.callbackMap[r]};return a.addEventListener("load",m=>{this.resolvedPromise.then(()=>{_(),u?(t.next(new J({body:d,status:200,statusText:"OK",url:o})),t.complete()):t.error(new G({url:o,status:0,statusText:"JSONP Error",error:new Error("JSONP injected script did not invoke callback.")}))})}),a.addEventListener("error",m=>{_(),t.error(new G({error:m,status:0,statusText:"JSONP Error",url:o}))}),this.document.body.appendChild(a),t.next({type:D.Sent}),()=>{u||this.removeListeners(a),_()}})}removeListeners(e){Q||(Q=this.document.implementation.createHTMLDocument()),Q.adoptNode(e)}}function he(n,e){return"JSONP"===n.method?(0,i.f3M)(L).handle(n):e(n)}L.\u0275fac=function(e){return new(e||L)(i.LFG(_e),i.LFG(s.K0))},L.\u0275prov=i.Yz7({token:L,factory:L.\u0275fac});class j{constructor(e){this.injector=e}intercept(e,t){return this.injector.runInContext(()=>he(e,r=>t.handle(r)))}}j.\u0275fac=function(e){return new(e||j)(i.LFG(i.lqb))},j.\u0275prov=i.Yz7({token:j,factory:j.\u0275fac});const Ne=/^\)\]\}',?\n/;class b{constructor(e){this.xhrFactory=e}handle(e){if("JSONP"===e.method)throw new Error("Attempted to construct Jsonp request without HttpClientJsonpModule installed.");return new M.y(t=>{const r=this.xhrFactory.build();if(r.open(e.method,e.urlWithParams),e.withCredentials&&(r.withCredentials=!0),e.headers.forEach((c,p)=>r.setRequestHeader(c,p.join(","))),e.headers.has("Accept")||r.setRequestHeader("Accept","application/json, text/plain, */*"),!e.headers.has("Content-Type")){const c=e.detectContentTypeHeader();null!==c&&r.setRequestHeader("Content-Type",c)}if(e.responseType){const c=e.responseType.toLowerCase();r.responseType="json"!==c?c:"text"}const o=e.serializeBody();let a=null;const d=()=>{if(null!==a)return a;const c=r.statusText||"OK",p=new l(r.getAllResponseHeaders()),k=function Se(n){return"responseURL"in n&&n.responseURL?n.responseURL:/^X-Request-URL:/m.test(n.getAllResponseHeaders())?n.getResponseHeader("X-Request-URL"):null}(r)||e.url;return a=new Y({headers:p,status:r.status,statusText:c,url:k}),a},u=()=>{let{headers:c,status:p,statusText:k,url:ye}=d(),f=null;204!==p&&(f=typeof r.response>"u"?r.responseText:r.response),0===p&&(p=f?200:0);let se=p>=200&&p<300;if("json"===e.responseType&&"string"==typeof f){const He=f;f=f.replace(Ne,"");try{f=""!==f?JSON.parse(f):null}catch(Ke){f=He,se&&(se=!1,f={error:Ke,text:f})}}se?(t.next(new J({body:f,headers:c,status:p,statusText:k,url:ye||void 0})),t.complete()):t.error(new G({error:f,headers:c,status:p,statusText:k,url:ye||void 0}))},_=c=>{const{url:p}=d(),k=new G({error:c,status:r.status||0,statusText:r.statusText||"Unknown Error",url:p||void 0});t.error(k)};let O=!1;const F=c=>{O||(t.next(d()),O=!0);let p={type:D.DownloadProgress,loaded:c.loaded};c.lengthComputable&&(p.total=c.total),"text"===e.responseType&&!!r.responseText&&(p.partialText=r.responseText),t.next(p)},m=c=>{let p={type:D.UploadProgress,loaded:c.loaded};c.lengthComputable&&(p.total=c.total),t.next(p)};return r.addEventListener("load",u),r.addEventListener("error",_),r.addEventListener("timeout",_),r.addEventListener("abort",_),e.reportProgress&&(r.addEventListener("progress",F),null!==o&&r.upload&&r.upload.addEventListener("progress",m)),r.send(o),t.next({type:D.Sent}),()=>{r.removeEventListener("error",_),r.removeEventListener("abort",_),r.removeEventListener("load",u),r.removeEventListener("timeout",_),e.reportProgress&&(r.removeEventListener("progress",F),null!==o&&r.upload&&r.upload.removeEventListener("progress",m)),r.readyState!==r.DONE&&r.abort()}})}}b.\u0275fac=function(e){return new(e||b)(i.LFG(s.JF))},b.\u0275prov=i.Yz7({token:b,factory:b.\u0275fac});const Z=new i.OlP("XSRF_ENABLED"),ee="XSRF-TOKEN",pe=new i.OlP("XSRF_COOKIE_NAME",{providedIn:"root",factory:()=>ee}),te="X-XSRF-TOKEN",fe=new i.OlP("XSRF_HEADER_NAME",{providedIn:"root",factory:()=>te});class ne{}class I{constructor(e,t,r){this.doc=e,this.platform=t,this.cookieName=r,this.lastCookieString="",this.lastToken=null,this.parseCount=0}getToken(){if("server"===this.platform)return null;const e=this.doc.cookie||"";return e!==this.lastCookieString&&(this.parseCount++,this.lastToken=(0,s.Mx)(e,this.cookieName),this.lastCookieString=e),this.lastToken}}function Ee(n,e){const t=n.url.toLowerCase();if(!(0,i.f3M)(Z)||"GET"===n.method||"HEAD"===n.method||t.startsWith("http://")||t.startsWith("https://"))return e(n);const r=(0,i.f3M)(ne).getToken(),o=(0,i.f3M)(fe);return null!=r&&!n.headers.has(o)&&(n=n.clone({headers:n.headers.set(o,r)})),e(n)}I.\u0275fac=function(e){return new(e||I)(i.LFG(s.K0),i.LFG(i.Lbi),i.LFG(pe))},I.\u0275prov=i.Yz7({token:I,factory:I.\u0275fac});class N{constructor(e){this.injector=e}intercept(e,t){return this.injector.runInContext(()=>Ee(e,r=>t.handle(r)))}}var w;function S(n,e){return{\u0275kind:n,\u0275providers:e}}N.\u0275fac=function(e){return new(e||N)(i.LFG(i.lqb))},N.\u0275prov=i.Yz7({token:N,factory:N.\u0275fac}),function(n){n[n.Interceptors=0]="Interceptors",n[n.LegacyInterceptors=1]="LegacyInterceptors",n[n.CustomXsrfConfiguration=2]="CustomXsrfConfiguration",n[n.NoXsrfProtection=3]="NoXsrfProtection",n[n.JsonpSupport=4]="JsonpSupport",n[n.RequestsMadeViaParent=5]="RequestsMadeViaParent"}(w||(w={}));const me=new i.OlP("LEGACY_INTERCEPTOR_FN");function re({cookieName:n,headerName:e}){const t=[];return void 0!==n&&t.push({provide:pe,useValue:n}),void 0!==e&&t.push({provide:fe,useValue:e}),S(w.CustomXsrfConfiguration,t)}class P{static disable(){return{ngModule:P,providers:[S(w.NoXsrfProtection,[{provide:Z,useValue:!1}]).\u0275providers]}}static withOptions(e={}){return{ngModule:P,providers:re(e).\u0275providers}}}P.\u0275fac=function(e){return new(e||P)},P.\u0275mod=i.oAB({type:P}),P.\u0275inj=i.cJS({providers:[N,{provide:ce,useExisting:N,multi:!0},{provide:ne,useClass:I},re({cookieName:ee,headerName:te}).\u0275providers,{provide:Z,useValue:!0}]});class B{}B.\u0275fac=function(e){return new(e||B)},B.\u0275mod=i.oAB({type:B}),B.\u0275inj=i.cJS({providers:[function Be(...n){const e=[A,b,U,{provide:T,useExisting:U},{provide:v,useExisting:b},{provide:X,useValue:Ee,multi:!0},{provide:Z,useValue:!0},{provide:ne,useClass:I}];for(const t of n)e.push(...t.\u0275providers);return(0,i.MR2)(e)}(function Fe(){return S(w.LegacyInterceptors,[{provide:me,useFactory:Te},{provide:X,useExisting:me,multi:!0}])}(),re({cookieName:ee,headerName:te}))]});class z{}z.\u0275fac=function(e){return new(e||z)},z.\u0275mod=i.oAB({type:z}),z.\u0275inj=i.cJS({providers:[function xe(){return S(w.JsonpSupport,[L,{provide:_e,useFactory:Ie},{provide:X,useValue:he,multi:!0}])}().\u0275providers]})}}]);
\ No newline at end of file
diff --git a/8941.de8b431c27221a0b.js b/3222.e1f0db9cf4e39477.js
similarity index 83%
rename from 8941.de8b431c27221a0b.js
rename to 3222.e1f0db9cf4e39477.js
index 3221adc1b..3f4d5aec2 100644
--- a/8941.de8b431c27221a0b.js
+++ b/3222.e1f0db9cf4e39477.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[8941],{73772:(H,c,t)=>{t.d(c,{$:()=>u});var e=t(72612),f=t(1885),p=t(60845),D=t(45831),m=t(97172),T=t(9665);class u{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=f.w}}u.\u0275fac=function(g){return new(g||u)},u.\u0275cmp=e.Xpm({type:u,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(g,i){1&g&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&g&&(e.xp6(7),e.Q6J("view",i.view)("viewDate",i.viewDate),e.xp6(3),e.Q6J("viewDate",i.viewDate),e.xp6(3),e.Q6J("view",i.view)("viewDate",i.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,i.viewDate,i.view+"ViewTitle",i.locale)),e.xp6(8),e.ekj("active",i.view===i.CalendarView.Month),e.xp6(3),e.ekj("active",i.view===i.CalendarView.Week),e.xp6(3),e.ekj("active",i.view===i.CalendarView.Day))},dependencies:[p.O,D.T,m.i,T.J],encapsulation:2})},14219:(H,c,t)=>{t.d(c,{S:()=>m});var e=t(64061),f=t(48052),p=t(60341),D=t(72612);class m{}m.\u0275fac=function(u){return new(u||m)},m.\u0275mod=D.oAB({type:m}),m.\u0275inj=D.cJS({imports:[e.ez,f.u5,p._8]})},28941:(H,c,t)=>{t.r(c),t.d(c,{DemoModule:()=>h});var e=t(64061),f=t(43850),p=t(60341),D=t(72887),m=t(14219),T=t(47679),u=t(1885),C=t(26898),g=t(9025),i=t(57450),v=t(62927),_=t(16705),R=t(49513),A=t(95830),I=t(27943),L=t(82630);function U(r,l,a){var d,o,s,y,E,w,M,J;(0,I.Z)(2,arguments);var W=(0,L.j)(),S=(0,A.Z)(null!==(d=null!==(o=null!==(s=null!==(y=a?.weekStartsOn)&&void 0!==y?y:null==a||null===(E=a.locale)||void 0===E||null===(w=E.options)||void 0===w?void 0:w.weekStartsOn)&&void 0!==s?s:W.weekStartsOn)&&void 0!==o?o:null===(M=W.locale)||void 0===M||null===(J=M.options)||void 0===J?void 0:J.weekStartsOn)&&void 0!==d?d:0);if(!(S>=0&&S<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var B=(0,R.Z)(r),O=(0,A.Z)(l),K=B.getDay(),k=O%7,b=(k+7)%7,P=7-S,q=O<0||O>6?O-(K+P)%7:(b+P)%7-(K+P)%7;return(0,v.Z)(B,q)}var Q=t(732);function N(r,l){(0,I.Z)(2,arguments);var a=(0,A.Z)(l);return(0,Q.Z)(r,-a)}var V=t(70656),n=t(72612),F=t(97286),$=t(65148),j=t(4238),z=t(73772);function x(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-month-view",4),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("activeDayIsOpen",!0)("refresh",a.refresh)}}function G(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-week-view",5),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("validateEventTimesChanged",a.validateEventTimesChanged)}}function Y(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-day-view",5),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("validateEventTimesChanged",a.validateEventTimesChanged)}}class Z{constructor(){this.view=u.w.Week,this.viewDate=new Date,this.events=[{start:(0,g.Z)((0,i.Z)(new Date),1),end:(0,v.Z)(new Date,1),title:"A 3 day event",color:C.O.blue,allDay:!0,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{start:(0,_.Z)((0,i.Z)(U(new Date,3)),2),end:N((0,_.Z)((0,i.Z)(U(new Date,3)),3),1),title:"An short event",color:C.O.yellow,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{start:(0,_.Z)((0,i.Z)(U(new Date,3)),5),end:N((0,_.Z)((0,i.Z)(U(new Date,3)),10),1),title:"A draggable and resizable event",color:C.O.yellow,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0}],this.refresh=new T.x,this.validateEventTimesChanged=({event:l,newStart:a,newEnd:d,allDay:o},s=!0)=>{if(l.allDay)return!0;if(delete l.cssClass,!(0,V.Z)(a,d))return!1;if(this.events.find(w=>w!==l&&!w.allDay&&(w.start{t.d(c,{$:()=>u});var e=t(44879),f=t(2316),p=t(50111),D=t(58125),m=t(68849),T=t(4540);class u{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=f.w}}u.\u0275fac=function(g){return new(g||u)},u.\u0275cmp=e.Xpm({type:u,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(g,i){1&g&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(_){return i.viewDate=_})("viewDateChange",function(){return i.viewDateChange.next(i.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return i.viewChange.emit(i.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&g&&(e.xp6(7),e.Q6J("view",i.view)("viewDate",i.viewDate),e.xp6(3),e.Q6J("viewDate",i.viewDate),e.xp6(3),e.Q6J("view",i.view)("viewDate",i.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,i.viewDate,i.view+"ViewTitle",i.locale)),e.xp6(8),e.ekj("active",i.view===i.CalendarView.Month),e.xp6(3),e.ekj("active",i.view===i.CalendarView.Week),e.xp6(3),e.ekj("active",i.view===i.CalendarView.Day))},dependencies:[p.O,D.T,m.i,T.J],encapsulation:2})},44248:(H,c,t)=>{t.d(c,{S:()=>m});var e=t(50192),f=t(86963),p=t(5234),D=t(44879);class m{}m.\u0275fac=function(u){return new(u||m)},m.\u0275mod=D.oAB({type:m}),m.\u0275inj=D.cJS({imports:[e.ez,f.u5,p._8]})},13222:(H,c,t)=>{t.r(c),t.d(c,{DemoModule:()=>h});var e=t(50192),f=t(98783),p=t(5234),D=t(33275),m=t(44248),T=t(23468),u=t(2316),C=t(22201),g=t(18937),i=t(54876),v=t(13980),_=t(27413),R=t(72810),A=t(7483),I=t(13638),L=t(64008);function U(r,l,a){var d,o,s,y,E,w,M,J;(0,I.Z)(2,arguments);var W=(0,L.j)(),S=(0,A.Z)(null!==(d=null!==(o=null!==(s=null!==(y=a?.weekStartsOn)&&void 0!==y?y:null==a||null===(E=a.locale)||void 0===E||null===(w=E.options)||void 0===w?void 0:w.weekStartsOn)&&void 0!==s?s:W.weekStartsOn)&&void 0!==o?o:null===(M=W.locale)||void 0===M||null===(J=M.options)||void 0===J?void 0:J.weekStartsOn)&&void 0!==d?d:0);if(!(S>=0&&S<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var B=(0,R.Z)(r),O=(0,A.Z)(l),K=B.getDay(),k=O%7,b=(k+7)%7,P=7-S,q=O<0||O>6?O-(K+P)%7:(b+P)%7-(K+P)%7;return(0,v.Z)(B,q)}var Q=t(65835);function N(r,l){(0,I.Z)(2,arguments);var a=(0,A.Z)(l);return(0,Q.Z)(r,-a)}var V=t(4400),n=t(44879),F=t(79144),$=t(84156),j=t(56500),z=t(43303);function x(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-month-view",4),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("activeDayIsOpen",!0)("refresh",a.refresh)}}function G(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-week-view",5),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("validateEventTimesChanged",a.validateEventTimesChanged)}}function Y(r,l){if(1&r){const a=n.EpF();n.TgZ(0,"mwl-calendar-day-view",5),n.NdJ("eventTimesChanged",function(o){n.CHM(a);const s=n.oxw();return n.KtG(s.eventTimesChanged(o))}),n._uU(1,"\n "),n.qZA()}if(2&r){const a=n.oxw();n.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("validateEventTimesChanged",a.validateEventTimesChanged)}}class Z{constructor(){this.view=u.w.Week,this.viewDate=new Date,this.events=[{start:(0,g.Z)((0,i.Z)(new Date),1),end:(0,v.Z)(new Date,1),title:"A 3 day event",color:C.O.blue,allDay:!0,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{start:(0,_.Z)((0,i.Z)(U(new Date,3)),2),end:N((0,_.Z)((0,i.Z)(U(new Date,3)),3),1),title:"An short event",color:C.O.yellow,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0},{start:(0,_.Z)((0,i.Z)(U(new Date,3)),5),end:N((0,_.Z)((0,i.Z)(U(new Date,3)),10),1),title:"A draggable and resizable event",color:C.O.yellow,resizable:{beforeStart:!0,afterEnd:!0},draggable:!0}],this.refresh=new T.x,this.validateEventTimesChanged=({event:l,newStart:a,newEnd:d,allDay:o},s=!0)=>{if(l.allDay)return!0;if(delete l.cssClass,!(0,V.Z)(a,d))return!1;if(this.events.find(w=>w!==l&&!w.allDay&&(w.start {"use strict";function e(i){return{addDays:function f(n,t){return i(n).add(t,"days").toDate()},addHours:function l(n,t){return i(n).add(t,"hours").toDate()},addMinutes:function p(n,t){return i(n).add(t,"minutes").toDate()},addSeconds:function _(n,t){return i(n).add(t,"seconds").toDate()},differenceInDays:function h(n,t){return i(n).diff(i(t),"days")},differenceInMinutes:function U(n,t){return i(n).diff(i(t),"minutes")},differenceInSeconds:function d(n,t){return i(n).diff(i(t),"seconds")},endOfDay:function M(n){return i(n).endOf("day").toDate()},endOfMonth:function O(n){return i(n).endOf("month").toDate()},endOfWeek:function J(n){return i(n).endOf("week").toDate()},getDay:function u(n){return i(n).day()},getMonth:function V(n){return i(n).month()},isSameDay:function E(n,t){return i(n).isSame(i(t),"day")},isSameMonth:function B(n,t){return i(n).isSame(i(t),"month")},isSameSecond:function H(n,t){return i(n).isSame(i(t),"second")},max:function A(n){return i.max(n.map(function(t){return i(t)})).toDate()},setHours:function N(n,t){return i(n).set("hours",t).toDate()},setMinutes:function L(n,t){return i(n).set("minutes",t).toDate()},startOfDay:function w(n){return i(n).startOf("day").toDate()},startOfMinute:function D(n){return i(n).startOf("minute").toDate()},startOfMonth:function W(n){return i(n).startOf("month").toDate()},startOfWeek:function Z(n){return i(n).startOf("week").toDate()},getHours:function o(n){return i(n).get("hours")},getMinutes:function r(n){return i(n).get("minutes")},getTimezoneOffset:function a(n){return-1*i(n).utcOffset()}}}function S(i){return{...e(i),addWeeks:(f,l)=>i(f).add(l,"weeks").toDate(),addMonths:(f,l)=>i(f).add(l,"months").toDate(),subDays:(f,l)=>i(f).subtract(l,"days").toDate(),subWeeks:(f,l)=>i(f).subtract(l,"weeks").toDate(),subMonths:(f,l)=>i(f).subtract(l,"months").toDate(),getISOWeek:f=>i(f).isoWeek(),setDate:(f,l)=>i(f).date(l).toDate(),setMonth:(f,l)=>i(f).month(l).toDate(),setYear:(f,l)=>i(f).year(l).toDate(),getDate:f=>i(f).date(),getYear:f=>i(f).year()}}s.d(C,{x:()=>S})},2335:(Y,C,s)=>{"use strict";s.d(C,{G:()=>l,n:()=>f});var e=s(44879),S=s(65907),i=s(33275);const f=new e.OlP("Moment");class l{constructor(_,h){this.moment=_,this.dateAdapter=h}monthViewColumnHeader({date:_,locale:h}){return this.moment(_).locale(h).format("dddd")}monthViewDayNumber({date:_,locale:h}){return this.moment(_).locale(h).format("D")}monthViewTitle({date:_,locale:h}){return this.moment(_).locale(h).format("MMMM YYYY")}weekViewColumnHeader({date:_,locale:h}){return this.moment(_).locale(h).format("dddd")}weekViewColumnSubHeader({date:_,locale:h}){return this.moment(_).locale(h).format("MMM D")}weekViewTitle({date:_,locale:h,weekStartsOn:U,excludeDays:d,daysInWeek:M}){const{viewStart:O,viewEnd:J}=(0,S.rK)(this.dateAdapter,_,U,d,M),u=(V,E)=>this.moment(V).locale(h).format("MMM D"+(E?", YYYY":""));return`${u(O,O.getUTCFullYear()!==J.getUTCFullYear())} - ${u(J,!0)}`}weekViewHour({date:_,locale:h}){return this.moment(_).locale(h).format("ha")}dayViewHour({date:_,locale:h}){return this.moment(_).locale(h).format("ha")}dayViewTitle({date:_,locale:h}){return this.moment(_).locale(h).format("dddd, LL")}}l.\u0275fac=function(_){return new(_||l)(e.LFG(f),e.LFG(i._))},l.\u0275prov=e.Yz7({token:l,factory:l.\u0275fac})},23283:(Y,C,s)=>{"use strict";s.r(C),s.d(C,{DemoModule:()=>Z,dayjsAdapterFactory:()=>W});var e=s(50192),S=s(98783),i=s(2335),f=s(5234),l=s(33275),p=s(8049),_=s(49866),h=s.n(_),U=s(44248),d=s(49914),M=s(2316),O=s(50127),J=s.n(O),u=s(44879),V=s(79144),E=s(84156),B=s(56500),H=s(43303);function A(o,r){if(1&o&&(u.TgZ(0,"mwl-calendar-month-view",4),u._uU(1,"\n "),u.qZA()),2&o){const a=u.oxw();u.Q6J("viewDate",a.viewDate)("events",a.events)}}function N(o,r){if(1&o&&(u.TgZ(0,"mwl-calendar-week-view",4),u._uU(1,"\n "),u.qZA()),2&o){const a=u.oxw();u.Q6J("viewDate",a.viewDate)("events",a.events)}}function L(o,r){if(1&o&&(u.TgZ(0,"mwl-calendar-day-view",4),u._uU(1,"\n "),u.qZA()),2&o){const a=u.oxw();u.Q6J("viewDate",a.viewDate)("events",a.events)}}h().locale({...J(),weekStart:d.sb.MONDAY});class w{constructor(){this.view=M.w.Month,this.viewDate=new Date,this.events=[]}}w.\u0275fac=function(r){return new(r||w)},w.\u0275cmp=u.Xpm({type:w,selectors:[["mwl-demo-component"]],decls:15,vars:6,consts:[[1,"alert","alert-info"],[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events"]],template:function(r,a){1&r&&(u.TgZ(0,"div",0),u._uU(1,"\n Use this if you're already using dayjs heavily in your app and don't want to\n include date-fns in your bundle, or you need to be able to adjust dates to be\n in a different timezone than the users browser via dayjs-locale\n"),u.qZA(),u._uU(2,"\n\n"),u.TgZ(3,"mwl-demo-utils-calendar-header",1),u.NdJ("viewChange",function(t){return a.view=t})("viewDateChange",function(t){return a.viewDate=t}),u._uU(4,"\n"),u.qZA(),u._uU(5,"\n\n"),u.TgZ(6,"div",2),u._uU(7,"\n "),u.YNc(8,A,2,2,"mwl-calendar-month-view",3),u._uU(9,"\n "),u.YNc(10,N,2,2,"mwl-calendar-week-view",3),u._uU(11,"\n "),u.YNc(12,L,2,2,"mwl-calendar-day-view",3),u._uU(13,"\n"),u.qZA(),u._uU(14,"\n")),2&r&&(u.xp6(3),u.Q6J("view",a.view)("viewDate",a.viewDate),u.xp6(3),u.Q6J("ngSwitch",a.view),u.xp6(2),u.Q6J("ngSwitchCase","month"),u.xp6(2),u.Q6J("ngSwitchCase","week"),u.xp6(2),u.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,V.G,E.T,B.S,H.$],encapsulation:2,changeDetection:0});var D=s(72324);function W(){return(0,D.x)(h())}class Z{}Z.\u0275fac=function(r){return new(r||Z)},Z.\u0275mod=u.oAB({type:Z}),Z.\u0275inj=u.cJS({providers:[{provide:i.n,useValue:h()}],imports:[e.ez,f._8.forRoot({provide:l._,useFactory:W},{dateFormatter:{provide:p.m,useClass:i.G}}),U.S,S.Bz.forChild([{path:"",component:w}])]})},43303:(Y,C,s)=>{"use strict";s.d(C,{$:()=>_});var e=s(44879),S=s(2316),i=s(50111),f=s(58125),l=s(68849),p=s(4540);class _{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=S.w}}_.\u0275fac=function(U){return new(U||_)},_.\u0275cmp=e.Xpm({type:_,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(U,d){1&U&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(O){return d.viewDate=O})("viewDateChange",function(){return d.viewDateChange.next(d.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(O){return d.viewDate=O})("viewDateChange",function(){return d.viewDateChange.next(d.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(O){return d.viewDate=O})("viewDateChange",function(){return d.viewDateChange.next(d.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return d.viewChange.emit(d.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return d.viewChange.emit(d.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return d.viewChange.emit(d.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&U&&(e.xp6(7),e.Q6J("view",d.view)("viewDate",d.viewDate),e.xp6(3),e.Q6J("viewDate",d.viewDate),e.xp6(3),e.Q6J("view",d.view)("viewDate",d.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,d.viewDate,d.view+"ViewTitle",d.locale)),e.xp6(8),e.ekj("active",d.view===d.CalendarView.Month),e.xp6(3),e.ekj("active",d.view===d.CalendarView.Week),e.xp6(3),e.ekj("active",d.view===d.CalendarView.Day))},dependencies:[i.O,f.T,l.i,p.J],encapsulation:2})},44248:(Y,C,s)=>{"use strict";s.d(C,{S:()=>l});var e=s(50192),S=s(86963),i=s(5234),f=s(44879);class l{}l.\u0275fac=function(_){return new(_||l)},l.\u0275mod=f.oAB({type:l}),l.\u0275inj=f.cJS({imports:[e.ez,S.u5,i._8]})},49866:function(Y){Y.exports=function(){"use strict";var C=1e3,s=6e4,e=36e5,S="millisecond",i="second",f="minute",l="hour",p="day",_="week",h="month",U="quarter",d="year",M="date",O="Invalid Date",J=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,u=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,V={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(o){var r=["th","st","nd","rd"],a=o%100;return"["+o+(r[(a-20)%10]||r[a]||r[0])+"]"}},E=function(o,r,a){var n=String(o);return!n||n.length>=r?o:""+Array(r+1-n.length).join(a)+o},B={s:E,z:function(o){var r=-o.utcOffset(),a=Math.abs(r),n=Math.floor(a/60),t=a%60;return(r<=0?"+":"-")+E(n,2,"0")+":"+E(t,2,"0")},m:function o(r,a){if(r.date() 1)return o(c[0])}else{var m=r.name;A[m]=r,t=m}return!n&&t&&(H=t),t||!n&&H},w=function(o,r){if(N(o))return o.clone();var a="object"==typeof r?r:{};return a.date=o,a.args=arguments,new W(a)},D=B;D.l=L,D.i=N,D.w=function(o,r){return w(o,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var W=function(){function o(a){this.$L=L(a.locale,null,!0),this.parse(a)}var r=o.prototype;return r.parse=function(a){this.$d=function(n){var t=n.date,v=n.utc;if(null===t)return new Date(NaN);if(D.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var c=t.match(J);if(c){var m=c[2]-1||0,y=(c[7]||"0").substring(0,3);return v?new Date(Date.UTC(c[1],m,c[3]||1,c[4]||0,c[5]||0,c[6]||0,y)):new Date(c[1],m,c[3]||1,c[4]||0,c[5]||0,c[6]||0,y)}}return new Date(t)}(a),this.$x=a.x||{},this.init()},r.init=function(){var a=this.$d;this.$y=a.getFullYear(),this.$M=a.getMonth(),this.$D=a.getDate(),this.$W=a.getDay(),this.$H=a.getHours(),this.$m=a.getMinutes(),this.$s=a.getSeconds(),this.$ms=a.getMilliseconds()},r.$utils=function(){return D},r.isValid=function(){return this.$d.toString()!==O},r.isSame=function(a,n){var t=w(a);return this.startOf(n)<=t&&t<=this.endOf(n)},r.isAfter=function(a,n){return w(a){s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(50684),highlighted:s(93054)}},{filename:"template.html",contents:{raw:s(80321),highlighted:s(25903)}},{filename:"module.ts",contents:{raw:s(97382),highlighted:s(26940)}}]},93054:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { CalendarEvent } from \'angular-calendar\' ;\nimport { addDays, addHours, startOfDay } from \'date-fns\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: addHours(startOfDay(new Date ()), 5 ),\n end: addHours(startOfDay(new Date ()), 17 ),\n title: \'Event 1\' ,\n color: colors.red,\n allDay: true ,\n },\n {\n start: addHours(startOfDay(addDays(new Date (), 1 )), 2 ),\n end: addHours(startOfDay(addDays(new Date (), 1 )), 18 ),\n title: \'Event 2\' ,\n color: colors.blue,\n allDay: true ,\n },\n {\n start: addHours(startOfDay(new Date ()), 8 ),\n title: \'Event 3\' ,\n color: colors.blue,\n allDay: true ,\n },\n ];\n}\n'},26940:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},25903:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-calendar-week-view \n precision ="minutes" \n [viewDate ]="viewDate" \n [events ]="events" \n> \n</mwl-calendar-week-view > \n'},50684:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CalendarEvent } from 'angular-calendar';\nimport { addDays, addHours, startOfDay } from 'date-fns';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: addHours(startOfDay(new Date()), 5),\n end: addHours(startOfDay(new Date()), 17),\n title: 'Event 1',\n color: colors.red,\n allDay: true,\n },\n {\n start: addHours(startOfDay(addDays(new Date(), 1)), 2),\n end: addHours(startOfDay(addDays(new Date(), 1)), 18),\n title: 'Event 2',\n color: colors.blue,\n allDay: true,\n },\n {\n start: addHours(startOfDay(new Date()), 8),\n title: 'Event 3',\n color: colors.blue,\n allDay: true,\n },\n ];\n}\n"},97382:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},80321:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3360],{63360:(l,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(50684),highlighted:s(93054)}},{filename:"template.html",contents:{raw:s(80321),highlighted:s(25903)}},{filename:"module.ts",contents:{raw:s(97382),highlighted:s(26940)}}]},93054:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { CalendarEvent } from \'angular-calendar\' ;\nimport { addDays, addHours, startOfDay } from \'date-fns\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: addHours(startOfDay(new Date ()), 5 ),\n end: addHours(startOfDay(new Date ()), 17 ),\n title: \'Event 1\' ,\n color: colors.red,\n allDay: true ,\n },\n {\n start: addHours(startOfDay(addDays(new Date (), 1 )), 2 ),\n end: addHours(startOfDay(addDays(new Date (), 1 )), 18 ),\n title: \'Event 2\' ,\n color: colors.blue,\n allDay: true ,\n },\n {\n start: addHours(startOfDay(new Date ()), 8 ),\n title: \'Event 3\' ,\n color: colors.blue,\n allDay: true ,\n },\n ];\n}\n'},26940:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},25903:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-calendar-week-view \n precision ="minutes" \n [viewDate ]="viewDate" \n [events ]="events" \n> \n</mwl-calendar-week-view > \n'},50684:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CalendarEvent } from 'angular-calendar';\nimport { addDays, addHours, startOfDay } from 'date-fns';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: addHours(startOfDay(new Date()), 5),\n end: addHours(startOfDay(new Date()), 17),\n title: 'Event 1',\n color: colors.red,\n allDay: true,\n },\n {\n start: addHours(startOfDay(addDays(new Date(), 1)), 2),\n end: addHours(startOfDay(addDays(new Date(), 1)), 18),\n title: 'Event 2',\n color: colors.blue,\n allDay: true,\n },\n {\n start: addHours(startOfDay(new Date()), 8),\n title: 'Event 3',\n color: colors.blue,\n allDay: true,\n },\n ];\n}\n"},97382:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},80321:(l,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n'}}]);
\ No newline at end of file
diff --git a/6634.1204f5e649701d54.js b/3403.a2e1bb02837862a3.js
similarity index 50%
rename from 6634.1204f5e649701d54.js
rename to 3403.a2e1bb02837862a3.js
index d5caea803..76881d42b 100644
--- a/6634.1204f5e649701d54.js
+++ b/3403.a2e1bb02837862a3.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[6634],{73772:(p,w,t)=>{t.d(w,{$:()=>v});var e=t(72612),u=t(1885),D=t(60845),m=t(45831),d=t(97172),C=t(9665);class v{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=u.w}}v.\u0275fac=function(s){return new(s||v)},v.\u0275cmp=e.Xpm({type:v,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,a){1&s&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&s&&(e.xp6(7),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("viewDate",a.viewDate),e.xp6(3),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),e.xp6(8),e.ekj("active",a.view===a.CalendarView.Month),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Week),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Day))},dependencies:[D.O,m.T,d.i,C.J],encapsulation:2})},14219:(p,w,t)=>{t.d(w,{S:()=>d});var e=t(64061),u=t(48052),D=t(60341),m=t(72612);class d{}d.\u0275fac=function(v){return new(v||d)},d.\u0275mod=m.oAB({type:d}),d.\u0275inj=m.cJS({imports:[e.ez,u.u5,D._8]})},56634:(p,w,t)=>{t.r(w),t.d(w,{DemoModule:()=>c});var e=t(64061),u=t(43850),D=t(60341),m=t(72887),d=t(14219),C=t(1885),v=t(26898),n=t(72612),s=t(97286),a=t(65148),_=t(4238),r=t(73772);function U(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-month-view",4),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("activeDayIsOpen",!0)}}function T(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-week-view",5),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}function f(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-day-view",5),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}class g{constructor(){this.view=C.w.Month,this.viewDate=new Date,this.events=[{title:"Editable event",color:v.O.yellow,start:new Date,actions:[{label:' ',onClick:({event:o})=>{console.log("Edit event",o)}}]},{title:"Deletable event",color:v.O.blue,start:new Date,actions:[{label:' ',onClick:({event:o})=>{this.events=this.events.filter(i=>i!==o),console.log("Event deleted",o)}}]},{title:"Non editable and deletable event",color:v.O.red,start:new Date}]}}g.\u0275fac=function(o){return new(o||g)},g.\u0275cmp=n.Xpm({type:g,selectors:[["mwl-demo-component"]],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen"],[3,"viewDate","events"]],template:function(o,i){1&o&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(h){return i.view=h})("viewDateChange",function(h){return i.viewDate=h}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1),n._uU(4,"\n "),n.YNc(5,U,2,3,"mwl-calendar-month-view",2),n._uU(6,"\n "),n.YNc(7,T,2,2,"mwl-calendar-week-view",3),n._uU(8,"\n "),n.YNc(9,f,2,2,"mwl-calendar-day-view",3),n._uU(10,"\n"),n.qZA(),n._uU(11,"\n")),2&o&&(n.Q6J("view",i.view)("viewDate",i.viewDate),n.xp6(3),n.Q6J("ngSwitch",i.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,s.G,a.T,_.S,r.$],encapsulation:2,changeDetection:0});var Z=t(57585);class c{}c.\u0275fac=function(o){return new(o||c)},c.\u0275mod=n.oAB({type:c}),c.\u0275inj=n.cJS({imports:[e.ez,D._8.forRoot({provide:m._,useFactory:Z.x}),d.S,u.Bz.forChild([{path:"",component:g}])]})}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3403],{43303:(p,w,t)=>{t.d(w,{$:()=>v});var e=t(44879),u=t(2316),D=t(50111),m=t(58125),d=t(68849),C=t(4540);class v{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=u.w}}v.\u0275fac=function(s){return new(s||v)},v.\u0275cmp=e.Xpm({type:v,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,a){1&s&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(r){return a.viewDate=r})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&s&&(e.xp6(7),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("viewDate",a.viewDate),e.xp6(3),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),e.xp6(8),e.ekj("active",a.view===a.CalendarView.Month),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Week),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Day))},dependencies:[D.O,m.T,d.i,C.J],encapsulation:2})},44248:(p,w,t)=>{t.d(w,{S:()=>d});var e=t(50192),u=t(86963),D=t(5234),m=t(44879);class d{}d.\u0275fac=function(v){return new(v||d)},d.\u0275mod=m.oAB({type:d}),d.\u0275inj=m.cJS({imports:[e.ez,u.u5,D._8]})},23403:(p,w,t)=>{t.r(w),t.d(w,{DemoModule:()=>c});var e=t(50192),u=t(98783),D=t(5234),m=t(33275),d=t(44248),C=t(2316),v=t(22201),n=t(44879),s=t(79144),a=t(84156),_=t(56500),r=t(43303);function U(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-month-view",4),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("activeDayIsOpen",!0)}}function T(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-week-view",5),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}function f(l,o){if(1&l&&(n.TgZ(0,"mwl-calendar-day-view",5),n._uU(1,"\n "),n.qZA()),2&l){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}class g{constructor(){this.view=C.w.Month,this.viewDate=new Date,this.events=[{title:"Editable event",color:v.O.yellow,start:new Date,actions:[{label:' ',onClick:({event:o})=>{console.log("Edit event",o)}}]},{title:"Deletable event",color:v.O.blue,start:new Date,actions:[{label:' ',onClick:({event:o})=>{this.events=this.events.filter(i=>i!==o),console.log("Event deleted",o)}}]},{title:"Non editable and deletable event",color:v.O.red,start:new Date}]}}g.\u0275fac=function(o){return new(o||g)},g.\u0275cmp=n.Xpm({type:g,selectors:[["mwl-demo-component"]],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen"],[3,"viewDate","events"]],template:function(o,i){1&o&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(h){return i.view=h})("viewDateChange",function(h){return i.viewDate=h}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1),n._uU(4,"\n "),n.YNc(5,U,2,3,"mwl-calendar-month-view",2),n._uU(6,"\n "),n.YNc(7,T,2,2,"mwl-calendar-week-view",3),n._uU(8,"\n "),n.YNc(9,f,2,2,"mwl-calendar-day-view",3),n._uU(10,"\n"),n.qZA(),n._uU(11,"\n")),2&o&&(n.Q6J("view",i.view)("viewDate",i.viewDate),n.xp6(3),n.Q6J("ngSwitch",i.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,s.G,a.T,_.S,r.$],encapsulation:2,changeDetection:0});var Z=t(20211);class c{}c.\u0275fac=function(o){return new(o||c)},c.\u0275mod=n.oAB({type:c}),c.\u0275inj=n.cJS({imports:[e.ez,D._8.forRoot({provide:m._,useFactory:Z.x}),d.S,u.Bz.forChild([{path:"",component:g}])]})}}]);
\ No newline at end of file
diff --git a/8556.d2d0480d82e40d71.js b/3483.51c501e48c94f216.js
similarity index 99%
rename from 8556.d2d0480d82e40d71.js
rename to 3483.51c501e48c94f216.js
index 79f629a7a..9e36fad9d 100644
--- a/8556.d2d0480d82e40d71.js
+++ b/3483.51c501e48c94f216.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[8556],{18556:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(31748),highlighted:n(29786)}},{filename:"template.html",contents:{raw:n(93966),highlighted:n(7515)}},{filename:"module.ts",contents:{raw:n(11088),highlighted:n(87078)}}]},29786:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { addDays, addHours, startOfDay } from \'date-fns\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'./template.html\' ,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n .cal-week-view .cal-time-events .cal-day-column {\n margin-right: 10 px;\n }\n\n .cal-week-view .cal-hour {\n width: calc(100 % + 10 px);\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: startOfDay(new Date ()),\n title: \'An event\' ,\n color: colors.yellow,\n },\n {\n start: addHours(startOfDay(new Date ()), 2 ),\n end: new Date (),\n title: \'Another event\' ,\n color: colors.blue,\n },\n {\n start: addDays(addHours(startOfDay(new Date ()), 2 ), 2 ),\n end: addDays(new Date (), 2 ),\n title: \'And another\' ,\n color: colors.red,\n },\n ];\n}\n'},87078:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},7515:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},31748:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { addDays, addHours, startOfDay } from 'date-fns';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './template.html',\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n .cal-week-view .cal-time-events .cal-day-column {\n margin-right: 10px;\n }\n\n .cal-week-view .cal-hour {\n width: calc(100% + 10px);\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: startOfDay(new Date()),\n title: 'An event',\n color: colors.yellow,\n },\n {\n start: addHours(startOfDay(new Date()), 2),\n end: new Date(),\n title: 'Another event',\n color: colors.blue,\n },\n {\n start: addDays(addHours(startOfDay(new Date()), 2), 2),\n end: addDays(new Date(), 2),\n title: 'And another',\n color: colors.red,\n },\n ];\n}\n"},11088:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},93966:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3483],{63483:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(31748),highlighted:n(29786)}},{filename:"template.html",contents:{raw:n(93966),highlighted:n(7515)}},{filename:"module.ts",contents:{raw:n(11088),highlighted:n(87078)}}]},29786:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\nimport { addDays, addHours, startOfDay } from \'date-fns\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'./template.html\' ,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n .cal-week-view .cal-time-events .cal-day-column {\n margin-right: 10 px;\n }\n\n .cal-week-view .cal-hour {\n width: calc(100 % + 10 px);\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: startOfDay(new Date ()),\n title: \'An event\' ,\n color: colors.yellow,\n },\n {\n start: addHours(startOfDay(new Date ()), 2 ),\n end: new Date (),\n title: \'Another event\' ,\n color: colors.blue,\n },\n {\n start: addDays(addHours(startOfDay(new Date ()), 2 ), 2 ),\n end: addDays(new Date (), 2 ),\n title: \'And another\' ,\n color: colors.red,\n },\n ];\n}\n'},87078:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},7515:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n > \n </mwl-calendar-day-view > \n</div > \n'},31748:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\nimport { addDays, addHours, startOfDay } from 'date-fns';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './template.html',\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n .cal-week-view .cal-time-events .cal-day-column {\n margin-right: 10px;\n }\n\n .cal-week-view .cal-hour {\n width: calc(100% + 10px);\n }\n `,\n ],\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: startOfDay(new Date()),\n title: 'An event',\n color: colors.yellow,\n },\n {\n start: addHours(startOfDay(new Date()), 2),\n end: new Date(),\n title: 'Another event',\n color: colors.blue,\n },\n {\n start: addDays(addHours(startOfDay(new Date()), 2), 2),\n end: addDays(new Date(), 2),\n title: 'And another',\n color: colors.red,\n },\n ];\n}\n"},11088:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},93966:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/3484.53fa458b49c47971.js b/3484.53fa458b49c47971.js
new file mode 100644
index 000000000..27874e344
--- /dev/null
+++ b/3484.53fa458b49c47971.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3484],{44248:(U,u,a)=>{a.d(u,{S:()=>o});var d=a(50192),D=a(86963),r=a(5234),c=a(44879);class o{}o.\u0275fac=function(_){return new(_||o)},o.\u0275mod=c.oAB({type:o}),o.\u0275inj=c.cJS({imports:[d.ez,D.u5,r._8]})},73484:(U,u,a)=>{a.r(u),a.d(u,{DemoModule:()=>l});var d=a(50192),D=a(98783),r=a(5234),c=a(33275),o=a(44248),m=a(2316),_=a(49914),y=a(22201),e=a(44879),C=a(50111),g=a(58125),h=a(68849),p=a(79144),T=a(84156),Z=a(56500),f=a(4540);function A(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-month-view",11),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("viewDate",n.viewDate)("events",n.events)("excludeDays",n.excludeDays)}}function J(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-week-view",12),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("excludeDays",n.excludeDays)("viewDate",n.viewDate)("events",n.events)}}function x(t,i){if(1&t&&(e.TgZ(0,"mwl-calendar-day-view",13),e._uU(1,"\n "),e.qZA()),2&t){const n=e.oxw();e.Q6J("viewDate",n.viewDate)("events",n.events)}}const M=function(t,i,n,v){return[t,i,"en",n,v]};class w{constructor(){this.view=m.w.Month,this.viewDate=new Date("2016-01-05"),this.events=[{start:new Date("2016-01-08"),end:new Date("2016-01-10"),title:"One day excluded event",color:y.O.red,allDay:!0},{start:new Date("2016-01-01"),end:new Date("2016-01-09"),title:"Multiple weeks event",allDay:!0}],this.excludeDays=[0,6],this.weekStartsOn=_.sb.SUNDAY,this.CalendarView=m.w}}w.\u0275fac=function(i){return new(i||w)},w.\u0275cmp=e.Xpm({type:w,selectors:[["mwl-demo-component"]],decls:51,vars:29,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","excludeDays","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","excludeDays","viewDateChange"],[1,"btn","btn-primary",3,"click"],[3,"ngSwitch"],[3,"viewDate","events","excludeDays",4,"ngSwitchCase"],[3,"excludeDays","viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","excludeDays"],[3,"excludeDays","viewDate","events"],[3,"viewDate","events"]],template:function(i,n){1&i&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.TgZ(4,"div",2),e._uU(5,"\n "),e.TgZ(6,"div",3),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(7,"\n Previous\n "),e.qZA(),e._uU(8,"\n "),e.TgZ(9,"div",4),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(10,"\n Today\n "),e.qZA(),e._uU(11,"\n "),e.TgZ(12,"div",5),e.NdJ("viewDateChange",function(s){return n.viewDate=s}),e._uU(13,"\n Next\n "),e.qZA(),e._uU(14,"\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.TgZ(17,"div",1),e._uU(18,"\n "),e.TgZ(19,"h3"),e._uU(20),e.ALo(21,"calendarDate"),e.qZA(),e._uU(22,"\n "),e.qZA(),e._uU(23,"\n "),e.TgZ(24,"div",1),e._uU(25,"\n "),e.TgZ(26,"div",2),e._uU(27,"\n "),e.TgZ(28,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Month}),e._uU(29,"\n Month\n "),e.qZA(),e._uU(30,"\n "),e.TgZ(31,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Week}),e._uU(32,"\n Week\n "),e.qZA(),e._uU(33,"\n "),e.TgZ(34,"div",6),e.NdJ("click",function(){return n.view=n.CalendarView.Day}),e._uU(35,"\n Day\n "),e.qZA(),e._uU(36,"\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n"),e.qZA(),e._uU(39,"\n"),e._UZ(40,"br"),e._uU(41,"\n\n"),e.TgZ(42,"div",7),e._uU(43,"\n "),e.YNc(44,A,2,3,"mwl-calendar-month-view",8),e._uU(45,"\n "),e.YNc(46,J,2,3,"mwl-calendar-week-view",9),e._uU(47,"\n "),e.YNc(48,x,2,2,"mwl-calendar-day-view",10),e._uU(49,"\n"),e.qZA(),e._uU(50,"\n")),2&i&&(e.xp6(6),e.Q6J("view",n.view)("viewDate",n.viewDate)("excludeDays",n.excludeDays),e.xp6(3),e.Q6J("viewDate",n.viewDate),e.xp6(3),e.Q6J("view",n.view)("viewDate",n.viewDate)("excludeDays",n.excludeDays),e.xp6(8),e.hij("\n ",e.G7q(21,18,e.l5B(24,M,n.viewDate,n.view+"ViewTitle",n.weekStartsOn,n.excludeDays)),"\n "),e.xp6(8),e.ekj("active","month"===n.view),e.xp6(3),e.ekj("active","week"===n.view),e.xp6(3),e.ekj("active","day"===n.view),e.xp6(8),e.Q6J("ngSwitch",n.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[d.RF,d.n9,C.O,g.T,h.i,p.G,T.T,Z.S,f.J],encapsulation:2,changeDetection:0});var S=a(20211);class l{}l.\u0275fac=function(i){return new(i||l)},l.\u0275mod=e.oAB({type:l}),l.\u0275inj=e.cJS({imports:[d.ez,r._8.forRoot({provide:c._,useFactory:S.x}),o.S,D.Bz.forChild([{path:"",component:w}])]})}}]);
\ No newline at end of file
diff --git a/355.d603b1bacd2a0ecc.js b/355.d603b1bacd2a0ecc.js
new file mode 100644
index 000000000..ee963dbcb
--- /dev/null
+++ b/355.d603b1bacd2a0ecc.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[355],{90355:(e,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(38604),highlighted:s(81950)}},{filename:"template.html",contents:{raw:s(49054),highlighted:s(66619)}},{filename:"day-view-scheduler.component.ts",contents:{raw:s(21929),highlighted:s(38095)}},{filename:"day-view-scheduler.component.html",contents:{raw:s(61669),highlighted:s(30411)}},{filename:"module.ts",contents:{raw:s(97200),highlighted:s(57754)}}]},81950:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\nimport { addHours, startOfDay } from \'date-fns\' ;\nimport { User } from \'./day-view-scheduler.component\' ;\n\nconst users: User[] = [\n {\n id: 0 ,\n name: \'John smith\' ,\n color: colors.yellow,\n },\n {\n id: 1 ,\n name: \'Jane Doe\' ,\n color: colors.blue,\n },\n];\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n viewDate = new Date ();\n\n users = users;\n\n events: CalendarEvent[] = [\n {\n title: \'An event\' ,\n color: users[0 ].color,\n start: addHours(startOfDay(new Date ()), 5 ),\n meta: {\n user: users[0 ],\n },\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n title: \'Another event\' ,\n color: users[1 ].color,\n start: addHours(startOfDay(new Date ()), 2 ),\n meta: {\n user: users[1 ],\n },\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n title: \'A 3rd event\' ,\n color: users[0 ].color,\n start: addHours(startOfDay(new Date ()), 7 ),\n meta: {\n user: users[0 ],\n },\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n title: \'An all day event\' ,\n color: users[0 ].color,\n start: new Date (),\n meta: {\n user: users[0 ],\n },\n draggable: true ,\n allDay: true ,\n },\n {\n title: \'Another all day event\' ,\n color: users[1 ].color,\n start: new Date (),\n meta: {\n user: users[1 ],\n },\n draggable: true ,\n allDay: true ,\n },\n {\n title: \'A 3rd all day event\' ,\n color: users[0 ].color,\n start: new Date (),\n meta: {\n user: users[0 ],\n },\n draggable: true ,\n allDay: true ,\n },\n ];\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this .events = [...this.events];\n }\n\n userChanged({ event, newUser }) {\n event.color = newUser.color;\n event.meta.user = newUser;\n this .events = [...this.events];\n }\n}\n'},38095:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Inject,\n Injectable,\n Input,\n LOCALE_ID,\n OnChanges,\n Output,\n SimpleChanges,\n} from \'@angular/core\' ;\nimport {\n CalendarUtils,\n CalendarWeekViewComponent,\n DateAdapter,\n getWeekViewPeriod,\n} from \'angular-calendar\' ;\nimport {\n WeekView,\n GetWeekViewArgs,\n WeekViewTimeEvent,\n EventColor,\n CalendarEvent,\n WeekViewAllDayEventRow,\n WeekViewAllDayEvent,\n} from \'calendar-utils\' ;\nimport { DragEndEvent, DragMoveEvent } from \'angular-draggable-droppable\' ;\n\nexport interface User {\n id: number ;\n name: string ;\n color: EventColor;\n}\n\ninterface DayViewScheduler extends WeekView {\n users: User[];\n}\n\ninterface GetWeekViewArgsWithUsers extends GetWeekViewArgs {\n users: User[];\n}\n\n@Injectable()\nexport class DayViewSchedulerCalendarUtils extends CalendarUtils {\n getWeekView(args: GetWeekViewArgsWithUsers): DayViewScheduler {\n const { period } = super .getWeekView(args);\n const view: DayViewScheduler = {\n period,\n allDayEventRows: [],\n hourColumns: [],\n users: [...args.users],\n };\n\n view.users.forEach((user, columnIndex) => {\n const events = args.events.filter(\n (event) => event.meta.user.id === user.id\n );\n const columnView = super .getWeekView({\n ...args,\n events,\n });\n view.hourColumns.push(columnView.hourColumns[0 ]);\n columnView.allDayEventRows.forEach(({ row }, rowIndex) => {\n view.allDayEventRows[rowIndex] = view.allDayEventRows[rowIndex] || {\n row: [],\n };\n view.allDayEventRows[rowIndex].row.push({\n ...row[0 ],\n offset: columnIndex,\n span: 1 ,\n });\n });\n });\n\n return view;\n }\n}\n\n@Component({\n selector: \'mwl-day-view-scheduler\' ,\n templateUrl: \'day-view-scheduler.component.html\' ,\n providers: [DayViewSchedulerCalendarUtils],\n})\nexport class DayViewSchedulerComponent\n extends CalendarWeekViewComponent\n implements OnChanges\n{\n @Input() users: User[] = [];\n\n @Output() userChanged = new EventEmitter();\n\n view: DayViewScheduler;\n\n daysInWeek = 1 ;\n\n constructor (\n protected cdr: ChangeDetectorRef,\n protected utils: DayViewSchedulerCalendarUtils,\n @Inject(LOCALE_ID) locale: string,\n protected dateAdapter: DateAdapter,\n protected element: ElementRef<HTMLElement>\n ) {\n super (cdr, utils, locale, dateAdapter, element);\n }\n\n trackByUserId = (index: number , row: User) => row.id;\n\n ngOnChanges(changes: SimpleChanges): void {\n super .ngOnChanges(changes);\n\n if (changes.users) {\n this .refreshBody();\n this .emitBeforeViewRender();\n }\n }\n\n getDayColumnWidth(eventRowContainer: HTMLElement): number {\n return Math .floor(eventRowContainer.offsetWidth / this .users.length);\n }\n\n dragMove(dayEvent: WeekViewTimeEvent, dragEvent: DragMoveEvent) {\n if (this .snapDraggedEvents) {\n const newUser = this .getDraggedUserColumn(dayEvent, dragEvent.x);\n const newEventTimes = this .getDragMovedEventTimes(\n dayEvent,\n { ...dragEvent, x: 0 },\n this .dayColumnWidth,\n true \n );\n const originalEvent = dayEvent.event;\n const adjustedEvent = {\n ...originalEvent,\n ...newEventTimes,\n meta: { ...originalEvent.meta, user: newUser },\n };\n const tempEvents = this .events.map((event) => {\n if (event === originalEvent) {\n return adjustedEvent;\n }\n return event;\n });\n this .restoreOriginalEvents(\n tempEvents,\n new Map([[adjustedEvent, originalEvent]])\n );\n }\n this .dragAlreadyMoved = true ;\n }\n\n dragEnded(\n weekEvent: WeekViewAllDayEvent | WeekViewTimeEvent,\n dragEndEvent: DragEndEvent,\n dayWidth: number ,\n useY = false \n ) {\n super .dragEnded(\n weekEvent,\n {\n ...dragEndEvent,\n x: 0 ,\n },\n dayWidth,\n useY\n );\n const newUser = this .getDraggedUserColumn(weekEvent, dragEndEvent.x);\n if (newUser && newUser !== weekEvent.event.meta.user) {\n this .userChanged.emit({ event: weekEvent.event, newUser });\n }\n }\n\n protected getWeekView(events: CalendarEvent[]) {\n return this .utils.getWeekView({\n events,\n users: this .users,\n viewDate: this .viewDate,\n weekStartsOn: this .weekStartsOn,\n excluded: this .excludeDays,\n precision: this .precision,\n absolutePositionedEvents: true ,\n hourSegments: this .hourSegments,\n dayStart: {\n hour: this .dayStartHour,\n minute: this .dayStartMinute,\n },\n dayEnd: {\n hour: this .dayEndHour,\n minute: this .dayEndMinute,\n },\n segmentHeight: this .hourSegmentHeight,\n weekendDays: this .weekendDays,\n ...getWeekViewPeriod(\n this .dateAdapter,\n this .viewDate,\n this .weekStartsOn,\n this .excludeDays,\n this .daysInWeek\n ),\n });\n }\n\n private getDraggedUserColumn(\n dayEvent: WeekViewTimeEvent | WeekViewAllDayEvent,\n xPixels: number \n ) {\n const columnsMoved = Math .round(xPixels / this .dayColumnWidth);\n const currentColumnIndex = this .view.users.findIndex(\n (user) => user === dayEvent.event.meta.user\n );\n const newIndex = currentColumnIndex + columnsMoved;\n return this .view.users[newIndex];\n }\n}\n'},57754:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { DayViewSchedulerComponent } from \'./day-view-scheduler.component\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent, DayViewSchedulerComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},30411:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<div class ="cal-week-view" role ="grid" > \n <div class ="cal-day-headers" role ="row" > \n <div \n class ="cal-header" \n *ngFor ="let user of users; trackBy: trackByUserId" \n tabindex ="0" \n role ="columnheader" \n > \n <b > {{ user.name }}</b > \n </div > \n </div > \n <div \n class ="cal-all-day-events" \n #allDayEventsContainer \n *ngIf ="view.allDayEventRows.length > 0" \n mwlDroppable \n (dragEnter )="dragEnter(\'allDay\')" \n (dragLeave )="dragLeave(\'allDay\')" \n > \n <div class ="cal-day-columns" > \n <div \n class ="cal-time-label-column" \n [ngTemplateOutlet ]="allDayEventsLabelTemplate" \n > </div > \n <div \n class ="cal-day-column" \n *ngFor ="let day of days; trackBy: trackByWeekDayHeaderDate" \n mwlDroppable \n dragOverClass ="cal-drag-over" \n (drop )="eventDropped($event, day.date, true)" \n (dragEnter )="dateDragEnter(day.date)" \n > </div > \n </div > \n <div \n *ngFor ="let eventRow of view.allDayEventRows; trackBy: trackById" \n #eventRowContainer \n class ="cal-events-row" \n > \n <div \n *ngFor ="\n let allDayEvent of eventRow.row;\n trackBy: trackByWeekAllDayEvent\n " \n #event \n class ="cal-event-container" \n [class.cal-draggable ]="\n allDayEvent.event.draggable && allDayEventResizes.size === 0\n " \n [class.cal-starts-within-week ]="!allDayEvent.startsBeforeWeek" \n [class.cal-ends-within-week ]="!allDayEvent.endsAfterWeek" \n [ngClass ]="allDayEvent.event?.cssClass" \n [style.width. %]="(100 / users.length) * allDayEvent.span" \n [style.marginLeft. %]="(100 / users.length) * allDayEvent.offset" \n mwlDraggable \n dragActiveClass ="cal-drag-active" \n [dropData ]="{ event: allDayEvent.event, calendarId: calendarId }" \n [dragAxis ]="{\n x: allDayEvent.event.draggable && allDayEventResizes.size === 0,\n y:\n !snapDraggedEvents &&\n allDayEvent.event.draggable &&\n allDayEventResizes.size === 0\n }" \n [dragSnapGrid ]="snapDraggedEvents ? { x: dayColumnWidth } : {}" \n [validateDrag ]="validateDrag" \n (dragStart )="dragStarted(eventRowContainer, event, allDayEvent, false)" \n (dragging )="allDayEventDragMove()" \n (dragEnd )="dragEnded(allDayEvent, $event, dayColumnWidth)" \n > \n <mwl-calendar-week-view-event \n [locale ]="locale" \n [weekEvent ]="allDayEvent" \n [tooltipPlacement ]="tooltipPlacement" \n [tooltipTemplate ]="tooltipTemplate" \n [tooltipAppendToBody ]="tooltipAppendToBody" \n [tooltipDelay ]="tooltipDelay" \n [customTemplate ]="eventTemplate" \n [eventTitleTemplate ]="eventTitleTemplate" \n [eventActionsTemplate ]="eventActionsTemplate" \n [daysInWeek ]="daysInWeek" \n (eventClicked )="\n eventClicked.emit({\n event: allDayEvent.event,\n sourceEvent: $event.sourceEvent\n })\n " \n > \n </mwl-calendar-week-view-event > \n </div > \n </div > \n </div > \n <div \n class ="cal-time-events" \n mwlDroppable \n (dragEnter )="dragEnter(\'time\')" \n (dragLeave )="dragLeave(\'time\')" \n > \n <div class ="cal-time-label-column" *ngIf ="view.hourColumns.length > 0" > \n <div \n *ngFor ="\n let hour of view.hourColumns[0].hours;\n trackBy: trackByHour;\n let odd = odd\n " \n class ="cal-hour" \n [class.cal-hour-odd ]="odd" \n > \n <mwl-calendar-week-view-hour-segment \n *ngFor ="let segment of hour.segments; trackBy: trackByHourSegment" \n [style.height.px ]="hourSegmentHeight" \n [segment ]="segment" \n [segmentHeight ]="hourSegmentHeight" \n [locale ]="locale" \n [customTemplate ]="hourSegmentTemplate" \n [isTimeLabel ]="true" \n > \n </mwl-calendar-week-view-hour-segment > \n </div > \n </div > \n <div \n class ="cal-day-columns" \n [class.cal-resize-active ]="timeEventResizes.size > 0" \n #dayColumns \n > \n <div \n class ="cal-day-column" \n *ngFor ="let column of view.hourColumns; trackBy: trackByHourColumn" \n > \n <mwl-calendar-week-view-current-time-marker \n [columnDate ]="column.date" \n [dayStartHour ]="dayStartHour" \n [dayStartMinute ]="dayStartMinute" \n [dayEndHour ]="dayEndHour" \n [dayEndMinute ]="dayEndMinute" \n [hourSegments ]="hourSegments" \n [hourSegmentHeight ]="hourSegmentHeight" \n [customTemplate ]="currentTimeMarkerTemplate" \n > </mwl-calendar-week-view-current-time-marker > \n <div \n *ngFor ="let timeEvent of column.events; trackBy: trackByWeekTimeEvent" \n #event \n class ="cal-event-container" \n [class.cal-draggable ]="\n timeEvent.event.draggable && timeEventResizes.size === 0\n " \n [class.cal-starts-within-day ]="!timeEvent.startsBeforeDay" \n [class.cal-ends-within-day ]="!timeEvent.endsAfterDay" \n [ngClass ]="timeEvent.event.cssClass" \n [hidden ]="timeEvent.height === 0 && timeEvent.width === 0" \n [style.top.px ]="timeEvent.top" \n [style.height.px ]="timeEvent.height" \n [style.left. %]="timeEvent.left" \n [style.width. %]="timeEvent.width" \n mwlResizable \n [resizeSnapGrid ]="{\n left: dayColumnWidth,\n right: dayColumnWidth,\n top: eventSnapSize || hourSegmentHeight,\n bottom: eventSnapSize || hourSegmentHeight\n }" \n [validateResize ]="validateResize" \n [allowNegativeResizes ]="true" \n (resizeStart )="timeEventResizeStarted(dayColumns, timeEvent, $event)" \n (resizing )="timeEventResizing(timeEvent, $event)" \n (resizeEnd )="timeEventResizeEnded(timeEvent)" \n mwlDraggable \n dragActiveClass ="cal-drag-active" \n [dropData ]="{ event: timeEvent.event, calendarId: calendarId }" \n [dragAxis ]="{\n x: timeEvent.event.draggable && timeEventResizes.size === 0,\n y: timeEvent.event.draggable && timeEventResizes.size === 0\n }" \n [dragSnapGrid ]="\n snapDraggedEvents\n ? { x: dayColumnWidth, y: eventSnapSize || hourSegmentHeight }\n : {}\n " \n [ghostDragEnabled ]="!snapDraggedEvents" \n [validateDrag ]="validateDrag" \n (dragStart )="dragStarted(dayColumns, event, timeEvent, true)" \n (dragging )="dragMove(timeEvent, $event)" \n (dragEnd )="dragEnded(timeEvent, $event, dayColumnWidth, true)" \n > \n <div \n class ="cal-resize-handle cal-resize-handle-before-start" \n *ngIf ="\n timeEvent.event?.resizable?.beforeStart &&\n !timeEvent.startsBeforeDay\n " \n mwlResizeHandle \n [resizeEdges ]="{\n left: true,\n top: true\n }" \n > </div > \n <mwl-calendar-week-view-event \n [locale ]="locale" \n [weekEvent ]="timeEvent" \n [tooltipPlacement ]="tooltipPlacement" \n [tooltipTemplate ]="tooltipTemplate" \n [tooltipAppendToBody ]="tooltipAppendToBody" \n [tooltipDisabled ]="dragActive || timeEventResizes.size > 0" \n [tooltipDelay ]="tooltipDelay" \n [customTemplate ]="eventTemplate" \n [eventTitleTemplate ]="eventTitleTemplate" \n [eventActionsTemplate ]="eventActionsTemplate" \n [column ]="column" \n (eventClicked )="\n eventClicked.emit({\n event: timeEvent.event,\n sourceEvent: $event.sourceEvent\n })\n " \n > \n </mwl-calendar-week-view-event > \n <div \n class ="cal-resize-handle cal-resize-handle-after-end" \n *ngIf ="\n timeEvent.event?.resizable?.afterEnd && !timeEvent.endsAfterDay\n " \n mwlResizeHandle \n [resizeEdges ]="{\n right: true,\n bottom: true\n }" \n > </div > \n </div > \n\n <div \n *ngFor ="let hour of column.hours; trackBy: trackByHour; let odd = odd" \n class ="cal-hour" \n [class.cal-hour-odd ]="odd" \n > \n <mwl-calendar-week-view-hour-segment \n *ngFor ="let segment of hour.segments; trackBy: trackByHourSegment" \n [style.height.px ]="hourSegmentHeight" \n [segment ]="segment" \n [segmentHeight ]="hourSegmentHeight" \n [locale ]="locale" \n [customTemplate ]="hourSegmentTemplate" \n (mwlClick )="\n hourSegmentClicked.emit({\n date: segment.date,\n sourceEvent: $event\n })\n " \n [clickListenerDisabled ]="hourSegmentClicked.observers.length === 0" \n mwlDroppable \n [dragOverClass ]="\n !dragActive || !snapDraggedEvents ? \'cal-drag-over\' : null\n " \n dragActiveClass ="cal-drag-active" \n (drop )="eventDropped($event, segment.date, false)" \n > \n </mwl-calendar-week-view-hour-segment > \n </div > \n </div > \n </div > \n </div > \n</div > \n'},66619:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<div class ="row" > \n <div class ="col-md-6" > \n <div class ="btn-group" > \n <div \n class ="btn btn-primary" \n mwlCalendarPreviousView \n [view ]="\'day\'" \n [(viewDate )]="viewDate" \n > \n Previous\n </div > \n <div \n class ="btn btn-outline-secondary" \n mwlCalendarToday \n [(viewDate )]="viewDate" \n > \n Today\n </div > \n <div \n class ="btn btn-primary" \n mwlCalendarNextView \n [view ]="\'day\'" \n [(viewDate )]="viewDate" \n > \n Next\n </div > \n </div > \n </div > \n <div class ="col-md-6 text-right" > \n <h3 > {{ viewDate | calendarDate:(\'dayViewTitle\') }}</h3 > \n </div > \n</div > \n<br /> \n\n<mwl-day-view-scheduler \n [viewDate ]="viewDate" \n [events ]="events" \n [users ]="users" \n (eventTimesChanged )="eventTimesChanged($event)" \n (userChanged )="userChanged($event)" \n> \n</mwl-day-view-scheduler > \n'},38604:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\nimport { addHours, startOfDay } from 'date-fns';\nimport { User } from './day-view-scheduler.component';\n\nconst users: User[] = [\n {\n id: 0,\n name: 'John smith',\n color: colors.yellow,\n },\n {\n id: 1,\n name: 'Jane Doe',\n color: colors.blue,\n },\n];\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n viewDate = new Date();\n\n users = users;\n\n events: CalendarEvent[] = [\n {\n title: 'An event',\n color: users[0].color,\n start: addHours(startOfDay(new Date()), 5),\n meta: {\n user: users[0],\n },\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n title: 'Another event',\n color: users[1].color,\n start: addHours(startOfDay(new Date()), 2),\n meta: {\n user: users[1],\n },\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n title: 'A 3rd event',\n color: users[0].color,\n start: addHours(startOfDay(new Date()), 7),\n meta: {\n user: users[0],\n },\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n title: 'An all day event',\n color: users[0].color,\n start: new Date(),\n meta: {\n user: users[0],\n },\n draggable: true,\n allDay: true,\n },\n {\n title: 'Another all day event',\n color: users[1].color,\n start: new Date(),\n meta: {\n user: users[1],\n },\n draggable: true,\n allDay: true,\n },\n {\n title: 'A 3rd all day event',\n color: users[0].color,\n start: new Date(),\n meta: {\n user: users[0],\n },\n draggable: true,\n allDay: true,\n },\n ];\n\n eventTimesChanged({\n event,\n newStart,\n newEnd,\n }: CalendarEventTimesChangedEvent): void {\n event.start = newStart;\n event.end = newEnd;\n this.events = [...this.events];\n }\n\n userChanged({ event, newUser }) {\n event.color = newUser.color;\n event.meta.user = newUser;\n this.events = [...this.events];\n }\n}\n"},61669:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n
0"\n mwlDroppable\n (dragEnter)="dragEnter(\'allDay\')"\n (dragLeave)="dragLeave(\'allDay\')"\n >\n
\n
\n
\n
\n
\n
0"\n #dayColumns\n >\n
\n
\n
\n
\n
0"\n [tooltipDelay]="tooltipDelay"\n [customTemplate]="eventTemplate"\n [eventTitleTemplate]="eventTitleTemplate"\n [eventActionsTemplate]="eventActionsTemplate"\n [column]="column"\n (eventClicked)="\n eventClicked.emit({\n event: timeEvent.event,\n sourceEvent: $event.sourceEvent\n })\n "\n >\n \n
\n
\n\n
\n \n \n
\n
\n
\n
\n
\n'},21929:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Inject,\n Injectable,\n Input,\n LOCALE_ID,\n OnChanges,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport {\n CalendarUtils,\n CalendarWeekViewComponent,\n DateAdapter,\n getWeekViewPeriod,\n} from 'angular-calendar';\nimport {\n WeekView,\n GetWeekViewArgs,\n WeekViewTimeEvent,\n EventColor,\n CalendarEvent,\n WeekViewAllDayEventRow,\n WeekViewAllDayEvent,\n} from 'calendar-utils';\nimport { DragEndEvent, DragMoveEvent } from 'angular-draggable-droppable';\n\nexport interface User {\n id: number;\n name: string;\n color: EventColor;\n}\n\ninterface DayViewScheduler extends WeekView {\n users: User[];\n}\n\ninterface GetWeekViewArgsWithUsers extends GetWeekViewArgs {\n users: User[];\n}\n\n@Injectable()\nexport class DayViewSchedulerCalendarUtils extends CalendarUtils {\n getWeekView(args: GetWeekViewArgsWithUsers): DayViewScheduler {\n const { period } = super.getWeekView(args);\n const view: DayViewScheduler = {\n period,\n allDayEventRows: [],\n hourColumns: [],\n users: [...args.users],\n };\n\n view.users.forEach((user, columnIndex) => {\n const events = args.events.filter(\n (event) => event.meta.user.id === user.id\n );\n const columnView = super.getWeekView({\n ...args,\n events,\n });\n view.hourColumns.push(columnView.hourColumns[0]);\n columnView.allDayEventRows.forEach(({ row }, rowIndex) => {\n view.allDayEventRows[rowIndex] = view.allDayEventRows[rowIndex] || {\n row: [],\n };\n view.allDayEventRows[rowIndex].row.push({\n ...row[0],\n offset: columnIndex,\n span: 1,\n });\n });\n });\n\n return view;\n }\n}\n\n@Component({\n selector: 'mwl-day-view-scheduler',\n templateUrl: 'day-view-scheduler.component.html',\n providers: [DayViewSchedulerCalendarUtils],\n})\nexport class DayViewSchedulerComponent\n extends CalendarWeekViewComponent\n implements OnChanges\n{\n @Input() users: User[] = [];\n\n @Output() userChanged = new EventEmitter();\n\n view: DayViewScheduler;\n\n daysInWeek = 1;\n\n constructor(\n protected cdr: ChangeDetectorRef,\n protected utils: DayViewSchedulerCalendarUtils,\n @Inject(LOCALE_ID) locale: string,\n protected dateAdapter: DateAdapter,\n protected element: ElementRef\n ) {\n super(cdr, utils, locale, dateAdapter, element);\n }\n\n trackByUserId = (index: number, row: User) => row.id;\n\n ngOnChanges(changes: SimpleChanges): void {\n super.ngOnChanges(changes);\n\n if (changes.users) {\n this.refreshBody();\n this.emitBeforeViewRender();\n }\n }\n\n getDayColumnWidth(eventRowContainer: HTMLElement): number {\n return Math.floor(eventRowContainer.offsetWidth / this.users.length);\n }\n\n dragMove(dayEvent: WeekViewTimeEvent, dragEvent: DragMoveEvent) {\n if (this.snapDraggedEvents) {\n const newUser = this.getDraggedUserColumn(dayEvent, dragEvent.x);\n const newEventTimes = this.getDragMovedEventTimes(\n dayEvent,\n { ...dragEvent, x: 0 },\n this.dayColumnWidth,\n true\n );\n const originalEvent = dayEvent.event;\n const adjustedEvent = {\n ...originalEvent,\n ...newEventTimes,\n meta: { ...originalEvent.meta, user: newUser },\n };\n const tempEvents = this.events.map((event) => {\n if (event === originalEvent) {\n return adjustedEvent;\n }\n return event;\n });\n this.restoreOriginalEvents(\n tempEvents,\n new Map([[adjustedEvent, originalEvent]])\n );\n }\n this.dragAlreadyMoved = true;\n }\n\n dragEnded(\n weekEvent: WeekViewAllDayEvent | WeekViewTimeEvent,\n dragEndEvent: DragEndEvent,\n dayWidth: number,\n useY = false\n ) {\n super.dragEnded(\n weekEvent,\n {\n ...dragEndEvent,\n x: 0,\n },\n dayWidth,\n useY\n );\n const newUser = this.getDraggedUserColumn(weekEvent, dragEndEvent.x);\n if (newUser && newUser !== weekEvent.event.meta.user) {\n this.userChanged.emit({ event: weekEvent.event, newUser });\n }\n }\n\n protected getWeekView(events: CalendarEvent[]) {\n return this.utils.getWeekView({\n events,\n users: this.users,\n viewDate: this.viewDate,\n weekStartsOn: this.weekStartsOn,\n excluded: this.excludeDays,\n precision: this.precision,\n absolutePositionedEvents: true,\n hourSegments: this.hourSegments,\n dayStart: {\n hour: this.dayStartHour,\n minute: this.dayStartMinute,\n },\n dayEnd: {\n hour: this.dayEndHour,\n minute: this.dayEndMinute,\n },\n segmentHeight: this.hourSegmentHeight,\n weekendDays: this.weekendDays,\n ...getWeekViewPeriod(\n this.dateAdapter,\n this.viewDate,\n this.weekStartsOn,\n this.excludeDays,\n this.daysInWeek\n ),\n });\n }\n\n private getDraggedUserColumn(\n dayEvent: WeekViewTimeEvent | WeekViewAllDayEvent,\n xPixels: number\n ) {\n const columnsMoved = Math.round(xPixels / this.dayColumnWidth);\n const currentColumnIndex = this.view.users.findIndex(\n (user) => user === dayEvent.event.meta.user\n );\n const newIndex = currentColumnIndex + columnsMoved;\n return this.view.users[newIndex];\n }\n}\n"},97200:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { DayViewSchedulerComponent } from './day-view-scheduler.component';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent, DayViewSchedulerComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},49054:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n
\n
\n
\n Previous\n
\n
\n Today\n
\n
\n Next\n
\n
\n
\n
\n
{{ viewDate | calendarDate:(\'dayViewTitle\') }} \n \n
\n \n\n\n \n'}}]);
\ No newline at end of file
diff --git a/3597.637d0303eb7976f4.js b/3597.637d0303eb7976f4.js
deleted file mode 100644
index 6b96568e4..000000000
--- a/3597.637d0303eb7976f4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3597],{73772:(T,c,t)=>{t.d(c,{$:()=>d});var n=t(72612),g=t(1885),p=t(60845),u=t(45831),l=t(97172),C=t(9665);class d{constructor(){this.locale="en",this.viewChange=new n.vpe,this.viewDateChange=new n.vpe,this.CalendarView=g.w}}d.\u0275fac=function(m){return new(m||d)},d.\u0275cmp=n.Xpm({type:d,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(m,e){1&m&&(n._uU(0,"\n "),n.TgZ(1,"div",0),n._uU(2,"\n "),n.TgZ(3,"div",1),n._uU(4,"\n "),n.TgZ(5,"div",2),n._uU(6,"\n "),n.TgZ(7,"div",3),n.NdJ("viewDateChange",function(w){return e.viewDate=w})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(8,"\n Previous\n "),n.qZA(),n._uU(9,"\n "),n.TgZ(10,"div",4),n.NdJ("viewDateChange",function(w){return e.viewDate=w})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(11,"\n Today\n "),n.qZA(),n._uU(12,"\n "),n.TgZ(13,"div",5),n.NdJ("viewDateChange",function(w){return e.viewDate=w})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(14,"\n Next\n "),n.qZA(),n._uU(15,"\n "),n.qZA(),n._uU(16,"\n "),n.qZA(),n._uU(17,"\n "),n.TgZ(18,"div",1),n._uU(19,"\n "),n.TgZ(20,"h3"),n._uU(21),n.ALo(22,"calendarDate"),n.qZA(),n._uU(23,"\n "),n.qZA(),n._uU(24,"\n "),n.TgZ(25,"div",1),n._uU(26,"\n "),n.TgZ(27,"div",2),n._uU(28,"\n "),n.TgZ(29,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Month)}),n._uU(30,"\n Month\n "),n.qZA(),n._uU(31,"\n "),n.TgZ(32,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Week)}),n._uU(33,"\n Week\n "),n.qZA(),n._uU(34,"\n "),n.TgZ(35,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Day)}),n._uU(36,"\n Day\n "),n.qZA(),n._uU(37,"\n "),n.qZA(),n._uU(38,"\n "),n.qZA(),n._uU(39,"\n "),n.qZA(),n._uU(40,"\n "),n._UZ(41,"br"),n._uU(42,"\n ")),2&m&&(n.xp6(7),n.Q6J("view",e.view)("viewDate",e.viewDate),n.xp6(3),n.Q6J("viewDate",e.viewDate),n.xp6(3),n.Q6J("view",e.view)("viewDate",e.viewDate),n.xp6(8),n.Oqu(n.Dn7(22,12,e.viewDate,e.view+"ViewTitle",e.locale)),n.xp6(8),n.ekj("active",e.view===e.CalendarView.Month),n.xp6(3),n.ekj("active",e.view===e.CalendarView.Week),n.xp6(3),n.ekj("active",e.view===e.CalendarView.Day))},dependencies:[p.O,u.T,l.i,C.J],encapsulation:2})},14219:(T,c,t)=>{t.d(c,{S:()=>l});var n=t(64061),g=t(48052),p=t(60341),u=t(72612);class l{}l.\u0275fac=function(d){return new(d||l)},l.\u0275mod=u.oAB({type:l}),l.\u0275inj=u.cJS({imports:[n.ez,g.u5,p._8]})},53597:(T,c,t)=>{t.r(c),t.d(c,{DemoModule:()=>D});var n=t(64061),g=t(43850),p=t(60341),u=t(72887),l=t(94266),C=t(14219),d=t(1885),f=t(47679),m=t(26898),e=t(72612),v=t(97286),w=t(65148),U=t(4238),Z=t(73772);function E(o,i){1&o&&(e.TgZ(0,"p")(1,"em"),e._uU(2,"No events added"),e.qZA()())}const A=function(o){return{event:o}},y=function(){return{delay:300,delta:30}};function O(o,i){if(1&o&&(e.TgZ(0,"li",11),e._uU(1,"\n "),e.TgZ(2,"a",12),e._uU(3),e.qZA(),e._uU(4,"\n "),e.qZA()),2&o){const a=i.$implicit;e.Q6J("dropData",e.VKq(5,A,a))("touchStartLongPress",e.DdM(7,y)),e.xp6(2),e.Udp("color",a.color.primary),e.xp6(1),e.hij("\n ",a.title,"\n ")}}function M(o,i){if(1&o){const a=e.EpF();e.TgZ(0,"mwl-calendar-month-view",13),e.NdJ("eventTimesChanged",function(r){e.CHM(a);const s=e.oxw();return e.KtG(s.eventDropped(r))}),e._uU(1,"\n "),e.qZA()}if(2&o){const a=e.oxw();e.Q6J("viewDate",a.viewDate)("events",a.events)("activeDayIsOpen",a.activeDayIsOpen)("refresh",a.refresh)}}function J(o,i){if(1&o){const a=e.EpF();e.TgZ(0,"mwl-calendar-week-view",14),e.NdJ("eventTimesChanged",function(r){e.CHM(a);const s=e.oxw();return e.KtG(s.eventDropped(r))}),e._uU(1,"\n "),e.qZA()}if(2&o){const a=e.oxw();e.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("snapDraggedEvents",!1)}}function P(o,i){if(1&o){const a=e.EpF();e.TgZ(0,"mwl-calendar-day-view",14),e.NdJ("eventTimesChanged",function(r){e.CHM(a);const s=e.oxw();return e.KtG(s.eventDropped(r))}),e._uU(1,"\n "),e.qZA()}if(2&o){const a=e.oxw();e.Q6J("viewDate",a.viewDate)("events",a.events)("refresh",a.refresh)("snapDraggedEvents",!1)}}class h{constructor(){this.CalendarView=d.w,this.view=d.w.Month,this.viewDate=new Date,this.externalEvents=[{title:"Event 1",color:m.O.yellow,start:new Date,draggable:!0},{title:"Event 2",color:m.O.blue,start:new Date,draggable:!0}],this.events=[],this.activeDayIsOpen=!1,this.refresh=new f.x}eventDropped({event:i,newStart:a,newEnd:_,allDay:r}){const s=this.externalEvents.indexOf(i);typeof r<"u"&&(i.allDay=r),s>-1&&(this.externalEvents.splice(s,1),this.events.push(i)),i.start=a,_&&(i.end=_),"month"===this.view&&(this.viewDate=a,this.activeDayIsOpen=!0),this.events=[...this.events]}externalDrop(i){-1===this.externalEvents.indexOf(i)&&(this.events=this.events.filter(a=>a!==i),this.externalEvents.push(i))}}h.\u0275fac=function(i){return new(i||h)},h.\u0275cmp=e.Xpm({type:h,selectors:[["mwl-demo-component"]],decls:34,vars:8,consts:[[1,"row"],[1,"col-md-3"],["mwlDroppable","","dragOverClass","drag-over",1,"card",3,"drop"],[1,"card-body"],[4,"ngIf"],["mwlDraggable","","dragActiveClass","drag-active",3,"dropData","touchStartLongPress",4,"ngFor","ngForOf"],[1,"col-md-9"],[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged",4,"ngSwitchCase"],[3,"viewDate","events","refresh","snapDraggedEvents","eventTimesChanged",4,"ngSwitchCase"],["mwlDraggable","","dragActiveClass","drag-active",3,"dropData","touchStartLongPress"],["href","javascript:;"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged"],[3,"viewDate","events","refresh","snapDraggedEvents","eventTimesChanged"]],template:function(i,a){1&i&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.TgZ(4,"div",2),e.NdJ("drop",function(r){return a.externalDrop(r.dropData.event)}),e._uU(5,"\n "),e.TgZ(6,"div",3),e._uU(7,"\n "),e.YNc(8,E,3,0,"p",4),e._uU(9,"\n "),e.TgZ(10,"ul"),e._uU(11,"\n "),e.YNc(12,O,5,8,"li",5),e._uU(13,"\n "),e.qZA(),e._uU(14,"\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n\n "),e.TgZ(18,"div",6),e._uU(19,"\n "),e.TgZ(20,"mwl-demo-utils-calendar-header",7),e.NdJ("viewChange",function(r){return a.view=r})("viewDateChange",function(r){return a.viewDate=r}),e._uU(21,"\n "),e.qZA(),e._uU(22,"\n\n "),e.TgZ(23,"div",8),e._uU(24,"\n "),e.YNc(25,M,2,4,"mwl-calendar-month-view",9),e._uU(26,"\n "),e.YNc(27,J,2,4,"mwl-calendar-week-view",10),e._uU(28,"\n "),e.YNc(29,P,2,4,"mwl-calendar-day-view",10),e._uU(30,"\n "),e.qZA(),e._uU(31,"\n "),e.qZA(),e._uU(32,"\n"),e.qZA(),e._uU(33,"\n")),2&i&&(e.xp6(8),e.Q6J("ngIf",0===a.externalEvents.length),e.xp6(4),e.Q6J("ngForOf",a.externalEvents),e.xp6(8),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("ngSwitch",a.view),e.xp6(2),e.Q6J("ngSwitchCase",a.CalendarView.Month),e.xp6(2),e.Q6J("ngSwitchCase",a.CalendarView.Week),e.xp6(2),e.Q6J("ngSwitchCase",a.CalendarView.Day))},dependencies:[n.sg,n.O5,n.RF,n.n9,l.pD,l.D5,v.G,w.T,U.S,Z.$],styles:[".drag-active[_ngcontent-%COMP%]{position:relative;z-index:1;pointer-events:none}.drag-over[_ngcontent-%COMP%]{background-color:#eee}"],changeDetection:0});var I=t(57585);class D{}D.\u0275fac=function(i){return new(i||D)},D.\u0275mod=e.oAB({type:D}),D.\u0275inj=e.cJS({imports:[n.ez,p._8.forRoot({provide:u._,useFactory:I.x}),l.Vk,C.S,g.Bz.forChild([{path:"",component:h}])]})}}]);
\ No newline at end of file
diff --git a/3618.798fd648889baa6a.js b/3618.798fd648889baa6a.js
deleted file mode 100644
index 30e1c0423..000000000
--- a/3618.798fd648889baa6a.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3618],{14219:(U,m,n)=>{n.d(m,{S:()=>o});var l=n(64061),r=n(48052),h=n(60341),v=n(72612);class o{}o.\u0275fac=function(w){return new(w||o)},o.\u0275mod=v.oAB({type:o}),o.\u0275inj=v.cJS({imports:[l.ez,r.u5,h._8]})},63618:(U,m,n)=>{n.r(m),n.d(m,{DemoModule:()=>d});var l=n(64061),r=n(43850),h=n(60341),v=n(72887),o=n(14219),u=n(1885),w=n(62927),p=n(69709),D=n(28126),T=n(9025),y=n(14153),f=n(96406),C=n(57450),A=n(69526),M=n(9995),O=n(21037),_=n(8458),J=n(9433),e=n(72612),V=n(97286),x=n(65148),E=n(4238),B=n(9665);function P(i,a){if(1&i){const t=e.EpF();e.TgZ(0,"mwl-calendar-month-view",9),e.NdJ("beforeViewRender",function(Q){e.CHM(t);const W=e.oxw();return e.KtG(W.beforeMonthViewRender(Q))}),e._uU(1,"\n "),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}function b(i,a){if(1&i&&(e.TgZ(0,"mwl-calendar-week-view",10),e._uU(1,"\n "),e.qZA()),2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}function R(i,a){if(1&i&&(e.TgZ(0,"mwl-calendar-day-view",10),e._uU(1,"\n "),e.qZA()),2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)}}function Z(i,a,t){return{day:w.Z,week:p.Z,month:D.Z}[i](a,t)}function g(i,a,t){return{day:T.Z,week:y.Z,month:f.Z}[i](a,t)}class c{constructor(){this.view=u.w.Month,this.viewDate=new Date,this.events=[],this.minDate=(0,f.Z)(new Date,1),this.maxDate=(0,D.Z)(new Date,1),this.prevBtnDisabled=!1,this.nextBtnDisabled=!1,this.dateOrViewChanged()}increment(){this.changeDate(Z(this.view,this.viewDate,1))}decrement(){this.changeDate(g(this.view,this.viewDate,1))}today(){this.changeDate(new Date)}dateIsValid(a){return a>=this.minDate&&a<=this.maxDate}changeDate(a){this.viewDate=a,this.dateOrViewChanged()}changeView(a){this.view=a,this.dateOrViewChanged()}dateOrViewChanged(){this.prevBtnDisabled=!this.dateIsValid(function k(i,a){return{day:O.Z,week:_.Z,month:J.Z}[i](a)}(this.view,g(this.view,this.viewDate,1))),this.nextBtnDisabled=!this.dateIsValid(function S(i,a){return{day:C.Z,week:A.Z,month:M.Z}[i](a)}(this.view,Z(this.view,this.viewDate,1))),this.viewDatethis.maxDate&&this.changeDate(this.maxDate)}beforeMonthViewRender({body:a}){a.forEach(t=>{this.dateIsValid(t.date)||(t.cssClass="cal-disabled")})}}c.\u0275fac=function(a){return new(a||c)},c.\u0275cmp=e.Xpm({type:c,selectors:[["mwl-demo-component"]],decls:51,vars:17,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],[1,"btn","btn-primary",3,"disabled","click"],[1,"btn","btn-outline-secondary",3,"click"],[1,"btn","btn-primary",3,"click"],[3,"ngSwitch"],[3,"viewDate","events","beforeViewRender",4,"ngSwitchCase"],[3,"viewDate","events",4,"ngSwitchCase"],[3,"viewDate","events","beforeViewRender"],[3,"viewDate","events"]],template:function(a,t){1&a&&(e.TgZ(0,"div",0),e._uU(1,"\n "),e.TgZ(2,"div",1),e._uU(3,"\n "),e.TgZ(4,"div",2),e._uU(5,"\n "),e.TgZ(6,"button",3),e.NdJ("click",function(){return t.decrement()}),e._uU(7,"\n Previous\n "),e.qZA(),e._uU(8,"\n "),e.TgZ(9,"button",4),e.NdJ("click",function(){return t.today()}),e._uU(10,"Today"),e.qZA(),e._uU(11,"\n "),e.TgZ(12,"button",3),e.NdJ("click",function(){return t.increment()}),e._uU(13,"\n Next\n "),e.qZA(),e._uU(14,"\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.TgZ(17,"div",1),e._uU(18,"\n "),e.TgZ(19,"h3"),e._uU(20),e.ALo(21,"calendarDate"),e.qZA(),e._uU(22,"\n "),e.qZA(),e._uU(23,"\n "),e.TgZ(24,"div",1),e._uU(25,"\n "),e.TgZ(26,"div",2),e._uU(27,"\n "),e.TgZ(28,"div",5),e.NdJ("click",function(){return t.changeView("month")}),e._uU(29,"\n Month\n "),e.qZA(),e._uU(30,"\n "),e.TgZ(31,"div",5),e.NdJ("click",function(){return t.changeView("week")}),e._uU(32,"\n Week\n "),e.qZA(),e._uU(33,"\n "),e.TgZ(34,"div",5),e.NdJ("click",function(){return t.changeView("day")}),e._uU(35,"\n Day\n "),e.qZA(),e._uU(36,"\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n"),e.qZA(),e._uU(39,"\n"),e._UZ(40,"br"),e._uU(41,"\n\n"),e.TgZ(42,"div",6),e._uU(43,"\n "),e.YNc(44,P,2,2,"mwl-calendar-month-view",7),e._uU(45,"\n "),e.YNc(46,b,2,2,"mwl-calendar-week-view",8),e._uU(47,"\n "),e.YNc(48,R,2,2,"mwl-calendar-day-view",8),e._uU(49,"\n"),e.qZA(),e._uU(50,"\n")),2&a&&(e.xp6(6),e.Q6J("disabled",t.prevBtnDisabled),e.xp6(6),e.Q6J("disabled",t.nextBtnDisabled),e.xp6(8),e.Oqu(e.Dn7(21,13,t.viewDate,t.view+"ViewTitle","en")),e.xp6(8),e.ekj("active","month"===t.view),e.xp6(3),e.ekj("active","week"===t.view),e.xp6(3),e.ekj("active","day"===t.view),e.xp6(8),e.Q6J("ngSwitch",t.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[l.RF,l.n9,V.G,x.T,E.S,B.J],styles:[".cal-disabled{background-color:#eee;pointer-events:none}.cal-disabled .cal-day-number{opacity:.1}\n"],encapsulation:2,changeDetection:0});var N=n(57585);class d{}d.\u0275fac=function(a){return new(a||d)},d.\u0275mod=e.oAB({type:d}),d.\u0275inj=e.cJS({imports:[l.ez,h._8.forRoot({provide:v._,useFactory:N.x}),o.S,r.Bz.forChild([{path:"",component:c}])]})}}]);
\ No newline at end of file
diff --git a/365.c0060f34214ced1c.js b/365.c0060f34214ced1c.js
new file mode 100644
index 000000000..515e8496f
--- /dev/null
+++ b/365.c0060f34214ced1c.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[365],{80365:(U,c,t)=>{t.r(c),t.d(c,{DemoModule:()=>u});var e=t(50192),C=t(98783),D=t(5234),m=t(33275),_=t(44248),p=t(2316),v=t(22201),n=t(44879),s=t(79144),a=t(84156),d=t(56500),w=t(43303);function f(o,l){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-month-view",4),n.NdJ("eventClicked",function(r){n.CHM(i);const h=n.oxw();return n.KtG(h.eventClicked(r))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)("activeDayIsOpen",!0)}}function Z(o,l){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-week-view",5),n.NdJ("eventClicked",function(r){n.CHM(i);const h=n.oxw();return n.KtG(h.eventClicked(r))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}function E(o,l){if(1&o){const i=n.EpF();n.TgZ(0,"mwl-calendar-day-view",5),n.NdJ("eventClicked",function(r){n.CHM(i);const h=n.oxw();return n.KtG(h.eventClicked(r))}),n._uU(1,"\n "),n.qZA()}if(2&o){const i=n.oxw();n.Q6J("viewDate",i.viewDate)("events",i.events)}}class g{constructor(){this.view=p.w.Month,this.viewDate=new Date,this.events=[{title:"Click me",color:v.O.yellow,start:new Date},{title:"Or click me",color:v.O.blue,start:new Date}]}eventClicked({event:l}){console.log("Event clicked",l)}}g.\u0275fac=function(l){return new(l||g)},g.\u0275cmp=n.Xpm({type:g,selectors:[["mwl-demo-component"]],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","eventClicked",4,"ngSwitchCase"],[3,"viewDate","events","eventClicked",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen","eventClicked"],[3,"viewDate","events","eventClicked"]],template:function(l,i){1&l&&(n.TgZ(0,"mwl-demo-utils-calendar-header",0),n.NdJ("viewChange",function(r){return i.view=r})("viewDateChange",function(r){return i.viewDate=r}),n._uU(1,"\n"),n.qZA(),n._uU(2,"\n\n"),n.TgZ(3,"div",1),n._uU(4,"\n "),n.YNc(5,f,2,3,"mwl-calendar-month-view",2),n._uU(6,"\n "),n.YNc(7,Z,2,2,"mwl-calendar-week-view",3),n._uU(8,"\n "),n.YNc(9,E,2,2,"mwl-calendar-day-view",3),n._uU(10,"\n"),n.qZA(),n._uU(11,"\n")),2&l&&(n.Q6J("view",i.view)("viewDate",i.viewDate),n.xp6(3),n.Q6J("ngSwitch",i.view),n.xp6(2),n.Q6J("ngSwitchCase","month"),n.xp6(2),n.Q6J("ngSwitchCase","week"),n.xp6(2),n.Q6J("ngSwitchCase","day"))},dependencies:[e.RF,e.n9,s.G,a.T,d.S,w.$],encapsulation:2,changeDetection:0});var M=t(20211);class u{}u.\u0275fac=function(l){return new(l||u)},u.\u0275mod=n.oAB({type:u}),u.\u0275inj=n.cJS({imports:[e.ez,D._8.forRoot({provide:m._,useFactory:M.x}),_.S,C.Bz.forChild([{path:"",component:g}])]})},43303:(U,c,t)=>{t.d(c,{$:()=>v});var e=t(44879),C=t(2316),D=t(50111),m=t(58125),_=t(68849),p=t(4540);class v{constructor(){this.locale="en",this.viewChange=new e.vpe,this.viewDateChange=new e.vpe,this.CalendarView=C.w}}v.\u0275fac=function(s){return new(s||v)},v.\u0275cmp=e.Xpm({type:v,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(s,a){1&s&&(e._uU(0,"\n "),e.TgZ(1,"div",0),e._uU(2,"\n "),e.TgZ(3,"div",1),e._uU(4,"\n "),e.TgZ(5,"div",2),e._uU(6,"\n "),e.TgZ(7,"div",3),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(8,"\n Previous\n "),e.qZA(),e._uU(9,"\n "),e.TgZ(10,"div",4),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(11,"\n Today\n "),e.qZA(),e._uU(12,"\n "),e.TgZ(13,"div",5),e.NdJ("viewDateChange",function(w){return a.viewDate=w})("viewDateChange",function(){return a.viewDateChange.next(a.viewDate)}),e._uU(14,"\n Next\n "),e.qZA(),e._uU(15,"\n "),e.qZA(),e._uU(16,"\n "),e.qZA(),e._uU(17,"\n "),e.TgZ(18,"div",1),e._uU(19,"\n "),e.TgZ(20,"h3"),e._uU(21),e.ALo(22,"calendarDate"),e.qZA(),e._uU(23,"\n "),e.qZA(),e._uU(24,"\n "),e.TgZ(25,"div",1),e._uU(26,"\n "),e.TgZ(27,"div",2),e._uU(28,"\n "),e.TgZ(29,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Month)}),e._uU(30,"\n Month\n "),e.qZA(),e._uU(31,"\n "),e.TgZ(32,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Week)}),e._uU(33,"\n Week\n "),e.qZA(),e._uU(34,"\n "),e.TgZ(35,"div",6),e.NdJ("click",function(){return a.viewChange.emit(a.CalendarView.Day)}),e._uU(36,"\n Day\n "),e.qZA(),e._uU(37,"\n "),e.qZA(),e._uU(38,"\n "),e.qZA(),e._uU(39,"\n "),e.qZA(),e._uU(40,"\n "),e._UZ(41,"br"),e._uU(42,"\n ")),2&s&&(e.xp6(7),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(3),e.Q6J("viewDate",a.viewDate),e.xp6(3),e.Q6J("view",a.view)("viewDate",a.viewDate),e.xp6(8),e.Oqu(e.Dn7(22,12,a.viewDate,a.view+"ViewTitle",a.locale)),e.xp6(8),e.ekj("active",a.view===a.CalendarView.Month),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Week),e.xp6(3),e.ekj("active",a.view===a.CalendarView.Day))},dependencies:[D.O,m.T,_.i,p.J],encapsulation:2})},44248:(U,c,t)=>{t.d(c,{S:()=>_});var e=t(50192),C=t(86963),D=t(5234),m=t(44879);class _{}_.\u0275fac=function(v){return new(v||_)},_.\u0275mod=m.oAB({type:_}),_.\u0275inj=m.cJS({imports:[e.ez,C.u5,D._8]})}}]);
\ No newline at end of file
diff --git a/3739.2f01f8c57d3bf7ab.js b/3739.2f01f8c57d3bf7ab.js
deleted file mode 100644
index 5a08f3611..000000000
--- a/3739.2f01f8c57d3bf7ab.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3739],{43739:(a,e,n)=>{n.r(e),n.d(e,{sources:()=>s});const s=[{filename:"component.ts",contents:{raw:n(49198),highlighted:n(84905)}},{filename:"template.html",contents:{raw:n(61194),highlighted:n(17473)}},{filename:"module.ts",contents:{raw:n(78041),highlighted:n(16717)}}]},84905:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s='import {\n Component,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n} from \'@angular/core\' ;\nimport {\n CalendarEvent,\n CalendarViewPeriod,\n CalendarMonthViewBeforeRenderEvent,\n CalendarWeekViewBeforeRenderEvent,\n CalendarDayViewBeforeRenderEvent,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n title: \'Event 1\' ,\n color: colors.yellow,\n start: new Date (),\n },\n ];\n\n period: CalendarViewPeriod;\n\n constructor (private cdr: ChangeDetectorRef) {}\n\n beforeViewRender(\n event:\n | CalendarMonthViewBeforeRenderEvent\n | CalendarWeekViewBeforeRenderEvent\n | CalendarDayViewBeforeRenderEvent\n ) {\n this .period = event.period;\n this .cdr.detectChanges();\n }\n}\n'},16717:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},17473:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div class ="alert alert-warning" *ngIf ="period?.events.length === 0" > \n There are no events on this {{ view }}\n</div > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n (beforeViewRender )="beforeViewRender($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (beforeViewRender )="beforeViewRender($event)" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (beforeViewRender )="beforeViewRender($event)" \n > \n </mwl-calendar-day-view > \n</div > \n'},49198:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s="import {\n Component,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n} from '@angular/core';\nimport {\n CalendarEvent,\n CalendarViewPeriod,\n CalendarMonthViewBeforeRenderEvent,\n CalendarWeekViewBeforeRenderEvent,\n CalendarDayViewBeforeRenderEvent,\n CalendarView,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n title: 'Event 1',\n color: colors.yellow,\n start: new Date(),\n },\n ];\n\n period: CalendarViewPeriod;\n\n constructor(private cdr: ChangeDetectorRef) {}\n\n beforeViewRender(\n event:\n | CalendarMonthViewBeforeRenderEvent\n | CalendarWeekViewBeforeRenderEvent\n | CalendarDayViewBeforeRenderEvent\n ) {\n this.period = event.period;\n this.cdr.detectChanges();\n }\n}\n"},78041:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},61194:(a,e,n)=>{n.r(e),n.d(e,{default:()=>s});const s='\n \n\n\n There are no events on this {{ view }}\n
\n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/5144.328f9d3da3ec6d65.js b/3866.f637fb6f8449d3df.js
similarity index 99%
rename from 5144.328f9d3da3ec6d65.js
rename to 3866.f637fb6f8449d3df.js
index dac475253..499e72fb6 100644
--- a/5144.328f9d3da3ec6d65.js
+++ b/3866.f637fb6f8449d3df.js
@@ -1 +1 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[5144],{95144:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(54564),highlighted:n(45072)}},{filename:"template.html",contents:{raw:n(62414),highlighted:n(14453)}},{filename:"module.ts",contents:{raw:n(9290),highlighted:n(47340)}}]},45072:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { Subject } from \'rxjs\' ;\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\nimport {\n addDays,\n addHours,\n isSameDay,\n setDay,\n startOfDay,\n subDays,\n subSeconds,\n} from \'date-fns\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styles: [\n `\n .invalid-position .cal-event {\n background-color: #ad2121 !important;\n color: #fff;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: subDays(startOfDay(new Date ()), 1 ),\n end: addDays(new Date (), 1 ),\n title: \'A 3 day event\' ,\n color: colors.blue,\n allDay: true ,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n start: addHours(startOfDay(setDay(new Date (), 3 )), 2 ),\n end: subSeconds(addHours(startOfDay(setDay(new Date (), 3 )), 3 ), 1 ),\n title: \'An short event\' ,\n color: colors.yellow,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n start: addHours(startOfDay(setDay(new Date (), 3 )), 5 ),\n end: subSeconds(addHours(startOfDay(setDay(new Date (), 3 )), 10 ), 1 ),\n title: \'A draggable and resizable event\' ,\n color: colors.yellow,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n ];\n\n refresh = new Subject<void >();\n\n validateEventTimesChanged = (\n { event, newStart, newEnd, allDay }: CalendarEventTimesChangedEvent,\n addCssClass = true \n ) => {\n if (event.allDay) {\n return true ;\n }\n\n delete event.cssClass;\n \n const sameDay = isSameDay(newStart, newEnd);\n\n if (!sameDay) {\n return false ;\n }\n\n \n const overlappingEvent = this .events.find((otherEvent) => {\n return (\n otherEvent !== event &&\n !otherEvent.allDay &&\n ((otherEvent.start < newStart && newStart < otherEvent.end) ||\n (otherEvent.start < newEnd && newStart < otherEvent.end))\n );\n });\n\n if (overlappingEvent) {\n if (addCssClass) {\n event.cssClass = \'invalid-position\' ;\n } else {\n return false ;\n }\n }\n\n return true ;\n };\n\n eventTimesChanged(\n eventTimesChangedEvent: CalendarEventTimesChangedEvent\n ): void {\n delete eventTimesChangedEvent.event.cssClass;\n if (this .validateEventTimesChanged(eventTimesChangedEvent, false )) {\n const { event, newStart, newEnd } = eventTimesChangedEvent;\n event.start = newStart;\n event.end = newEnd;\n this .refresh.next();\n }\n }\n}\n'},47340:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},14453:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [validateEventTimesChanged ]="validateEventTimesChanged" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [validateEventTimesChanged ]="validateEventTimesChanged" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-day-view > \n</div > \n'},54564:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\nimport {\n addDays,\n addHours,\n isSameDay,\n setDay,\n startOfDay,\n subDays,\n subSeconds,\n} from 'date-fns';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styles: [\n `\n .invalid-position .cal-event {\n background-color: #ad2121 !important;\n color: #fff;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: subDays(startOfDay(new Date()), 1),\n end: addDays(new Date(), 1),\n title: 'A 3 day event',\n color: colors.blue,\n allDay: true,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n start: addHours(startOfDay(setDay(new Date(), 3)), 2),\n end: subSeconds(addHours(startOfDay(setDay(new Date(), 3)), 3), 1),\n title: 'An short event',\n color: colors.yellow,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n start: addHours(startOfDay(setDay(new Date(), 3)), 5),\n end: subSeconds(addHours(startOfDay(setDay(new Date(), 3)), 10), 1),\n title: 'A draggable and resizable event',\n color: colors.yellow,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n ];\n\n refresh = new Subject();\n\n validateEventTimesChanged = (\n { event, newStart, newEnd, allDay }: CalendarEventTimesChangedEvent,\n addCssClass = true\n ) => {\n if (event.allDay) {\n return true;\n }\n\n delete event.cssClass;\n // don't allow dragging or resizing events to different days\n const sameDay = isSameDay(newStart, newEnd);\n\n if (!sameDay) {\n return false;\n }\n\n // don't allow dragging events to the same times as other events\n const overlappingEvent = this.events.find((otherEvent) => {\n return (\n otherEvent !== event &&\n !otherEvent.allDay &&\n ((otherEvent.start < newStart && newStart < otherEvent.end) ||\n (otherEvent.start < newEnd && newStart < otherEvent.end))\n );\n });\n\n if (overlappingEvent) {\n if (addCssClass) {\n event.cssClass = 'invalid-position';\n } else {\n return false;\n }\n }\n\n return true;\n };\n\n eventTimesChanged(\n eventTimesChangedEvent: CalendarEventTimesChangedEvent\n ): void {\n delete eventTimesChangedEvent.event.cssClass;\n if (this.validateEventTimesChanged(eventTimesChangedEvent, false)) {\n const { event, newStart, newEnd } = eventTimesChangedEvent;\n event.start = newStart;\n event.end = newEnd;\n this.refresh.next();\n }\n }\n}\n"},9290:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},62414:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3866],{33866:(e,s,n)=>{n.r(s),n.d(s,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:n(54564),highlighted:n(45072)}},{filename:"template.html",contents:{raw:n(62414),highlighted:n(14453)}},{filename:"module.ts",contents:{raw:n(9290),highlighted:n(47340)}}]},45072:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from \'@angular/core\' ;\nimport { Subject } from \'rxjs\' ;\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from \'angular-calendar\' ;\nimport { colors } from \'../demo-utils/colors\' ;\nimport {\n addDays,\n addHours,\n isSameDay,\n setDay,\n startOfDay,\n subDays,\n subSeconds,\n} from \'date-fns\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n styles: [\n `\n .invalid-position .cal-event {\n background-color: #ad2121 !important;\n color: #fff;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [\n {\n start: subDays(startOfDay(new Date ()), 1 ),\n end: addDays(new Date (), 1 ),\n title: \'A 3 day event\' ,\n color: colors.blue,\n allDay: true ,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n start: addHours(startOfDay(setDay(new Date (), 3 )), 2 ),\n end: subSeconds(addHours(startOfDay(setDay(new Date (), 3 )), 3 ), 1 ),\n title: \'An short event\' ,\n color: colors.yellow,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n {\n start: addHours(startOfDay(setDay(new Date (), 3 )), 5 ),\n end: subSeconds(addHours(startOfDay(setDay(new Date (), 3 )), 10 ), 1 ),\n title: \'A draggable and resizable event\' ,\n color: colors.yellow,\n resizable: {\n beforeStart: true ,\n afterEnd: true ,\n },\n draggable: true ,\n },\n ];\n\n refresh = new Subject<void >();\n\n validateEventTimesChanged = (\n { event, newStart, newEnd, allDay }: CalendarEventTimesChangedEvent,\n addCssClass = true \n ) => {\n if (event.allDay) {\n return true ;\n }\n\n delete event.cssClass;\n \n const sameDay = isSameDay(newStart, newEnd);\n\n if (!sameDay) {\n return false ;\n }\n\n \n const overlappingEvent = this .events.find((otherEvent) => {\n return (\n otherEvent !== event &&\n !otherEvent.allDay &&\n ((otherEvent.start < newStart && newStart < otherEvent.end) ||\n (otherEvent.start < newEnd && newStart < otherEvent.end))\n );\n });\n\n if (overlappingEvent) {\n if (addCssClass) {\n event.cssClass = \'invalid-position\' ;\n } else {\n return false ;\n }\n }\n\n return true ;\n };\n\n eventTimesChanged(\n eventTimesChangedEvent: CalendarEventTimesChangedEvent\n ): void {\n delete eventTimesChangedEvent.event.cssClass;\n if (this .validateEventTimesChanged(eventTimesChangedEvent, false )) {\n const { event, newStart, newEnd } = eventTimesChangedEvent;\n event.start = newStart;\n event.end = newEnd;\n this .refresh.next();\n }\n }\n}\n'},47340:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},14453:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [activeDayIsOpen ]="true" \n [refresh ]="refresh" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [validateEventTimesChanged ]="validateEventTimesChanged" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n [refresh ]="refresh" \n [validateEventTimesChanged ]="validateEventTimesChanged" \n (eventTimesChanged )="eventTimesChanged($event)" \n > \n </mwl-calendar-day-view > \n</div > \n'},54564:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport {\n CalendarEvent,\n CalendarEventTimesChangedEvent,\n CalendarView,\n} from 'angular-calendar';\nimport { colors } from '../demo-utils/colors';\nimport {\n addDays,\n addHours,\n isSameDay,\n setDay,\n startOfDay,\n subDays,\n subSeconds,\n} from 'date-fns';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n styles: [\n `\n .invalid-position .cal-event {\n background-color: #ad2121 !important;\n color: #fff;\n }\n `,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Week;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [\n {\n start: subDays(startOfDay(new Date()), 1),\n end: addDays(new Date(), 1),\n title: 'A 3 day event',\n color: colors.blue,\n allDay: true,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n start: addHours(startOfDay(setDay(new Date(), 3)), 2),\n end: subSeconds(addHours(startOfDay(setDay(new Date(), 3)), 3), 1),\n title: 'An short event',\n color: colors.yellow,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n {\n start: addHours(startOfDay(setDay(new Date(), 3)), 5),\n end: subSeconds(addHours(startOfDay(setDay(new Date(), 3)), 10), 1),\n title: 'A draggable and resizable event',\n color: colors.yellow,\n resizable: {\n beforeStart: true,\n afterEnd: true,\n },\n draggable: true,\n },\n ];\n\n refresh = new Subject();\n\n validateEventTimesChanged = (\n { event, newStart, newEnd, allDay }: CalendarEventTimesChangedEvent,\n addCssClass = true\n ) => {\n if (event.allDay) {\n return true;\n }\n\n delete event.cssClass;\n // don't allow dragging or resizing events to different days\n const sameDay = isSameDay(newStart, newEnd);\n\n if (!sameDay) {\n return false;\n }\n\n // don't allow dragging events to the same times as other events\n const overlappingEvent = this.events.find((otherEvent) => {\n return (\n otherEvent !== event &&\n !otherEvent.allDay &&\n ((otherEvent.start < newStart && newStart < otherEvent.end) ||\n (otherEvent.start < newEnd && newStart < otherEvent.end))\n );\n });\n\n if (overlappingEvent) {\n if (addCssClass) {\n event.cssClass = 'invalid-position';\n } else {\n return false;\n }\n }\n\n return true;\n };\n\n eventTimesChanged(\n eventTimesChangedEvent: CalendarEventTimesChangedEvent\n ): void {\n delete eventTimesChangedEvent.event.cssClass;\n if (this.validateEventTimesChanged(eventTimesChangedEvent, false)) {\n const { event, newStart, newEnd } = eventTimesChangedEvent;\n event.start = newStart;\n event.end = newEnd;\n this.refresh.next();\n }\n }\n}\n"},9290:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},62414:(e,s,n)=>{n.r(s),n.d(s,{default:()=>a});const a='\n \n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/387.39da4a21e52ffde4.js b/387.39da4a21e52ffde4.js
deleted file mode 100644
index 1d0d0410e..000000000
--- a/387.39da4a21e52ffde4.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[387],{30387:(e,n,s)=>{s.r(n),s.d(n,{sources:()=>a});const a=[{filename:"component.ts",contents:{raw:s(79065),highlighted:s(76458)}},{filename:"template.html",contents:{raw:s(60035),highlighted:s(95917)}},{filename:"module.ts",contents:{raw:s(85580),highlighted:s(59043)}}]},76458:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { Component, ChangeDetectionStrategy } from \'@angular/core\' ;\nimport { CalendarEvent, CalendarView } from \'angular-calendar\' ;\n\n@Component({\n selector: \'mwl-demo-component\' ,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: \'template.html\' ,\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date ();\n\n events: CalendarEvent[] = [];\n\n clickedDate: Date ;\n\n clickedColumn: number ;\n}\n'},59043:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='import { NgModule } from \'@angular/core\' ;\nimport { CommonModule } from \'@angular/common\' ;\nimport { RouterModule } from \'@angular/router\' ;\nimport { CalendarModule, DateAdapter } from \'angular-calendar\' ;\nimport { DemoUtilsModule } from \'../demo-utils/module\' ;\nimport { DemoComponent } from \'./component\' ;\nimport { adapterFactory } from \'angular-calendar/date-adapters/date-fns\' ;\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: \'\' , component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n'},95917:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='<mwl-demo-utils-calendar-header [(view )]="view" [(viewDate )]="viewDate" > \n</mwl-demo-utils-calendar-header > \n\n<div class ="alert alert-info" > \n Click on a day or time slot on the view.\n <strong *ngIf ="clickedDate" \n > You clicked on this time: {{ clickedDate | date:\'medium\' }}</strong \n > \n <strong *ngIf ="clickedColumn !== undefined" \n > You clicked on this column: {{ clickedColumn }}</strong \n > \n</div > \n\n<div [ngSwitch ]="view" > \n <mwl-calendar-month-view \n *ngSwitchCase ="\'month\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (columnHeaderClicked )="clickedColumn = $event.isoDayNumber" \n (dayClicked )="clickedDate = $event.day.date" \n > \n </mwl-calendar-month-view > \n <mwl-calendar-week-view \n *ngSwitchCase ="\'week\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (dayHeaderClicked )="clickedDate = $event.day.date" \n (hourSegmentClicked )="clickedDate = $event.date" \n > \n </mwl-calendar-week-view > \n <mwl-calendar-day-view \n *ngSwitchCase ="\'day\'" \n [viewDate ]="viewDate" \n [events ]="events" \n (hourSegmentClicked )="clickedDate = $event.date" \n > \n </mwl-calendar-day-view > \n</div > \n'},79065:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CalendarEvent, CalendarView } from 'angular-calendar';\n\n@Component({\n selector: 'mwl-demo-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: 'template.html',\n})\nexport class DemoComponent {\n view: CalendarView = CalendarView.Month;\n\n viewDate: Date = new Date();\n\n events: CalendarEvent[] = [];\n\n clickedDate: Date;\n\n clickedColumn: number;\n}\n"},85580:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a="import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { CalendarModule, DateAdapter } from 'angular-calendar';\nimport { DemoUtilsModule } from '../demo-utils/module';\nimport { DemoComponent } from './component';\nimport { adapterFactory } from 'angular-calendar/date-adapters/date-fns';\n\n@NgModule({\n imports: [\n CommonModule,\n CalendarModule.forRoot({\n provide: DateAdapter,\n useFactory: adapterFactory,\n }),\n DemoUtilsModule,\n RouterModule.forChild([{ path: '', component: DemoComponent }]),\n ],\n declarations: [DemoComponent],\n exports: [DemoComponent],\n})\nexport class DemoModule {}\n"},60035:(e,n,s)=>{s.r(n),s.d(n,{default:()=>a});const a='\n \n\n\n Click on a day or time slot on the view.\n You clicked on this time: {{ clickedDate | date:\'medium\' }} \n You clicked on this column: {{ clickedColumn }} \n
\n\n\n \n \n \n \n \n \n
\n'}}]);
\ No newline at end of file
diff --git a/3988.be52e30826765d30.js b/3988.be52e30826765d30.js
new file mode 100644
index 000000000..0d0ac43a6
--- /dev/null
+++ b/3988.be52e30826765d30.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkdemos=self.webpackChunkdemos||[]).push([[3988],{43303:(f,w,a)=>{a.d(w,{$:()=>v});var n=a(44879),C=a(2316),D=a(50111),s=a(58125),r=a(68849),h=a(4540);class v{constructor(){this.locale="en",this.viewChange=new n.vpe,this.viewDateChange=new n.vpe,this.CalendarView=C.w}}v.\u0275fac=function(d){return new(d||v)},v.\u0275cmp=n.Xpm({type:v,selectors:[["mwl-demo-utils-calendar-header"]],inputs:{view:"view",viewDate:"viewDate",locale:"locale"},outputs:{viewChange:"viewChange",viewDateChange:"viewDateChange"},decls:43,vars:16,consts:[[1,"row","text-center"],[1,"col-md-4"],[1,"btn-group"],["mwlCalendarPreviousView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],["mwlCalendarToday","",1,"btn","btn-outline-secondary",3,"viewDate","viewDateChange"],["mwlCalendarNextView","",1,"btn","btn-primary",3,"view","viewDate","viewDateChange"],[1,"btn","btn-primary",3,"click"]],template:function(d,e){1&d&&(n._uU(0,"\n "),n.TgZ(1,"div",0),n._uU(2,"\n "),n.TgZ(3,"div",1),n._uU(4,"\n "),n.TgZ(5,"div",2),n._uU(6,"\n "),n.TgZ(7,"div",3),n.NdJ("viewDateChange",function(m){return e.viewDate=m})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(8,"\n Previous\n "),n.qZA(),n._uU(9,"\n "),n.TgZ(10,"div",4),n.NdJ("viewDateChange",function(m){return e.viewDate=m})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(11,"\n Today\n "),n.qZA(),n._uU(12,"\n "),n.TgZ(13,"div",5),n.NdJ("viewDateChange",function(m){return e.viewDate=m})("viewDateChange",function(){return e.viewDateChange.next(e.viewDate)}),n._uU(14,"\n Next\n "),n.qZA(),n._uU(15,"\n "),n.qZA(),n._uU(16,"\n "),n.qZA(),n._uU(17,"\n "),n.TgZ(18,"div",1),n._uU(19,"\n "),n.TgZ(20,"h3"),n._uU(21),n.ALo(22,"calendarDate"),n.qZA(),n._uU(23,"\n "),n.qZA(),n._uU(24,"\n "),n.TgZ(25,"div",1),n._uU(26,"\n "),n.TgZ(27,"div",2),n._uU(28,"\n "),n.TgZ(29,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Month)}),n._uU(30,"\n Month\n "),n.qZA(),n._uU(31,"\n "),n.TgZ(32,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Week)}),n._uU(33,"\n Week\n "),n.qZA(),n._uU(34,"\n "),n.TgZ(35,"div",6),n.NdJ("click",function(){return e.viewChange.emit(e.CalendarView.Day)}),n._uU(36,"\n Day\n "),n.qZA(),n._uU(37,"\n "),n.qZA(),n._uU(38,"\n "),n.qZA(),n._uU(39,"\n "),n.qZA(),n._uU(40,"\n "),n._UZ(41,"br"),n._uU(42,"\n ")),2&d&&(n.xp6(7),n.Q6J("view",e.view)("viewDate",e.viewDate),n.xp6(3),n.Q6J("viewDate",e.viewDate),n.xp6(3),n.Q6J("view",e.view)("viewDate",e.viewDate),n.xp6(8),n.Oqu(n.Dn7(22,12,e.viewDate,e.view+"ViewTitle",e.locale)),n.xp6(8),n.ekj("active",e.view===e.CalendarView.Month),n.xp6(3),n.ekj("active",e.view===e.CalendarView.Week),n.xp6(3),n.ekj("active",e.view===e.CalendarView.Day))},dependencies:[D.O,s.T,r.i,h.J],encapsulation:2})},44248:(f,w,a)=>{a.d(w,{S:()=>r});var n=a(50192),C=a(86963),D=a(5234),s=a(44879);class r{}r.\u0275fac=function(v){return new(v||r)},r.\u0275mod=s.oAB({type:r}),r.\u0275inj=s.cJS({imports:[n.ez,C.u5,D._8]})},23988:(f,w,a)=>{a.r(w),a.d(w,{DemoModule:()=>c});var n=a(50192),C=a(98783),D=a(5234),s=a(33275),r=a(44248),h=a(23468),v=a(13980),T=a(2316),d=a(22201),e=a(44879),_=a(79144),m=a(84156),U=a(56500),Z=a(43303);function E(i,o){if(1&i){const t=e.EpF();e.TgZ(0,"mwl-calendar-month-view",4),e.NdJ("eventTimesChanged",function(l){e.CHM(t);const p=e.oxw();return e.KtG(p.eventTimesChanged(l))}),e._uU(1,"\n "),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)("activeDayIsOpen",!0)("refresh",t.refresh)}}function y(i,o){if(1&i){const t=e.EpF();e.TgZ(0,"mwl-calendar-week-view",5),e.NdJ("eventTimesChanged",function(l){e.CHM(t);const p=e.oxw();return e.KtG(p.eventTimesChanged(l))}),e._uU(1,"\n "),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)("refresh",t.refresh)}}function A(i,o){if(1&i){const t=e.EpF();e.TgZ(0,"mwl-calendar-day-view",5),e.NdJ("eventTimesChanged",function(l){e.CHM(t);const p=e.oxw();return e.KtG(p.eventTimesChanged(l))}),e._uU(1,"\n "),e.qZA()}if(2&i){const t=e.oxw();e.Q6J("viewDate",t.viewDate)("events",t.events)("refresh",t.refresh)}}class g{constructor(){this.view=T.w.Week,this.viewDate=new Date,this.events=[{title:"Resizable event",color:d.O.yellow,start:new Date,end:(0,v.Z)(new Date,1),resizable:{beforeStart:!0,afterEnd:!0}},{title:"A non resizable event",color:d.O.blue,start:new Date,end:(0,v.Z)(new Date,1)}],this.refresh=new h.x}eventTimesChanged({event:o,newStart:t,newEnd:u}){o.start=t,o.end=u,this.refresh.next()}}g.\u0275fac=function(o){return new(o||g)},g.\u0275cmp=e.Xpm({type:g,selectors:[["mwl-demo-component"]],decls:12,vars:6,consts:[[3,"view","viewDate","viewChange","viewDateChange"],[3,"ngSwitch"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged",4,"ngSwitchCase"],[3,"viewDate","events","refresh","eventTimesChanged",4,"ngSwitchCase"],[3,"viewDate","events","activeDayIsOpen","refresh","eventTimesChanged"],[3,"viewDate","events","refresh","eventTimesChanged"]],template:function(o,t){1&o&&(e.TgZ(0,"mwl-demo-utils-calendar-header",0),e.NdJ("viewChange",function(l){return t.view=l})("viewDateChange",function(l){return t.viewDate=l}),e._uU(1,"\n"),e.qZA(),e._uU(2,"\n\n"),e.TgZ(3,"div",1),e._uU(4,"\n "),e.YNc(5,E,2,4,"mwl-calendar-month-view",2),e._uU(6,"\n "),e.YNc(7,y,2,3,"mwl-calendar-week-view",3),e._uU(8,"\n "),e.YNc(9,A,2,3,"mwl-calendar-day-view",3),e._uU(10,"\n"),e.qZA(),e._uU(11,"\n")),2&o&&(e.Q6J("view",t.view)("viewDate",t.viewDate),e.xp6(3),e.Q6J("ngSwitch",t.view),e.xp6(2),e.Q6J("ngSwitchCase","month"),e.xp6(2),e.Q6J("ngSwitchCase","week"),e.xp6(2),e.Q6J("ngSwitchCase","day"))},dependencies:[n.RF,n.n9,_.G,m.T,U.S,Z.$],encapsulation:2,changeDetection:0});var M=a(20211);class c{}c.\u0275fac=function(o){return new(o||c)},c.\u0275mod=e.oAB({type:c}),c.\u0275inj=e.cJS({imports:[n.ez,D._8.forRoot({provide:s._,useFactory:M.x}),r.S,C.Bz.forChild([{path:"",component:g}])]})}}]);
\ No newline at end of file
diff --git a/404.html b/404.html
index 29b00df55..c9bc92e0b 100644
--- a/404.html
+++ b/404.html
@@ -33,6 +33,6 @@
-
+