ng2-jalali-date-picker - npm Package Compare versions

Comparing version 1.3.10 to 1.4.0

date-picker/date-picker.component.js

@@ -253,3 +253,3 @@ "use strict";
                 template: '<div>   <div *ngIf="!componentConfig.hideInputContainer" class="dp-input-container">     <input type="text"            class="dp-picker-input"            [placeholder]="placeholder"            [ngModel]="inputElementValue"            (ngModelChange)="onViewDateChange($event)"            (focus)="inputFocused()"            [readonly]="componentConfig.disableKeypress"            [disabled]="disabled"/>      <button type="button"             class="dp-current-location-btn"             *ngIf="componentConfig.showGoToCurrent"             (click)="moveToCurrent()"             [hidden]="!_areCalendarsShown">     </button>   </div>   <div #container>     <div class="dp-popup {{theme}}"          [ngSwitch]="type"          [hidden]="!_areCalendarsShown">       <dp-day-calendar #dayCalendar                        *ngSwitchCase="\'day\'"                        [config]="dayCalendarConfig"                        [ngModel]="_selected"                        [displayDate]="currentDateView"                        (onSelect)="dateSelected($event, \'day\')"                        [theme]="theme">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase="\'month\'"                          [config]="dayCalendarConfig"                          [ngModel]="_selected"                          [displayDate]="currentDateView"                          (onSelect)="dateSelected($event, \'month\')"                          [theme]="theme">       </dp-month-calendar>     </div>   </div> </div> ',
