npm - @wavemaker/app-ng-runtime - Versions diffs - 11.3.3-next.25051 → 11.3.3-next.25052 - Mend

@wavemaker/app-ng-runtime 11.3.3-next.25051 → 11.3.3-next.25052

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

app-ng-runtime/components/input/epoch/index.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"EpochModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerModule","line":29,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerModule","line":32,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":33,"character":8}],"declarations":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵh"}],"entryComponents":[]}]}],"members":{}},"DateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"[wmDate]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":25,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":26,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":27,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"}]}],"template":" <input class=\"form-control app-textbox app-dateinput display-input\"\n focus-target\n type=\"text\"\n [name]=\"name\"\n [tabindex]=\"tabindex\"\n [value]=\"displayValue\"\n (click)=\"toggleDpDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n [disabled]=\"disabled \|\| readonly\"\n [autofocus]=\"autofocus\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n (change)=\"onDisplayDateChange($event)\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event);\">\n\n <span class=\"input-group-btn\">\n <button type=\"button\"\n class=\"btn btn-default btn-time\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\"\n [attr.aria-label]=\"displayValue ? 'Change Date ' + displayValue : 'Choose date by pressing enter'\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleDpDropdown($event, false)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-calendar\"></i>\n </button>\n </span>\n <div style=\"width: 0;display: inline-block;\">\n <input class=\"model-holder\"\n aria-label=\"datepicker dropdownmenu\"\n aria-controls=\"date\"\n [container]=\"containerTarget \|\| 'body'\"\n [bsConfig]=\"_dateOptions\"\n [isOpen]=\"isOpen\"\n #datepicker=\"bsDatepicker\"\n bsDatepicker\n [daysDisabled]=\"excludedDaysToDisable\"\n [datesDisabled]=\"excludedDatesToDisable\"\n placement=\"bottom right\"\n [isDisabled]=\"disabled \|\| readonly\"\n [bsValue]=\"bsDataValue\"\n (onShown)=\"onDatePickerOpen()\"\n (onHidden)=\"hideDatepickerDropdown()\"\n (bsValueChange)=\"onDateChange($event)\">\n</div>\n\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n mode=\"DATE\"\n [config]=\"_dateOptions\"\n [placement]=\"modal\"\n [excludedDaysToDisable]=\"excludedDaysToDisable\"\n [excludedDatesToDisable]=\"excludedDatesToDisable\"\n [displayFormat]=\"dateInputFormat\"\n [value]=\"bsDataValue\"\n (change)=\"onDateChange($event)\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event);\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentDate) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"bsDatePickerDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerDirective","line":83,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":90,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":87,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":89,"character":29},null]}],"onDisplayDateChange":[{"__symbolic":"method"}],"setDataValue":[{"__symbolic":"method"}],"onDatePickerOpen":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"hideDatepickerDropdown":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"toggleDpDropdown":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"DatetimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"[wmDateTime]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":24,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":25,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":25,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"}]},{"provide":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":27,"character":19},"deps":[{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":27,"character":45}],"useFactory":{"__symbolic":"reference","name":"ɵa"}}],"template":" <div dropdown\n [isOpen]=\"isTimeOpen\"\n autoClose=\"false\"\n [container]=\"'body'\"\n (onShown)=\"onTimepickerOpen()\"\n style=\"display: inherit;\">\n <input class=\"form-control app-textbox display-input\"\n [attr.aria-label]=\"hint\"\n focus-target\n [name]=\"name\"\n [tabindex]=\"tabindex\"\n type=\"text\"\n [value]=\"displayValue\"\n (click)=\"toggleDpDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n (change)=\"onDateChange($event)\"\n [autofocus]=\"autofocus\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event)\">\n\n <span class=\"input-group-btn\">\n <button type=\"button\"\n class=\"btn btn-default btn-date\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [attr.aria-label]=\"displayValue ? 'Change Date ' + displayValue : 'Choose date by pressing enter'\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleDpDropdown($event, false)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-calendar\"></i>\n </button>\n <button type=\"button\"\n class=\"btn btn-default btn-time\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n aria-label=\"Select time\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleTimePicker(!isTimeOpen, $event)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-time\"></i>\n </button>\n </span>\n <div style=\"width: 0;display: inline-block;\">\n <input class=\"model-holder\"\n aria-label=\"datepicker dropdownmenu\"\n aria-controls=\"date\"\n focus-target\n [container]=\"containerTarget \|\| 'body'\"\n [bsConfig]=\"_dateOptions\"\n [isOpen]=\"isDateOpen\"\n placement=\"bottom right\"\n (onShown)=\"onDatePickerOpen()\"\n (onHidden)=\"hideDatepickerDropdown()\"\n [daysDisabled]=\"excludedDaysToDisable\"\n [datesDisabled]=\"excludedDatesToDisable\"\n #datepicker=bsDatepicker\n bsDatepicker\n [isDisabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [bsValue]=\"bsDateValue\"\n (bsValueChange)=\"onModelUpdate($event, 'date')\">\n </div>\n <div dropdownMenu\n class=\"dropdown-menu\"\n aria-label=\"timepicker dropdown\"\n aria-controls=\"time\"\n (click)=\"preventTpClose($event)\">\n <timepicker class=\"model-holder\"\n [showMeridian]=\"ismeridian\"\n [readonlyInput]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [(ngModel)]=\"bsTimeValue\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n [hourStep]=\"hourstep\"\n [minuteStep]=\"minutestep\"\n [secondsStep]=\"secondsstep\"\n [mousewheel]=\"true\"\n [arrowkeys]=\"true\"\n (isValid)=\"isValid($event)\"\n [showSeconds]=\"showseconds\"\n (ngModelChange)=\"onModelUpdate($event, 'time')\"></timepicker>\n </div>\n </div>\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n [config]=\"_dateOptions\"\n [placement]=\"modal\"\n [excludedDaysToDisable]=\"excludedDaysToDisable\"\n [excludedDatesToDisable]=\"excludedDatesToDisable\"\n [displayFormat]=\"dateInputFormat\"\n [value]=\"bsDateValue\"\n (change)=\"onModelUpdate($event, 'date')\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event)\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentDate) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"bsDatePickerDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerDirective","line":69,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":126,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":121,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":122,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":123,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":124,"character":29},{"__symbolic":"reference","module":"@wm/core","name":"App","line":125,"character":13},null]}],"setTimeInterval":[{"__symbolic":"method"}],"clearTimeInterval":[{"__symbolic":"method"}],"toggleTimePicker":[{"__symbolic":"method"}],"addTimepickerClickListener":[{"__symbolic":"method"}],"setIsTimeOpen":[{"__symbolic":"method"}],"hideTimepickerDropdown":[{"__symbolic":"method"}],"onTimepickerOpen":[{"__symbolic":"method"}],"onDatePickerOpen":[{"__symbolic":"method"}],"onModelUpdate":[{"__symbolic":"method"}],"getTimePattern":[{"__symbolic":"method"}],"updateTimepickerFields":[{"__symbolic":"method"}],"preventTpClose":[{"__symbolic":"method"}],"toggleDpDropdown":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"hideDatepickerDropdown":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵf"}}}},"TimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"[wmTime]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":34,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":34,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":35,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":35,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":36,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"}]},{"provide":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":37,"character":19},"deps":[{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":37,"character":45}],"useFactory":{"__symbolic":"reference","name":"ɵa"}}],"template":" <div dropdown [isOpen]=\"status.isopen\" (onShown)=\"onShown()\" (onHidden)=\"hideTimepickerDropdown()\" [container]=\"'body'\" style=\"display: inherit\">\n <input class=\"form-control app-textbox display-input\" [attr.aria-label]=\"hint\"\n focus-target\n [tabindex]=\"tabindex\"\n [name]=\"name\"\n type=\"text\"\n role=\"timer\"\n [value]=\"displayValue\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\"\n [autofocus]=\"autofocus\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-atomic]=\"isCurrentTime ? 'true' : 'false'\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n (click)=\"toggleDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n (change)=\"onDisplayTimeChange($event)\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event)\">\n <span class=\"input-group-btn dropdown-toggle\">\n <button type=\"button\" class=\"btn btn-default btn-date\" [tabindex]=\"tabindex\" [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\" aria-label=\"Select time\" aria-haspopup=\"true\" aria-expanded=\"false\" (click)=\"toggleDropdown($event, false)\"><i aria-hidden=\"true\" class=\"app-icon wm-sl-l sl-time\"></i></button>\n </span>\n <div dropdownMenu class=\"dropdown-menu\" (click)=\"preventTpClose($event)\">\n <timepicker class=\"model-holder\"\n [showMeridian]=\"ismeridian\"\n [readonlyInput]=\"isDisabled\"\n [(ngModel)]=\"bsTimeValue\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n [hourStep]=\"hourstep\"\n [minuteStep]=\"minutestep\"\n [secondsStep]=\"secondsstep\"\n [mousewheel]=\"true\"\n [arrowkeys]=\"true\"\n (isValid)=\"isValid($event)\"\n [showSeconds]=\"showseconds\" (ngModelChange)=\"onTimeChange($event)\"></timepicker>\n </div>\n </div>\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n mode=\"TIME\"\n [minTime]=\"minTime\"\n [maxTime]=\"maxTime\"\n [placement]=\"modal\"\n [displayFormat]=\"timepattern\"\n [value]=\"bsTimeValue\"\n (change)=\"onTimeChange($event)\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event); assignModel()\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentTime) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":137,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":137,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":133,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":134,"character":24},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":135,"character":29},{"__symbolic":"reference","module":"@wm/core","name":"App","line":136,"character":13},null]}],"onPropertyChange":[{"__symbolic":"method"}],"setValidateType":[{"__symbolic":"method"}],"mintimeMaxtimeValidation":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"preventTpClose":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"onDisplayTimeChange":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onTimeChange":[{"__symbolic":"method"}],"setTimeInterval":[{"__symbolic":"method"}],"clearTimeInterval":[{"__symbolic":"method"}],"setIsTimeOpen":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"hideTimepickerDropdown":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"onShown":[{"__symbolic":"method"}],"assignModel":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵg"}}}},"ɵa":{"__symbolic":"function","parameters":["i18nService"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"assign"},"arguments":[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":39,"character":29}},{"meridians":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/common","name":"getLocaleDayPeriods","line":40,"character":19},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"i18nService"},"member":"getSelectedLocale"}},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/common","name":"FormStyle","line":40,"character":72},"member":"Format"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/common","name":"TranslationWidth","line":40,"character":90},"member":"Abbreviated"}]}}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/input","name":"BaseFormCustomComponent","line":45,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1}}],"members":{"bsDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":98,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownDirective","line":98,"character":15}]}]}],"bsTimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerComponent","line":99,"character":15}]}]}],"datetimepickerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":104,"character":21},null]}],"isDropDownDisplayEnabledOnInput":[{"__symbolic":"method"}],"isDataEntryModeEnabledOnInput":[{"__symbolic":"method"}],"showValidation":[{"__symbolic":"method"}],"resetDisplayInput":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"formatValidation":[{"__symbolic":"method"}],"minDateMaxDateValidationOnInput":[{"__symbolic":"method"}],"hightlightToday":[{"__symbolic":"method"}],"isOtheryear":[{"__symbolic":"method"}],"setActiveDateFocus":[{"__symbolic":"method"}],"goToOtherMonthOryear":[{"__symbolic":"method"}],"addDatepickerMouseEvents":[{"__symbolic":"method"}],"setFocusForMonthOrDay":[{"__symbolic":"method"}],"setFocusForCurrentMonthOryear":[{"__symbolic":"method"}],"setFocusForDate":[{"__symbolic":"method"}],"addDatepickerKeyboardEvents":[{"__symbolic":"method"}],"loadDays":[{"__symbolic":"method"}],"addKeyBoardEventsForDays":[{"__symbolic":"method"}],"focusBlurDatePickerHeadButtons":[{"__symbolic":"method"}],"loadMonths":[{"__symbolic":"method"}],"addKeyBoardEventsForMonths":[{"__symbolic":"method"}],"loadYears":[{"__symbolic":"method"}],"setActiveMonthFocus":[{"__symbolic":"method"}],"addKeyBoardEventsForYears":[{"__symbolic":"method"}],"setActiveYearFocus":[{"__symbolic":"method"}],"focusTimePickerPopover":[{"__symbolic":"method"}],"bindTimePickerKeyboardEvents":[{"__symbolic":"method"}],"focusOnInputEl":[{"__symbolic":"method"}],"isValidDate":[{"__symbolic":"method"}],"timeFormatValidation":[{"__symbolic":"method"}],"updateTimeValue":[{"__symbolic":"method"}],"addEventsOnTimePicker":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"getMobileInput":[{"__symbolic":"method"}],"onDateTimeInputBlur":[{"__symbolic":"method"}],"onDateTimeInputFocus":[{"__symbolic":"method"}],"getCordovaPluginDatePickerApi":[{"__symbolic":"method"}],"showDatePickerModal":[{"__symbolic":"method"}],"blurDateInput":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}],"setTimezone":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"wm-datetimepicker","template":" \n <ng-template #datetimepickerTemplate>\n <div class=\"app-datetime-picker\">\n <div class=\"modal-body\">\n <div class=\"mobile-datetime-picker-options\">\n \n </div>\n <bs-datepicker-inline\n [bsConfig]=\"bsDatepickerConfig\"\n [datesDisabled]=\"excludedDatesToDisable\"\n bsDatepicker\n [bsValue]=\"changedValue\"\n (bsValueChange)=\"onDateUpdate($event)\"\n ngIf=\"mode === 'DATE_TIME' \|\| mode === 'DATE'\">\n </bs-datepicker-inline>\n <wm-timepicker\n [value]=\"changedValue\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n (change)=\"onTimeUpdate($event)\"\n ngIf=\"mode === 'DATE_TIME' \|\| mode === 'TIME'\"></wm-timepicker>\n <span class=\"text-primary date-picker-value\">\n {{getDateLabel()}}\n </span>\n </div>\n <div class=\"modal-footer\">\n <button\n class=\"btn btn-secondary clear-btn\"\n (click)=\"clear()\">{{appLocale.MESSAGE_DATE_PICKER_CLEAR \|\| \"Clear\" }}</button>\n <button\n class=\"btn btn-primary pull-right ok-btn\"\n (click)=\"onOkClick()\">{{appLocale.MESSAGE_DATE_PICKER_OK \|\| \"Ok\" }}</button>\n <button\n class=\"btn btn-secondary pull-right cancel-btn\"\n (click)=\"hideModal()\">{{appLocale.MESSAGE_DATE_PICKER_CANCEL \|\| \"Cancel\" }}</button>\n \n </div>\n </div>\n </ng-template>\n "}]}],"members":{"datetimepickerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":5},"arguments":["datetimepickerTemplate",{"static":true}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"_bsDatepickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5},"arguments":["config"]}]}],"minTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"maxTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"_displayFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":5}}]}],"excludedDatesToDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":92,"character":32}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"bsDatepickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5},"arguments":["config"]}]}],"excludedDaysToDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"displayFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"validateSelectedDate":[{"__symbolic":"method"}],"hightlightToday":[{"__symbolic":"method"}],"hideOnClick":[{"__symbolic":"method"}],"getDateLabel":[{"__symbolic":"method"}],"openDatePicker":[{"__symbolic":"method"}],"openTimePicker":[{"__symbolic":"method"}],"onDateUpdate":[{"__symbolic":"method"}],"onTimeUpdate":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"hideModal":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":261,"character":1},"arguments":[{"selector":"wm-timepicker","template":" \n <wm-pickergroup>\n <wm-picker \n [options]=\"options.hour\"\n [selectedValue]=\"hour\"\n (change)=\"set($event, 'HOUR')\"></wm-picker>\n <span class=\"app-time-separator\">:</span>\n <wm-picker \n [options]=\"options.minute\"\n [selectedValue]=\"minute\"\n (change)=\"set($event, 'MINUTE')\"></wm-picker>\n <span class=\"app-time-separator\">:</span>\n <wm-picker \n [options]=\"options.minute\"\n [selectedValue]=\"second\"\n (change)=\"set($event, 'SECOND')\"></wm-picker>\n </wm-pickergroup>\n "}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":291,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":294,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":297,"character":5}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":300,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":23}]}],"populateNumbers":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"onDateUpdate":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":40,"character":29,"module":"./date/date.props"},"ɵf":{"__symbolic":"error","message":"Lambda not supported","line":44,"character":29,"module":"./date-time/date-time.props"},"ɵg":{"__symbolic":"error","message":"Lambda not supported","line":33,"character":29,"module":"./time/time.props"},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wm-pickergroup","template":"\n <div class=\"app-picker-group\">\n <ng-content></ng-content>\n </div>\n "}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"wm-picker","template":"\n <div class=\"app-picker\">\n <div class=\"app-picker-option-container\">\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div *ngFor=\"let option of options; index as i;\" class=\"app-picker-option\">\n {{option.label}}\n </div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n </div>\n <div class=\"app-picker-ruler\"></div>\n </div>\n "}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":52,"character":31}]}],"selectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"reRender":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"EpochModule":"./epoch.module","DateComponent":"./date/date.component","DatetimeComponent":"./date-time/date-time.component","TimeComponent":"./time/time.component","ɵa":"./base-date-time.component","ɵb":"./base-date-time.component","ɵc":"./date-time/date-time-picker.component","ɵd":"./date-time/date-time-picker.component","ɵe":"./date/date.props","ɵf":"./date-time/date-time.props","ɵg":"./time/time.props","ɵh":"./picker/picker.component","ɵi":"./picker/picker.component"},"importAs":"@wm/components/input/epoch"}
1	+ {"__symbolic":"module","version":4,"metadata":{"EpochModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerModule","line":29,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":30,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":31,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerModule","line":32,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":33,"character":8}],"declarations":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵh"}],"exports":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵh"}],"entryComponents":[]}]}],"members":{}},"DateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"[wmDate]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":25,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":25,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":26,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":27,"character":8},"arguments":[{"__symbolic":"reference","name":"DateComponent"}]}],"template":" <input class=\"form-control app-textbox app-dateinput display-input\"\n focus-target\n type=\"text\"\n [name]=\"name\"\n [tabindex]=\"tabindex\"\n [value]=\"displayValue\"\n (click)=\"toggleDpDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n [disabled]=\"disabled \|\| readonly\"\n [autofocus]=\"autofocus\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"hint\"\n (change)=\"onDisplayDateChange($event)\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event);\">\n\n <span class=\"input-group-btn\">\n <button type=\"button\"\n class=\"btn btn-default btn-time\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly\"\n [attr.aria-label]=\"displayValue ? 'Change Date ' + displayValue : 'Choose date by pressing enter'\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleDpDropdown($event, false)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-calendar\"></i>\n </button>\n </span>\n <div style=\"width: 0;display: inline-block;\">\n <input class=\"model-holder\"\n aria-label=\"datepicker dropdownmenu\"\n aria-controls=\"date\"\n [container]=\"containerTarget \|\| 'body'\"\n [bsConfig]=\"_dateOptions\"\n [isOpen]=\"isOpen\"\n #datepicker=\"bsDatepicker\"\n bsDatepicker\n [daysDisabled]=\"excludedDaysToDisable\"\n [datesDisabled]=\"excludedDatesToDisable\"\n placement=\"bottom right\"\n [isDisabled]=\"disabled \|\| readonly\"\n [bsValue]=\"bsDataValue\"\n (onShown)=\"onDatePickerOpen()\"\n (onHidden)=\"hideDatepickerDropdown()\"\n (bsValueChange)=\"onDateChange($event)\">\n</div>\n\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n mode=\"DATE\"\n [config]=\"_dateOptions\"\n [placement]=\"modal\"\n [excludedDaysToDisable]=\"excludedDaysToDisable\"\n [excludedDatesToDisable]=\"excludedDatesToDisable\"\n [displayFormat]=\"dateInputFormat\"\n [value]=\"bsDataValue\"\n (change)=\"onDateChange($event)\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event);\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentDate) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"bsDatePickerDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerDirective","line":83,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":90,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":90,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":87,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":88,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":89,"character":29},null]}],"onDisplayDateChange":[{"__symbolic":"method"}],"setDataValue":[{"__symbolic":"method"}],"onDatePickerOpen":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"hideDatepickerDropdown":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"toggleDpDropdown":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"DatetimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"[wmDateTime]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":24,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":25,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":25,"character":37},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":26,"character":8},"arguments":[{"__symbolic":"reference","name":"DatetimeComponent"}]},{"provide":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":27,"character":19},"deps":[{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":27,"character":45}],"useFactory":{"__symbolic":"reference","name":"ɵa"}}],"template":" <div dropdown\n [isOpen]=\"isTimeOpen\"\n autoClose=\"false\"\n [container]=\"'body'\"\n (onShown)=\"onTimepickerOpen()\"\n style=\"display: inherit;\">\n <input class=\"form-control app-textbox display-input\"\n [attr.aria-label]=\"hint\"\n focus-target\n [name]=\"name\"\n [tabindex]=\"tabindex\"\n type=\"text\"\n [value]=\"displayValue\"\n (click)=\"toggleDpDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n (change)=\"onDateChange($event)\"\n [autofocus]=\"autofocus\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event)\">\n\n <span class=\"input-group-btn\">\n <button type=\"button\"\n class=\"btn btn-default btn-date\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [attr.aria-label]=\"displayValue ? 'Change Date ' + displayValue : 'Choose date by pressing enter'\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleDpDropdown($event, false)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-calendar\"></i>\n </button>\n <button type=\"button\"\n class=\"btn btn-default btn-time\"\n [tabindex]=\"tabindex\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n aria-label=\"Select time\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n (click)=\"toggleTimePicker(!isTimeOpen, $event)\">\n <i aria-hidden=\"true\"\n class=\"app-icon wm-sl-l sl-time\"></i>\n </button>\n </span>\n <div style=\"width: 0;display: inline-block;\">\n <input class=\"model-holder\"\n aria-label=\"datepicker dropdownmenu\"\n aria-controls=\"date\"\n focus-target\n [container]=\"containerTarget \|\| 'body'\"\n [bsConfig]=\"_dateOptions\"\n [isOpen]=\"isDateOpen\"\n placement=\"bottom right\"\n (onShown)=\"onDatePickerOpen()\"\n (onHidden)=\"hideDatepickerDropdown()\"\n [daysDisabled]=\"excludedDaysToDisable\"\n [datesDisabled]=\"excludedDatesToDisable\"\n #datepicker=bsDatepicker\n bsDatepicker\n [isDisabled]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [bsValue]=\"bsDateValue\"\n (bsValueChange)=\"onModelUpdate($event, 'date')\">\n </div>\n <div dropdownMenu\n class=\"dropdown-menu\"\n aria-label=\"timepicker dropdown\"\n aria-controls=\"time\"\n (click)=\"preventTpClose($event)\">\n <timepicker class=\"model-holder\"\n [showMeridian]=\"ismeridian\"\n [readonlyInput]=\"disabled \|\| readonly \|\| isCurrentDate\"\n [(ngModel)]=\"bsTimeValue\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n [hourStep]=\"hourstep\"\n [minuteStep]=\"minutestep\"\n [secondsStep]=\"secondsstep\"\n [mousewheel]=\"true\"\n [arrowkeys]=\"true\"\n (isValid)=\"isValid($event)\"\n [showSeconds]=\"showseconds\"\n (ngModelChange)=\"onModelUpdate($event, 'time')\"></timepicker>\n </div>\n </div>\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n [config]=\"_dateOptions\"\n [placement]=\"modal\"\n [excludedDaysToDisable]=\"excludedDaysToDisable\"\n [excludedDatesToDisable]=\"excludedDatesToDisable\"\n [displayFormat]=\"dateInputFormat\"\n [value]=\"bsDateValue\"\n (change)=\"onModelUpdate($event, 'date')\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event)\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentDate) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"bsDatePickerDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/datepicker","name":"BsDatepickerDirective","line":69,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":126,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":126,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":121,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":122,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":123,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":124,"character":29},{"__symbolic":"reference","module":"@wm/core","name":"App","line":125,"character":13},null]}],"setTimeInterval":[{"__symbolic":"method"}],"clearTimeInterval":[{"__symbolic":"method"}],"toggleTimePicker":[{"__symbolic":"method"}],"addTimepickerClickListener":[{"__symbolic":"method"}],"setIsTimeOpen":[{"__symbolic":"method"}],"hideTimepickerDropdown":[{"__symbolic":"method"}],"onTimepickerOpen":[{"__symbolic":"method"}],"onDatePickerOpen":[{"__symbolic":"method"}],"onModelUpdate":[{"__symbolic":"method"}],"getTimePattern":[{"__symbolic":"method"}],"updateTimepickerFields":[{"__symbolic":"method"}],"preventTpClose":[{"__symbolic":"method"}],"toggleDpDropdown":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"hideDatepickerDropdown":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵf"}}}},"TimeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"[wmTime]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":34,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":34,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":35,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":35,"character":33},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":36,"character":8},"arguments":[{"__symbolic":"reference","name":"TimeComponent"}]},{"provide":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":37,"character":19},"deps":[{"__symbolic":"reference","module":"@wm/core","name":"AbstractI18nService","line":37,"character":45}],"useFactory":{"__symbolic":"reference","name":"ɵa"}}],"template":" <div dropdown [isOpen]=\"status.isopen\" (onShown)=\"onShown()\" (onHidden)=\"hideTimepickerDropdown()\" [container]=\"'body'\" style=\"display: inherit\">\n <input class=\"form-control app-textbox display-input\" [attr.aria-label]=\"hint\"\n focus-target\n [tabindex]=\"tabindex\"\n [name]=\"name\"\n type=\"text\"\n role=\"timer\"\n [value]=\"displayValue\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\"\n [autofocus]=\"autofocus\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-atomic]=\"isCurrentTime ? 'true' : 'false'\"\n [required]=\"required\"\n [readOnly]=\"isReadOnly\"\n (click)=\"toggleDropdown($event, true)\"\n (focus)=\"onDateTimeInputFocus(); invokeOnFocus($event);\"\n (blur)=\"onInputBlur($event)\"\n (change)=\"onDisplayTimeChange($event)\"\n (keydown)=\"this._triggeredByUser = true; onDisplayKeydown($event)\">\n <span class=\"input-group-btn dropdown-toggle\">\n <button type=\"button\" class=\"btn btn-default btn-date\" [tabindex]=\"tabindex\" [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\" aria-label=\"Select time\" aria-haspopup=\"true\" aria-expanded=\"false\" (click)=\"toggleDropdown($event, false)\"><i aria-hidden=\"true\" class=\"app-icon wm-sl-l sl-time\"></i></button>\n </span>\n <div dropdownMenu class=\"dropdown-menu\" (click)=\"preventTpClose($event)\">\n <timepicker class=\"model-holder\"\n [showMeridian]=\"ismeridian\"\n [readonlyInput]=\"isDisabled\"\n [(ngModel)]=\"bsTimeValue\"\n [disabled]=\"disabled \|\| readonly \|\| isCurrentTime\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n [hourStep]=\"hourstep\"\n [minuteStep]=\"minutestep\"\n [secondsStep]=\"secondsstep\"\n [mousewheel]=\"true\"\n [arrowkeys]=\"true\"\n (isValid)=\"isValid($event)\"\n [showSeconds]=\"showseconds\" (ngModelChange)=\"onTimeChange($event)\"></timepicker>\n </div>\n </div>\n<ng-template [ngIf]=\"loadNativeDateInput\">\n <wm-datetimepicker\n dateTimePicker\n mode=\"TIME\"\n [minTime]=\"minTime\"\n [maxTime]=\"maxTime\"\n [placement]=\"modal\"\n [displayFormat]=\"timepattern\"\n [value]=\"bsTimeValue\"\n (change)=\"onTimeChange($event)\">\n </wm-datetimepicker>\n <div class=\"mobile-input mobile-datepicker-container\"\n tabindex=\"1000000\"\n (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event); assignModel()\"\n (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n (click)=\"!(disabled \|\| readonly \|\| isCurrentTime) && showDatePickerModal()\">\n </div>\n</ng-template>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":137,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"EVENT_MANAGER_PLUGINS","line":137,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":133,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":134,"character":24},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":135,"character":29},{"__symbolic":"reference","module":"@wm/core","name":"App","line":136,"character":13},null]}],"onPropertyChange":[{"__symbolic":"method"}],"setValidateType":[{"__symbolic":"method"}],"mintimeMaxtimeValidation":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"preventTpClose":[{"__symbolic":"method"}],"addBodyClickListener":[{"__symbolic":"method"}],"onDisplayKeydown":[{"__symbolic":"method"}],"onDisplayTimeChange":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onTimeChange":[{"__symbolic":"method"}],"setTimeInterval":[{"__symbolic":"method"}],"clearTimeInterval":[{"__symbolic":"method"}],"setIsTimeOpen":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"hideTimepickerDropdown":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}],"onShown":[{"__symbolic":"method"}],"assignModel":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵg"}}}},"ɵa":{"__symbolic":"function","parameters":["i18nService"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Object"},"member":"assign"},"arguments":[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerConfig","line":39,"character":29}},{"meridians":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/common","name":"getLocaleDayPeriods","line":40,"character":19},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"i18nService"},"member":"getSelectedLocale"}},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/common","name":"FormStyle","line":40,"character":72},"member":"Format"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/common","name":"TranslationWidth","line":40,"character":90},"member":"Abbreviated"}]}}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/input","name":"BaseFormCustomComponent","line":45,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1}}],"members":{"bsDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownDirective","line":101,"character":15}]}]}],"bsTimePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-bootstrap/timepicker","name":"TimepickerComponent","line":102,"character":15}]}]}],"datetimepickerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":107,"character":21},null]}],"isDropDownDisplayEnabledOnInput":[{"__symbolic":"method"}],"isDataEntryModeEnabledOnInput":[{"__symbolic":"method"}],"showValidation":[{"__symbolic":"method"}],"resetDisplayInput":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"formatValidation":[{"__symbolic":"method"}],"minDateMaxDateValidationOnInput":[{"__symbolic":"method"}],"hightlightToday":[{"__symbolic":"method"}],"isOtheryear":[{"__symbolic":"method"}],"setActiveDateFocus":[{"__symbolic":"method"}],"goToOtherMonthOryear":[{"__symbolic":"method"}],"getMonth":[{"__symbolic":"method"}],"addDatepickerMouseEvents":[{"__symbolic":"method"}],"setFocusForMonthOrDay":[{"__symbolic":"method"}],"setFocusForCurrentMonthOryear":[{"__symbolic":"method"}],"setFocusForDate":[{"__symbolic":"method"}],"addDatepickerKeyboardEvents":[{"__symbolic":"method"}],"loadDays":[{"__symbolic":"method"}],"addKeyBoardEventsForDays":[{"__symbolic":"method"}],"focusBlurDatePickerHeadButtons":[{"__symbolic":"method"}],"loadMonths":[{"__symbolic":"method"}],"addKeyBoardEventsForMonths":[{"__symbolic":"method"}],"loadYears":[{"__symbolic":"method"}],"setActiveMonthFocus":[{"__symbolic":"method"}],"addKeyBoardEventsForYears":[{"__symbolic":"method"}],"setActiveYearFocus":[{"__symbolic":"method"}],"focusTimePickerPopover":[{"__symbolic":"method"}],"bindTimePickerKeyboardEvents":[{"__symbolic":"method"}],"focusOnInputEl":[{"__symbolic":"method"}],"isValidDate":[{"__symbolic":"method"}],"timeFormatValidation":[{"__symbolic":"method"}],"updateTimeValue":[{"__symbolic":"method"}],"addEventsOnTimePicker":[{"__symbolic":"method"}],"updateFormat":[{"__symbolic":"method"}],"getMobileInput":[{"__symbolic":"method"}],"onDateTimeInputBlur":[{"__symbolic":"method"}],"onDateTimeInputFocus":[{"__symbolic":"method"}],"getCordovaPluginDatePickerApi":[{"__symbolic":"method"}],"showDatePickerModal":[{"__symbolic":"method"}],"blurDateInput":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}],"setTimezone":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"wm-datetimepicker","template":" \n <ng-template #datetimepickerTemplate>\n <div class=\"app-datetime-picker\">\n <div class=\"modal-body\">\n <div class=\"mobile-datetime-picker-options\">\n \n </div>\n <bs-datepicker-inline\n [bsConfig]=\"bsDatepickerConfig\"\n [datesDisabled]=\"excludedDatesToDisable\"\n bsDatepicker\n [bsValue]=\"changedValue\"\n (bsValueChange)=\"onDateUpdate($event)\"\n ngIf=\"mode === 'DATE_TIME' \|\| mode === 'DATE'\">\n </bs-datepicker-inline>\n <wm-timepicker\n [value]=\"changedValue\"\n [min]=\"minTime\"\n [max]=\"maxTime\"\n (change)=\"onTimeUpdate($event)\"\n ngIf=\"mode === 'DATE_TIME' \|\| mode === 'TIME'\"></wm-timepicker>\n <span class=\"text-primary date-picker-value\">\n {{getDateLabel()}}\n </span>\n </div>\n <div class=\"modal-footer\">\n <button\n class=\"btn btn-secondary clear-btn\"\n (click)=\"clear()\">{{appLocale.MESSAGE_DATE_PICKER_CLEAR \|\| \"Clear\" }}</button>\n <button\n class=\"btn btn-primary pull-right ok-btn\"\n (click)=\"onOkClick()\">{{appLocale.MESSAGE_DATE_PICKER_OK \|\| \"Ok\" }}</button>\n <button\n class=\"btn btn-secondary pull-right cancel-btn\"\n (click)=\"hideModal()\">{{appLocale.MESSAGE_DATE_PICKER_CANCEL \|\| \"Cancel\" }}</button>\n \n </div>\n </div>\n </ng-template>\n "}]}],"members":{"datetimepickerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":5},"arguments":["datetimepickerTemplate",{"static":true}]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"placement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"_bsDatepickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5},"arguments":["config"]}]}],"minTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}}]}],"maxTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"_displayFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":5}}]}],"excludedDatesToDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":23},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":92,"character":32}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}}]}],"bsDatepickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5},"arguments":["config"]}]}],"excludedDaysToDisable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"displayFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"validateSelectedDate":[{"__symbolic":"method"}],"hightlightToday":[{"__symbolic":"method"}],"hideOnClick":[{"__symbolic":"method"}],"getDateLabel":[{"__symbolic":"method"}],"openDatePicker":[{"__symbolic":"method"}],"openTimePicker":[{"__symbolic":"method"}],"onDateUpdate":[{"__symbolic":"method"}],"onTimeUpdate":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"hideModal":[{"__symbolic":"method"}],"onCancelClick":[{"__symbolic":"method"}],"onOkClick":[{"__symbolic":"method"}],"triggerChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":261,"character":1},"arguments":[{"selector":"wm-timepicker","template":" \n <wm-pickergroup>\n <wm-picker \n [options]=\"options.hour\"\n [selectedValue]=\"hour\"\n (change)=\"set($event, 'HOUR')\"></wm-picker>\n <span class=\"app-time-separator\">:</span>\n <wm-picker \n [options]=\"options.minute\"\n [selectedValue]=\"minute\"\n (change)=\"set($event, 'MINUTE')\"></wm-picker>\n <span class=\"app-time-separator\">:</span>\n <wm-picker \n [options]=\"options.minute\"\n [selectedValue]=\"second\"\n (change)=\"set($event, 'SECOND')\"></wm-picker>\n </wm-pickergroup>\n "}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":291,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":294,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":297,"character":5}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":300,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":23}]}],"populateNumbers":[{"__symbolic":"method"}],"set":[{"__symbolic":"method"}],"onDateUpdate":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":40,"character":29,"module":"./date/date.props"},"ɵf":{"__symbolic":"error","message":"Lambda not supported","line":44,"character":29,"module":"./date-time/date-time.props"},"ɵg":{"__symbolic":"error","message":"Lambda not supported","line":33,"character":29,"module":"./time/time.props"},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wm-pickergroup","template":"\n <div class=\"app-picker-group\">\n <ng-content></ng-content>\n </div>\n "}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"wm-picker","template":"\n <div class=\"app-picker\">\n <div class=\"app-picker-option-container\">\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div *ngFor=\"let option of options; index as i;\" class=\"app-picker-option\">\n {{option.label}}\n </div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n <div class=\"app-picker-option app-picker-empty-option\">E</div>\n </div>\n <div class=\"app-picker-ruler\"></div>\n </div>\n "}]}],"members":{"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":52,"character":31}]}],"selectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"reRender":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}},"origins":{"EpochModule":"./epoch.module","DateComponent":"./date/date.component","DatetimeComponent":"./date-time/date-time.component","TimeComponent":"./time/time.component","ɵa":"./base-date-time.component","ɵb":"./base-date-time.component","ɵc":"./date-time/date-time-picker.component","ɵd":"./date-time/date-time-picker.component","ɵe":"./date/date.props","ɵf":"./date-time/date-time.props","ɵg":"./time/time.props","ɵh":"./picker/picker.component","ɵi":"./picker/picker.component"},"importAs":"@wm/components/input/epoch"}

