npm - @wavemaker/app-ng-runtime - Versions diffs - 11.4.0-next.28151 → 11.4.0-next.28701 - Mend

@wavemaker/app-ng-runtime 11.4.0-next.28151 → 11.4.0-next.28701

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 (77) 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":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"}
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"}],"setNextData":[{"__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/components/navigation/menu/bundles/index.umd.js CHANGED Viewed

@@ -536,9 +536,10 @@
     var WIDGET_CONFIG$1 = { widgetType: 'wm-menu', hostClass: 'dropdown app-menu' };
     var MenuComponent = /** @class */ (function (_super) {
         __extends(MenuComponent, _super);
-        function MenuComponent(inj, route, userDefinedExecutionContext, bsDropdown, parentNav, selectEventCB) {
+        function MenuComponent(inj, route, app, userDefinedExecutionContext, bsDropdown, parentNav, selectEventCB) {
             var _this = _super.call(this, inj, WIDGET_CONFIG$1) || this;
             _this.route = route;
+            _this.app = app;
             _this.userDefinedExecutionContext = userDefinedExecutionContext;
             _this.bsDropdown = bsDropdown;
             _this.parentNav = parentNav;
@@ -554,6 +555,9 @@
             // For selecting the item on load
             var datasetSubscription = _this.nodes$.subscribe(function () {
                 if (!_.isEmpty(_this.nodes)) {
+                    if (base.hasLinkToCurrentPage(_this.nodes, _this.route.url)) {
+                        core.addClass(_this.nativeElement.querySelector('.dropdown-toggle'), 'active');
+                    }
                     // If menu widget is inside nav widget then dont check for item isactive property because these will be handled form nav widget.
                     if (_this.parentNav) {
                         return;
@@ -630,31 +634,21 @@
             }
             $event.preventDefault();
         };
-        /**
-         * returns true if the menu has link to the current page.
-         * @param nodes
-         */
-        MenuComponent.prototype.hasLinkToCurrentPage = function (nodes) {
-            var _this = this;
-            return nodes.some(function (node) {
-                if (base.isActiveNavItem(node.link, _this.route.url)) {
-                    return true;
-                }
-                if (node.children) {
-                    return _this.hasLinkToCurrentPage(node.children);
-                }
-            });
-        };
         MenuComponent.prototype.resetNodes = function () {
             _super.prototype.resetNodes.call(this);
             // open the menu if any of its menu items has link to current page and if autoopen value is 'active page'
-            if ((this.autoopen === AUTO_OPEN.ACTIVE_PAGE && this.hasLinkToCurrentPage(this.nodes)) || this.autoopen === AUTO_OPEN.ALWAYS) {
+            if ((this.autoopen === AUTO_OPEN.ACTIVE_PAGE && base.hasLinkToCurrentPage(this.nodes, this.route.url)) || this.autoopen === AUTO_OPEN.ALWAYS) {
                 this.bsDropdown.show();
             }
         };
         MenuComponent.prototype.ngOnInit = function () {
+            var _this = this;
             _super.prototype.ngOnInit.call(this);
             this.setMenuPosition();
+            var cancelSubscription = this.app.subscribe("highlightActiveLink", function (data) {
+                core.toggleClass(_this.nativeElement.querySelector('.dropdown-toggle'), 'active', base.hasLinkToCurrentPage(_this.nodes, _this.route.url));
+            });
+            this.registerDestroyListener(function () { return cancelSubscription(); });
         };
         MenuComponent.prototype.onPropertyChange = function (key, nv, ov) {
             if (key === 'tabindex') {
@@ -718,6 +712,7 @@
     MenuComponent.ctorParameters = function () { return [
         { type: core$1.Injector },
         { type: router.Router },
+        { type: core.App },
         { type: core.UserDefinedExecutionContext },
         { type: dropdown.BsDropdownDirective, decorators: [{ type: core$1.Self }, { type: core$1.Optional }] },
         { type: NavComponent, decorators: [{ type: core$1.Optional }] },
@@ -793,8 +788,9 @@
         VERTICAL: 'vertical'
     };
     var MenuDropdownItemComponent = /** @class */ (function () {
-        function MenuDropdownItemComponent(menuRef, userDefinedExecutionContext, parentNav, elRef) {
+        function MenuDropdownItemComponent(app, menuRef, userDefinedExecutionContext, parentNav, elRef) {
             var _this = this;
+            this.app = app;
             this.menuRef = menuRef;
             this.userDefinedExecutionContext = userDefinedExecutionContext;
             this.parentNav = parentNav;
@@ -819,12 +815,16 @@
             this.menualign = menuAlignClass[this.menuRef.menualign] || menuAlignClass['pull-left'];
         }
         MenuDropdownItemComponent.prototype.ngOnInit = function () {
+            var _this = this;
             // add active class to the item only if it is in nav component.
             if (this.parentNav) {
-                if (base.isActiveNavItem(this.item.link, this.menuRef.route.url)) {
+                if (base.hasLinkToCurrentPage([this.item], this.menuRef.route.url)) {
                     // add active class to the li, if the menu item's link is same as the current page name.
                     core.addClass(this.nativeElement, 'active');
                 }
+                this.highlightActiveLinkSubscription = this.app.subscribe("highlightActiveLink", function (data) {
+                    core.toggleClass(_this.nativeElement, 'active', base.hasLinkToCurrentPage([_this.item], _this.menuRef.route.url));
+                });
             }
         };
         MenuDropdownItemComponent.prototype.getInitialKeyMovements = function () {
@@ -916,6 +916,11 @@
                 $event.stopPropagation();
             }
         };
+        MenuDropdownItemComponent.prototype.ngOnDestroy = function () {
+            if (this.highlightActiveLinkSubscription) {
+                this.highlightActiveLinkSubscription();
+            }
+        };
         return MenuDropdownItemComponent;
     }());
     MenuDropdownItemComponent.decorators = [
@@ -925,6 +930,7 @@
                 },] }
     ];
     MenuDropdownItemComponent.ctorParameters = function () { return [
+        { type: core.App },
         { type: MenuComponent },
         { type: core.UserDefinedExecutionContext },
         { type: NavComponent, decorators: [{ type: core$1.Optional }] },