@wavemaker/app-ng-runtime 12.0.0-next.45191 → 12.0.0-next.45196

app-ng-runtime/components/page/left-panel/fesm2022/index.mjs

@@ -166,7 +166,7 @@ var AnimationType;
 class LeftPanelDirective extends StylableComponent {
     static { this.initializeProps = registerProps(); }
     //If "spa" attribute is set LayoutDirective will present and PageDirective is undefined else PageDirective will present and LayoutDirective is undefined
-    constructor(app, page, layout, inj, router, explicitContext, navtype) {
+    constructor(app, page, layout, inj, router, explicitContext, navtype, navHeight) {
         super(inj, WIDGET_CONFIG, explicitContext);
         this.app = app;
         this.page = page;
@@ -190,6 +190,10 @@ class LeftPanelDirective extends StylableComponent {
         if (!navtype)
             navtype = 'drawer';
         this.$element.addClass(getNavClass(navtype));
+        if (navHeight) {
+            this.$element.addClass(getNavClass(navHeight));
+            addClass(this.$page[0], getNavClass(navHeight));
+        }
     }
     collapse() {
         addClass(this.nativeElement, 'swipee-transition');
@@ -341,7 +345,7 @@ class LeftPanelDirective extends StylableComponent {
             }
         });
     }
-    static { this.ɵfac = function LeftPanelDirective_Factory(t) { return new (t || LeftPanelDirective)(i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject(i2.PageDirective, 8), i0.ɵɵdirectiveInject(i2.LayoutDirective, 8), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i3.Router), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('nav-type')); }; }
+    static { this.ɵfac = function LeftPanelDirective_Factory(t) { return new (t || LeftPanelDirective)(i0.ɵɵdirectiveInject(i1.App), i0.ɵɵdirectiveInject(i2.PageDirective, 8), i0.ɵɵdirectiveInject(i2.LayoutDirective, 8), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i3.Router), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('navtype'), i0.ɵɵinjectAttribute('navheight')); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LeftPanelDirective, selectors: [["", "wmLeftPanel", ""]], exportAs: ["wmLeftPanel"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(LeftPanelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -366,7 +370,10 @@ class LeftPanelDirective extends StylableComponent {
                 type: Optional
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
-                args: ['nav-type']
+                args: ['navtype']
+            }] }, { type: undefined, decorators: [{
+                type: Attribute,
+                args: ['navheight']
             }] }], null); })();
 
 const components = [

app-ng-runtime/components/page/left-panel/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/left-panel/src/left-panel.props.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.animator.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.directive.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.module.ts","../../../../../projects/components/widgets/page/left-panel/src/index.ts"],"sourcesContent":["import {PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-left-panel',\n        new Map(\n            [\n                ['animation', {value: 'slide-in', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['columnwidth', { value: 3, ...PROP_NUMBER}],\n                ['content', PROP_STRING],\n                ['gestures', {value: 'on', ... PROP_STRING}],\n                ['name', PROP_STRING],\n                ['xscolumnwidth', { value: 10, ...PROP_NUMBER}],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { SwipeAnimation } from '@swipey';\n\nimport { $appDigest } from '@wm/core';\n\nimport { AnimationType, LeftPanelDirective } from './left-panel.directive';\n\nexport class LeftPanelAnimator extends SwipeAnimation {\n    private _$animatedElements;\n    private _expanded: boolean;\n    private _leftPanelWidth: number;\n    private _maxX: number;\n    private _pageContainerWidth: number;\n    private _width: number;\n\n    constructor(private leftPanel: LeftPanelDirective) {\n        super();\n        this.init(this.leftPanel.$ele, this.leftPanel.$page);\n    }\n\n    public bounds(e, length): {} {\n        let offset = 0;\n        this.setGesturesEnabled(this.leftPanel.isGesturesEnabled());\n        if (!this._width) {\n            this._pageContainerWidth = this.leftPanel.$page.width();\n            this._leftPanelWidth = this.leftPanel.$ele.width();\n            this._maxX = this._leftPanelWidth / this._pageContainerWidth * 100;\n            this._width = this.leftPanel.animation === AnimationType.SLIDE_IN ? this._pageContainerWidth : this._leftPanelWidth;\n        }\n        this._expanded = this.leftPanel.expanded;\n\n        if (this._expanded) {\n            return {\n                'center': this._leftPanelWidth,\n                'lower': -(this._leftPanelWidth - offset)\n            };\n        }\n        if (this.leftPanel.app.isTabletApplicationType) {\n            offset = 53.32;\n        }\n        if (e && (e.pageX || (e.touches && e.touches[0].pageX)) > offset + 100) {\n            return {\n                strict: true\n            };\n        }\n        return {\n            'center': 0,\n            'upper': this._leftPanelWidth - offset\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._width,\n            'pageW': this._pageContainerWidth,\n            'leftW': this._leftPanelWidth,\n            'maxX': this._maxX,\n            'limit': (min: number, v: number, max: number) => {\n                if (v < min) {\n                    return min;\n                }\n                if (v > max) {\n                    return max;\n                }\n                return v;\n            }\n        };\n    }\n\n    public animation() {\n        this._$animatedElements = this.leftPanel.$ele;\n        if (this.leftPanel.animation === AnimationType.SLIDE_IN) {\n            this._$animatedElements = this._$animatedElements.add(this.leftPanel.$page);\n            if (this.leftPanel.app.isTabletApplicationType) {\n                return [\n                    {\n                        'target': this.leftPanel.$ele,\n                        'css': {\n                            'transform': 'translate3d(${{ limit(-100, -($d * 100 / leftW), 0) + \\'%\\' }}, 0, 0)'\n                        }\n                    },\n                    {\n                        'target': this.leftPanel.$page,\n                        'css': {\n                            'transform': 'translate3d(${{ (($d) * 100 / pageW) + \\'%\\' }}, 0, 0)',\n                            'width': '${{ (pageW - $d) + \\'px\\' }}',\n                            'z-index': 101\n                        }\n                    }\n                ];\n            }\n            return [\n                {\n                    'target': this.leftPanel.$ele,\n                    'css': {\n                        'transform': 'translate3d(-100%, 0, 0)',\n                        'opacity': 1,\n                        'z-index': 101\n                    }\n                },\n                {\n                    'target': this.leftPanel.$page,\n                    'css': {\n                        'transform': 'translate3d(${{ limit( 0, ((($D + $d) * 100 / w)), maxX ) + \\'%\\' }}, 0, 0)',\n                        'opacity': 1,\n                        'z-index': 101\n                    }\n                }];\n        } else {\n            return {\n                'transform': 'translate3d(${{ limit( -100, ((($D + $d) * 100 / w) - 100), 0 ) + \\'%\\'}}, 0, 0)',\n                'opacity': 1,\n                'z-index': 101\n            };\n        }\n    }\n\n    public onLower(): void {\n        this._expanded = false;\n        this.leftPanel.collapse();\n        this.resetTransition();\n        $appDigest();\n    }\n\n    public onUpper(): void {\n        this._expanded = true;\n        this.leftPanel.expand();\n        this.resetTransition();\n        $appDigest();\n    }\n\n    private resetTransition() {\n        if (this._$animatedElements) {\n            /*\n             * This timeout is for preventing UI flicker at the end of animation.\n             */\n            setTimeout(() => {\n                this._$animatedElements.css({\n                    'transform': '',\n                    'opacity': '',\n                    'z-index': '',\n                    'width': ''\n                });\n            }, 100);\n        }\n    }\n}\n","import {Attribute, Directive, Inject, Injector, Optional} from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\n\nimport {App, addClass, removeClass, switchClass, toggleClass, isMobile, getNavClass } from '@wm/core';\nimport { APPLY_STYLES_TYPE, getKeyboardFocusableElements,  IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { LayoutDirective, PageDirective } from '@wm/components/page';\n\nimport { registerProps } from './left-panel.props';\nimport { LeftPanelAnimator } from './left-panel.animator';\n\nconst DEFAULT_CLS = 'app-left-panel left-panel-collapsed';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-left-panel',\n    hostClass: DEFAULT_CLS\n};\n\nexport enum AnimationType {\n    SLIDE_IN = 'slide-in',\n    SLIDE_OVER = 'slide-over'\n}\n\n@Directive({\n    selector: '[wmLeftPanel]',\n    providers: [\n        provideAsWidgetRef(LeftPanelDirective)\n    ],\n    exportAs: 'wmLeftPanel'\n})\nexport class LeftPanelDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    public animation: AnimationType;\n    public columnwidth: number;\n    public expanded: boolean;\n    public gestures: string;\n    public xscolumnwidth: number;\n\n    public $ele;\n    public $page;\n\n    private _destroyCollapseActionListener: () => void;\n    private _leftPanelAnimator;\n\n    //If \"spa\" attribute is set LayoutDirective will present and PageDirective is undefined else PageDirective will present and LayoutDirective is undefined\n    constructor(public app: App, @Optional() private page: PageDirective, @Optional() private layout: LayoutDirective, inj: Injector, router: Router, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, @Attribute('nav-type') navtype: string) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n        this.$ele = this.$element;\n        this.$page = this.getAttr('spa') && layout && layout.$element || page && page.$element;\n        addClass(this.$page[0], 'left-panel-collapsed-container');\n        if (this.columnwidth) {\n            this.setLeftPanelWidth(['md', 'sm'], this.columnwidth);\n        }\n        if (this.app.isTabletApplicationType) {\n            addClass(this.nativeElement, 'wm-tablet-app-left-panel');\n        }\n        const onRouteChange = router.events.subscribe(e => {\n            if (e instanceof NavigationStart) {\n                this.collapse();\n            }\n        });\n        this.registerDestroyListener(() => onRouteChange.unsubscribe());\n        if(!navtype) navtype = 'drawer';\n        this.$element.addClass(getNavClass(navtype));\n    }\n\n    public collapse(): void {\n        addClass(this.nativeElement, 'swipee-transition');\n        switchClass(this.nativeElement, 'left-panel-collapsed', 'left-panel-expanded');\n        if (this.expanded) {\n            setTimeout(() => {\n                const leftNavButton = $('.app-header-action');\n                leftNavButton.attr('aria-expanded', 'false');\n                leftNavButton.focus();\n            }, 50);\n        }\n        if (isMobile()) {\n            addClass(this.nativeElement, 'hidden');\n        }\n        this.expanded = false;\n        switchClass(this.$page[0], 'left-panel-collapsed-container', 'left-panel-expanded-container');\n        if (this.animation === AnimationType.SLIDE_IN) {\n            this.setPageWidthAndPosition(['md', 'sm'], null, this.columnwidth);\n            this.setPageWidthAndPosition(['xs'], null, this.xscolumnwidth);\n        }\n        if (this._destroyCollapseActionListener) {\n            this._destroyCollapseActionListener();\n        }\n        (this.getAttr(\"spa\") && this.layout || this.page).notify('wmLeftPanel:collapse');\n    }\n\n    public expand(): void {\n        removeClass(this.nativeElement, 'hidden');\n        removeClass(this.nativeElement, 'swipee-transition');\n        switchClass(this.nativeElement, 'left-panel-expanded', 'left-panel-collapsed');\n        this.expanded = true;\n        if (!(this.app.isTabletApplicationType && this.animation === AnimationType.SLIDE_IN)) {\n            this._destroyCollapseActionListener = this.listenForCollapseAction();\n        }\n        switchClass(this.$page[0], 'left-panel-expanded-container', 'left-panel-collapsed-container');\n        if (this.animation === AnimationType.SLIDE_IN) {\n            this.setPageWidthAndPosition(['md', 'sm'], this.columnwidth);\n            this.setPageWidthAndPosition(['xs'], this.xscolumnwidth);\n        }\n        (this.getAttr(\"spa\") && this.layout || this.page).notify('wmLeftPanel:expand');\n        $('.app-header-action').attr('aria-expanded', `${this.expanded}`);\n        const focusableElements = getKeyboardFocusableElements(this.nativeElement);\n        const firstFocusableElement = focusableElements[0];\n        const lastFocusableElement = focusableElements[focusableElements.length - 1];\n        setTimeout(() => {\n            $(firstFocusableElement).focus();\n        }, 50);\n        $(firstFocusableElement).on('keydown', (event) => {\n            if (event.shiftKey && event.key === 'Tab') {\n                this.collapse();\n            }\n        });\n        $(lastFocusableElement).on('keydown', (event) => {\n            if (event.key === 'Tab') {\n                this.collapse();\n            }\n        });\n        this.$element.on('keydown', (event) => {\n            if (event.key === 'Escape') {\n                this.collapse();\n            }\n        });\n    }\n\n    public isGesturesEnabled(): boolean {\n        return this.gestures === 'on';\n    }\n\n    public isVisible(): boolean {\n        return this.expanded;\n    }\n\n    public onPropertyChange(key, nv, ov) {\n        switch (key) {\n            case 'animation' :\n                if (nv === AnimationType.SLIDE_IN) {\n                    removeClass(this.$page[0], 'slide-over-left-panel-container');\n                    addClass(this.$page[0], 'slide-in-left-panel-container');\n                    this.setPageWidthAndPosition(['md', 'sm'], this.columnwidth);\n                    this.setPageWidthAndPosition(['xs'], this.xscolumnwidth);\n                } else if (nv === AnimationType.SLIDE_OVER) {\n                    removeClass(this.$page[0], 'slide-in-left-panel-container');\n                    addClass(this.$page[0], 'slide-over-left-panel-container');\n                }\n                this._leftPanelAnimator = new LeftPanelAnimator(this);\n                switchClass(this.nativeElement, nv, ov);\n                break;\n            case 'columnwidth':\n                this.setLeftPanelWidth(['md', 'sm'], nv, ov);\n                if (this.animation === AnimationType.SLIDE_IN) {\n                    this.setPageWidthAndPosition(['md', 'sm'], nv, ov);\n                }\n                break;\n            case 'expanded':\n                toggleClass(this.nativeElement, 'left-panel-expanded', nv);\n                toggleClass(this.nativeElement, 'left-panel-collapsed', !nv);\n                break;\n            case 'xscolumnwidth':\n                this.setLeftPanelWidth(['xs'], nv, ov);\n                if (this.animation === AnimationType.SLIDE_IN) {\n                    this.setPageWidthAndPosition(['xs'], nv, ov);\n                }\n                break;\n            default:\n                super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    public  toggle(): void {\n        if (this.app.isTabletApplicationType) {\n            setTimeout(() => {\n                this.expanded ? this.collapse() : this.expand();\n            }, 50);\n        } else {\n            this.$ele.swipeAnimation(this.expanded ? 'gotoLower' : 'gotoUpper');\n        }\n    }\n\n    private listenForCollapseAction(): () => void {\n        const eventName = 'click.leftNavToggle';\n        let skipEvent = false;\n        this.$ele.on(eventName, () => {\n            skipEvent = true;\n        });\n        this.$page.on(eventName, () =>  {\n            if (!skipEvent) {\n                this.toggle();\n            }\n            skipEvent = false;\n        });\n        return () => {\n            this.$ele.off(eventName);\n            this.$page.off(eventName);\n        };\n    }\n\n    private setLeftPanelWidth(devices: string[], newVal: number, oldVal?: number) {\n        devices.forEach(device => {\n            if (newVal) {\n                addClass(this.nativeElement, `col-${device}-${newVal}`);\n            }\n            if (oldVal) {\n                removeClass(this.nativeElement, `col-${device}-${oldVal}`);\n            }\n        });\n    }\n\n    private setPageWidthAndPosition(devices: string[], newVal: number, oldVal?: number) {\n        devices.forEach(device => {\n            if (newVal) {\n                addClass(this.$page[0], `left-panel-container-${device}-${12 - newVal}`);\n            }\n            if (oldVal) {\n                removeClass(this.$page[0], `left-panel-container-${device}-${12 - oldVal}`);\n            }\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LeftPanelDirective } from './left-panel.directive';\n\nconst components = [\n    LeftPanelDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LeftPanelModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/left-panel/src/left-panel.props.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.animator.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.directive.ts","../../../../../projects/components/widgets/page/left-panel/src/left-panel.module.ts","../../../../../projects/components/widgets/page/left-panel/src/index.ts"],"sourcesContent":["import {PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-left-panel',\n        new Map(\n            [\n                ['animation', {value: 'slide-in', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['columnwidth', { value: 3, ...PROP_NUMBER}],\n                ['content', PROP_STRING],\n                ['gestures', {value: 'on', ... PROP_STRING}],\n                ['name', PROP_STRING],\n                ['xscolumnwidth', { value: 10, ...PROP_NUMBER}],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { SwipeAnimation } from '@swipey';\n\nimport { $appDigest } from '@wm/core';\n\nimport { AnimationType, LeftPanelDirective } from './left-panel.directive';\n\nexport class LeftPanelAnimator extends SwipeAnimation {\n    private _$animatedElements;\n    private _expanded: boolean;\n    private _leftPanelWidth: number;\n    private _maxX: number;\n    private _pageContainerWidth: number;\n    private _width: number;\n\n    constructor(private leftPanel: LeftPanelDirective) {\n        super();\n        this.init(this.leftPanel.$ele, this.leftPanel.$page);\n    }\n\n    public bounds(e, length): {} {\n        let offset = 0;\n        this.setGesturesEnabled(this.leftPanel.isGesturesEnabled());\n        if (!this._width) {\n            this._pageContainerWidth = this.leftPanel.$page.width();\n            this._leftPanelWidth = this.leftPanel.$ele.width();\n            this._maxX = this._leftPanelWidth / this._pageContainerWidth * 100;\n            this._width = this.leftPanel.animation === AnimationType.SLIDE_IN ? this._pageContainerWidth : this._leftPanelWidth;\n        }\n        this._expanded = this.leftPanel.expanded;\n\n        if (this._expanded) {\n            return {\n                'center': this._leftPanelWidth,\n                'lower': -(this._leftPanelWidth - offset)\n            };\n        }\n        if (this.leftPanel.app.isTabletApplicationType) {\n            offset = 53.32;\n        }\n        if (e && (e.pageX || (e.touches && e.touches[0].pageX)) > offset + 100) {\n            return {\n                strict: true\n            };\n        }\n        return {\n            'center': 0,\n            'upper': this._leftPanelWidth - offset\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._width,\n            'pageW': this._pageContainerWidth,\n            'leftW': this._leftPanelWidth,\n            'maxX': this._maxX,\n            'limit': (min: number, v: number, max: number) => {\n                if (v < min) {\n                    return min;\n                }\n                if (v > max) {\n                    return max;\n                }\n                return v;\n            }\n        };\n    }\n\n    public animation() {\n        this._$animatedElements = this.leftPanel.$ele;\n        if (this.leftPanel.animation === AnimationType.SLIDE_IN) {\n            this._$animatedElements = this._$animatedElements.add(this.leftPanel.$page);\n            if (this.leftPanel.app.isTabletApplicationType) {\n                return [\n                    {\n                        'target': this.leftPanel.$ele,\n                        'css': {\n                            'transform': 'translate3d(${{ limit(-100, -($d * 100 / leftW), 0) + \\'%\\' }}, 0, 0)'\n                        }\n                    },\n                    {\n                        'target': this.leftPanel.$page,\n                        'css': {\n                            'transform': 'translate3d(${{ (($d) * 100 / pageW) + \\'%\\' }}, 0, 0)',\n                            'width': '${{ (pageW - $d) + \\'px\\' }}',\n                            'z-index': 101\n                        }\n                    }\n                ];\n            }\n            return [\n                {\n                    'target': this.leftPanel.$ele,\n                    'css': {\n                        'transform': 'translate3d(-100%, 0, 0)',\n                        'opacity': 1,\n                        'z-index': 101\n                    }\n                },\n                {\n                    'target': this.leftPanel.$page,\n                    'css': {\n                        'transform': 'translate3d(${{ limit( 0, ((($D + $d) * 100 / w)), maxX ) + \\'%\\' }}, 0, 0)',\n                        'opacity': 1,\n                        'z-index': 101\n                    }\n                }];\n        } else {\n            return {\n                'transform': 'translate3d(${{ limit( -100, ((($D + $d) * 100 / w) - 100), 0 ) + \\'%\\'}}, 0, 0)',\n                'opacity': 1,\n                'z-index': 101\n            };\n        }\n    }\n\n    public onLower(): void {\n        this._expanded = false;\n        this.leftPanel.collapse();\n        this.resetTransition();\n        $appDigest();\n    }\n\n    public onUpper(): void {\n        this._expanded = true;\n        this.leftPanel.expand();\n        this.resetTransition();\n        $appDigest();\n    }\n\n    private resetTransition() {\n        if (this._$animatedElements) {\n            /*\n             * This timeout is for preventing UI flicker at the end of animation.\n             */\n            setTimeout(() => {\n                this._$animatedElements.css({\n                    'transform': '',\n                    'opacity': '',\n                    'z-index': '',\n                    'width': ''\n                });\n            }, 100);\n        }\n    }\n}\n","import {Attribute, Directive, Inject, Injector, Optional} from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\n\nimport {App, addClass, removeClass, switchClass, toggleClass, isMobile, getNavClass } from '@wm/core';\nimport { APPLY_STYLES_TYPE, getKeyboardFocusableElements,  IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { LayoutDirective, PageDirective } from '@wm/components/page';\n\nimport { registerProps } from './left-panel.props';\nimport { LeftPanelAnimator } from './left-panel.animator';\n\nconst DEFAULT_CLS = 'app-left-panel left-panel-collapsed';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-left-panel',\n    hostClass: DEFAULT_CLS\n};\n\nexport enum AnimationType {\n    SLIDE_IN = 'slide-in',\n    SLIDE_OVER = 'slide-over'\n}\n\n@Directive({\n    selector: '[wmLeftPanel]',\n    providers: [\n        provideAsWidgetRef(LeftPanelDirective)\n    ],\n    exportAs: 'wmLeftPanel'\n})\nexport class LeftPanelDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    public animation: AnimationType;\n    public columnwidth: number;\n    public expanded: boolean;\n    public gestures: string;\n    public xscolumnwidth: number;\n\n    public $ele;\n    public $page;\n\n    private _destroyCollapseActionListener: () => void;\n    private _leftPanelAnimator;\n\n    //If \"spa\" attribute is set LayoutDirective will present and PageDirective is undefined else PageDirective will present and LayoutDirective is undefined\n    constructor(public app: App, @Optional() private page: PageDirective, @Optional() private layout: LayoutDirective, inj: Injector, router: Router, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, @Attribute('navtype') navtype: string, @Attribute('navheight') navHeight: string) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n        this.$ele = this.$element;\n        this.$page = this.getAttr('spa') && layout && layout.$element || page && page.$element;\n        addClass(this.$page[0], 'left-panel-collapsed-container');\n        if (this.columnwidth) {\n            this.setLeftPanelWidth(['md', 'sm'], this.columnwidth);\n        }\n        if (this.app.isTabletApplicationType) {\n            addClass(this.nativeElement, 'wm-tablet-app-left-panel');\n        }\n        const onRouteChange = router.events.subscribe(e => {\n            if (e instanceof NavigationStart) {\n                this.collapse();\n            }\n        });\n        this.registerDestroyListener(() => onRouteChange.unsubscribe());\n        if(!navtype) navtype = 'drawer';\n        this.$element.addClass(getNavClass(navtype));\n        if (navHeight) {\n            this.$element.addClass(getNavClass(navHeight));\n            addClass(this.$page[0], getNavClass(navHeight));\n        }\n    }\n\n    public collapse(): void {\n        addClass(this.nativeElement, 'swipee-transition');\n        switchClass(this.nativeElement, 'left-panel-collapsed', 'left-panel-expanded');\n        if (this.expanded) {\n            setTimeout(() => {\n                const leftNavButton = $('.app-header-action');\n                leftNavButton.attr('aria-expanded', 'false');\n                leftNavButton.focus();\n            }, 50);\n        }\n        if (isMobile()) {\n            addClass(this.nativeElement, 'hidden');\n        }\n        this.expanded = false;\n        switchClass(this.$page[0], 'left-panel-collapsed-container', 'left-panel-expanded-container');\n        if (this.animation === AnimationType.SLIDE_IN) {\n            this.setPageWidthAndPosition(['md', 'sm'], null, this.columnwidth);\n            this.setPageWidthAndPosition(['xs'], null, this.xscolumnwidth);\n        }\n        if (this._destroyCollapseActionListener) {\n            this._destroyCollapseActionListener();\n        }\n        (this.getAttr(\"spa\") && this.layout || this.page).notify('wmLeftPanel:collapse');\n    }\n\n    public expand(): void {\n        removeClass(this.nativeElement, 'hidden');\n        removeClass(this.nativeElement, 'swipee-transition');\n        switchClass(this.nativeElement, 'left-panel-expanded', 'left-panel-collapsed');\n        this.expanded = true;\n        if (!(this.app.isTabletApplicationType && this.animation === AnimationType.SLIDE_IN)) {\n            this._destroyCollapseActionListener = this.listenForCollapseAction();\n        }\n        switchClass(this.$page[0], 'left-panel-expanded-container', 'left-panel-collapsed-container');\n        if (this.animation === AnimationType.SLIDE_IN) {\n            this.setPageWidthAndPosition(['md', 'sm'], this.columnwidth);\n            this.setPageWidthAndPosition(['xs'], this.xscolumnwidth);\n        }\n        (this.getAttr(\"spa\") && this.layout || this.page).notify('wmLeftPanel:expand');\n        $('.app-header-action').attr('aria-expanded', `${this.expanded}`);\n        const focusableElements = getKeyboardFocusableElements(this.nativeElement);\n        const firstFocusableElement = focusableElements[0];\n        const lastFocusableElement = focusableElements[focusableElements.length - 1];\n        setTimeout(() => {\n            $(firstFocusableElement).focus();\n        }, 50);\n        $(firstFocusableElement).on('keydown', (event) => {\n            if (event.shiftKey && event.key === 'Tab') {\n                this.collapse();\n            }\n        });\n        $(lastFocusableElement).on('keydown', (event) => {\n            if (event.key === 'Tab') {\n                this.collapse();\n            }\n        });\n        this.$element.on('keydown', (event) => {\n            if (event.key === 'Escape') {\n                this.collapse();\n            }\n        });\n    }\n\n    public isGesturesEnabled(): boolean {\n        return this.gestures === 'on';\n    }\n\n    public isVisible(): boolean {\n        return this.expanded;\n    }\n\n    public onPropertyChange(key, nv, ov) {\n        switch (key) {\n            case 'animation' :\n                if (nv === AnimationType.SLIDE_IN) {\n                    removeClass(this.$page[0], 'slide-over-left-panel-container');\n                    addClass(this.$page[0], 'slide-in-left-panel-container');\n                    this.setPageWidthAndPosition(['md', 'sm'], this.columnwidth);\n                    this.setPageWidthAndPosition(['xs'], this.xscolumnwidth);\n                } else if (nv === AnimationType.SLIDE_OVER) {\n                    removeClass(this.$page[0], 'slide-in-left-panel-container');\n                    addClass(this.$page[0], 'slide-over-left-panel-container');\n                }\n                this._leftPanelAnimator = new LeftPanelAnimator(this);\n                switchClass(this.nativeElement, nv, ov);\n                break;\n            case 'columnwidth':\n                this.setLeftPanelWidth(['md', 'sm'], nv, ov);\n                if (this.animation === AnimationType.SLIDE_IN) {\n                    this.setPageWidthAndPosition(['md', 'sm'], nv, ov);\n                }\n                break;\n            case 'expanded':\n                toggleClass(this.nativeElement, 'left-panel-expanded', nv);\n                toggleClass(this.nativeElement, 'left-panel-collapsed', !nv);\n                break;\n            case 'xscolumnwidth':\n                this.setLeftPanelWidth(['xs'], nv, ov);\n                if (this.animation === AnimationType.SLIDE_IN) {\n                    this.setPageWidthAndPosition(['xs'], nv, ov);\n                }\n                break;\n            default:\n                super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    public  toggle(): void {\n        if (this.app.isTabletApplicationType) {\n            setTimeout(() => {\n                this.expanded ? this.collapse() : this.expand();\n            }, 50);\n        } else {\n            this.$ele.swipeAnimation(this.expanded ? 'gotoLower' : 'gotoUpper');\n        }\n    }\n\n    private listenForCollapseAction(): () => void {\n        const eventName = 'click.leftNavToggle';\n        let skipEvent = false;\n        this.$ele.on(eventName, () => {\n            skipEvent = true;\n        });\n        this.$page.on(eventName, () =>  {\n            if (!skipEvent) {\n                this.toggle();\n            }\n            skipEvent = false;\n        });\n        return () => {\n            this.$ele.off(eventName);\n            this.$page.off(eventName);\n        };\n    }\n\n    private setLeftPanelWidth(devices: string[], newVal: number, oldVal?: number) {\n        devices.forEach(device => {\n            if (newVal) {\n                addClass(this.nativeElement, `col-${device}-${newVal}`);\n            }\n            if (oldVal) {\n                removeClass(this.nativeElement, `col-${device}-${oldVal}`);\n            }\n        });\n    }\n\n    private setPageWidthAndPosition(devices: string[], newVal: number, oldVal?: number) {\n        devices.forEach(device => {\n            if (newVal) {\n                addClass(this.$page[0], `left-panel-container-${device}-${12 - newVal}`);\n            }\n            if (oldVal) {\n                removeClass(this.$page[0], `left-panel-container-${device}-${12 - oldVal}`);\n            }\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LeftPanelDirective } from './left-panel.directive';\n\nconst components = [\n    LeftPanelDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LeftPanelModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

app-ng-runtime/components/page/left-panel/left-panel.directive.d.ts

@@ -22,7 +22,7 @@ export declare class LeftPanelDirective extends StylableComponent {
     $page: any;
     private _destroyCollapseActionListener;
     private _leftPanelAnimator;
-    constructor(app: App, page: PageDirective, layout: LayoutDirective, inj: Injector, router: Router, explicitContext: any, navtype: string);
+    constructor(app: App, page: PageDirective, layout: LayoutDirective, inj: Injector, router: Router, explicitContext: any, navtype: string, navHeight: string);
     collapse(): void;
     expand(): void;
     isGesturesEnabled(): boolean;
@@ -32,6 +32,6 @@ export declare class LeftPanelDirective extends StylableComponent {
     private listenForCollapseAction;
     private setLeftPanelWidth;
     private setPageWidthAndPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LeftPanelDirective, [null, { optional: true; }, { optional: true; }, null, null, { optional: true; }, { attribute: "nav-type"; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeftPanelDirective, [null, { optional: true; }, { optional: true; }, null, null, { optional: true; }, { attribute: "navtype"; }, { attribute: "navheight"; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LeftPanelDirective, "[wmLeftPanel]", ["wmLeftPanel"], {}, {}, never, never, false, never>;
 }

app-ng-runtime/components/page/right-panel/bundles/index.umd.js

@@ -56,7 +56,7 @@
                 super.onPropertyChange(key, nv, ov);
             }
         }
-        static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0__namespace.ɵɵinjectAttribute('nav-type')); }; }
+        static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0__namespace.ɵɵinjectAttribute('navtype')); }; }
         static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(RightPanelDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
@@ -77,7 +77,7 @@
                     type: i0.Optional
                 }] }, { type: undefined, decorators: [{
                     type: i0.Attribute,
-                    args: ['nav-type']
+                    args: ['navtype']
                 }] }], null); })();
 
     const components = [

app-ng-runtime/components/page/right-panel/esm2022/right-panel.directive.mjs

@@ -25,7 +25,7 @@ export class RightPanelDirective extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('nav-type')); }; }
+    static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('navtype')); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(RightPanelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -46,6 +46,6 @@ export class RightPanelDirective extends StylableComponent {
                 type: Optional
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
-                args: ['nav-type']
+                args: ['navtype']
             }] }], null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL3BhZ2UvcmlnaHQtcGFuZWwvc3JjL3JpZ2h0LXBhbmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUMsV0FBVyxFQUFFLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQWlCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFcEQsTUFBTSxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFDdEMsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxnQkFBZ0I7SUFDNUIsU0FBUyxFQUFFLFdBQVc7Q0FDekIsQ0FBQztBQVNGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxpQkFBaUI7YUFDL0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFDekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CLEVBQXlCLE9BQWU7UUFDM0gsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFFM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlELElBQUcsQ0FBQyxPQUFPO1lBQUUsT0FBTyxHQUFHLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsR0FBVyxFQUFFLEVBQU8sRUFBRSxFQUFRO1FBQzNDLElBQUksR0FBRyxLQUFLLGFBQWEsRUFBRSxDQUFDO1lBQ3hCLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvRSxDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDO29GQWhCUSxtQkFBbUIsMERBRU8sa0JBQWtCLDJCQUErQyxVQUFVO29FQUZyRyxtQkFBbUIsc0dBTGpCO2dCQUNQLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO2FBQzFDOztpRkFHUSxtQkFBbUI7Y0FQL0IsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFNBQVMsRUFBRTtvQkFDUCxrQkFBa0IscUJBQXFCO2lCQUMxQztnQkFDRCxRQUFRLEVBQUUsY0FBYzthQUMzQjs7c0JBRytCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFROztzQkFBMEIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBdHRyaWJ1dGUsIERpcmVjdGl2ZSwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge2dldE5hdkNsYXNzLCBzd2l0Y2hDbGFzc30gZnJvbSAnQHdtL2NvcmUnO1xuXG5pbXBvcnQgeyBBUFBMWV9TVFlMRVNfVFlQRSwgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9yaWdodC1wYW5lbC5wcm9wcyc7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1yaWdodC1wYW5lbCc7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1yaWdodC1wYW5lbCcsXG4gICAgaG9zdENsYXNzOiBERUZBVUxUX0NMU1xufTtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbd21SaWdodFBhbmVsXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihSaWdodFBhbmVsRGlyZWN0aXZlKVxuICAgIF0sXG4gICAgZXhwb3J0QXM6ICd3bVJpZ2h0UGFuZWwnXG59KVxuZXhwb3J0IGNsYXNzIFJpZ2h0UGFuZWxEaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnksIEBBdHRyaWJ1dGUoJ25hdi10eXBlJykgbmF2dHlwZTogc3RyaW5nKSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRywgZXhwbGljaXRDb250ZXh0KTtcblxuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzLCBBUFBMWV9TVFlMRVNfVFlQRS5DT05UQUlORVIpO1xuICAgICAgICBpZighbmF2dHlwZSkgbmF2dHlwZSA9ICdkcmF3ZXInO1xuICAgICAgICB0aGlzLiRlbGVtZW50LmFkZENsYXNzKGdldE5hdkNsYXNzKG5hdnR5cGUpKTtcbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleTogc3RyaW5nLCBudjogYW55LCBvdj86IGFueSkge1xuICAgICAgICBpZiAoa2V5ID09PSAnY29sdW1ud2lkdGgnKSB7XG4gICAgICAgICAgICBzd2l0Y2hDbGFzcyh0aGlzLm5hdGl2ZUVsZW1lbnQsIGBjb2wtc20tJHtudn1gLCBvdiA/IGAgY29sLXNtLSR7b3Z9YCA6ICcnKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL3BhZ2UvcmlnaHQtcGFuZWwvc3JjL3JpZ2h0LXBhbmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUMsV0FBVyxFQUFFLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQWlCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFcEQsTUFBTSxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFDdEMsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxnQkFBZ0I7SUFDNUIsU0FBUyxFQUFFLFdBQVc7Q0FDekIsQ0FBQztBQVNGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxpQkFBaUI7YUFDL0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFDekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CLEVBQXdCLE9BQWU7UUFDMUgsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFFM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlELElBQUcsQ0FBQyxPQUFPO1lBQUUsT0FBTyxHQUFHLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsR0FBVyxFQUFFLEVBQU8sRUFBRSxFQUFRO1FBQzNDLElBQUksR0FBRyxLQUFLLGFBQWEsRUFBRSxDQUFDO1lBQ3hCLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvRSxDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDO29GQWhCUSxtQkFBbUIsMERBRU8sa0JBQWtCLDJCQUErQyxTQUFTO29FQUZwRyxtQkFBbUIsc0dBTGpCO2dCQUNQLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO2FBQzFDOztpRkFHUSxtQkFBbUI7Y0FQL0IsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFNBQVMsRUFBRTtvQkFDUCxrQkFBa0IscUJBQXFCO2lCQUMxQztnQkFDRCxRQUFRLEVBQUUsY0FBYzthQUMzQjs7c0JBRytCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFROztzQkFBMEIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBdHRyaWJ1dGUsIERpcmVjdGl2ZSwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge2dldE5hdkNsYXNzLCBzd2l0Y2hDbGFzc30gZnJvbSAnQHdtL2NvcmUnO1xuXG5pbXBvcnQgeyBBUFBMWV9TVFlMRVNfVFlQRSwgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9yaWdodC1wYW5lbC5wcm9wcyc7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1yaWdodC1wYW5lbCc7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1yaWdodC1wYW5lbCcsXG4gICAgaG9zdENsYXNzOiBERUZBVUxUX0NMU1xufTtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbd21SaWdodFBhbmVsXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihSaWdodFBhbmVsRGlyZWN0aXZlKVxuICAgIF0sXG4gICAgZXhwb3J0QXM6ICd3bVJpZ2h0UGFuZWwnXG59KVxuZXhwb3J0IGNsYXNzIFJpZ2h0UGFuZWxEaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnksIEBBdHRyaWJ1dGUoJ25hdnR5cGUnKSBuYXZ0eXBlOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgICAgIGlmKCFuYXZ0eXBlKSBuYXZ0eXBlID0gJ2RyYXdlcic7XG4gICAgICAgIHRoaXMuJGVsZW1lbnQuYWRkQ2xhc3MoZ2V0TmF2Q2xhc3MobmF2dHlwZSkpO1xuICAgIH1cblxuICAgIG9uUHJvcGVydHlDaGFuZ2Uoa2V5OiBzdHJpbmcsIG52OiBhbnksIG92PzogYW55KSB7XG4gICAgICAgIGlmIChrZXkgPT09ICdjb2x1bW53aWR0aCcpIHtcbiAgICAgICAgICAgIHN3aXRjaENsYXNzKHRoaXMubmF0aXZlRWxlbWVudCwgYGNvbC1zbS0ke252fWAsIG92ID8gYCBjb2wtc20tJHtvdn1gIDogJycpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZShrZXksIG52LCBvdik7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