-                styles: [':host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}'],
+                styles: [':host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}'],
                 providers: [
@@ -256,0 +256,0 @@ date_picker_service_1.DatePickerService,

date-picker/date-picker.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__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"}}]}],"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"}}]}],"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"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__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"}}]}],"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"}}]}],"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"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__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"}}]}],"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"}}]}],"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"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DatePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-date-picker","template":"<div>   <div *ngIf=\"!componentConfig.hideInputContainer\" class=\"dp-input-container\">     <input type=\"text\"            class=\"dp-picker-input\"            [placeholder]=\"placeholder\"            [ngModel]=\"inputElementValue\"            (ngModelChange)=\"onViewDateChange($event)\"            (focus)=\"inputFocused()\"            [readonly]=\"componentConfig.disableKeypress\"            [disabled]=\"disabled\"/>      <button type=\"button\"             class=\"dp-current-location-btn\"             *ngIf=\"componentConfig.showGoToCurrent\"             (click)=\"moveToCurrent()\"             [hidden]=\"!_areCalendarsShown\">     </button>   </div>   <div #container>     <div class=\"dp-popup {{theme}}\"          [ngSwitch]=\"type\"          [hidden]=\"!_areCalendarsShown\">       <dp-day-calendar #dayCalendar                        *ngSwitchCase=\"'day'\"                        [config]=\"dayCalendarConfig\"                        [ngModel]=\"_selected\"                        [displayDate]=\"currentDateView\"                        (onSelect)=\"dateSelected($event, 'day')\"                        [theme]=\"theme\">        </dp-day-calendar>        <dp-month-calendar #monthCalendar                          *ngSwitchCase=\"'month'\"                          [config]=\"dayCalendarConfig\"                          [ngModel]=\"_selected\"                          [displayDate]=\"currentDateView\"                          (onSelect)=\"dateSelected($event, 'month')\"                          [theme]=\"theme\">       </dp-month-calendar>     </div>   </div> </div> ","styles":[":host {  display: inline-block;}:host.dp-material .dp-picker-input {  box-sizing: border-box;  height: 30px;  width: 213px;  font-size: 13px;  outline: none;}:host.dp-material .dp-current-location-btn {  top: calc(50% - 9px);  right: 5px;  height: 18px;  width: 18px;  border: 2px solid rgba(0, 0, 0, 0.6);}.dp-input-container {  position: relative;}.dp-popup {  position: relative;  background: #FFFFFF;  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  z-index: 9999;  white-space: nowrap;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-current-location-btn {  position: absolute;  top: calc(50% - 7px);  right: 5px;  height: 14px;  width: 13px;  background: rgba(0, 0, 0, 0.6);  border: 1px solid rgba(0, 0, 0, 0.6);  outline: none;  border-radius: 50%;  box-shadow: inset 0 0 0 3px #FFFFFF;  cursor: pointer;}.dp-current-location-btn:hover {  background: #000000;}"],"providers":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"DatePickerComponent"},"multi":true}]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__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"}}]}],"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"}}]}],"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"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container"]}]}],"dayCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dayCalendar"]}]}],"monthCalendarRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["monthCalendar"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./date-picker.service","name":"DatePickerService"},{"__symbolic":"reference","module":"../common/services/dom-appender/dom-appender.service","name":"DomHelper"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click"]}]}],"onBodyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:click"]}]}],"onScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["document:scroll"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize"]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setElementPositionInDom":[{"__symbolic":"method"}],"setInputElementContainer":[{"__symbolic":"method"}],"handleInnerElementClick":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"inputFocused":[{"__symbolic":"method"}],"showCalendars":[{"__symbolic":"method"}],"hideCalendar":[{"__symbolic":"method"}],"onViewDateChange":[{"__symbolic":"method"}],"moveToCurrent":[{"__symbolic":"method"}],"dateSelected":[{"__symbolic":"method"}],"onDateClick":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"startGlobalListeners":[{"__symbolic":"method"}],"stopGlobalListeners":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

day-calendar/day-calendar.component.js

@@ -158,3 +158,3 @@ "use strict";
                 template: '<div class="dp-day-calendar-container" [hidden]="currentCalendarType !==  CalendarType.Day">   <dp-calendar-nav       [label]="getNavLabel()"       [showLeftNav]="shouldShowLeftNav()"       [showRightNav]="shouldShowRightNav()"       [isLabelClickable]="isNavHeaderBtnClickable()"       [theme]="theme"       (onLeftNav)="onLeftNav()"       (onRightNav)="onRightNav()"       (onLabelClick)="toggleCalendar(CalendarType.Month)">   </dp-calendar-nav>    <div class="dp-calendar-wrapper"        [ngClass]="{\'dp-hide-near-month\': !componentConfig.showNearMonthDays,\'rtl\':isJalali()}">     <div class="dp-weekdays">       <span class="dp-calendar-weekday" *ngFor="let weekday of weekdays">{{weekday}}</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]="{               \'dp-selected\': day.selected,               \'dp-current-month\': day.currentMonth,               \'dp-prev-month\': day.prevMonth,               \'dp-next-month\': day.nextMonth,               \'dp-current-day\': day.currentDay             }">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf="currentCalendarType ===  CalendarType.Month"     [config]="monthCalendarConfig"     [displayDate]="currentDateView"     [theme]="theme"     (onSelect)="monthSelected($event)"     (onNavHeaderBtnClick)="toggleCalendar(CalendarType.Day)"> </dp-month-calendar> ',
-                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 12px;  color: #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-day {  border: 1px solid #106CC8;}'],
+                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 0.75rem;  opacity: 0.3;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0%;  transition: border-radius 0.1s ease;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;  border-radius: 50%;}:host.dp-material .dp-selected {  border-radius: 50%;  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-day {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);}'],
                 providers: [
@@ -161,0 +161,0 @@ day_calendar_service_1.DayCalendarService,

day-calendar/day-calendar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__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]=\"currentCalendarType !==  CalendarType.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarType.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays,'rtl':isJalali()}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</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]=\"{               'dp-selected': day.selected,               'dp-current-month': day.currentMonth,               'dp-prev-month': day.prevMonth,               'dp-next-month': day.nextMonth,               'dp-current-day': day.currentDay             }\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarType ===  CalendarType.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarType.Day)\"> </dp-month-calendar> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 12px;  color: #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-day {  border: 1px solid #106CC8;}"],"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"}],"isJalali":[{"__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"}],"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]=\"currentCalendarType !==  CalendarType.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarType.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays,'rtl':isJalali()}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</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]=\"{               'dp-selected': day.selected,               'dp-current-month': day.currentMonth,               'dp-prev-month': day.prevMonth,               'dp-next-month': day.nextMonth,               'dp-current-day': day.currentDay             }\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarType ===  CalendarType.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarType.Day)\"> </dp-month-calendar> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: #106CC8;  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 12px;  color: #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-day {  border: 1px solid #106CC8;}"],"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"}],"isJalali":[{"__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"}],"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":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]=\"currentCalendarType !==  CalendarType.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarType.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays,'rtl':isJalali()}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</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]=\"{               'dp-selected': day.selected,               'dp-current-month': day.currentMonth,               'dp-prev-month': day.prevMonth,               'dp-next-month': day.nextMonth,               'dp-current-day': day.currentDay             }\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarType ===  CalendarType.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarType.Day)\"> </dp-month-calendar> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 0.75rem;  opacity: 0.3;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0%;  transition: border-radius 0.1s ease;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;  border-radius: 50%;}:host.dp-material .dp-selected {  border-radius: 50%;  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-day {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);}"],"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"}],"isJalali":[{"__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"}],"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]=\"currentCalendarType !==  CalendarType.Day\">   <dp-calendar-nav       [label]=\"getNavLabel()\"       [showLeftNav]=\"shouldShowLeftNav()\"       [showRightNav]=\"shouldShowRightNav()\"       [isLabelClickable]=\"isNavHeaderBtnClickable()\"       [theme]=\"theme\"       (onLeftNav)=\"onLeftNav()\"       (onRightNav)=\"onRightNav()\"       (onLabelClick)=\"toggleCalendar(CalendarType.Month)\">   </dp-calendar-nav>    <div class=\"dp-calendar-wrapper\"        [ngClass]=\"{'dp-hide-near-month': !componentConfig.showNearMonthDays,'rtl':isJalali()}\">     <div class=\"dp-weekdays\">       <span class=\"dp-calendar-weekday\" *ngFor=\"let weekday of weekdays\">{{weekday}}</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]=\"{               'dp-selected': day.selected,               'dp-current-month': day.currentMonth,               'dp-prev-month': day.prevMonth,               'dp-next-month': day.nextMonth,               'dp-current-day': day.currentDay             }\">         {{getDayBtnText(day)}}       </button>     </div>   </div>  </div>  <dp-month-calendar     *ngIf=\"currentCalendarType ===  CalendarType.Month\"     [config]=\"monthCalendarConfig\"     [displayDate]=\"currentDateView\"     [theme]=\"theme\"     (onSelect)=\"monthSelected($event)\"     (onNavHeaderBtnClick)=\"toggleCalendar(CalendarType.Day)\"> </dp-month-calendar> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  box-sizing: border-box;  border: 1px solid #000000;  background: #FFFFFF;}.dp-calendar-wrapper .dp-calendar-weekday:first-child {  border-left: none;}.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-calendar-day {  box-sizing: border-box;  width: 30px;  height: 30px;  cursor: pointer;}.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}.dp-prev-month,.dp-next-month {  opacity: 0.5;}.dp-hide-near-month .dp-prev-month,.dp-hide-near-month .dp-next-month {  visibility: hidden;}.dp-week-number {  position: absolute;  font-size: 9px;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  border: none;  font-size: 0.75rem;  opacity: 0.3;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper.rtl {  direction: rtl;}:host.dp-material .dp-calendar-month,:host.dp-material .dp-calendar-day {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0%;  transition: border-radius 0.1s ease;  border: none;  outline: none;  padding: 0;}:host.dp-material .dp-calendar-month:hover,:host.dp-material .dp-calendar-day:hover {  background: #E0E0E0;  border-radius: 50%;}:host.dp-material .dp-selected {  border-radius: 50%;  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-day {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);}"],"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"}],"isJalali":[{"__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"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"monthSelected":[{"__symbolic":"method"}],"moveCalendarsBy":[{"__symbolic":"method"}]}}}}]

