@wavemaker/app-ng-runtime 12.0.0-next.141131 → 12.0.0-next.141138

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            ]\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        navtype && 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":";;;;;;;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,eAAe,EACf,IAAI,GAAG,CACH;QACI,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,UAAU,EAAE,GAAG,WAAW,EAAC,CAAC;QAClD,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,WAAW,EAAC,CAAC;QAC5C,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAI,WAAW,EAAC,CAAC;QAC5C,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,WAAW,EAAC,CAAC;QAC/C,CAAC,MAAM,EAAE,WAAW,CAAC;AACxB,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;ACZK,MAAO,iBAAkB,SAAQ,cAAc,CAAA;AAQjD,IAAA,WAAA,CAAoB,SAA6B,EAAA;AAC7C,QAAA,KAAK,EAAE,CAAC;QADQ,IAAS,CAAA,SAAA,GAAT,SAAS,CAAoB;AAE7C,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;KACxD;IAEM,MAAM,CAAC,CAAC,EAAE,MAAM,EAAA;QACnB,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACxD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AACnD,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,mBAAmB,GAAG,GAAG,CAAC;YACnE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;SACvH;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;AAEzC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,OAAO;gBACH,QAAQ,EAAE,IAAI,CAAC,eAAe;gBAC9B,OAAO,EAAE,EAAE,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;aAC5C,CAAC;SACL;QACD,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,EAAE;YAC5C,MAAM,GAAG,KAAK,CAAC;SAClB;QACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,GAAG,GAAG,EAAE;YACpE,OAAO;AACH,gBAAA,MAAM,EAAE,IAAI;aACf,CAAC;SACL;QACD,OAAO;AACH,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,OAAO,EAAE,IAAI,CAAC,eAAe,GAAG,MAAM;SACzC,CAAC;KACL;IAEM,OAAO,GAAA;QACV,OAAO;YACH,GAAG,EAAE,IAAI,CAAC,MAAM;YAChB,OAAO,EAAE,IAAI,CAAC,mBAAmB;YACjC,OAAO,EAAE,IAAI,CAAC,eAAe;YAC7B,MAAM,EAAE,IAAI,CAAC,KAAK;YAClB,OAAO,EAAE,CAAC,GAAW,EAAE,CAAS,EAAE,GAAW,KAAI;AAC7C,gBAAA,IAAI,CAAC,GAAG,GAAG,EAAE;AACT,oBAAA,OAAO,GAAG,CAAC;iBACd;AACD,gBAAA,IAAI,CAAC,GAAG,GAAG,EAAE;AACT,oBAAA,OAAO,GAAG,CAAC;iBACd;AACD,gBAAA,OAAO,CAAC,CAAC;aACZ;SACJ,CAAC;KACL;IAEM,SAAS,GAAA;QACZ,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAC9C,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,EAAE;AACrD,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC5E,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,EAAE;gBAC5C,OAAO;AACH,oBAAA;AACI,wBAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;AAC7B,wBAAA,KAAK,EAAE;AACH,4BAAA,WAAW,EAAE,uEAAuE;AACvF,yBAAA;AACJ,qBAAA;AACD,oBAAA;AACI,wBAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;AAC9B,wBAAA,KAAK,EAAE;AACH,4BAAA,WAAW,EAAE,wDAAwD;AACrE,4BAAA,OAAO,EAAE,8BAA8B;AACvC,4BAAA,SAAS,EAAE,GAAG;AACjB,yBAAA;AACJ,qBAAA;iBACJ,CAAC;aACL;YACD,OAAO;AACH,gBAAA;AACI,oBAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;AAC7B,oBAAA,KAAK,EAAE;AACH,wBAAA,WAAW,EAAE,0BAA0B;AACvC,wBAAA,SAAS,EAAE,CAAC;AACZ,wBAAA,SAAS,EAAE,GAAG;AACjB,qBAAA;AACJ,iBAAA;AACD,gBAAA;AACI,oBAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK;AAC9B,oBAAA,KAAK,EAAE;AACH,wBAAA,WAAW,EAAE,6EAA6E;AAC1F,wBAAA,SAAS,EAAE,CAAC;AACZ,wBAAA,SAAS,EAAE,GAAG;AACjB,qBAAA;AACJ,iBAAA;aAAC,CAAC;SACV;aAAM;YACH,OAAO;AACH,gBAAA,WAAW,EAAE,kFAAkF;AAC/F,gBAAA,SAAS,EAAE,CAAC;AACZ,gBAAA,SAAS,EAAE,GAAG;aACjB,CAAC;SACL;KACJ;IAEM,OAAO,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,QAAA,UAAU,EAAE,CAAC;KAChB;IAEM,OAAO,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;AACvB,QAAA,UAAU,EAAE,CAAC;KAChB;IAEO,eAAe,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB;;AAEG;YACH,UAAU,CAAC,MAAK;AACZ,gBAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC;AACxB,oBAAA,WAAW,EAAE,EAAE;AACf,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,OAAO,EAAE,EAAE;AACd,iBAAA,CAAC,CAAC;aACN,EAAE,GAAG,CAAC,CAAC;SACX;KACJ;AACJ;;ACvID,MAAM,WAAW,GAAG,qCAAqC,CAAC;AAC1D,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,WAAW;CACzB,CAAC;IAEU,cAGX;AAHD,CAAA,UAAY,aAAa,EAAA;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAC7B,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA,CAAA;AASK,MAAO,kBAAmB,SAAQ,iBAAiB,CAAA;AAC9C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB,EAAA;;AAezC,IAAA,WAAA,CAAmB,GAAQ,EAAsB,IAAmB,EAAsB,MAAuB,EAAE,GAAa,EAAE,MAAc,EAA0C,eAAoB,EAAyB,OAAe,EAAA;AAClP,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;QAD5B,IAAG,CAAA,GAAA,GAAH,GAAG,CAAK;QAAsB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAe;QAAsB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAiB;QAE7G,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAC9D,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC;QACvF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,gCAAgC,CAAC,CAAC;AAC1D,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SAC1D;AACD,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,uBAAuB,EAAE;AAClC,YAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC;SAC5D;QACD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAG;AAC9C,YAAA,IAAI,CAAC,YAAY,eAAe,EAAE;gBAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;aACnB;AACL,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,uBAAuB,CAAC,MAAM,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC;AAChE,QAAA,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;KAC3D;IAEM,QAAQ,GAAA;AACX,QAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;QAClD,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,sBAAsB,EAAE,qBAAqB,CAAC,CAAC;AAC/E,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,UAAU,CAAC,MAAK;AACZ,gBAAA,MAAM,aAAa,GAAG,CAAC,CAAC,oBAAoB,CAAC,CAAC;AAC9C,gBAAA,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;gBAC7C,aAAa,CAAC,KAAK,EAAE,CAAC;aACzB,EAAE,EAAE,CAAC,CAAC;SACV;QACD,IAAI,QAAQ,EAAE,EAAE;AACZ,YAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;SAC1C;AACD,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,QAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,gCAAgC,EAAE,+BAA+B,CAAC,CAAC;QAC9F,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,EAAE;AAC3C,YAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;AACnE,YAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SAClE;AACD,QAAA,IAAI,IAAI,CAAC,8BAA8B,EAAE;YACrC,IAAI,CAAC,8BAA8B,EAAE,CAAC;SACzC;QACD,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC;KACpF;IAEM,MAAM,GAAA;AACT,QAAA,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAC1C,QAAA,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;QACrD,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AAC/E,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,uBAAuB,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,CAAC,EAAE;AAClF,YAAA,IAAI,CAAC,8BAA8B,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;SACxE;AACD,QAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,+BAA+B,EAAE,gCAAgC,CAAC,CAAC;QAC9F,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,EAAE;AAC3C,YAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC7D,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SAC5D;QACD,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAC/E,QAAA,CAAC,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,CAAE,CAAC,CAAC;QAClE,MAAM,iBAAiB,GAAG,4BAA4B,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAC3E,QAAA,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACnD,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7E,UAAU,CAAC,MAAK;AACZ,YAAA,CAAC,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC;SACpC,EAAE,EAAE,CAAC,CAAC;QACP,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,KAAI;YAC7C,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;aACnB;AACL,SAAC,CAAC,CAAC;QACH,CAAC,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,KAAI;AAC5C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;aACnB;AACL,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,KAAI;AAClC,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;aACnB;AACL,SAAC,CAAC,CAAC;KACN;IAEM,iBAAiB,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC;KACjC;IAEM,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;AAEM,IAAA,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAA;QAC/B,QAAQ,GAAG;AACP,YAAA,KAAK,WAAW;AACZ,gBAAA,IAAI,EAAE,KAAK,aAAa,CAAC,QAAQ,EAAE;oBAC/B,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,iCAAiC,CAAC,CAAC;oBAC9D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,+BAA+B,CAAC,CAAC;AACzD,oBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC7D,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;iBAC5D;AAAM,qBAAA,IAAI,EAAE,KAAK,aAAa,CAAC,UAAU,EAAE;oBACxC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,+BAA+B,CAAC,CAAC;oBAC5D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,iCAAiC,CAAC,CAAC;iBAC9D;gBACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBACtD,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gBACxC,MAAM;AACV,YAAA,KAAK,aAAa;AACd,gBAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC7C,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,EAAE;AAC3C,oBAAA,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;iBACtD;gBACD,MAAM;AACV,YAAA,KAAK,UAAU;gBACX,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC;gBAC3D,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,sBAAsB,EAAE,CAAC,EAAE,CAAC,CAAC;gBAC7D,MAAM;AACV,YAAA,KAAK,eAAe;gBAChB,IAAI,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,EAAE;oBAC3C,IAAI,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;iBAChD;gBACD,MAAM;AACV,YAAA;gBACI,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;SAC3C;KACJ;IAEO,MAAM,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,uBAAuB,EAAE;YAClC,UAAU,CAAC,MAAK;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;aACnD,EAAE,EAAE,CAAC,CAAC;SACV;aAAM;AACH,YAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;SACvE;KACJ;IAEO,uBAAuB,GAAA;QAC3B,MAAM,SAAS,GAAG,qBAAqB,CAAC;QACxC,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,MAAK;YACzB,SAAS,GAAG,IAAI,CAAC;AACrB,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,MAAK;YAC1B,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;aACjB;YACD,SAAS,GAAG,KAAK,CAAC;AACtB,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC9B,SAAC,CAAC;KACL;AAEO,IAAA,iBAAiB,CAAC,OAAiB,EAAE,MAAc,EAAE,MAAe,EAAA;AACxE,QAAA,OAAO,CAAC,OAAO,CAAC,MAAM,IAAG;YACrB,IAAI,MAAM,EAAE;gBACR,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAO,IAAA,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,CAAE,CAAA,CAAC,CAAC;aAC3D;YACD,IAAI,MAAM,EAAE;gBACR,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,CAAO,IAAA,EAAA,MAAM,CAAI,CAAA,EAAA,MAAM,CAAE,CAAA,CAAC,CAAC;aAC9D;AACL,SAAC,CAAC,CAAC;KACN;AAEO,IAAA,uBAAuB,CAAC,OAAiB,EAAE,MAAc,EAAE,MAAe,EAAA;AAC9E,QAAA,OAAO,CAAC,OAAO,CAAC,MAAM,IAAG;YACrB,IAAI,MAAM,EAAE;AACR,gBAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAwB,qBAAA,EAAA,MAAM,IAAI,EAAE,GAAG,MAAM,CAAA,CAAE,CAAC,CAAC;aAC5E;YACD,IAAI,MAAM,EAAE;AACR,gBAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAwB,qBAAA,EAAA,MAAM,IAAI,EAAE,GAAG,MAAM,CAAA,CAAE,CAAC,CAAC;aAC/E;AACL,SAAC,CAAC,CAAC;KACN;mFAhMQ,kBAAkB,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,GAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,eAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAgB+H,kBAAkB,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,iBAAA,CAA+C,UAAU,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAhB5N,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,IAAA,EAAA,kBAAkB,EALhB,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,aAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,kBAAkB,CAAC;AACzC,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAGQ,kBAAkB,EAAA,CAAA;cAP9B,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EAAE,eAAe;AACzB,gBAAA,SAAS,EAAE;AACP,oBAAA,kBAAkB,CAAoB,kBAAA,CAAA;AACzC,iBAAA;AACD,gBAAA,QAAQ,EAAE,aAAa;AAC1B,aAAA,CAAA;;sBAiBiC,QAAQ;;sBAAiC,QAAQ;;sBAAoE,MAAM;uBAAC,kBAAkB,CAAA;;sBAAG,QAAQ;;sBAA0B,SAAS;uBAAC,UAAU,CAAA;;;ACrCzO,MAAM,UAAU,GAAG;IACf,kBAAkB;CACrB,CAAC;MAUW,eAAe,CAAA;gFAAf,eAAe,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAf,eAAe,EAAA,CAAA,CAAA,EAAA;uEANpB,YAAY;YACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAKb,eAAe,EAAA,CAAA;cAR3B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACN,gBAAA,OAAO,EAAE;oBACL,YAAY;oBACZ,kBAAkB;AACrB,iBAAA;AACD,gBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,gBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,aAAA,CAAA;;wFACY,eAAe,EAAA,EAAA,YAAA,EAAA,CAXxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAKd,YAAY;AACZ,QAAA,kBAAkB,aANtB,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACRtB;;AAEG;;;;"}
+{"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 {Directive, Inject, Injector, Optional} from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\n\nimport {App, addClass, removeClass, switchClass, toggleClass, isMobile } 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) {\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    }\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);
     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; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LeftPanelDirective, "[wmLeftPanel]", ["wmLeftPanel"], {}, {}, never, never, false, never>;
 }

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

