@wavemaker/app-ng-runtime 11.4.0-next.24593 → 11.4.0-next.24654

app-ng-runtime/components/dialogs/default/fesm2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/dialogs/default/src/dialog-body/dialog-body.directive.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-footer/dialog-footer.props.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-footer/dialog-footer.directive.ts","../../../../../projects/components/widgets/dialogs/default/src/base-dialog.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-header/dialog-header.component.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog.module.ts","../../../../../projects/components/widgets/dialogs/default/src/index.ts"],"sourcesContent":["import { Directive, ElementRef, HostBinding, Inject, Renderer2 } from '@angular/core';\n\nimport { BsModalService } from 'ngx-bootstrap/modal';\n\nimport { addClass, setAttr, setCSS } from '@wm/core';\n\nimport { DialogRef } from '@wm/components/base';\n\ndeclare const $;\n\nconst DEFAULT_CLS = 'app-dialog-body modal-body';\n\n@Directive({\n    selector: 'div[wmDialogBody]',\n})\nexport class DialogBodyDirective {\n    @HostBinding('style.height') height;\n    constructor(\n        elRef: ElementRef,\n        @Inject(DialogRef) private dialogRef,\n        bsModal: BsModalService,\n         private renderer: Renderer2\n    ) {\n        addClass(elRef.nativeElement, DEFAULT_CLS);\n\n        const subscription = bsModal.onShown.subscribe(() => {\n            const dialogRoot = $(elRef.nativeElement).closest('.app-dialog')[0];\n            let dialogRootContainer = $('body.wm-app')[0];\n            // To identify the microfrontend, if body tag doesn't have wm-app class then app loading as micro-frontend\n            if(!dialogRootContainer) {\n                const dialogBackrop = $('body > .modal-backdrop')[0];\n                const parentContainer = $('body > modal-container')[0];\n                dialogRootContainer = $('.wm-app')[0];\n                if(dialogRootContainer  && parentContainer ){\n                    if(dialogBackrop){\n                        this.renderer.appendChild(dialogRootContainer, dialogBackrop);\n                    }\n                    this.renderer.appendChild(dialogRootContainer, parentContainer);\n             \n               }\n            }\n            const width = this.dialogRef.width;\n            const height = this.dialogRef.height;\n            if(height){\n               setTimeout(e=>{\n                    setCSS($(elRef.nativeElement)[0], 'height', height);\n                });\n            }      \n            if (dialogRoot) {\n                if (width) {\n                    setCSS(dialogRoot, 'width', width);\n                }\n                setAttr(dialogRoot, 'tabindex', this.dialogRef.tabindex);\n                setAttr(dialogRoot, 'name', this.dialogRef.name);\n\n            }\n            subscription.unsubscribe();\n        });\n    }\n}\n","import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-dialogfooter',\n        new Map([\n            ['class', PROP_STRING],\n            ['name', PROP_STRING],\n            ['show', {value: true, ...PROP_BOOLEAN}]\n        ])\n    );\n};\n","import { Directive, Injector } from '@angular/core';\n\nimport { BaseComponent, IWidgetConfig, provideAsWidgetRef } from '@wm/components/base';\nimport { registerProps } from './dialog-footer.props';\n\nconst WIDGET_INFO: IWidgetConfig = {\n    widgetType: 'wm-dialogfooter',\n    hostClass: 'app-dialog-footer modal-footer'\n};\n\n@Directive({\n    selector: 'div[wmDialogFooter]',\n    providers: [\n        provideAsWidgetRef(DialogFooterDirective)\n    ]\n})\nexport class DialogFooterDirective extends BaseComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector) {\n        super(inj, WIDGET_INFO);\n    }\n}\n","import { Injector, OnDestroy, TemplateRef, Injectable } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { BsModalRef, BsModalService, ModalOptions } from 'ngx-bootstrap/modal';\n\nimport { Subscription } from 'rxjs';\n\nimport {AbstractDialogService, closePopover, findRootContainer, generateGUId, isMobile, isMobileApp} from '@wm/core';\n\nimport { BaseComponent, IDialog, IWidgetConfig } from '@wm/components/base';\nimport { createFocusTrap } from '@wavemaker/focus-trap/dist/focus-trap';\n\ndeclare const _;\n\nlet eventsRegistered = false;\n\nlet focusTrapObj = {\n    activeElement: null\n};\n\nconst invokeOpenedCallback = (ref) => {\n    if (ref) {\n        setTimeout(() => {\n            const root = findRootContainer(ref.$element);\n            // if page styles have to be applied to dialog then dialog has to be child of page element.\n            if (root) {\n                $('body > modal-container > div').wrap('<' + root + '/>');\n            }\n            ref.invokeEventCallback('opened', {$event: {type: 'opened'}});\n            // focusTrapObj will create focus trap for the respective dialog according to the titleId assigned to them which is unique.\n            const container = $('[aria-labelledby= ' + ref.titleId + ']')[0];\n\n            const keyboardFocusableElements = [container.querySelectorAll(\n                'a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]:not([tabindex=\"-1\"])'\n              )].filter(el => {\n                return (\n                  !el[0].hasAttribute('disabled') && !el[0].hasAttribute('hidden'))\n              })[0];\n\n            $(keyboardFocusableElements[0]).focus();\n\n            focusTrapObj[ref.titleId] = createFocusTrap(container, {\n                onActivate: () => container.classList.add('is-active'),\n                onDeactivate: () => container.classList.remove('is-active'),\n                allowOutsideClick: true,\n                setReturnFocus: focusTrapObj.activeElement,\n            });\n            focusTrapObj[ref.titleId].activate();\n        });\n    }\n};\n\nconst invokeClosedCallback = (ref) => {\n    if (ref) {\n        ref.invokeEventCallback('close');\n        ref.dialogRef = undefined;\n    }\n};\n\n@Injectable()\nexport abstract class BaseDialog extends BaseComponent implements IDialog, OnDestroy {\n\n    public name: string;\n\n    private readonly dialogService: AbstractDialogService;\n    private readonly bsModal: BsModalService;\n\n    private dialogRef: BsModalRef;\n    private dialogId: number;\n    public titleId:string = 'wmdialog-' + generateGUId();\n\n    protected constructor(\n        inj: Injector,\n        widgetConfig: IWidgetConfig,\n        protected modalOptions: ModalOptions\n    ) {\n        super(inj, widgetConfig);\n        this.dialogService = inj.get(AbstractDialogService);\n        this.bsModal = inj.get(BsModalService);\n        const router = inj.get(Router);\n\n        const subscriptions: Subscription[] = [\n            this.bsModal.onShown.subscribe(({id}) => {\n                const ref = this.dialogService.getLastOpenedDialog();\n                if (ref === this && !this.dialogId) {\n                    // Always get the reference of last pushed dialog in the array for calling onOpen callback\n                    invokeOpenedCallback(ref);\n                    this.dialogId = id;\n                }\n            }),\n            this.bsModal.onShow.subscribe(() => {\n                focusTrapObj.activeElement = document.activeElement;\n            }),\n            this.bsModal.onHidden.subscribe((closeReason) => {\n                let ref = this.dialogService.getDialogRefFromClosedDialogs();\n                if (this.dialogId && closeReason?.id === this.dialogId) {\n                    ref = this;\n                } else if (closeReason === 'esc' || closeReason === 'backdrop-click') {\n                    ref = this.dialogService.getLastOpenedDialog();\n                }\n                if (ref === this) {\n                    this.dialogId = null;\n                    // remove the dialog reference from opened dialogs and closed dialogs\n                    this.dialogService.removeFromOpenedDialogs(ref);\n                    this.dialogService.removeFromClosedDialogs(ref);\n                    invokeClosedCallback(ref);\n                    if (ref.closeCallBackFn) {\n                        ref.closeCallBackFn();\n                    }\n                }\n            }),\n            this.bsModal.onHide.subscribe(() => {\n                //  Will de-activate focus trap for the respective dialog when they are closed.\n                const ref = this.dialogService.getDialogRefFromClosedDialogs();\n                if (ref && focusTrapObj[ref.titleId] !== undefined) {\n                    focusTrapObj[ref.titleId].deactivate();\n                }\n            }),\n            router.events.subscribe(e => {\n                if (e instanceof NavigationEnd) {\n                    this.close();\n                }\n            })\n        ];\n        this.registerDestroyListener(() => {// remove the dialog reference from opened dialogs and closed dialogs\n            this.dialogService.removeFromOpenedDialogs(this);\n            this.dialogService.removeFromClosedDialogs(this);\n            subscriptions.forEach(s => s.unsubscribe());\n        });\n    }\n\n    /**\n     * Opens the dialog\n     * Subscribe to the onShown event emitter of bsModal and trigger on-opened event callback\n     */\n    public open(initState?: any) {\n\n        // remove the popovers in the page to avoid the overlap with dialog\n        // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)\n\n        // do not open the dialog again if it is already opened\n        const duplicateDialogCheck = (openedDialog) => {\n           return openedDialog === this;\n        };\n\n        if (this.dialogService.getOpenedDialogs().some(duplicateDialogCheck)) {\n            return;\n        }\n\n        this.dialogService.addToOpenedDialogs(this);\n\n        // extend the context with the initState\n        Object.assign(this.context, initState);\n        this.modalOptions.ariaLabelledBy = this.titleId;\n        this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);\n        // Fix for [WMS-23948]: Focus moving out of active Dialog widget\n        if (this.dialogService.getOpenedDialogs().length === 1 && (isMobile() || isMobileApp())) {\n            const parentSelector = $('body > app-root')[0];\n            parentSelector.setAttribute('aria-hidden', 'true');\n        }\n    }\n\n    /**\n     * closes the dialog\n     * invokes the on-close event callback\n     */\n    public close() {\n        // remove the popovers in the page to avoid the overlap with dialog\n        // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)\n        if (this.dialogRef) {\n            this.dialogService.addToClosedDialogs(this);\n            this.dialogRef.hide();\n        }\n    }\n\n    /**\n     * Register the dialog with the dialog service for programmatic access\n     */\n    protected register(scope) {\n        // add scope along with name in the dialogRefsCollection Map while registering dialog\n        // So that 2 dialogs having same name on different pages won't be overridden.\n        this.dialogService.register(this.name, this, scope);\n    }\n\n    /**\n     * De Register the dialog with the dialog service after dialog destruction\n     */\n    protected deRegister(scope) {\n        this.dialogService.deRegister(this.name, scope);\n    }\n\n    /**\n     * subclasses of BaseDialog must implement this method to return the proper template element ref\n     * bsModal will use this refence to open the dialog\n     * @returns {TemplateRef<any>}\n     */\n    protected abstract getTemplateRef(): TemplateRef<any>;\n\n    protected onPropertyChange(key: string, nv: any, ov?: any) {\n        // ignore the class attribute.\n        // Prevent the framework from setting the class on the host element.\n        if (key === 'class' || key === 'name' || key === 'tabindex') {\n            return;\n        } else if (key === 'animation') {\n            this.modalOptions.class = this.modalOptions.class.replace(' animated ' + ov, '');\n            if (nv) {\n                this.modalOptions.class = this.modalOptions.class + ' animated ' + nv;\n            }\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n\n    public ngOnDestroy() {\n        this.close();\n        this.deRegister(this.viewParent);\n        super.ngOnDestroy();\n    }\n}\n","import { Component, ElementRef, Inject, Input } from '@angular/core';\n\nimport { addClass, toBoolean } from '@wm/core';\n\nimport { DialogRef } from '@wm/components/base';\nimport { BaseDialog } from '../base-dialog';\n\nconst DEFAULT_CLS = 'app-dialog-header modal-header';\nconst DEFAULT_ICON_DIMENSIONS = '21px';\n\n@Component({\n    selector: 'div[wmDialogHeader]',\n    templateUrl: './dialog-header.component.html'\n})\nexport class DialogHeaderComponent {\n\n    @Input() public iconwidth = DEFAULT_ICON_DIMENSIONS;\n    @Input() public iconheight = DEFAULT_ICON_DIMENSIONS;\n    @Input() public iconmargin: string;\n    @Input() public iconclass: string;\n    @Input() public iconurl: string;\n    @Input() public closable = true;\n    @Input() public heading: string;\n    @Input() public subheading: string;\n    @Input() public titleid:string;\n\n    public get isClosable() {\n        return toBoolean(this.closable);\n    }\n\n    constructor(elRef: ElementRef, @Inject(DialogRef) private dialogRef: BaseDialog) {\n        addClass(elRef.nativeElement, DEFAULT_CLS);\n    }\n\n    public closeDialog() {\n        this.dialogRef.close();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ModalModule } from 'ngx-bootstrap/modal';\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { DialogBodyDirective } from './dialog-body/dialog-body.directive';\nimport { DialogFooterDirective } from './dialog-footer/dialog-footer.directive';\nimport { DialogHeaderComponent } from './dialog-header/dialog-header.component';\n\nconst components = [\n    DialogBodyDirective,\n    DialogFooterDirective,\n    DialogHeaderComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ModalModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class DialogModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵa} from './dialog-footer/dialog-footer.props';"],"names":["DEFAULT_CLS"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../projects/components/widgets/dialogs/default/src/dialog-body/dialog-body.directive.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-footer/dialog-footer.props.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-footer/dialog-footer.directive.ts","../../../../../projects/components/widgets/dialogs/default/src/base-dialog.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog-header/dialog-header.component.ts","../../../../../projects/components/widgets/dialogs/default/src/dialog.module.ts","../../../../../projects/components/widgets/dialogs/default/src/index.ts"],"sourcesContent":["import { Directive, ElementRef, HostBinding, Inject, Renderer2 } from '@angular/core';\n\nimport { BsModalService } from 'ngx-bootstrap/modal';\n\nimport { addClass, setAttr, setCSS } from '@wm/core';\n\nimport { DialogRef } from '@wm/components/base';\n\ndeclare const $;\n\nconst DEFAULT_CLS = 'app-dialog-body modal-body';\n\n@Directive({\n    selector: 'div[wmDialogBody]',\n})\nexport class DialogBodyDirective {\n    @HostBinding('style.height') height;\n    constructor(\n        elRef: ElementRef,\n        @Inject(DialogRef) private dialogRef,\n        bsModal: BsModalService,\n         private renderer: Renderer2\n    ) {\n        addClass(elRef.nativeElement, DEFAULT_CLS);\n\n        const subscription = bsModal.onShown.subscribe(() => {\n            const dialogRoot = $(elRef.nativeElement).closest('.app-dialog')[0];\n            let dialogRootContainer = $('body.wm-app')[0];\n            // To identify the microfrontend, if body tag doesn't have wm-app class then app loading as micro-frontend\n            if(!dialogRootContainer) {\n                const dialogBackrop = $('body > .modal-backdrop')[0];\n                const parentContainer = $('body > modal-container')[0];\n                dialogRootContainer = $('.wm-app')[0];\n                if(dialogRootContainer  && parentContainer ){\n                    if(dialogBackrop){\n                        this.renderer.appendChild(dialogRootContainer, dialogBackrop);\n                    }\n                    this.renderer.appendChild(dialogRootContainer, parentContainer);\n             \n               }\n            }\n            const width = this.dialogRef.width;\n            const height = this.dialogRef.height;\n            if(height){\n               setTimeout(e=>{\n                    setCSS($(elRef.nativeElement)[0], 'height', height);\n                });\n            }      \n            if (dialogRoot) {\n                if (width) {\n                    setCSS(dialogRoot, 'width', width);\n                }\n                setAttr(dialogRoot, 'tabindex', this.dialogRef.tabindex);\n                setAttr(dialogRoot, 'name', this.dialogRef.name);\n\n            }\n            subscription.unsubscribe();\n        });\n    }\n}\n","import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-dialogfooter',\n        new Map([\n            ['class', PROP_STRING],\n            ['name', PROP_STRING],\n            ['show', {value: true, ...PROP_BOOLEAN}]\n        ])\n    );\n};\n","import { Directive, Injector } from '@angular/core';\n\nimport { BaseComponent, IWidgetConfig, provideAsWidgetRef } from '@wm/components/base';\nimport { registerProps } from './dialog-footer.props';\n\nconst WIDGET_INFO: IWidgetConfig = {\n    widgetType: 'wm-dialogfooter',\n    hostClass: 'app-dialog-footer modal-footer'\n};\n\n@Directive({\n    selector: 'div[wmDialogFooter]',\n    providers: [\n        provideAsWidgetRef(DialogFooterDirective)\n    ]\n})\nexport class DialogFooterDirective extends BaseComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector) {\n        super(inj, WIDGET_INFO);\n    }\n}\n","import { Injector, OnDestroy, TemplateRef, Injectable } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { BsModalRef, BsModalService, ModalOptions } from 'ngx-bootstrap/modal';\n\nimport { Subscription } from 'rxjs';\n\nimport {AbstractDialogService, closePopover, findRootContainer, generateGUId, isMobile, isMobileApp} from '@wm/core';\n\nimport { BaseComponent, IDialog, IWidgetConfig } from '@wm/components/base';\nimport { createFocusTrap } from '@wavemaker/focus-trap/dist/focus-trap';\ndeclare const _;\n\nlet eventsRegistered = false;\n\nlet focusTrapObj = {\n    activeElement: null\n};\n\nconst invokeOpenedCallback = (ref) => {\n    if (ref) {\n        setTimeout(() => {\n            const root = findRootContainer(ref.$element);\n            // if page styles have to be applied to dialog then dialog has to be child of page element.\n            if (root) {\n                $('body > modal-container > div').wrap('<' + root + '/>');\n            }\n            ref.invokeEventCallback('opened', {$event: {type: 'opened'}});\n            // focusTrapObj will create focus trap for the respective dialog according to the titleId assigned to them which is unique.\n            const container = $('[aria-labelledby= ' + ref.titleId + ']')[0];\n\n            const keyboardFocusableElements = [container.querySelectorAll(\n                'a, button, input, textarea, select, details, iframe, embed, object, summary dialog, audio[controls], video[controls], [contenteditable], [tabindex]:not([tabindex=\"-1\"])'\n              )].filter(el => {\n                return (\n                  !el[0].hasAttribute('disabled') && !el[0].hasAttribute('hidden'))\n              })[0];\n\n            $(keyboardFocusableElements[0]).focus();\n\n            focusTrapObj[ref.titleId] = createFocusTrap(container, {\n                onActivate: () => container.classList.add('is-active'),\n                onDeactivate: () => container.classList.remove('is-active'),\n                allowOutsideClick: true,\n                setReturnFocus: focusTrapObj.activeElement,\n            });\n            focusTrapObj[ref.titleId].activate();\n        });\n    }\n};\n\nconst invokeClosedCallback = (ref) => {\n    if (ref) {\n        ref.invokeEventCallback('close');\n        ref.dialogRef = undefined;\n    }\n};\n\n@Injectable()\nexport abstract class BaseDialog extends BaseComponent implements IDialog, OnDestroy {\n\n    public name: string;\n\n    private readonly dialogService: AbstractDialogService;\n    private readonly bsModal: BsModalService;\n\n    private dialogRef: BsModalRef;\n    private dialogId: number;\n    public titleId:string = 'wmdialog-' + generateGUId();\n\n    protected constructor(\n        inj: Injector,\n        widgetConfig: IWidgetConfig,\n        protected modalOptions: ModalOptions\n    ) {\n        super(inj, widgetConfig);\n        this.dialogService = inj.get(AbstractDialogService);\n        this.bsModal = inj.get(BsModalService);\n        const router = inj.get(Router);\n\n        const subscriptions: Subscription[] = [\n            this.bsModal.onShown.subscribe(({id}) => {\n                const ref = this.dialogService.getLastOpenedDialog();\n                if (ref === this && !this.dialogId) {\n                    // Always get the reference of last pushed dialog in the array for calling onOpen callback\n                    invokeOpenedCallback(ref);\n                    this.dialogId = id;\n                }\n            }),\n            this.bsModal.onShow.subscribe(() => {\n                focusTrapObj.activeElement = document.activeElement;\n            }),\n            this.bsModal.onHidden.subscribe((closeReason) => {\n                let ref = this.dialogService.getDialogRefFromClosedDialogs();\n                if (this.dialogId && closeReason?.id === this.dialogId) {\n                    ref = this;\n                } else if (closeReason === 'esc' || closeReason === 'backdrop-click') {\n                    ref = this.dialogService.getLastOpenedDialog();\n                }\n                if (ref === this) {\n                    this.dialogId = null;\n                    // remove the dialog reference from opened dialogs and closed dialogs\n                    this.dialogService.removeFromOpenedDialogs(ref);\n                    this.dialogService.removeFromClosedDialogs(ref);\n                    invokeClosedCallback(ref);\n                    if (ref.closeCallBackFn) {\n                        ref.closeCallBackFn();\n                    }\n                }\n            }),\n            this.bsModal.onHide.subscribe(() => {\n                //  Will de-activate focus trap for the respective dialog when they are closed.\n                const ref = this.dialogService.getDialogRefFromClosedDialogs();\n                if (ref && focusTrapObj[ref.titleId] !== undefined) {\n                    focusTrapObj[ref.titleId].deactivate();\n                }\n            }),\n            router.events.subscribe(e => {\n                if (e instanceof NavigationEnd) {\n                    this.close();\n                }\n            })\n        ];\n        this.registerDestroyListener(() => {// remove the dialog reference from opened dialogs and closed dialogs\n            this.dialogService.removeFromOpenedDialogs(this);\n            this.dialogService.removeFromClosedDialogs(this);\n            subscriptions.forEach(s => s.unsubscribe());\n        });\n    }\n\n    /**\n     * Opens the dialog\n     * Subscribe to the onShown event emitter of bsModal and trigger on-opened event callback\n     */\n    public open(initState?: any) {\n\n        // remove the popovers in the page to avoid the overlap with dialog\n        // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)\n\n        // do not open the dialog again if it is already opened\n        const duplicateDialogCheck = (openedDialog) => {\n           return openedDialog === this;\n        };\n\n        if (this.dialogService.getOpenedDialogs().some(duplicateDialogCheck)) {\n            return;\n        }\n\n        this.dialogService.addToOpenedDialogs(this);\n\n        // extend the context with the initState\n        Object.assign(this.context, initState);\n        this.modalOptions.ariaLabelledBy = this.titleId;\n        this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);\n        // Fix for [WMS-23948]: Focus moving out of active Dialog widget\n        if (this.dialogService.getOpenedDialogs().length === 1 && (isMobile() || isMobileApp())) {\n            const parentSelector = $('body > app-root')[0];\n            parentSelector.setAttribute('aria-hidden', 'true');\n        }\n    }\n\n    /**\n     * closes the dialog\n     * invokes the on-close event callback\n     */\n    public close() {\n        // remove the popovers in the page to avoid the overlap with dialog\n        // closePopover(this.$element); Commenting this line because it is causing regression(if we have dialog inside popover as partail content, then the dialog close is not working because on closing the popover the partial get destroyed.)\n        if (this.dialogRef) {\n            this.dialogService.addToClosedDialogs(this);\n            this.dialogRef.hide();\n        }\n    }\n\n    /**\n     * Register the dialog with the dialog service for programmatic access\n     */\n    protected register(scope) {\n        // add scope along with name in the dialogRefsCollection Map while registering dialog\n        // So that 2 dialogs having same name on different pages won't be overridden.\n        this.dialogService.register(this.name, this, scope);\n    }\n\n    /**\n     * De Register the dialog with the dialog service after dialog destruction\n     */\n    protected deRegister(scope) {\n        this.dialogService.deRegister(this.name, scope);\n    }\n\n    /**\n     * subclasses of BaseDialog must implement this method to return the proper template element ref\n     * bsModal will use this refence to open the dialog\n     * @returns {TemplateRef<any>}\n     */\n    protected abstract getTemplateRef(): TemplateRef<any>;\n\n    protected onPropertyChange(key: string, nv: any, ov?: any) {\n        // ignore the class attribute.\n        // Prevent the framework from setting the class on the host element.\n        if (key === 'class' || key === 'name' || key === 'tabindex') {\n            return;\n        } else if (key === 'animation') {\n            this.modalOptions.class = this.modalOptions.class.replace(' animated ' + ov, '');\n            if (nv) {\n                this.modalOptions.class = this.modalOptions.class + ' animated ' + nv;\n            }\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n\n    public ngOnDestroy() {\n        this.close();\n        this.deRegister(this.viewParent);\n        super.ngOnDestroy();\n    }\n}\n","import { Component, ElementRef, Inject, Input } from '@angular/core';\n\nimport { addClass, toBoolean } from '@wm/core';\n\nimport { DialogRef } from '@wm/components/base';\nimport { BaseDialog } from '../base-dialog';\n\nconst DEFAULT_CLS = 'app-dialog-header modal-header';\nconst DEFAULT_ICON_DIMENSIONS = '21px';\n\n@Component({\n    selector: 'div[wmDialogHeader]',\n    templateUrl: './dialog-header.component.html'\n})\nexport class DialogHeaderComponent {\n\n    @Input() public iconwidth = DEFAULT_ICON_DIMENSIONS;\n    @Input() public iconheight = DEFAULT_ICON_DIMENSIONS;\n    @Input() public iconmargin: string;\n    @Input() public iconclass: string;\n    @Input() public iconurl: string;\n    @Input() public closable = true;\n    @Input() public heading: string;\n    @Input() public subheading: string;\n    @Input() public titleid:string;\n\n    public get isClosable() {\n        return toBoolean(this.closable);\n    }\n\n    constructor(elRef: ElementRef, @Inject(DialogRef) private dialogRef: BaseDialog) {\n        addClass(elRef.nativeElement, DEFAULT_CLS);\n    }\n\n    public closeDialog() {\n        this.dialogRef.close();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ModalModule } from 'ngx-bootstrap/modal';\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { DialogBodyDirective } from './dialog-body/dialog-body.directive';\nimport { DialogFooterDirective } from './dialog-footer/dialog-footer.directive';\nimport { DialogHeaderComponent } from './dialog-header/dialog-header.component';\n\nconst components = [\n    DialogBodyDirective,\n    DialogFooterDirective,\n    DialogHeaderComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ModalModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components],\n    entryComponents: []\n})\nexport class DialogModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {registerProps as ɵa} from './dialog-footer/dialog-footer.props';"],"names":["DEFAULT_CLS"],"mappings":"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"}

app-ng-runtime/components/dialogs/default/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"DialogBodyDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"div[wmDialogBody]"}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":19,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":15},null,{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":20,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":27}]}]}},"DialogFooterDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":16,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"div[wmDialogFooter]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":13,"character":8},"arguments":[{"__symbolic":"reference","name":"DialogFooterDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"DialogHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"div[wmDialogHeader]","template":"<button *ngIf=\"isClosable\" aria-label=\"Close\" class=\"app-dialog-close close\" (click)=\"closeDialog();\" title=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n<h4 class=\"app-dialog-title modal-title\">\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"  *ngIf=\"iconclass && !iconurl\"></i>\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n    <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n    <span class=\"dialog-sub-heading\" *ngIf=\"subheading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n</h4>\n"}]}],"members":{"iconwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"iconheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"iconmargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"iconurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"subheading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"titleid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":36},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":30,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","name":"BaseDialog"}]}],"closeDialog":[{"__symbolic":"method"}]}},"BaseDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":59,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":58,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":71,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":72,"character":22},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalOptions","line":73,"character":32}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"deRegister":[{"__symbolic":"method"}],"getTemplateRef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalModule","line":19,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":20,"character":8}],"declarations":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"entryComponents":[]}]}],"members":{}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./dialog-footer/dialog-footer.props"}},"origins":{"DialogBodyDirective":"./dialog-body/dialog-body.directive","DialogFooterDirective":"./dialog-footer/dialog-footer.directive","DialogHeaderComponent":"./dialog-header/dialog-header.component","BaseDialog":"./base-dialog","DialogModule":"./dialog.module","ɵa":"./dialog-footer/dialog-footer.props"},"importAs":"@wm/components/dialogs"}
+{"__symbolic":"module","version":4,"metadata":{"DialogBodyDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"div[wmDialogBody]"}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["style.height"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":19,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":15},null,{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":20,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":27}]}]}},"DialogFooterDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":16,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"div[wmDialogFooter]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":13,"character":8},"arguments":[{"__symbolic":"reference","name":"DialogFooterDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":21}]}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"DialogHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"div[wmDialogHeader]","template":"<button *ngIf=\"isClosable\" aria-label=\"Close\" class=\"app-dialog-close close\" (click)=\"closeDialog();\" title=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n</button>\n<h4 class=\"app-dialog-title modal-title\">\n    <i [ngClass]=\"iconclass\" [ngStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin}\"  *ngIf=\"iconclass && !iconurl\"></i>\n    <img data-identifier=\"img\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n    <span class=\"dialog-heading\" [textContent]=\"heading\" [id]=\"titleid\"></span>\n    <span class=\"dialog-sub-heading\" *ngIf=\"subheading\" [title]=\"subheading\" [textContent]=\"subheading\"></span>\n</h4>\n"}]}],"members":{"iconwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"iconheight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"iconmargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"iconclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"iconurl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"subheading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"titleid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":36},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"DialogRef","line":30,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":23},{"__symbolic":"reference","name":"BaseDialog"}]}],"closeDialog":[{"__symbolic":"method"}]}},"BaseDialog":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":58,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":57,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":70,"character":13},{"__symbolic":"reference","module":"@wm/components/base","name":"IWidgetConfig","line":71,"character":22},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalOptions","line":72,"character":32}]}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"deRegister":[{"__symbolic":"method"}],"getTemplateRef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalModule","line":19,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":20,"character":8}],"declarations":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"exports":[{"__symbolic":"reference","name":"DialogBodyDirective"},{"__symbolic":"reference","name":"DialogFooterDirective"},{"__symbolic":"reference","name":"DialogHeaderComponent"}],"entryComponents":[]}]}],"members":{}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./dialog-footer/dialog-footer.props"}},"origins":{"DialogBodyDirective":"./dialog-body/dialog-body.directive","DialogFooterDirective":"./dialog-footer/dialog-footer.directive","DialogHeaderComponent":"./dialog-header/dialog-header.component","BaseDialog":"./base-dialog","DialogModule":"./dialog.module","ɵa":"./dialog-footer/dialog-footer.props"},"importAs":"@wm/components/dialogs"}

