ng2-date-picker-pda-forked/day-calendar/day-calendar.component.metadata.json

[{"__symbolic":"module","version":3,"metadata":{"DayCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-day-calendar","template":"<div class=\"dp-day-calendar-container\" [hidden]=\"currentCalendarMode !==  CalendarMode.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarMode.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\"             *ngFor=\"let weekday of weekdays\">             {{weekday.format(componentConfig.weekDayFormat)}}       </span>     </div>     <div class=\"dp-calendar-week\" *ngFor=\"let week of weeks\">       <span *ngIf=\"componentConfig.showWeekNumbers\" class=\"dp-week-number\">{{week[0].date.isoWeek()}}</span>       <button type=\"button\"               class=\"dp-calendar-day\"               *ngFor=\"let day of week\"               (click)=\"dayClicked(day)\"               [disabled]=\"isDisabledDay(day)\"               [ngClass]=\"getDayBtnCssClass(day)\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarMode ===  CalendarMode.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarMode.Day)\"> </dp-month-calendar> ","styles":["dp-day-calendar {  display: inline-block;}dp-day-calendar .dp-day-calendar-container {  background: #FFFFFF;}dp-day-calendar .dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;}dp-day-calendar .dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}dp-day-calendar .dp-weekdays {  font-size: 15px;  margin-bottom: 5px;}dp-day-calendar .dp-calendar-weekday {  box-sizing: border-box;  display: inline-block;  width: 30px;  text-align: center;  border-left: 1px solid #000000;  border-bottom: 1px solid #000000;}dp-day-calendar .dp-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}dp-day-calendar .dp-selected {  background: #106CC8;  color: #FFFFFF;}dp-day-calendar .dp-prev-month,dp-day-calendar .dp-next-month {  opacity: 0.5;}dp-day-calendar .dp-hide-near-month .dp-prev-month,dp-day-calendar .dp-hide-near-month .dp-next-month {  visibility: hidden;}dp-day-calendar .dp-week-number {  position: absolute;  font-size: 9px;}dp-day-calendar.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  color: #7a7a7a;  border: none;}dp-day-calendar.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}dp-day-calendar.dp-material .dp-calendar-month,dp-day-calendar.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;}dp-day-calendar.dp-material .dp-calendar-month:hover,dp-day-calendar.dp-material .dp-calendar-day:hover {  background: #E0E0E0;}dp-day-calendar.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}dp-day-calendar.dp-material .dp-selected:hover {  background: #106CC8;}dp-day-calendar.dp-material .dp-current-day {  border: 1px solid #106CC8;}"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"__symbolic":"reference","module":"./day-calendar.service","name":"DayCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DayCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DayCalendarComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onMonthSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./day-calendar.service","name":"DayCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledDay":[{"__symbolic":"method"}],"dayClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"getDayBtnText":[{"__symbolic":"method"}],"getDayBtnCssClass":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"monthSelected":[{"__symbolic":"method"}],"moveCalendarsBy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DayCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-day-calendar","template":"<div class=\"dp-day-calendar-container\" [hidden]=\"currentCalendarMode !==  CalendarMode.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarMode.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\"             *ngFor=\"let weekday of weekdays\">             {{weekday.format(componentConfig.weekDayFormat)}}       </span>     </div>     <div class=\"dp-calendar-week\" *ngFor=\"let week of weeks\">       <span *ngIf=\"componentConfig.showWeekNumbers\" class=\"dp-week-number\">{{week[0].date.isoWeek()}}</span>       <button type=\"button\"               class=\"dp-calendar-day\"               *ngFor=\"let day of week\"               (click)=\"dayClicked(day)\"               [disabled]=\"isDisabledDay(day)\"               [ngClass]=\"getDayBtnCssClass(day)\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarMode ===  CalendarMode.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarMode.Day)\"> </dp-month-calendar> ","styles":["dp-day-calendar {  display: inline-block;}dp-day-calendar .dp-day-calendar-container {  background: #FFFFFF;}dp-day-calendar .dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;}dp-day-calendar .dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}dp-day-calendar .dp-weekdays {  font-size: 15px;  margin-bottom: 5px;}dp-day-calendar .dp-calendar-weekday {  box-sizing: border-box;  display: inline-block;  width: 30px;  text-align: center;  border-left: 1px solid #000000;  border-bottom: 1px solid #000000;}dp-day-calendar .dp-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}dp-day-calendar .dp-selected {  background: #106CC8;  color: #FFFFFF;}dp-day-calendar .dp-prev-month,dp-day-calendar .dp-next-month {  opacity: 0.5;}dp-day-calendar .dp-hide-near-month .dp-prev-month,dp-day-calendar .dp-hide-near-month .dp-next-month {  visibility: hidden;}dp-day-calendar .dp-week-number {  position: absolute;  font-size: 9px;}dp-day-calendar.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  color: #7a7a7a;  border: none;}dp-day-calendar.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}dp-day-calendar.dp-material .dp-calendar-month,dp-day-calendar.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;}dp-day-calendar.dp-material .dp-calendar-month:hover,dp-day-calendar.dp-material .dp-calendar-day:hover {  background: #E0E0E0;}dp-day-calendar.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}dp-day-calendar.dp-material .dp-selected:hover {  background: #106CC8;}dp-day-calendar.dp-material .dp-current-day {  border: 1px solid #106CC8;}"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"__symbolic":"reference","module":"./day-calendar.service","name":"DayCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DayCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DayCalendarComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onMonthSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./day-calendar.service","name":"DayCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledDay":[{"__symbolic":"method"}],"dayClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"getDayBtnText":[{"__symbolic":"method"}],"getDayBtnCssClass":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"monthSelected":[{"__symbolic":"method"}],"moveCalendarsBy":[{"__symbolic":"method"}]}}}}]