@@ -29,7 +29,8 @@
             ['columnwidth', base.PROP_NUMBER],
             ['content', base.PROP_STRING],
             ['name', base.PROP_STRING],
-            ['hint', base.PROP_STRING]
+            ['hint', base.PROP_STRING],
+            ['arialabel', base.PROP_STRING]
         ]));
     };
 
@@ -40,10 +41,9 @@
     };
     class RightPanelDirective extends base.StylableComponent {
         static { this.initializeProps = registerProps(); }
-        constructor(inj, explicitContext, navtype) {
+        constructor(inj, explicitContext) {
             super(inj, WIDGET_CONFIG, explicitContext);
             base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
-            navtype && this.$element.addClass(core.getNavClass(navtype));
         }
         onPropertyChange(key, nv, ov) {
             if (key === 'columnwidth') {
@@ -53,7 +53,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)); }; }
         static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(RightPanelDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
@@ -72,9 +72,6 @@
                     args: ['EXPLICIT_CONTEXT']
                 }, {
                     type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['nav-type']
                 }] }], null); })();
 
     const components = [

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

@@ -1,5 +1,5 @@
-import { Attribute, Directive, Inject, Injector, Optional } from '@angular/core';
-import { getNavClass, switchClass } from '@wm/core';
+import { Directive, Inject, Injector, Optional } from '@angular/core';
+import { switchClass } from '@wm/core';
 import { APPLY_STYLES_TYPE, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';
 import { registerProps } from './right-panel.props';
 import * as i0 from "@angular/core";
@@ -10,10 +10,9 @@ const WIDGET_CONFIG = {
 };
 export class RightPanelDirective extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj, explicitContext, navtype) {
+    constructor(inj, explicitContext) {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
-        navtype && this.$element.addClass(getNavClass(navtype));
     }
     onPropertyChange(key, nv, ov) {
         if (key === 'columnwidth') {
@@ -23,7 +22,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)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(RightPanelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -42,8 +41,5 @@ export class RightPanelDirective extends StylableComponent {
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['nav-type']
             }] }], null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL3BhZ2UvcmlnaHQtcGFuZWwvc3JjL3JpZ2h0LXBhbmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUMsV0FBVyxFQUFFLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQWlCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFcEQsTUFBTSxXQUFXLEdBQUcsaUJBQWlCLENBQUM7QUFDdEMsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxnQkFBZ0I7SUFDNUIsU0FBUyxFQUFFLFdBQVc7Q0FDekIsQ0FBQztBQVNGLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxpQkFBaUI7YUFDL0Msb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFDekMsWUFBWSxHQUFhLEVBQTBDLGVBQW9CLEVBQXlCLE9BQWU7UUFDM0gsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFFM0MsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlELE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsR0FBVyxFQUFFLEVBQU8sRUFBRSxFQUFRO1FBQzNDLElBQUksR0FBRyxLQUFLLGFBQWEsRUFBRSxDQUFDO1lBQ3hCLFdBQVcsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMvRSxDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDO29GQWZRLG1CQUFtQiwwREFFTyxrQkFBa0IsMkJBQStDLFVBQVU7b0VBRnJHLG1CQUFtQixzR0FMakI7Z0JBQ1Asa0JBQWtCLENBQUMsbUJBQW1CLENBQUM7YUFDMUM7O2lGQUdRLG1CQUFtQjtjQVAvQixTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsU0FBUyxFQUFFO29CQUNQLGtCQUFrQixxQkFBcUI7aUJBQzFDO2dCQUNELFFBQVEsRUFBRSxjQUFjO2FBQzNCOztzQkFHK0IsTUFBTTt1QkFBQyxrQkFBa0I7O3NCQUFHLFFBQVE7O3NCQUEwQixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0F0dHJpYnV0ZSwgRGlyZWN0aXZlLCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7Z2V0TmF2Q2xhc3MsIHN3aXRjaENsYXNzfSBmcm9tICdAd20vY29yZSc7XG5cbmltcG9ydCB7IEFQUExZX1NUWUxFU19UWVBFLCBJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXNXaWRnZXRSZWYsIFN0eWxhYmxlQ29tcG9uZW50LCBzdHlsZXIgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7IHJlZ2lzdGVyUHJvcHMgfSBmcm9tICcuL3JpZ2h0LXBhbmVsLnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLXJpZ2h0LXBhbmVsJztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLXJpZ2h0LXBhbmVsJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3bVJpZ2h0UGFuZWxdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKFJpZ2h0UGFuZWxEaXJlY3RpdmUpXG4gICAgXSxcbiAgICBleHBvcnRBczogJ3dtUmlnaHRQYW5lbCdcbn0pXG5leHBvcnQgY2xhc3MgUmlnaHRQYW5lbERpcmVjdGl2ZSBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSwgQEF0dHJpYnV0ZSgnbmF2LXR5cGUnKSBuYXZ0eXBlOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgICAgIG5hdnR5cGUgJiYgdGhpcy4kZWxlbWVudC5hZGRDbGFzcyhnZXROYXZDbGFzcyhuYXZ0eXBlKSk7XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2NvbHVtbndpZHRoJykge1xuICAgICAgICAgICAgc3dpdGNoQ2xhc3ModGhpcy5uYXRpdmVFbGVtZW50LCBgY29sLXNtLSR7bnZ9YCwgb3YgPyBgIGNvbC1zbS0ke292fWAgOiAnJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL3BhZ2UvcmlnaHQtcGFuZWwvc3JjL3JpZ2h0LXBhbmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFFckMsT0FBTyxFQUFFLGlCQUFpQixFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0SCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBRXBELE1BQU0sV0FBVyxHQUFHLGlCQUFpQixDQUFDO0FBQ3RDLE1BQU0sYUFBYSxHQUFrQjtJQUNqQyxVQUFVLEVBQUUsZ0JBQWdCO0lBQzVCLFNBQVMsRUFBRSxXQUFXO0NBQ3pCLENBQUM7QUFTRixNQUFNLE9BQU8sbUJBQW9CLFNBQVEsaUJBQWlCO2FBQy9DLG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBQ3pDLFlBQVksR0FBYSxFQUEwQyxlQUFvQjtRQUNuRixLQUFLLENBQUMsR0FBRyxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUUzQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLEVBQUUsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLEdBQVcsRUFBRSxFQUFPLEVBQUUsRUFBUTtRQUMzQyxJQUFJLEdBQUcsS0FBSyxhQUFhLEVBQUUsQ0FBQztZQUN4QixXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDL0UsQ0FBQzthQUFNLENBQUM7WUFDSixLQUFLLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN4QyxDQUFDO0lBQ0wsQ0FBQztvRkFkUSxtQkFBbUIsMERBRU8sa0JBQWtCO29FQUY1QyxtQkFBbUIsc0dBTGpCO2dCQUNQLGtCQUFrQixDQUFDLG1CQUFtQixDQUFDO2FBQzFDOztpRkFHUSxtQkFBbUI7Y0FQL0IsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFNBQVMsRUFBRTtvQkFDUCxrQkFBa0IscUJBQXFCO2lCQUMxQztnQkFDRCxRQUFRLEVBQUUsY0FBYzthQUMzQjs7c0JBRytCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtzd2l0Y2hDbGFzc30gZnJvbSAnQHdtL2NvcmUnO1xuXG5pbXBvcnQgeyBBUFBMWV9TVFlMRVNfVFlQRSwgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9yaWdodC1wYW5lbC5wcm9wcyc7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1yaWdodC1wYW5lbCc7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1yaWdodC1wYW5lbCcsXG4gICAgaG9zdENsYXNzOiBERUZBVUxUX0NMU1xufTtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbd21SaWdodFBhbmVsXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihSaWdodFBhbmVsRGlyZWN0aXZlKVxuICAgIF0sXG4gICAgZXhwb3J0QXM6ICd3bVJpZ2h0UGFuZWwnXG59KVxuZXhwb3J0IGNsYXNzIFJpZ2h0UGFuZWxEaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgfVxuXG4gICAgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y/OiBhbnkpIHtcbiAgICAgICAgaWYgKGtleSA9PT0gJ2NvbHVtbndpZHRoJykge1xuICAgICAgICAgICAgc3dpdGNoQ2xhc3ModGhpcy5uYXRpdmVFbGVtZW50LCBgY29sLXNtLSR7bnZ9YCwgb3YgPyBgIGNvbC1zbS0ke292fWAgOiAnJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

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

@@ -5,7 +5,8 @@ export const registerProps = () => {
         ['columnwidth', PROP_NUMBER],
         ['content', PROP_STRING],
         ['name', PROP_STRING],
-        ['hint', PROP_STRING]
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
     ]));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvcGFnZS9yaWdodC1wYW5lbC9zcmMvcmlnaHQtcGFuZWwucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osZ0JBQWdCLEVBQ2hCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztLQUN4QixDQUNKLENBQ0osQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXIgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuZXhwb3J0IGNvbnN0IHJlZ2lzdGVyUHJvcHMgPSAoKSA9PiB7XG4gICAgcmVnaXN0ZXIoXG4gICAgICAgICd3bS1yaWdodC1wYW5lbCcsXG4gICAgICAgIG5ldyBNYXAoXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgICAgWydjbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2NvbHVtbndpZHRoJywgUFJPUF9OVU1CRVJdLFxuICAgICAgICAgICAgICAgIFsnY29udGVudCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtcGFuZWwucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvcGFnZS9yaWdodC1wYW5lbC9zcmMvcmlnaHQtcGFuZWwucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFdkUsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osZ0JBQWdCLEVBQ2hCLElBQUksR0FBRyxDQUNIO1FBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLFNBQVMsRUFBRSxXQUFXLENBQUM7UUFDeEIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7S0FDN0IsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfTlVNQkVSLCBQUk9QX1NUUklORywgcmVnaXN0ZXJ9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXJpZ2h0LXBhbmVsJyxcbiAgICAgICAgbmV3IE1hcChcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnY29sdW1ud2lkdGgnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgICAgICAgICAgWydjb250ZW50JywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydhcmlhbGFiZWwnLCBQUk9QX1NUUklOR11cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Directive, Inject, Optional, Attribute, NgModule } from '@angular/core';
