[{"__symbolic":"module","version":4,"metadata":{"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"monthview","template":"\n\t\t<div>\n\t\t\t<ion-slides #monthSlider [loop]=\"true\" [dir]=\"dir\" [spaceBetween]=\"spaceBetween\"\n\t\t\t\t    (ionSlideDidChange)=\"onSlideChanged()\">\n\t\t\t\t<ion-slide>\n\t\t\t\t\t<table *ngIf=\"0===currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[0].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable\n\t\t\t\t\t\t\t    (click)=\"select(views[0].dates[row*7+col])\"\n\t\t\t\t\t\t\t    [ngClass]=\"getHighlightClass(views[0].dates[row*7+col])\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t\t<table *ngIf=\"0!==currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr class=\"text-center\">\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[0].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</ion-slide>\n\t\t\t\t<ion-slide>\n\t\t\t\t\t<table *ngIf=\"1===currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[1].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable\n\t\t\t\t\t\t\t    (click)=\"select(views[1].dates[row*7+col])\"\n\t\t\t\t\t\t\t    [ngClass]=\"getHighlightClass(views[1].dates[row*7+col])\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t\t<table *ngIf=\"1!==currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr class=\"text-center\">\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[1].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</ion-slide>\n\t\t\t\t<ion-slide>\n\t\t\t\t\t<table *ngIf=\"2===currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[2].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable\n\t\t\t\t\t\t\t    (click)=\"select(views[2].dates[row*7+col])\"\n\t\t\t\t\t\t\t    [ngClass]=\"getHighlightClass(views[2].dates[row*7+col])\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t\t<table *ngIf=\"2!==currentViewIndex\"\n\t\t\t\t\t       class=\"table table-bordered table-fixed monthview-datetable\">\n\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr class=\"text-center\">\n\t\t\t\t\t\t\t<th *ngFor=\"let dayHeader of views[2].dayHeaders\">\n\t\t\t\t\t\t\t\t<small>{{dayHeader}}</small>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr *ngFor=\"let row of [0,1,2,3,4,5]\">\n\t\t\t\t\t\t\t<td *ngFor=\"let col of [0,1,2,3,4,5,6]\">\n\t\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\"\n\t\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\">\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t</tbody>\n\t\t\t\t\t</table>\n\t\t\t\t</ion-slide>\n\t\t\t</ion-slides>\n\t\t\t<ng-template [ngTemplateOutlet]=\"monthviewEventDetailTemplate\"\n\t\t\t\t     [ngTemplateOutletContext]=\"{showEventDetail:showEventDetail, selectedDate: selectedDate, noEventsLabel: noEventsLabel}\">\n\t\t\t</ng-template>\n\t\t</div>\n\t","styles":["\n\t\t.text-muted {\n\t\t\tcolor: #999;\n\t\t}\n\n\t\t.table-fixed {\n\t\t\ttable-layout: fixed;\n\t\t}\n\n\t\t.table {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\t.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,\n\t\t.table > tbody > tr > td, .table > tfoot > tr > td {\n\t\t\tpadding: 8px;\n\t\t\tline-height: 20px;\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.table > thead > tr > th {\n\t\t\tvertical-align: bottom;\n\t\t\tborder-bottom: 2px solid #ddd;\n\t\t}\n\n\t\t.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {\n\t\t\tborder-top: 0\n\t\t}\n\n\t\t.table > tbody + tbody {\n\t\t\tborder-top: 2px solid #ddd;\n\t\t}\n\n\t\t.table-bordered {\n\t\t\t/*border: 1px solid #ddd;*/\n\t\t}\n\n\t\t.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,\n\t\t.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {\n\t\t\tborder: 1px solid #ddd;\n\t\t}\n\n\t\t.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {\n\t\t\tborder-bottom-width: 2px;\n\t\t}\n\n\t\t.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\n\t\t\tbackground-color: #f9f9f9\n\t\t}\n\n\t\t.monthview-primary-with-event {\n\t\t\t/*background-color: #3a87ad;*/\n\t\t\tcolor: white;\n\t\t}\n\n\t\t.monthview-current {\n\t\t\t/*background-color: #f0f0f0;*/\n\t\t}\n\n\t\t.monthview-selected {\n\t\t\t/*background-color: #009900;*/\n\t\t\tcolor: white;\n\t\t}\n\n\t\t.monthview-datetable td.monthview-disabled {\n\t\t\tcolor: lightgrey;\n\t\t\tcursor: default;\n\t\t}\n\n\t\t.monthview-datetable th {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.monthview-datetable td {\n\t\t\tcursor: pointer;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.monthview-secondary-with-event {\n\t\t\t/*background-color: #d9edf7;*/\n\t\t}\n\n\t\t::-webkit-scrollbar,\n\t\t*::-webkit-scrollbar {\n\t\t\tdisplay: none;\n\t\t}\n\t"]}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthSlider"]}]}],"monthviewDisplayEventTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"monthviewInactiveDisplayEventTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"monthviewEventDetailTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatDayHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"formatMonthTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"startingDayMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showEventDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"noEventsLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autoSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"markDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"locale":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dateFormatter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lockSwipeToPrev":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"lockSwipes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"spaceBetween":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onRangeChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEventSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTimeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onTitleChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./calendar.service","name":"CalendarService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onSlideChanged":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"createDateObject":[{"__symbolic":"method"}],"getViewData":[{"__symbolic":"method"}],"getHighlightClass":[{"__symbolic":"method"}],"getRange":[{"__symbolic":"method"}],"onDataLoaded":[{"__symbolic":"method"}],"refreshView":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"compareEvent":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"slideView":[{"__symbolic":"method"}],"updateCurrentView":[{"__symbolic":"method"}],"eventSelected":[{"__symbolic":"method"}]}}}}]