month-calendar/month-calendar.component.js

@@ -127,3 +127,3 @@ "use strict";
                 template: '<dp-calendar-nav     [label]="getNavLabel()"     [showLeftNav]="shouldShowLeftNav()"     [showRightNav]="shouldShowRightNav()"     [isLabelClickable]="isNavHeaderBtnClickable()"     [theme]="theme"     (onLeftNav)="onLeftNav()"     (onRightNav)="onRightNav()"     (onLabelClick)="toggleCalendar()"> </dp-calendar-nav>  <div class="dp-calendar-wrapper" [ngClass]="{\'rtl\':isJalali()}">   <div class="dp-months-row" *ngFor="let monthRow of yearMonths">     <button type="button"             class="dp-calendar-month"             *ngFor="let month of monthRow"             [disabled]="isDisabledMonth(month)"             [ngClass]="{\'dp-selected\': month.selected,\'dp-current-month\': month.currentMonth}"             (click)="monthClicked(month)">       {{getMonthBtnText(month)}}     </button>   </div> </div> ',
-                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;}:host.dp-material .dp-calendar-month:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-month {  border: 1px solid #106CC8;  padding: 0;}'],
+                styles: [':host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0;  transition: border-radius 0.1s ease;  border: none;  outline: none;  font-size: 0.7rem;}:host.dp-material .dp-calendar-month:hover {  border-radius: 50%;  background: #E0E0E0;}:host.dp-material .dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;  border-radius: 50%;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-month {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);  padding: 0;}'],
                 providers: [
@@ -130,0 +130,0 @@ month_calendar_service_1.MonthCalendarService,

month-calendar/month-calendar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"MonthCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-month-calendar","template":"<dp-calendar-nav     [label]=\"getNavLabel()\"     [showLeftNav]=\"shouldShowLeftNav()\"     [showRightNav]=\"shouldShowRightNav()\"     [isLabelClickable]=\"isNavHeaderBtnClickable()\"     [theme]=\"theme\"     (onLeftNav)=\"onLeftNav()\"     (onRightNav)=\"onRightNav()\"     (onLabelClick)=\"toggleCalendar()\"> </dp-calendar-nav>  <div class=\"dp-calendar-wrapper\" [ngClass]=\"{'rtl':isJalali()}\">   <div class=\"dp-months-row\" *ngFor=\"let monthRow of yearMonths\">     <button type=\"button\"             class=\"dp-calendar-month\"             *ngFor=\"let month of monthRow\"             [disabled]=\"isDisabledMonth(month)\"             [ngClass]=\"{'dp-selected': month.selected,'dp-current-month': month.currentMonth}\"             (click)=\"monthClicked(month)\">       {{getMonthBtnText(month)}}     </button>   </div> </div> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;}:host.dp-material .dp-calendar-month:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-month {  border: 1px solid #106CC8;  padding: 0;}"],"providers":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"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"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"isJalali":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledMonth":[{"__symbolic":"method"}],"monthClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"getMonthBtnText":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MonthCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-month-calendar","template":"<dp-calendar-nav     [label]=\"getNavLabel()\"     [showLeftNav]=\"shouldShowLeftNav()\"     [showRightNav]=\"shouldShowRightNav()\"     [isLabelClickable]=\"isNavHeaderBtnClickable()\"     [theme]=\"theme\"     (onLeftNav)=\"onLeftNav()\"     (onRightNav)=\"onRightNav()\"     (onLabelClick)=\"toggleCalendar()\"> </dp-calendar-nav>  <div class=\"dp-calendar-wrapper\" [ngClass]=\"{'rtl':isJalali()}\">   <div class=\"dp-months-row\" *ngFor=\"let monthRow of yearMonths\">     <button type=\"button\"             class=\"dp-calendar-month\"             *ngFor=\"let month of monthRow\"             [disabled]=\"isDisabledMonth(month)\"             [ngClass]=\"{'dp-selected': month.selected,'dp-current-month': month.currentMonth}\"             (click)=\"monthClicked(month)\">       {{getMonthBtnText(month)}}     </button>   </div> </div> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 50%;  border: none;  outline: none;}:host.dp-material .dp-calendar-month:hover {  background: #E0E0E0;}:host.dp-material .dp-selected {  background: #106CC8;  color: #FFFFFF;}:host.dp-material .dp-selected:hover {  background: #106CC8;}:host.dp-material .dp-current-month {  border: 1px solid #106CC8;  padding: 0;}"],"providers":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"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"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"isJalali":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledMonth":[{"__symbolic":"method"}],"monthClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"getMonthBtnText":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"MonthCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-month-calendar","template":"<dp-calendar-nav     [label]=\"getNavLabel()\"     [showLeftNav]=\"shouldShowLeftNav()\"     [showRightNav]=\"shouldShowRightNav()\"     [isLabelClickable]=\"isNavHeaderBtnClickable()\"     [theme]=\"theme\"     (onLeftNav)=\"onLeftNav()\"     (onRightNav)=\"onRightNav()\"     (onLabelClick)=\"toggleCalendar()\"> </dp-calendar-nav>  <div class=\"dp-calendar-wrapper\" [ngClass]=\"{'rtl':isJalali()}\">   <div class=\"dp-months-row\" *ngFor=\"let monthRow of yearMonths\">     <button type=\"button\"             class=\"dp-calendar-month\"             *ngFor=\"let month of monthRow\"             [disabled]=\"isDisabledMonth(month)\"             [ngClass]=\"{'dp-selected': month.selected,'dp-current-month': month.currentMonth}\"             (click)=\"monthClicked(month)\">       {{getMonthBtnText(month)}}     </button>   </div> </div> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0;  transition: border-radius 0.1s ease;  border: none;  outline: none;  font-size: 0.7rem;}:host.dp-material .dp-calendar-month:hover {  border-radius: 50%;  background: #E0E0E0;}:host.dp-material .dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;  border-radius: 50%;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-month {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);  padding: 0;}"],"providers":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"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"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"isJalali":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledMonth":[{"__symbolic":"method"}],"monthClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"getMonthBtnText":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"MonthCalendarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dp-month-calendar","template":"<dp-calendar-nav     [label]=\"getNavLabel()\"     [showLeftNav]=\"shouldShowLeftNav()\"     [showRightNav]=\"shouldShowRightNav()\"     [isLabelClickable]=\"isNavHeaderBtnClickable()\"     [theme]=\"theme\"     (onLeftNav)=\"onLeftNav()\"     (onRightNav)=\"onRightNav()\"     (onLabelClick)=\"toggleCalendar()\"> </dp-calendar-nav>  <div class=\"dp-calendar-wrapper\" [ngClass]=\"{'rtl':isJalali()}\">   <div class=\"dp-months-row\" *ngFor=\"let monthRow of yearMonths\">     <button type=\"button\"             class=\"dp-calendar-month\"             *ngFor=\"let month of monthRow\"             [disabled]=\"isDisabledMonth(month)\"             [ngClass]=\"{'dp-selected': month.selected,'dp-current-month': month.currentMonth}\"             (click)=\"monthClicked(month)\">       {{getMonthBtnText(month)}}     </button>   </div> </div> ","styles":[":host {  display: inline-block;}.dp-calendar-wrapper {  background: #FFFFFF;  border: 1px solid #000000;}.dp-calendar-wrapper.rtl {  direction: rtl;}.dp-calendar-month {  box-sizing: border-box;  width: 52.5px;  height: 52.5px;  cursor: pointer;}.dp-calendar-month.dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;}:host.dp-material .dp-calendar-weekday {  height: 25px;  width: 30px;  line-height: 25px;  background: #E0E0E0;  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-wrapper {  border: 1px solid #E0E0E0;}:host.dp-material .dp-calendar-month {  box-sizing: border-box;  background: #FFFFFF;  border-radius: 0;  transition: border-radius 0.1s ease;  border: none;  outline: none;  font-size: 0.7rem;}:host.dp-material .dp-calendar-month:hover {  border-radius: 50%;  background: #E0E0E0;}:host.dp-material .dp-selected {  background: rgba(16, 108, 200, 0.5);  color: #FFFFFF;  border-radius: 50%;}:host.dp-material .dp-selected:hover {  background: rgba(16, 108, 200, 0.5);}:host.dp-material .dp-current-month {  border-radius: 50%;  border: 1px solid rgba(16, 108, 200, 0.5);  padding: 0;}"],"providers":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS"},"useExisting":{"__symbolic":"reference","name":"MonthCalendarComponent"},"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"}}]}],"onNavHeaderBtnClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./month-calendar.service","name":"MonthCalendarService"},{"__symbolic":"reference","module":"../common/services/utils/utils.service","name":"UtilsService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"isJalali":[{"__symbolic":"method"}],"processOnChangeCallback":[{"__symbolic":"method"}],"initValidators":[{"__symbolic":"method"}],"isDisabledMonth":[{"__symbolic":"method"}],"monthClicked":[{"__symbolic":"method"}],"getNavLabel":[{"__symbolic":"method"}],"onLeftNav":[{"__symbolic":"method"}],"onRightNav":[{"__symbolic":"method"}],"shouldShowLeftNav":[{"__symbolic":"method"}],"shouldShowRightNav":[{"__symbolic":"method"}],"isNavHeaderBtnClickable":[{"__symbolic":"method"}],"toggleCalendar":[{"__symbolic":"method"}],"getMonthBtnText":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "ng2-jalali-date-picker",
   "author": "Mojtaba Zarei",
-  "version": "1.3.10",
+  "version": "1.4.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

273346

increased by0.4%

Worsened metrics

Number of low supply chain risk alerts

6

increased by50%

No dependency changes