app-ng-runtime/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-ng-runtime",
-    "version": "11.3.3-next.25051",
+    "version": "11.3.3-next.25052",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-ng-runtime/scripts/datatable/datatable.js CHANGED Viewed

@@ -534,14 +534,13 @@ $.widget('wm.datatable', {
     /* Returns the tbody markup. */
     _getGridTemplate: function () {
-        var self = this, preparedData,$tbody, tbodyExists,pageStartIndex = self.getPageStartIndex(),
+        var self = this, preparedData,$tbody,pageStartIndex = self.getPageStartIndex(),
             startRowIndex = self.options.startRowIndex,
             isScrollorOnDemand = self.options.isNavTypeScrollOrOndemand();
             if(isScrollorOnDemand) {
                 $tbody = this.gridElement;
             } else {
-                tbodyExists = this.gridElement.find('tbody').length;
-                $tbody = tbodyExists > 0 ? this.gridElement.find('tbody:first') : this.gridElement.empty();
+                $tbody = this.gridElement.empty();
             }
         if(isScrollorOnDemand) {
@@ -1422,6 +1421,9 @@ $.widget('wm.datatable', {
                 this.selectFirstRow(value);
                 break;
             case 'data':
+                if(!this.isResetSortIconsDone) {
+                    this.setSortIconDefault();
+                }
                 this.refreshGridData();
                 break;
             case 'dataStates':
@@ -2375,6 +2377,7 @@ $.widget('wm.datatable', {
     },
     //Method to remove sort icons from the column header cells
     resetSortIcons: function ($el) {
+        this.isResetSortIconsDone = true;
         var $sortContainer;
         //If sort icon is not passed, find out the sort icon from the active class
         if (!$el && this.gridHeaderElement) {
@@ -2384,9 +2387,25 @@ $.widget('wm.datatable', {
         }
         $el.removeClass('desc asc').removeClass(this.options.cssClassNames.descIcon).removeClass(this.options.cssClassNames.ascIcon);
     },
+    setSortIconDefault: function() {
+        const sortInfo = this.options.sortInfo,
+            $e = this.tableContainer,
+            $th = $e.find("[data-col-field='" + sortInfo.field + "']"),
+            $sortContainer = $th.find('.sort-buttons-container'),
+            $sortIcon = $sortContainer.find('i.sort-icon'),
+            direction = sortInfo.direction;
+        if (direction === 'asc') {
+            $sortIcon.addClass(direction + ' ' + this.options.cssClassNames.ascIcon);
+            $sortContainer.addClass('active');
+        } else if (direction === 'desc'){
+            $sortIcon.addClass(direction + ' ' + this.options.cssClassNames.descIcon);
+            $sortContainer.addClass('active');
+        }
+    },
     /* Handles table sorting. */
     sortHandler: function (e) {
-        e.stopImmediatePropagation();
+          e.stopImmediatePropagation();
         // If header span is clicked and column selection is enabled, call header click
         if ($(e.target).hasClass('header-data') && this.options.enableColumnSelection) {
             this.headerClickHandler(e);
@@ -2396,7 +2415,7 @@ $.widget('wm.datatable', {
             id = $th.attr('data-col-id'),
             $sortContainer = $th.find('.sort-buttons-container'),
             $sortIcon = $sortContainer.find('i.sort-icon'),
-            direction = $sortIcon.hasClass('asc') ? 'desc' : $sortIcon.hasClass('desc') ? '' : 'asc',
+            direction = $sortIcon.hasClass('asc') ? 'desc' : 'asc',
             sortInfo = this.options.sortInfo,
             $previousSortMarker = this.gridHeaderElement.find('.sort-buttons-container.active'),
             field = $th.attr('data-col-field'),
@@ -2999,6 +3018,9 @@ $.widget('wm.datatable', {
                 }
             });
         }
+        if(!this.isResetSortIconsDone) {
+            this.setSortIconDefault();
+        }
     },
     addOrRemoveScroll: function () {
         var gridContent = this.gridContainer.find('tbody'),