kaiquecruz-ionic2-calendar-clickacai
Version:
Ionic2 calendar component
1 lines • 28.7 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"monthview","template":"<div> <ion-slides #monthSlider [loop]=\"true\" [dir]=\"dir\" [spaceBetween]=\"spaceBetween\" (ionSlideDidChange)=\"onSlideChanged()\"> <ion-slide> <table *ngIf=\"0===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[0].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[0].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[0].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"0!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[0].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> <ion-slide> <table *ngIf=\"1===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[1].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[1].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[1].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"1!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[1].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> <ion-slide> <table *ngIf=\"2===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[2].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[2].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[2].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"2!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[2].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> </ion-slides> <ng-template [ngTemplateOutlet]=\"monthviewEventDetailTemplate\" [ngTemplateOutletContext]=\"{showEventDetail:showEventDetail, selectedDate: selectedDate, noEventsLabel: noEventsLabel}\"> </ng-template> </div>","styles":["small { font-size: 14px!important; } .text-muted { color: #999; } .table-fixed { table-layout: fixed; } .table { width: 100%; max-width: 100%; background-color: transparent; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 9vw; vertical-align: top; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd; } .table-bordered { width: 14.28vw!important; height: 14.28vw!important; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { width: 14.28vw!important; height: 14.28vw!important; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 } .monthview-primary-with-event { color: #fff!important; } .monthview-entregue-with-event { background-color: #d0efd0; border-radius: 14vw; } .monthview-pendente-with-event { background-color: #ffde8d; border-radius: 14vw; } .monthview-cancelado-with-event { background-color: #fee4e7; border-radius: 14vw; } .monthview-current { border-radius: 14vw; } .monthview-selected { color: #009900; font-weight: bold; font-size: 1.3em;} .monthview-datetable td.monthview-disabled { color: lightgrey; cursor: default; } .monthview-datetable th { text-align: center; } .monthview-datetable td { cursor: pointer; text-align: center; } .monthview-secondary-with-event { background-color: #d9edf7; } ::-webkit-scrollbar, *::-webkit-scrollbar { display: none; } .monthview-primary-with-many-events{ font-weight: bold;}"]}]}],"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"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MonthViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"monthview","template":"<div> <ion-slides #monthSlider [loop]=\"true\" [dir]=\"dir\" [spaceBetween]=\"spaceBetween\" (ionSlideDidChange)=\"onSlideChanged()\"> <ion-slide> <table *ngIf=\"0===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[0].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[0].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[0].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"0!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[0].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[0], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> <ion-slide> <table *ngIf=\"1===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[1].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[1].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[1].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"1!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[1].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[1], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> <ion-slide> <table *ngIf=\"2===currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr> <th *ngFor=\"let dayHeader of views[2].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\" tappable (click)=\"select(views[2].dates[row*7+col])\" [ngClass]=\"getHighlightClass(views[2].dates[row*7+col])\"> <ng-template [ngTemplateOutlet]=\"monthviewDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\"> </ng-template> <div class=\"dia-com-item\"></div> </td> </tr> </tbody> </table> <table *ngIf=\"2!==currentViewIndex\" class=\"table table-bordered table-fixed monthview-datetable\"> <thead> <tr class=\"text-center\"> <th *ngFor=\"let dayHeader of views[2].dayHeaders\"> <small>{{dayHeader}}</small> </th> </tr> </thead> <tbody> <tr *ngFor=\"let row of [0,1,2,3,4,5]\"> <td *ngFor=\"let col of [0,1,2,3,4,5,6]\"> <ng-template [ngTemplateOutlet]=\"monthviewInactiveDisplayEventTemplate\" [ngTemplateOutletContext]=\"{view: views[2], row: row, col: col}\"> </ng-template> </td> <tr> </tbody> </table> </ion-slide> </ion-slides> <ng-template [ngTemplateOutlet]=\"monthviewEventDetailTemplate\" [ngTemplateOutletContext]=\"{showEventDetail:showEventDetail, selectedDate: selectedDate, noEventsLabel: noEventsLabel}\"> </ng-template> </div>","styles":["small { font-size: 14px!important; } .text-muted { color: #999; } .table-fixed { table-layout: fixed; } .table { width: 100%; max-width: 100%; background-color: transparent; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 9vw; vertical-align: top; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd; } .table-bordered { width: 14.28vw!important; height: 14.28vw!important; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { width: 14.28vw!important; height: 14.28vw!important; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9 } .monthview-primary-with-event { color: #fff!important; } .monthview-entregue-with-event { background-color: #d0efd0; border-radius: 14vw; } .monthview-pendente-with-event { background-color: #ffde8d; border-radius: 14vw; } .monthview-cancelado-with-event { background-color: #fee4e7; border-radius: 14vw; } .monthview-current { border-radius: 14vw; } .monthview-selected { color: #009900; font-weight: bold; font-size: 1.3em;} .monthview-datetable td.monthview-disabled { color: lightgrey; cursor: default; } .monthview-datetable th { text-align: center; } .monthview-datetable td { cursor: pointer; text-align: center; } .monthview-secondary-with-event { background-color: #d9edf7; } ::-webkit-scrollbar, *::-webkit-scrollbar { display: none; } .monthview-primary-with-many-events{ font-weight: bold;}"]}]}],"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"}]}}}}]