+import { Directive, Inject, Optional, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PROP_STRING, PROP_NUMBER, register, StylableComponent, APPLY_STYLES_TYPE, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
-import { getNavClass, switchClass } from '@wm/core';
+import { switchClass } from '@wm/core';
 
 const registerProps = () => {
     register('wm-right-panel', new Map([
@@ -10,7 +10,8 @@ const registerProps = () => {
         ['columnwidth', PROP_NUMBER],
         ['content', PROP_STRING],
         ['name', PROP_STRING],
-        ['hint', PROP_STRING]
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
     ]));
 };
 
@@ -21,10 +22,9 @@ const WIDGET_CONFIG = {
 };
 class RightPanelDirective extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj, explicitContext, navtype) {
+    constructor(inj, explicitContext) {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
-        navtype && this.$element.addClass(getNavClass(navtype));
     }
     onPropertyChange(key, nv, ov) {
         if (key === 'columnwidth') {
@@ -34,7 +34,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)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: RightPanelDirective, selectors: [["", "wmRightPanel", ""]], exportAs: ["wmRightPanel"], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(RightPanelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -53,9 +53,6 @@ class RightPanelDirective extends StylableComponent {
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['nav-type']
             }] }], 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            ]\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        navtype && 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 {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport {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) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\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

@@ -3,8 +3,8 @@ import { StylableComponent } from '@wm/components/base';
 import * as i0 from "@angular/core";
 export declare class RightPanelDirective extends StylableComponent {
     static initializeProps: void;
-    constructor(inj: Injector, explicitContext: any, navtype: string);
+    constructor(inj: Injector, explicitContext: any);
     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; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RightPanelDirective, "[wmRightPanel]", ["wmRightPanel"], {}, {}, never, never, false, never>;
 }

app-ng-runtime/components/page/top-nav/bundles/index.umd.js

@@ -27,7 +27,8 @@
         base.register('wm-top-nav', new Map([
             ['name', base.PROP_STRING],
             ['content', base.PROP_STRING],
-            ['hint', base.PROP_STRING]
+            ['hint', base.PROP_STRING],
+            ['arialabel', base.PROP_STRING]
         ]));
     };
 