app-ng-runtime/components/input/epoch/bundles/index.umd.js

@@ -678,7 +678,6 @@
             enumerable: false,
             configurable: true
         });
-        ;
         /**
          * returns true if the input value is default (i.e open date picker on input click)
          * @param1 dropdownvalue, user selected value (by default datepicker opens on input click)
@@ -728,7 +727,7 @@
                 };
             }
             /* WMS-18269 | Extending the existing validation for 'required' */
-            if (this["show"] && this["required"]) {
+            if (this['show'] && this['required']) {
                 return !!c.value ? null : { required: true };
             }
             this.validateType = '';
@@ -871,14 +870,18 @@
                 var newDay = newDate.getDate().toString();
                 _.filter($("span:contains(" + newDay + ")").not('.is-other-month'), function (obj) {
                     if ($(obj).text() === newDay) {
+                        if ($(obj).hasClass('selected')) {
+                            $(obj).parent().attr('aria-selected', 'true');
+                        }
                         $(obj).attr('aria-label', moment(newDate).format('dddd, MMMM Do YYYY'));
+                        $('[bsdatepickerdaydecorator]').not('.is-other-month').attr('tabindex', '-1');
+                        $(obj).attr('tabindex', '0');
                         $(obj).focus();
                         _this.activeDate = newDate;
                     }
                 });
                 if (newDate.getMonth() === new Date().getMonth() && newDate.getFullYear() === new Date().getFullYear()) {
                     _this.hightlightToday();
-                    $("span:contains(" + new Date().getDate().toString() + ")").not('.is-other-month').parent().attr('aria-selected', 'true');
                 }
             });
         };