app-ng-runtime/components/page/right-panel/fesm2022/index.mjs

@@ -37,7 +37,7 @@ class RightPanelDirective extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('nav-type')); }; }
+    static { this.ɵfac = function RightPanelDirective_Factory(t) { return new (t || RightPanelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8), i0.ɵɵinjectAttribute('navtype')); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(RightPanelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -58,7 +58,7 @@ class RightPanelDirective extends StylableComponent {
                 type: Optional
             }] }, { type: undefined, decorators: [{
                 type: Attribute,
-                args: ['nav-type']
+                args: ['navtype']
             }] }], null); })();
 
 const components = [

app-ng-runtime/components/page/right-panel/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/right-panel/src/right-panel.props.ts","../../../../../projects/components/widgets/page/right-panel/src/right-panel.directive.ts","../../../../../projects/components/widgets/page/right-panel/src/right-panel.module.ts","../../../../../projects/components/widgets/page/right-panel/src/index.ts"],"sourcesContent":["import {PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-right-panel',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['columnwidth', PROP_NUMBER],\n                ['content', PROP_STRING],\n                ['name', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import {Attribute, Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport {getNavClass, switchClass} from '@wm/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './right-panel.props';\n\nconst DEFAULT_CLS = 'app-right-panel';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-right-panel',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmRightPanel]',\n    providers: [\n        provideAsWidgetRef(RightPanelDirective)\n    ],\n    exportAs: 'wmRightPanel'\n})\nexport class RightPanelDirective extends StylableComponent {\n    static initializeProps = registerProps();\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, @Attribute('nav-type') navtype: string) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n        if(!navtype) navtype = 'drawer';\n        this.$element.addClass(getNavClass(navtype));\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'columnwidth') {\n            switchClass(this.nativeElement, `col-sm-${nv}`, ov ? ` col-sm-${ov}` : '');\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { RightPanelDirective } from './right-panel.directive';\n\nconst components = [\n    RightPanelDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class RightPanelModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/right-panel/src/right-panel.props.ts","../../../../../projects/components/widgets/page/right-panel/src/right-panel.directive.ts","../../../../../projects/components/widgets/page/right-panel/src/right-panel.module.ts","../../../../../projects/components/widgets/page/right-panel/src/index.ts"],"sourcesContent":["import {PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-right-panel',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['columnwidth', PROP_NUMBER],\n                ['content', PROP_STRING],\n                ['name', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import {Attribute, Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport {getNavClass, switchClass} from '@wm/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './right-panel.props';\n\nconst DEFAULT_CLS = 'app-right-panel';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-right-panel',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmRightPanel]',\n    providers: [\n        provideAsWidgetRef(RightPanelDirective)\n    ],\n    exportAs: 'wmRightPanel'\n})\nexport class RightPanelDirective extends StylableComponent {\n    static initializeProps = registerProps();\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, @Attribute('navtype') navtype: string) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n        if(!navtype) navtype = 'drawer';\n        this.$element.addClass(getNavClass(navtype));\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'columnwidth') {\n            switchClass(this.nativeElement, `col-sm-${nv}`, ov ? ` col-sm-${ov}` : '');\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { RightPanelDirective } from './right-panel.directive';\n\nconst components = [\n    RightPanelDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class RightPanelModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

app-ng-runtime/components/page/right-panel/right-panel.directive.d.ts

@@ -5,6 +5,6 @@ export declare class RightPanelDirective extends StylableComponent {
     static initializeProps: void;
     constructor(inj: Injector, explicitContext: any, navtype: string);
     onPropertyChange(key: string, nv: any, ov?: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RightPanelDirective, [null, { optional: true; }, { attribute: "nav-type"; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RightPanelDirective, [null, { optional: true; }, { attribute: "navtype"; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RightPanelDirective, "[wmRightPanel]", ["wmRightPanel"], {}, {}, never, never, false, never>;
 }

app-ng-runtime/package.json

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

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

@@ -320,7 +320,10 @@ $.widget('wm.datatable', {
             $th.attr({
                 'data-col-id': id,
                 'data-col-field': field,
-                'title': titleLabel
+                'title': titleLabel,
+                'tabindex': 0,
+                'scope': 'col',
+                'role':'columnheader'
             });
             self._setStyles($th, 'text-align: ' + value.textAlignment)
             $th.addClass(headerClasses);
@@ -359,7 +362,8 @@ $.widget('wm.datatable', {
                     $groupTl.attr({
                         'data-col-group': col.field,
                         'class': classes,
-                        'title': col.displayName
+                        'title': col.displayName,
+                        'tabindex': 0
                     });
                     self._setStyles($groupTl, styles);
                     $groupTl.append('<span class="header-data">' + col.displayName + '</span>');
@@ -673,7 +677,7 @@ $.widget('wm.datatable', {
             colExpression = colDef.customExpression,
             styles = "text-align: " + colDef.textAlignment + ";position: relative;"
 
-        $htm = $('<td class="' + classes + '" data-col-id="' + colId + '" role="cell"></td>');
+        $htm = $('<td class="' + classes + '" data-col-id="' + colId + '" role="cell" tabindex="0"></td>');
         this._setStyles($htm, styles);
 
         columnValue = _.get(row, colDef.field);
@@ -3252,8 +3256,8 @@ $.widget('wm.datatable', {
                 '<div class="app-grid-header">' +
                 '<div class="app-grid-header-inner">' +
                 '<table tabindex="0" class="' + this.options.cssClassNames.gridDefault + ' ' + this.options.cssClassNames.grid + '">' +
-                '<thead tabindex="0" class="table-header thead-sticky" id="table_header_' + this.tableId + '">' +
-                '</thead><tbody class="app-grid-content app-datagrid-body"  id="table_' + this.tableId + '">' +
+                '<thead class="table-header thead-sticky" id="table_header_' + this.tableId + '" role="rowgroup">' +
+                '</thead><tbody class="app-grid-content app-datagrid-body"  id="table_' + this.tableId + '" role="rowgroup">' +
                 '</tbody></table>' +
                 '</div></div></div>',
             $statusContainer = $(statusContainer),

app-ng-runtime/variables/bundles/index.umd.js

@@ -2449,9 +2449,10 @@
          */
         getURL(variable) {
             const prefabName = variable.getPrefabName();
-            const opInfo = prefabName ? lodashEs.get(exports.metadataService.getByOperationId(variable.operationId, prefabName), 'wmServiceOperationInfo') : lodashEs.get(exports.metadataService.getByOperationId(variable.operationId), 'wmServiceOperationInfo');
+            const opInfo = prefabName ?
+                lodashEs.get(exports.metadataService.getByOperationId(variable.operationId, prefabName), 'wmServiceOperationInfo') :
+                lodashEs.get(exports.metadataService.getByOperationId(variable.operationId), 'wmServiceOperationInfo');
             const inputFields = variable.dataBinding;
-            let config;
             // add sample values to the params (url and path)
             lodashEs.forEach(opInfo.parameters, function (param) {
                 param.sampleValue = inputFields[param.name];
@@ -2461,7 +2462,7 @@
                 skipCloakHeaders: true
             });
             // call common method to prepare config for the service operation info.
-            config = ServiceVariableUtils.constructRequestParams(variable, opInfo, inputFields);
+            const config = ServiceVariableUtils.constructRequestParams(variable, opInfo, inputFields);
             /* if error found, return */
             if (config.error && config.error.message) {
                 this._onSocketError(variable, { data: config.error.message });
@@ -2479,10 +2480,10 @@
          * @private
          */
         _onSocketMessage(variable, evt) {
-            let data = lodashEs.get(evt, 'data'), value, dataLength, dataLimit, shouldAddToLast, insertIdx;
+            let data = lodashEs.get(evt, 'data'), dataLength, dataLimit, shouldAddToLast, insertIdx;
             data = i1.getValidJSON(data) || i1.xmlToJson(data) || data;
             // EVENT: ON_MESSAGE
-            value = initiateCallback(VARIABLE_CONSTANTS.EVENT.MESSAGE_RECEIVE, variable, data, evt);
+            const value = initiateCallback(VARIABLE_CONSTANTS.EVENT.MESSAGE_RECEIVE, variable, data, evt);
             data = i1.isDefined(value) ? value : data;
             if (this.shouldAppendData(variable)) {
                 variable.dataSet = variable.dataSet || [];
@@ -2549,11 +2550,16 @@
             variable._socketConnected = true;
             // EVENT: ON_OPEN
             initiateCallback(VARIABLE_CONSTANTS.EVENT.OPEN, variable, lodashEs.get(evt, 'data'), evt);
+            // Send initial request body if it exists and connectOnPageLoad is true
+            if (variable.startUpdate) {
+                const requestBody = lodashEs.get(variable, 'dataBinding.RequestBody');
+                if (requestBody) {
+                    setTimeout(() => {
+                        this.send(variable, requestBody);
+                    }, 0); // Using setTimeout to ensure connection is fully established
+                }
+            }
         }
-        /**
-         * clears the socket variable against the variable in a scope
-         * @param variable
-         */
         freeSocket(variable) {
             this.scope_var_socket_map.set(variable, undefined);
         }
@@ -2595,7 +2601,6 @@
             if (_socket) {
                 return _socket;
             }
-            // Trigger error if unsecured webSocket is used in secured domain, ignore in mobile device
             if (!CONSTANTS.hasCordova && i1.isInsecureContentRequest(url)) {
                 i1.triggerFn(this._onSocketError.bind(this, variable));
                 return;
@@ -2616,12 +2621,11 @@
          */
         open(variable, success, error) {
             const shouldOpen = this._onBeforeSocketOpen(variable);
-            let socket;
             if (shouldOpen === false) {
                 i1.triggerFn(error);
                 return;
             }
-            socket = this.getSocket(variable);
+            const socket = this.getSocket(variable);
             i1.triggerFn(success);
             return socket;
         }
@@ -2629,7 +2633,8 @@
          * closes an existing socket connection on variable
          */
         close(variable) {
-            const shouldClose = this._onBeforeSocketClose(variable), socket = this.getSocket(variable);
+            const shouldClose = this._onBeforeSocketClose(variable);
+            const socket = this.getSocket(variable);
             if (shouldClose === false) {
                 return;
             }
@@ -2643,15 +2648,28 @@
          */
         send(variable, message) {
             const socket = this.getSocket(variable);
-            let response;
+            if (!socket) {
+                console.error('WebSocket connection not established');
+                return;
+            }
             message = message || lodashEs.get(variable, 'dataBinding.RequestBody');
-            response = this._onBeforeSend(variable, message);
+            if (!message) {
+                console.warn('No message to send');
+                return;
+            }
+            const response = this._onBeforeSend(variable, message);
             if (response === false) {
                 return;
             }
             message = i1.isDefined(response) ? response : message;
             message = i1.isObject(message) ? JSON.stringify(message) : message;
-            socket.send(message, 0);
+            try {
+                socket.send(message, 0);
+            }
+            catch (error) {
+                console.error('Error sending message:', error);
+                this._onSocketError(variable, { data: error.message });
+            }
         }
     }