novo-elements
Version:
Bullhorn's NOVO Element Repository for Angular 2
1 lines • 5.69 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"NovoCalendarMonthDayElement":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"novo-calendar-month-day","template":"\n <ng-template #defaultTemplate>\n <div class=\"calendar-day-top\">\n <span class=\"calendar-day-badge\" *ngIf=\"day.badgeTotal > 0\">{{ day.badgeTotal }}</span>\n <span class=\"calendar-day-number\">{{ day.date | dayofmonth:locale }}</span>\n </div>\n <div class=\"calendar-events\">\n <div\n class=\"calendar-event\"\n *ngFor=\"let type of day.events | groupBy : 'type'\"\n [style.backgroundColor]=\"type?.value[0]?.color.primary\"\n [ngClass]=\"type?.value[0]?.cssClass\"\n (click)=\"$event.stopPropagation(); eventClicked.emit({event:type?.value[0]})\">\n {{type?.value.length}}\n </div>\n </div>\n </ng-template>\n <ng-template\n [ngTemplateOutlet]=\"customTemplate || defaultTemplate\"\n [ngOutletContext]=\"{\n day: day,\n locale: locale,\n tooltipPosition: tooltipPosition,\n eventClicked: eventClicked,\n accepted: accepted,\n rejected: rejected,\n maybes: maybes\n }\">\n </ng-template>\n ","host":{"[class]":"\"calendar-cell calendar-day-cell \" + day?.cssClass","[class.calendar-day-accepted]":"accepted.length","[class.calendar-day-rejected]":"rejected.length","[class.calendar-past]":"day.isPast","[class.calendar-today]":"day.isToday","[class.calendar-future]":"day.isFuture","[class.calendar-weekend]":"day.isWeekend","[class.calendar-in-month]":"day.inMonth","[class.calendar-out-month]":"!day.inMonth","[class.calendar-has-events]":"day.events.length > 0","[style.backgroundColor]":"day.backgroundColor","$quoted$":["[class]","[class.calendar-day-accepted]","[class.calendar-day-rejected]","[class.calendar-past]","[class.calendar-today]","[class.calendar-future]","[class.calendar-weekend]","[class.calendar-in-month]","[class.calendar-out-month]","[class.calendar-has-events]","[style.backgroundColor]"]}}]}],"members":{"day":[{"__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"}}]}],"tooltipPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"NovoCalendarMonthDayElement":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"novo-calendar-month-day","template":"\n <ng-template #defaultTemplate>\n <div class=\"calendar-day-top\">\n <span class=\"calendar-day-badge\" *ngIf=\"day.badgeTotal > 0\">{{ day.badgeTotal }}</span>\n <span class=\"calendar-day-number\">{{ day.date | dayofmonth:locale }}</span>\n </div>\n <div class=\"calendar-events\">\n <div\n class=\"calendar-event\"\n *ngFor=\"let type of day.events | groupBy : 'type'\"\n [style.backgroundColor]=\"type?.value[0]?.color.primary\"\n [ngClass]=\"type?.value[0]?.cssClass\"\n (click)=\"$event.stopPropagation(); eventClicked.emit({event:type?.value[0]})\">\n {{type?.value.length}}\n </div>\n </div>\n </ng-template>\n <ng-template\n [ngTemplateOutlet]=\"customTemplate || defaultTemplate\"\n [ngOutletContext]=\"{\n day: day,\n locale: locale,\n tooltipPosition: tooltipPosition,\n eventClicked: eventClicked,\n accepted: accepted,\n rejected: rejected,\n maybes: maybes\n }\">\n </ng-template>\n ","host":{"[class]":"\"calendar-cell calendar-day-cell \" + day?.cssClass","[class.calendar-day-accepted]":"accepted.length","[class.calendar-day-rejected]":"rejected.length","[class.calendar-past]":"day.isPast","[class.calendar-today]":"day.isToday","[class.calendar-future]":"day.isFuture","[class.calendar-weekend]":"day.isWeekend","[class.calendar-in-month]":"day.inMonth","[class.calendar-out-month]":"!day.inMonth","[class.calendar-has-events]":"day.events.length > 0","[style.backgroundColor]":"day.backgroundColor"}}]}],"members":{"day":[{"__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"}}]}],"tooltipPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"eventClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}]}}}}]