app-ng-runtime/components/page/top-nav/esm2022/top-nav.props.mjs

@@ -3,7 +3,8 @@ export const registerProps = () => {
     register('wm-top-nav', new Map([
         ['name', PROP_STRING],
         ['content', PROP_STRING],
-        ['hint', PROP_STRING]
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
     ]));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLW5hdi5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9wYWdlL3RvcC1uYXYvc3JjL3RvcC1uYXYucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU1RCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixZQUFZLEVBQ1osSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDO1FBQ3hCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztLQUN4QixDQUNKLENBQ0osQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBST1BfU1RSSU5HLCByZWdpc3RlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXRvcC1uYXYnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2NvbnRlbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddXG4gICAgICAgICAgICBdXG4gICAgICAgIClcbiAgICApO1xufTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLW5hdi5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9wYWdlL3RvcC1uYXYvc3JjL3RvcC1uYXYucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFdBQVcsRUFBRSxRQUFRLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUUxRCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixZQUFZLEVBQ1osSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDO1FBQ3hCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7S0FDN0IsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfU1RSSU5HLCByZWdpc3Rlcn0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tdG9wLW5hdicsXG4gICAgICAgIG5ldyBNYXAoXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgICAgWyduYW1lJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnY29udGVudCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydhcmlhbGFiZWwnLCBQUk9QX1NUUklOR11cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19

app-ng-runtime/components/page/top-nav/fesm2022/index.mjs

@@ -7,7 +7,8 @@ const registerProps = () => {
     register('wm-top-nav', new Map([
         ['name', PROP_STRING],
         ['content', PROP_STRING],
-        ['hint', PROP_STRING]
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
     ]));
 };
 

app-ng-runtime/components/page/top-nav/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/top-nav/src/top-nav.props.ts","../../../../../projects/components/widgets/page/top-nav/src/top-nav.directive.ts","../../../../../projects/components/widgets/page/top-nav/src/top-nav.module.ts","../../../../../projects/components/widgets/page/top-nav/src/index.ts"],"sourcesContent":["import { PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-top-nav',\n        new Map(\n            [\n                ['name', PROP_STRING],\n                ['content', PROP_STRING],\n                ['hint', PROP_STRING]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './top-nav.props';\n\nconst DEFAULT_CLS = 'app-top-nav';\nconst WIDGET_CONFIG = {widgetType: 'wm-top-nav', hostClass: DEFAULT_CLS};\n\n@Directive({\n    selector: '[wmTopNav]',\n    providers: [\n        provideAsWidgetRef(TopNavDirective)\n    ],\n    exportAs: 'wmTopNav'\n})\nexport class TopNavDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { TopNavDirective } from './top-nav.directive';\n\nconst components = [\n    TopNavDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class TopNavModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,YAAY,EACZ,IAAI,GAAG,CACH;QACI,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,MAAM,EAAE,WAAW,CAAC;AACxB,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;ACRD,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,aAAa,GAAG,EAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;AASnE,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AAC3C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB,EAAA;IAEzC,WAAY,CAAA,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;AAE3C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KACpC;AAPQ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,uBAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,eAAe,0DAGW,kBAAkB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAH5C,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,IAAA,EAAA,eAAe,EALb,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,UAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,eAAe,CAAC;AACtC,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAGQ,eAAe,EAAA,CAAA;cAP3B,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EAAE,YAAY;AACtB,gBAAA,SAAS,EAAE;AACP,oBAAA,kBAAkB,CAAiB,eAAA,CAAA;AACtC,iBAAA;AACD,gBAAA,QAAQ,EAAE,UAAU;AACvB,aAAA,CAAA;;sBAI+B,MAAM;uBAAC,kBAAkB,CAAA;;sBAAG,QAAQ;;;ACXpE,MAAM,UAAU,GAAG;IACf,eAAe;CAClB,CAAC;MAUW,YAAY,CAAA;6EAAZ,YAAY,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;uEANjB,YAAY;YACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAKb,YAAY,EAAA,CAAA;cARxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACN,gBAAA,OAAO,EAAE;oBACL,YAAY;oBACZ,kBAAkB;AACrB,iBAAA;AACD,gBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,gBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAXrB,eAAe,CAAA,EAAA,OAAA,EAAA,CAKX,YAAY;AACZ,QAAA,kBAAkB,aANtB,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACRnB;;AAEG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/page/top-nav/src/top-nav.props.ts","../../../../../projects/components/widgets/page/top-nav/src/top-nav.directive.ts","../../../../../projects/components/widgets/page/top-nav/src/top-nav.module.ts","../../../../../projects/components/widgets/page/top-nav/src/index.ts"],"sourcesContent":["import {PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-top-nav',\n        new Map(\n            [\n                ['name', PROP_STRING],\n                ['content', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './top-nav.props';\n\nconst DEFAULT_CLS = 'app-top-nav';\nconst WIDGET_CONFIG = {widgetType: 'wm-top-nav', hostClass: DEFAULT_CLS};\n\n@Directive({\n    selector: '[wmTopNav]',\n    providers: [\n        provideAsWidgetRef(TopNavDirective)\n    ],\n    exportAs: 'wmTopNav'\n})\nexport class TopNavDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { TopNavDirective } from './top-nav.directive';\n\nconst components = [\n    TopNavDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class TopNavModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,YAAY,EACZ,IAAI,GAAG,CACH;QACI,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;AAC7B,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;ACTD,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,MAAM,aAAa,GAAG,EAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;AASnE,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;AAC3C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB,EAAA;IAEzC,WAAY,CAAA,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;AAE3C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KACpC;AAPQ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,uBAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,eAAe,0DAGW,kBAAkB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAH5C,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,IAAA,EAAA,eAAe,EALb,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,UAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,eAAe,CAAC;AACtC,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAGQ,eAAe,EAAA,CAAA;cAP3B,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EAAE,YAAY;AACtB,gBAAA,SAAS,EAAE;AACP,oBAAA,kBAAkB,CAAiB,eAAA,CAAA;AACtC,iBAAA;AACD,gBAAA,QAAQ,EAAE,UAAU;AACvB,aAAA,CAAA;;sBAI+B,MAAM;uBAAC,kBAAkB,CAAA;;sBAAG,QAAQ;;;ACXpE,MAAM,UAAU,GAAG;IACf,eAAe;CAClB,CAAC;MAUW,YAAY,CAAA;6EAAZ,YAAY,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;uEANjB,YAAY;YACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAKb,YAAY,EAAA,CAAA;cARxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACN,gBAAA,OAAO,EAAE;oBACL,YAAY;oBACZ,kBAAkB;AACrB,iBAAA;AACD,gBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,gBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CAXrB,eAAe,CAAA,EAAA,OAAA,EAAA,CAKX,YAAY;AACZ,QAAA,kBAAkB,aANtB,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACRnB;;AAEG;;;;"}

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

@@ -49,7 +49,6 @@
        FormWidgetType["TIMESTAMP"] = "timestamp";
        FormWidgetType["TYPEAHEAD"] = "typeahead";
        FormWidgetType["UPLOAD"] = "upload";
-       FormWidgetType["CUSTOM"] = "custom";
    })(exports.FormWidgetType || (exports.FormWidgetType = {}));
    exports.DataType = void 0;
    (function (DataType) {
@@ -126,7 +125,7 @@
                tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${showTmpl}></ul>`;
                break;
            case exports.FormWidgetType.CHIPS:
-               tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></ul>`;
+               tmpl = `<ul wmChips debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></ul>`;
                break;
            case exports.FormWidgetType.COLORPICKER:
                tmpl = `<div wmColorPicker ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></div>`;
@@ -141,10 +140,10 @@
                tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
                break;
            case exports.FormWidgetType.NUMBER:
-               tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" aria-label="Only numbers" ${updateOnTmpl} ${showTmpl}></div>`;
+               tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" ${updateOnTmpl} ${showTmpl}></div>`;
                break;
            case exports.FormWidgetType.PASSWORD:
-               tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" aria-label="Enter password" ${updateOnTmpl} ${showTmpl}></wm-input>`;
+               tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" ${updateOnTmpl} ${showTmpl}></wm-input>`;
                break;
            case exports.FormWidgetType.RADIOSET:
                tmpl = `<ul role="radiogroup" wmRadioset ${innerTmpl} ${showTmpl}></ul>`;
@@ -159,7 +158,7 @@
                tmpl = `<wm-select ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></wm-select>`;
                break;
            case exports.FormWidgetType.TOGGLE:
-               tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" role="checkbox" aria-label="Toggle button" ${showTmpl}></div>`;
+               tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" ${showTmpl}></div>`;
                break;
            case exports.FormWidgetType.SLIDER:
                tmpl = `<div wmSlider ${innerTmpl} ${showTmpl}></div>`;
@@ -172,16 +171,13 @@
                tmpl = `<wm-input ${innerTmpl}  ${attrs.get('required') === 'true' ? 'required=true' : ''} type="${attrs.get(inputType) || 'text'}" ${updateOnTmpl} ${showTmpl}></wm-input>`;
                break;
            case exports.FormWidgetType.TEXTAREA:
-               tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} role="textbox" ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
+               tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
                break;
            case exports.FormWidgetType.TIME:
                tmpl = `<div wmTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
                break;
            case exports.FormWidgetType.TIMESTAMP:
-               tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} role="input" ${showTmpl}></div>`;
-               break;
-           case exports.FormWidgetType.CUSTOM:
-               tmpl = `<div wmWidgetContainer customWidgetContainer ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></div>`;
+               tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
                break;
            case exports.FormWidgetType.UPLOAD:
                const counter = options.counter;
@@ -233,8 +229,6 @@
                return 'wm-richtexteditor';
            case exports.FormWidgetType.SLIDER:
                return 'wm-slider';
-           case exports.FormWidgetType.CUSTOM:
-               return 'wm-custom-widget';
            default:
                return 'wm-text';
        }
@@ -2319,7 +2313,6 @@
        ComponentType[ComponentType["PAGE"] = 0] = "PAGE";
        ComponentType[ComponentType["PREFAB"] = 1] = "PREFAB";
        ComponentType[ComponentType["PARTIAL"] = 2] = "PARTIAL";
-       ComponentType[ComponentType["WIDGET"] = 3] = "WIDGET";
    })(exports.ComponentType || (exports.ComponentType = {}));
    class IDataSource {
    }
@@ -2392,8 +2385,6 @@
    }
    class PartialRefProvider {
    }
-   class CustomWidgetRefProvider {
-   }
 
    const userAgent = window.navigator.userAgent;
    const REGEX = {
@@ -2403,7 +2394,6 @@
        IPOD: /iPod/i,
        IPAD: /iPad/i,
        MAC: /Mac/i,
-       MACINTEL: /MacIntel/i,
        ANDROID_TABLET: /android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i,
        MOBILE: /Mobile/i,
        WINDOWS: /Windows Phone/i,
@@ -2433,14 +2423,6 @@
    const NUMBER_TYPES = ['int', exports.DataType.INTEGER, exports.DataType.FLOAT, exports.DataType.DOUBLE, exports.DataType.LONG, exports.DataType.SHORT, exports.DataType.BYTE, exports.DataType.BIG_INTEGER, exports.DataType.BIG_DECIMAL];
    const now = new Date();
    const CURRENT_DATE = 'CURRENT_DATE';
-   const getNavClass = (suffix) => {
-       const APP_NAV_CLASS_PREFIX = 'app-nav-';
-       return APP_NAV_CLASS_PREFIX + suffix;
-   };
-   const getSheetPositionClass = (suffix) => {
-       const SHEET_POSITION_CLASS_PREFIX = 'sheet-position-';
-       return SHEET_POSITION_CLASS_PREFIX + suffix;
-   };
    const isDefined = v => 'undefined' !== typeof v;
    const isObject = v => null !== v && 'object' === typeof v;
    const toBoolean = (val, identity) => ((val && val !== 'false') ? true : (identity ? val === identity : false));
@@ -2455,9 +2437,10 @@
    const isIphone = () => REGEX.IPHONE.test(userAgent);
    const isIpod = () => REGEX.IPOD.test(userAgent);
    const isIpad = () => {
-       return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && (REGEX.MAC.test(window.navigator.platform) || REGEX.MACINTEL.test(window.navigator.platform)));
+       return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
    };
    const isIos = () => isIphone() || isIpod() || isIpad();
+   const isSafari = () => navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1;
    const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
        const width = landScapeWidth || '1366px';
        const height = landScapeHeight || '1024px';
@@ -2679,7 +2662,7 @@
        if (format === 'UTC') {
            return new Date(dateObj).toISOString();
        }
-       if (timeZone) {
+       if (timeZone && timeZone !== moment.defaultZone?.name) {
            const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
            if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
                return moment(dateObj).format(momentFormat);
@@ -3888,11 +3871,9 @@
        getFormattedDate: getFormattedDate,
        getMomentLocaleObject: getMomentLocaleObject,
        getNativeDateObject: getNativeDateObject,
-       getNavClass: getNavClass,
        getResourceURL: getResourceURL,
        getRouteNameFromLink: getRouteNameFromLink,
        getSessionStorageItem: getSessionStorageItem,
-       getSheetPositionClass: getSheetPositionClass,
        getUrlParams: getUrlParams,
        getValidDateObject: getValidDateObject,
        getValidJSON: getValidJSON,
@@ -3925,6 +3906,7 @@
        isNumberType: isNumberType,
        isObject: isObject,
        isPageable: isPageable,
+       isSafari: isSafari,
        isTablet: isTablet,
        isValidWebURL: isValidWebURL,
        isVideoFile: isVideoFile,
@@ -5211,7 +5193,6 @@
    exports.CoreModule = CoreModule;
    exports.CustomIconsLoaderService = CustomIconsLoaderService;
    exports.CustomPipeManager = CustomPipeManager;
-   exports.CustomWidgetRefProvider = CustomWidgetRefProvider;
    exports.DataSource = DataSource;
    exports.DynamicComponentRefProvider = DynamicComponentRefProvider;
    exports.EventNotifier = EventNotifier;
@@ -5275,14 +5256,12 @@
    exports.getFormattedDate = getFormattedDate;
    exports.getMomentLocaleObject = getMomentLocaleObject;
    exports.getNativeDateObject = getNativeDateObject;
-   exports.getNavClass = getNavClass;
    exports.getNgModelAttr = getNgModelAttr;
    exports.getRequiredFormWidget = getRequiredFormWidget;
    exports.getResourceURL = getResourceURL;
    exports.getRouteNameFromLink = getRouteNameFromLink;
    exports.getRowActionAttrs = getRowActionAttrs;
    exports.getSessionStorageItem = getSessionStorageItem;
-   exports.getSheetPositionClass = getSheetPositionClass;
    exports.getUrlParams = getUrlParams;
    exports.getValidDateObject = getValidDateObject;
    exports.getValidJSON = getValidJSON;
@@ -5320,6 +5299,7 @@
    exports.isNumberType = isNumberType;
    exports.isObject = isObject;
    exports.isPageable = isPageable;
+   exports.isSafari = isSafari;
    exports.isValidWebURL = isValidWebURL;
    exports.isVideoFile = isVideoFile;
    exports.loadScript = loadScript;

app-ng-runtime/core/enums/enums.d.ts

@@ -21,8 +21,7 @@ export declare enum FormWidgetType {
     TIME = "time",
     TIMESTAMP = "timestamp",
     TYPEAHEAD = "typeahead",
-    UPLOAD = "upload",
-    CUSTOM = "custom"
+    UPLOAD = "upload"
 }
 export declare enum DataType {
     INTEGER = "integer",