@@ -929,6 +932,9 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(-1);
                 }
+                setTimeout(function () {
+                    $(".bs-datepicker-head .previous").focus();
+                });
             });
             datePickerHead.find(".next").click(function (event) {
                 _this.next = _this.getMonth(_this.activeDate, 2);
@@ -938,6 +944,9 @@
                 if (event.originalEvent) {
                     _this.setFocusForDate(1);
                 }
+                setTimeout(function () {
+                    $(".bs-datepicker-head .next").focus();
+                });
             });
             datePickerHead.find(".current").click(function (event) {
                 // check for original mouse click
@@ -954,6 +963,22 @@
             });
             datePickerHead.find('.next').attr('aria-label', "Next Month, " + this.next.fullMonth + " " + this.next.date.getFullYear());
             datePickerHead.find('.previous').attr('aria-label', "Previous Month, " + this.prev.fullMonth + " " + this.prev.date.getFullYear());
+            setTimeout(function () {
+                var currentNodes = datePickerHead.find('.current span');
+                var msg = 'Changed to month ';
+                // currentNodes.each((i) => {
+                //     msg =`${msg} ${$(currentNodes[i]).text()}`;
+                // });
+                datePickerHead.find('.current').attr("aria-live", "assertive").attr("aria-atomic", "false");
+                if (_this.clicked) {
+                    if ($(currentNodes[0]).text()) {
+                        datePickerHead.find('.ng-star-inserted').prepend("<div class=\"sr-only\">" + msg + "</div>");
+                    }
+                    if ($(currentNodes[1]).text()) {
+                        datePickerHead.find('.current').last().prepend("<div class=\"sr-only\"> and year </div>");
+                    }
+                }
+            });
         };
         /**
          * This method sets focus for months/days depending on the loaded datepicker table
@@ -1121,8 +1146,6 @@
         BaseDateTimeComponent.prototype.loadMonths = function () {
             var _this = this;
             setTimeout(function () {
-                var datePickerBody = $('.bs-datepicker-body');
-                datePickerBody.find('table.months span').attr('tabindex', '0');
                 _this.addKeyBoardEventsForMonths();
                 _this.addDatepickerMouseEvents();
             });
@@ -1177,8 +1200,6 @@
         BaseDateTimeComponent.prototype.loadYears = function () {
             var _this = this;
             setTimeout(function () {
-                var datePickerBody = $('.bs-datepicker-body');
-                datePickerBody.find('table.years span').attr('tabindex', '0');
                 _this.addKeyBoardEventsForYears();
                 _this.addDatepickerMouseEvents();
             });
@@ -1200,6 +1221,8 @@
                 }
             }
             setTimeout(function () {
+                $(".bs-datepicker-body table.months span").attr('tabindex', '-1');
+                $(".bs-datepicker-body table.months span:contains(" + newMonth + ")").attr('tabindex', '0');
                 $(".bs-datepicker-body table.months span:contains(" + newMonth + ")").focus();
                 _this.activeDate = newDate;
             });
@@ -1260,6 +1283,8 @@
                 }
             }
             setTimeout(function () {
+                $(".bs-datepicker-body table.years span").attr('tabindex', '-1');
+                $(".bs-datepicker-body table.years span:contains(" + newYear + ")").attr('tabindex', '0');
                 $(".bs-datepicker-body table.years span:contains(" + newYear + ")").focus();
                 _this.activeDate = newDate;
             });
@@ -1451,11 +1476,6 @@
                     children[i].classList.remove('add-opacity');
                 }
                 displayInputElem.classList.remove('remove-opacity');
-                var allDateTimeElements = this.nativeElement.getElementsByTagName('*');
-                for (var i = 0; i < allDateTimeElements.length; i++) {
-                    allDateTimeElements[i].setAttribute('tabindex', this.tabindex);
-                }
-                displayInputElem.removeAttribute('tabindex');
             }
         };
         BaseDateTimeComponent.prototype.onDateTimeInputFocus = function (skipFocus) {
@@ -1471,11 +1491,6 @@
                     children[i].classList.add('add-opacity');
                 }
                 displayInputElem.classList.add('remove-opacity');
-                var allDateTimeElements = this.nativeElement.getElementsByTagName('*');
-                for (var i = 0; i < allDateTimeElements.length; i++) {
-                    allDateTimeElements[i].setAttribute('tabindex', '-1');
-                }
-                displayInputElem.setAttribute('tabindex', this.tabindex);
                 return;
             }
             if (displayInputElem && this._triggeredByUser) {
@@ -1567,7 +1582,10 @@
             // this mobileinput width varies in ios hence setting width here.
             var mobileInput = this.getMobileInput();
             if (mobileInput) {
-                mobileInput.style.width = mobileInput.parentElement.clientWidth + 'px';
+                setTimeout(function () {
+                    mobileInput.style.width = mobileInput.parentElement.clientWidth + 'px';
+                    mobileInput.style.height = mobileInput.parentElement.clientHeight + 'px';
+                });
             }
         };
         BaseDateTimeComponent.prototype.ngOnDestroy = function () {
@@ -1838,7 +1856,7 @@
             if (this.isDropDownDisplayEnabledOnInput(this.showdropdownon)) {
                 event.stopPropagation();
                 var action = this.keyEventPlugin.constructor.getEventFullKey(event);
-                if (action === 'enter' || action === 'arrowdown') {
+                if (action === 'enter') {
                     var newVal = core$1.getDateObj(event.target.value, { pattern: this.datepattern });
                     event.preventDefault();
                     var formattedDate = core$1.getFormattedDate(this.datePipe, newVal, this.dateInputFormat, this.timeZone, null, this.isCurrentDate, this);
@@ -1890,7 +1908,7 @@
     DateComponent.decorators = [
         { type: core.Component, args: [{
                     selector: '[wmDate]',
-                    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",
+                    template: "    <input class=\"form-control app-textbox app-dateinput display-input\"\n        focus-target\n        type=\"text\"\n        [name]=\"name\"\n        [tabindex]=\"loadNativeDateInput ? '-1' : tabindex\"\n        [attr.aria-hidden]=\"!!loadNativeDateInput\"\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]=\"loadNativeDateInput ? '-1' : tabindex\"\n            [attr.aria-hidden]=\"!!loadNativeDateInput\"\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        [tabindex]=\"-1\"\n        [attr.aria-hidden]=\"!!loadNativeDateInput\"\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]=\"tabindex || 0\"\n        (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event);\"\n        (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n        [attr.aria-label]=\"displayValue ? 'Change Date' + displayValue : 'Choose Date'\"\n        (click)=\"!(disabled || readonly || isCurrentDate) && showDatePickerModal()\">\n    </div>\n</ng-template>\n",
                     providers: [
                         base.provideAs(DateComponent, forms.NG_VALUE_ACCESSOR, true),
                         base.provideAs(DateComponent, forms.NG_VALIDATORS, true),
@@ -2378,7 +2396,7 @@
     DatetimeComponent.decorators = [
         { type: core.Component, args: [{
                     selector: '[wmDateTime]',
-                    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",
+                    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]=\"loadNativeDateInput ? '-1' : tabindex\"\n            [attr.aria-hidden]=\"!!loadNativeDateInput\"\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]=\"loadNativeDateInput ? '-1' : tabindex\"\n                [attr.aria-hidden]=\"!!loadNativeDateInput\"\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]=\"loadNativeDateInput ? '-1' : tabindex\"\n                [attr.aria-hidden]=\"!!loadNativeDateInput\"\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            [tabindex]=\"-1\"\n            [attr.aria-hidden]=\"!!loadNativeDateInput\"\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]=\"tabindex || 0\"\n        (focus)=\"onDateTimeInputFocus(true); invokeOnFocus($event)\"\n        (blur)=\"onDateTimeInputBlur(); invokeOnTouched($event)\"\n        (click)=\"!(disabled || readonly || isCurrentDate) && showDatePickerModal()\">\n    </div>\n</ng-template>\n",
                     providers: [
                         base.provideAs(DatetimeComponent, forms.NG_VALUE_ACCESSOR, true),
                         base.provideAs(DatetimeComponent, forms.NG_VALIDATORS, true),