@wavemaker/app-ng-runtime 11.8.0-next.141669 → 11.8.0-next.141671

package/components/advanced/carousel/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/carousel/src/carousel.props.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.animator.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.directive.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel-template/carousel-template.props.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel-template/carousel-template.directive.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.module.ts","../../../../../projects/components/widgets/advanced/carousel/src/index.ts"],"sourcesContent":["import { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-carousel',\n        new Map(\n            [\n                ['animation', {value: 'auto', ... PROP_STRING}],\n                ['animationinterval', {value: 3, ...  PROP_NUMBER}],\n                ['controls', {value: 'both', ... PROP_STRING}],\n                ['dataset', PROP_ANY],\n                ['name', PROP_STRING],\n                ['nodatamessage', {value: 'No Data Found', ... PROP_STRING}],\n                ['show', PROP_BOOLEAN]\n            ]\n        )\n    );\n};\n","import { NgZone } from '@angular/core';\n\nimport { SwipeAnimation } from '@swipey';\n\nimport { CarouselDirective } from './carousel.directive';\n\ndeclare const $;\ndeclare const _;\n\nexport class CarouselAnimator extends SwipeAnimation {\n\n    private _$el;\n    private _activeIndex = 0;\n    private _animationPaused = false;\n    private _indicators;\n    private _items;\n    private _intervalId;\n    private _pauseCaroselTill = 0;\n    private _swiping;\n    private _width;\n    private _oldIndex = 0;\n\n    public constructor(private carousel: CarouselDirective, private interval: number, private ngZone: NgZone) {\n        super();\n        const self = this;\n        this._$el = $(this.carousel.getNativeElement()).find('>.carousel');\n        this.init(this._$el.find('>.carousel-inner'));\n        this._items = this._$el.find('>.carousel-inner >.carousel-item');\n        this._indicators = this._$el.find('>.carousel-indicators');\n        this._indicators.find('li').each(function (i) {\n            $(this).on('click', () => {\n                self._activeIndex = i;\n                self.setActiveItem();\n                // WMS-17583: Triggering onChange event\n                self.carousel.onChangeCB(self._activeIndex, self._oldIndex);\n                self._oldIndex = self._activeIndex;\n            });\n        });\n        this._$el.find('>.left.carousel-control').on('click', () => {\n            // WMS-22278, If a swipe is already in process do not process other events\n            if (this._swiping) {\n                return;\n            }\n            this._pauseCaroselTill = Date.now() + this.interval;\n            this.goToUpper();\n        });\n        this._$el.find('>.right.carousel-control').on('click', () => {\n            // WMS-22278, If a swipe is already in process do not process other events\n            if (this._swiping) {\n                return;\n            }\n            this._pauseCaroselTill = Date.now() + this.interval;\n            this.goToLower();\n        });\n        this.setActiveItem();\n        if (this.interval) {\n            this.start();\n        }\n        this._$el.find('>.left.carousel-control').append('<span class=\"sr-only\">Previous</span>');\n    }\n\n    public bounds() {\n        this._width = this._items.width();\n        this._swiping = true;\n        return {\n            'lower': -this._width,\n            'center': 0,\n            'upper': this._width\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._width\n        };\n    }\n\n\n    public animation() {\n        return [{\n            'target': this.getTarget.bind(this),\n            'css': {\n                'transform': 'translate3d(${{ (($D + $d) / w) * 100 + \\'%\\'}}, 0, 0)',\n                '-webkit-transform': 'translate3d(${{ (($D + $d) / w) * 100 + \\'%\\'}}, 0, 0)'\n            }\n        }];\n    }\n\n    public onUpper() {\n        this.resetTransition();\n        this._activeIndex -= 1;\n        this.setActiveItem();\n        this._swiping = false;\n    }\n\n    public onLower() {\n        this.resetTransition();\n        this._activeIndex += 1;\n        this.setActiveItem();\n        this._swiping = false;\n    }\n\n    public onAnimation() {\n        const newIndex = (this._items.length + this._activeIndex) % this._items.length;\n        this.carousel.onChangeCB(newIndex, this._oldIndex);\n        this._oldIndex = newIndex;\n        const activeElementIndex = _.findIndex(this._items, this._$el.find('>.carousel-inner >.carousel-item.active')[0]);\n        this._$el.find('>.left.carousel-control').attr('aria-label', (activeElementIndex === 0 ? this._items.length : activeElementIndex) + ' of ' + this._items.length);\n        this._$el.find('>.right.carousel-control').attr('aria-label', (activeElementIndex === this._items.length - 1 ? 1 : activeElementIndex + 2) + ' of ' + this._items.length);\n    }\n\n    public start() {\n        this.ngZone.runOutsideAngular(() => {\n            this._intervalId = setInterval(() => {\n                if (!this._swiping && this._pauseCaroselTill < Date.now()) {\n                    this.goToLower(600);\n                }\n            }, this.interval);\n        });\n    }\n\n    public pause() {\n        this._animationPaused = true;\n        if (!this._intervalId) {\n            this.start();\n        }\n    }\n\n    public resume() {\n        this._animationPaused = false;\n    }\n\n    public stop() {\n        if (this._intervalId) {\n            clearInterval(this._intervalId);\n            this._intervalId = 0;\n        }\n    }\n\n    public threshold() {\n        return 5;\n    }\n\n    // Returns multiple elements as single jQuery element.\n    private getTarget() {\n        const noOfItems = this._items.length,\n            activeItem = this._items.eq((noOfItems + this._activeIndex) % noOfItems),\n            leftItem = this._items.eq((noOfItems + this._activeIndex - 1) % noOfItems),\n            rightItem = this._items.eq((noOfItems + this._activeIndex + 1) % noOfItems);\n        return activeItem.add(rightItem).add(leftItem);\n    }\n\n    private resetTransition() {\n        this.getTarget().css({\n            '-webkit-transition': 'none',\n            '-webkit-transform': '',\n            'transition': 'none',\n            'transform': ''\n        });\n    }\n\n    // Sets active item, leftItem, rightItem by removing / adding respective classes.\n    private setActiveItem() {\n        const items = this._items,\n            left = this._activeIndex - 1,\n            right = this._activeIndex + 1;\n        // if there is only one carousel-item then there won't be any right or left-item.\n        if (items.length === 1) {\n            items.eq(0).removeClass('left-item right-item');\n            return;\n        }\n\n        this._indicators.find('>.active').removeClass('active');\n        this._indicators.find('> li').eq((items.length + this._activeIndex) % items.length).addClass('active');\n\n\n        items.filter('.active').removeClass('active');\n        items.addClass('left-item');\n        items.eq((items.length + left) % items.length).addClass('left-item').removeClass('right-item');\n        items.eq((items.length + this._activeIndex) % items.length).removeClass('left-item right-item').addClass('active');\n        items.eq((items.length + right) % items.length).addClass('right-item').removeClass('left-item');\n    }\n}\n","import {\n    AfterContentInit,\n    ContentChildren,\n    Directive,\n    Injector,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList\n} from '@angular/core';\n\nimport { CarouselComponent, SlideComponent } from 'ngx-bootstrap/carousel';\n\nimport { createArrayFrom, IWidgetConfig, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './carousel.props';\nimport { CarouselAnimator } from './carousel.animator';\n\ndeclare const _;\n\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-carousel'\n};\n\nconst navigationClassMap = {\n    indicators: 'hide-navs',\n    navs: 'hide-indicators',\n    none: 'hide-both'\n};\n\n@Directive({\n    selector: '[wmCarousel]',\n    exportAs: 'wmCarousel'\n})\nexport class CarouselDirective extends StylableComponent implements AfterContentInit, OnDestroy, OnInit {\n    static initializeProps = registerProps();\n\n    private animator;\n    private navigationClass;\n    private fieldDefs;\n    private interval;\n\n    public animationinterval;\n    public animation;\n    public controls;\n    public currentslide;\n    public previousslide;\n\n    @ContentChildren(SlideComponent) slides: QueryList<SlideComponent>;\n\n    constructor(public component: CarouselComponent, inj: Injector, private ngZone: NgZone) {\n        super(inj, WIDGET_CONFIG);\n        styler(this.nativeElement, this);\n    }\n\n    private onDataChange(newVal) {\n        this.fieldDefs = createArrayFrom(newVal);\n    }\n\n    private stopAnimation() {\n        if (this.animator) {\n            this.animator.stop();\n        }\n    }\n\n    private startAnimation() {\n        if (this.animator) {\n            this.animator.interval = this.animationinterval * 1000;\n            this.animator.start();\n        }\n    }\n\n    private onSlidesRender(slides) {\n        // if dynamic carousel, initialize the 'currentslide' property as the first object\n        if (this.fieldDefs && this.fieldDefs.length) {\n            this.currentslide = this.fieldDefs[0];\n        }\n        if (slides.length) {\n            setTimeout(() => {\n                this.animator = new CarouselAnimator(this, this.interval, this.ngZone);\n            }, 50);\n        }\n    }\n\n    private setupHandlers() {\n        this.slides.changes.subscribe( slides => {\n            this.triggerAnimation(slides);\n        });\n        this.slides.setDirty();\n    }\n\n    public onChangeCB(newIndex, oldIndex) {\n        // assign current and previous slides on widget. In case of static carousel, fieldDefs will be undefined, hence the check\n        this.currentslide = this.fieldDefs && this.fieldDefs[newIndex];\n        this.previousslide = this.fieldDefs && this.fieldDefs[oldIndex];\n        this.invokeEventCallback('change', {newIndex: newIndex, oldIndex: oldIndex});\n    }\n\n    ngAfterContentInit() {\n        this.triggerAnimation(this.slides);\n        this.setupHandlers();\n    }\n\n    ngOnDestroy() {\n        this.stopAnimation();\n        super.ngOnDestroy();\n    }\n\n    // Calculating animation interval if animation is enabled\n    setanimationinterval() {\n        this.interval = this.animation === 'auto' ? this.animationinterval * 1000 : 0 ;\n    }\n\n    triggerAnimation(slides) {\n        this.stopAnimation();\n        this.onSlidesRender(slides);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n         this.setanimationinterval();\n        // TODO transition is pending\n\n    }\n\n    // on property change handler\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'dataset') {\n            this.onDataChange(nv);\n        } else if (key === 'controls') {\n            // For showing controls\n            this.navigationClass = navigationClassMap[this.controls];\n        }  else if (key === 'animation' || key === 'animationinterval') {\n            if (key === 'animationinterval') {\n                this.stopAnimation();\n                this.setanimationinterval();\n            }\n            this.animation === 'none' ? this.stopAnimation() :  this.startAnimation();\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","import { PROP_BOOLEAN, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-carousel-template',\n        new Map(\n            [\n                ['show', PROP_BOOLEAN]\n            ]\n        )\n    );\n};\n","import {Directive, Injector, Optional} from '@angular/core';\n\nimport { IWidgetConfig, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './carousel-template.props';\n\nconst DEFAULT_CLS = 'app-carousel-item';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-carousel-template',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmCarouselTemplate]'\n})\nexport class CarouselTemplateDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector) {\n        super(inj, WIDGET_CONFIG);\n        styler(this.nativeElement, this);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CarouselModule as ngxCarouselModule } from 'ngx-bootstrap/carousel';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { CarouselDirective } from './carousel.directive';\nimport { CarouselTemplateDirective } from './carousel-template/carousel-template.directive';\n\nconst components = [\n    CarouselDirective,\n    CarouselTemplateDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ngxCarouselModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class CarouselModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["registerProps","WIDGET_CONFIG","ngxCarouselModule"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/carousel/src/carousel.props.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.animator.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.directive.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel-template/carousel-template.props.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel-template/carousel-template.directive.ts","../../../../../projects/components/widgets/advanced/carousel/src/carousel.module.ts","../../../../../projects/components/widgets/advanced/carousel/src/index.ts"],"sourcesContent":["import { PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-carousel',\n        new Map(\n            [\n                ['animation', {value: 'auto', ... PROP_STRING}],\n                ['animationinterval', {value: 3, ...  PROP_NUMBER}],\n                ['controls', {value: 'both', ... PROP_STRING}],\n                ['dataset', PROP_ANY],\n                ['name', PROP_STRING],\n                ['nodatamessage', {value: 'No Data Found', ... PROP_STRING}],\n                ['show', PROP_BOOLEAN]\n            ]\n        )\n    );\n};\n","import { NgZone } from '@angular/core';\n\nimport { SwipeAnimation } from '@swipey';\n\nimport { CarouselDirective } from './carousel.directive';\nimport {findIndex} from \"lodash-es\";\ndeclare const $;\n\nexport class CarouselAnimator extends SwipeAnimation {\n\n    private _$el;\n    private _activeIndex = 0;\n    private _animationPaused = false;\n    private _indicators;\n    private _items;\n    private _intervalId;\n    private _pauseCaroselTill = 0;\n    private _swiping;\n    private _width;\n    private _oldIndex = 0;\n\n    public constructor(private carousel: CarouselDirective, private interval: number, private ngZone: NgZone) {\n        super();\n        const self = this;\n        this._$el = $(this.carousel.getNativeElement()).find('>.carousel');\n        this.init(this._$el.find('>.carousel-inner'));\n        this._items = this._$el.find('>.carousel-inner >.carousel-item');\n        this._indicators = this._$el.find('>.carousel-indicators');\n        this._indicators.find('li').each(function (i) {\n            $(this).on('click', () => {\n                self._activeIndex = i;\n                self.setActiveItem();\n                // WMS-17583: Triggering onChange event\n                self.carousel.onChangeCB(self._activeIndex, self._oldIndex);\n                self._oldIndex = self._activeIndex;\n            });\n        });\n        this._$el.find('>.left.carousel-control').on('click', () => {\n            // WMS-22278, If a swipe is already in process do not process other events\n            if (this._swiping) {\n                return;\n            }\n            this._pauseCaroselTill = Date.now() + this.interval;\n            this.goToUpper();\n        });\n        this._$el.find('>.right.carousel-control').on('click', () => {\n            // WMS-22278, If a swipe is already in process do not process other events\n            if (this._swiping) {\n                return;\n            }\n            this._pauseCaroselTill = Date.now() + this.interval;\n            this.goToLower();\n        });\n        this.setActiveItem();\n        if (this.interval) {\n            this.start();\n        }\n        this._$el.find('>.left.carousel-control').append('<span class=\"sr-only\">Previous</span>');\n    }\n\n    public bounds() {\n        this._width = this._items.width();\n        this._swiping = true;\n        return {\n            'lower': -this._width,\n            'center': 0,\n            'upper': this._width\n        };\n    }\n\n    public context() {\n        return {\n            'w': this._width\n        };\n    }\n\n\n    public animation() {\n        return [{\n            'target': this.getTarget.bind(this),\n            'css': {\n                'transform': 'translate3d(${{ (($D + $d) / w) * 100 + \\'%\\'}}, 0, 0)',\n                '-webkit-transform': 'translate3d(${{ (($D + $d) / w) * 100 + \\'%\\'}}, 0, 0)'\n            }\n        }];\n    }\n\n    public onUpper() {\n        this.resetTransition();\n        this._activeIndex -= 1;\n        this.setActiveItem();\n        this._swiping = false;\n    }\n\n    public onLower() {\n        this.resetTransition();\n        this._activeIndex += 1;\n        this.setActiveItem();\n        this._swiping = false;\n    }\n\n    public onAnimation() {\n        const newIndex = (this._items.length + this._activeIndex) % this._items.length;\n        this.carousel.onChangeCB(newIndex, this._oldIndex);\n        this._oldIndex = newIndex;\n        const activeElementIndex = findIndex(this._items, this._$el.find('>.carousel-inner >.carousel-item.active')[0]);\n        this._$el.find('>.left.carousel-control').attr('aria-label', (activeElementIndex === 0 ? this._items.length : activeElementIndex) + ' of ' + this._items.length);\n        this._$el.find('>.right.carousel-control').attr('aria-label', (activeElementIndex === this._items.length - 1 ? 1 : activeElementIndex + 2) + ' of ' + this._items.length);\n    }\n\n    public start() {\n        this.ngZone.runOutsideAngular(() => {\n            this._intervalId = setInterval(() => {\n                if (!this._swiping && this._pauseCaroselTill < Date.now()) {\n                    this.goToLower(600);\n                }\n            }, this.interval);\n        });\n    }\n\n    public pause() {\n        this._animationPaused = true;\n        if (!this._intervalId) {\n            this.start();\n        }\n    }\n\n    public resume() {\n        this._animationPaused = false;\n    }\n\n    public stop() {\n        if (this._intervalId) {\n            clearInterval(this._intervalId);\n            this._intervalId = 0;\n        }\n    }\n\n    public threshold() {\n        return 5;\n    }\n\n    // Returns multiple elements as single jQuery element.\n    private getTarget() {\n        const noOfItems = this._items.length,\n            activeItem = this._items.eq((noOfItems + this._activeIndex) % noOfItems),\n            leftItem = this._items.eq((noOfItems + this._activeIndex - 1) % noOfItems),\n            rightItem = this._items.eq((noOfItems + this._activeIndex + 1) % noOfItems);\n        return activeItem.add(rightItem).add(leftItem);\n    }\n\n    private resetTransition() {\n        this.getTarget().css({\n            '-webkit-transition': 'none',\n            '-webkit-transform': '',\n            'transition': 'none',\n            'transform': ''\n        });\n    }\n\n    // Sets active item, leftItem, rightItem by removing / adding respective classes.\n    private setActiveItem() {\n        const items = this._items,\n            left = this._activeIndex - 1,\n            right = this._activeIndex + 1;\n        // if there is only one carousel-item then there won't be any right or left-item.\n        if (items.length === 1) {\n            items.eq(0).removeClass('left-item right-item');\n            return;\n        }\n\n        this._indicators.find('>.active').removeClass('active');\n        this._indicators.find('> li').eq((items.length + this._activeIndex) % items.length).addClass('active');\n\n\n        items.filter('.active').removeClass('active');\n        items.addClass('left-item');\n        items.eq((items.length + left) % items.length).addClass('left-item').removeClass('right-item');\n        items.eq((items.length + this._activeIndex) % items.length).removeClass('left-item right-item').addClass('active');\n        items.eq((items.length + right) % items.length).addClass('right-item').removeClass('left-item');\n    }\n}\n","import {\n    AfterContentInit,\n    ContentChildren,\n    Directive, Inject,\n    Injector,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList\n} from '@angular/core';\n\nimport { CarouselComponent, SlideComponent } from 'ngx-bootstrap/carousel';\n\nimport { createArrayFrom, IWidgetConfig, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './carousel.props';\nimport { CarouselAnimator } from './carousel.animator';\n\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-carousel'\n};\n\nconst navigationClassMap = {\n    indicators: 'hide-navs',\n    navs: 'hide-indicators',\n    none: 'hide-both'\n};\n\n@Directive({\n    selector: '[wmCarousel]',\n    exportAs: 'wmCarousel'\n})\nexport class CarouselDirective extends StylableComponent implements AfterContentInit, OnDestroy, OnInit {\n    static initializeProps = registerProps();\n\n    private animator;\n    private navigationClass;\n    private fieldDefs;\n    private interval;\n\n    public animationinterval;\n    public animation;\n    public controls;\n    public currentslide;\n    public previousslide;\n\n    @ContentChildren(SlideComponent) slides: QueryList<SlideComponent>;\n\n    constructor(public component: CarouselComponent, inj: Injector, private ngZone: NgZone, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    private onDataChange(newVal) {\n        this.fieldDefs = createArrayFrom(newVal);\n    }\n\n    private stopAnimation() {\n        if (this.animator) {\n            this.animator.stop();\n        }\n    }\n\n    private startAnimation() {\n        if (this.animator) {\n            this.animator.interval = this.animationinterval * 1000;\n            this.animator.start();\n        }\n    }\n\n    private onSlidesRender(slides) {\n        // if dynamic carousel, initialize the 'currentslide' property as the first object\n        if (this.fieldDefs && this.fieldDefs.length) {\n            this.currentslide = this.fieldDefs[0];\n        }\n        if (slides.length) {\n            setTimeout(() => {\n                this.animator = new CarouselAnimator(this, this.interval, this.ngZone);\n            }, 50);\n        }\n    }\n\n    private setupHandlers() {\n        this.slides.changes.subscribe( slides => {\n            this.triggerAnimation(slides);\n        });\n        this.slides.setDirty();\n    }\n\n    public onChangeCB(newIndex, oldIndex) {\n        // assign current and previous slides on widget. In case of static carousel, fieldDefs will be undefined, hence the check\n        this.currentslide = this.fieldDefs && this.fieldDefs[newIndex];\n        this.previousslide = this.fieldDefs && this.fieldDefs[oldIndex];\n        this.invokeEventCallback('change', {newIndex: newIndex, oldIndex: oldIndex});\n    }\n\n    ngAfterContentInit() {\n        this.triggerAnimation(this.slides);\n        this.setupHandlers();\n    }\n\n    ngOnDestroy() {\n        this.stopAnimation();\n        super.ngOnDestroy();\n    }\n\n    // Calculating animation interval if animation is enabled\n    setanimationinterval() {\n        this.interval = this.animation === 'auto' ? this.animationinterval * 1000 : 0 ;\n    }\n\n    triggerAnimation(slides) {\n        this.stopAnimation();\n        this.onSlidesRender(slides);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n         this.setanimationinterval();\n        // TODO transition is pending\n\n    }\n\n    // on property change handler\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'dataset') {\n            this.onDataChange(nv);\n        } else if (key === 'controls') {\n            // For showing controls\n            this.navigationClass = navigationClassMap[this.controls];\n        }  else if (key === 'animation' || key === 'animationinterval') {\n            if (key === 'animationinterval') {\n                this.stopAnimation();\n                this.setanimationinterval();\n            }\n            this.animation === 'none' ? this.stopAnimation() :  this.startAnimation();\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","import { PROP_BOOLEAN, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-carousel-template',\n        new Map(\n            [\n                ['show', PROP_BOOLEAN]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { IWidgetConfig, StylableComponent, styler } from '@wm/components/base';\nimport { registerProps } from './carousel-template.props';\n\nconst DEFAULT_CLS = 'app-carousel-item';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-carousel-template',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmCarouselTemplate]'\n})\nexport class CarouselTemplateDirective extends StylableComponent {\n    static initializeProps = registerProps();\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { CarouselModule as ngxCarouselModule } from 'ngx-bootstrap/carousel';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { CarouselDirective } from './carousel.directive';\nimport { CarouselTemplateDirective } from './carousel-template/carousel-template.directive';\n\nconst components = [\n    CarouselDirective,\n    CarouselTemplateDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ngxCarouselModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class CarouselModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["registerProps","WIDGET_CONFIG","ngxCarouselModule"],"mappings":"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"}

package/components/advanced/login/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/components/data/form'), require('@wm/components/input')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/components/data/form', '@wm/components/input'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.advanced = global.wm.components.advanced || {}, global.wm.components.advanced.login = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.components.data.form, global.wm.components.input));
-})(this, (function (exports, i0, common, i1, form, input) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/components/data/form'), require('@wm/components/input'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/components/data/form', '@wm/components/input', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.advanced = global.wm.components.advanced || {}, global.wm.components.advanced.login = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.components.data.form, global.wm.components.input, global._));
+})(this, (function (exports, i0, common, i1, form, input, lodashEs) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -36,8 +36,8 @@
     const WIDGET_INFO = { widgetType: 'wm-login', hostClass: 'app-login' };
     class LoginComponent extends i1.StylableComponent {
         static { this.initializeProps = registerProps(); }
-        constructor(inj) {
-            super(inj, WIDGET_INFO);
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_INFO, explicitContext);
             i1.styler(this.nativeElement, this, i1.APPLY_STYLES_TYPE.CONTAINER);
         }
         onSuccessCB() {
@@ -77,7 +77,7 @@
             this.formCmp.getNativeElement().addEventListener('submit', e => e.preventDefault());
             // get login button component
             this.buttonComponents.forEach(cmp => {
-                if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || _.includes(cmp.getNativeElement().classList, 'app-login-button')) {
+                if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || lodashEs.includes(cmp.getNativeElement().classList, 'app-login-button')) {
                     if (this.loginBtnCmp) {
                         return;
                     }
@@ -86,7 +86,7 @@
                 }
             });
         }
-        static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); }; }
+        static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
         static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: LoginComponent, selectors: [["div", "wmLogin", ""]], contentQueries: function LoginComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
                 i0__namespace.ɵɵcontentQuery(dirIndex, form.FormComponent, 5);
                 i0__namespace.ɵɵcontentQuery(dirIndex, input.ButtonComponent, 5);
@@ -101,18 +101,23 @@
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.messageCmp = _t.first);
             } }, features: [i0__namespace.ɵɵProvidersFeature([
                     i1.provideAsWidgetRef(LoginComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"], ["message", ""]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["message", ""], ["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
                 i0__namespace.ɵɵprojectionDef();
-                i0__namespace.ɵɵelement(0, "p", 0, 1);
+                i0__namespace.ɵɵelement(0, "p", 1, 0);
                 i0__namespace.ɵɵprojection(2);
             } }, dependencies: [i1__namespace.MessageComponent], encapsulation: 2 }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoginComponent, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoginComponent, [{
             type: i0.Component,
             args: [{ selector: 'div[wmLogin]', providers: [
                         i1.provideAsWidgetRef(LoginComponent)
                     ], template: "<p wmMessage class=\"app-login-message\" #message show.bind=\"loginMessage.show\" caption.bind=\"loginMessage.caption\" type.bind=\"loginMessage.type\"></p>\n<ng-content></ng-content>\n" }]
-        }], function () { return [{ type: i0__namespace.Injector }]; }, { formCmp: [{
+        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                    type: i0.Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: i0.Optional
+                }] }], { formCmp: [{
                 type: i0.ContentChild,
                 args: [form.FormComponent]
             }], buttonComponents: [{
@@ -122,6 +127,7 @@
                 type: i0.ViewChild,
                 args: [i1.MessageComponent, { static: true }]
             }] }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(LoginComponent, { className: "LoginComponent", filePath: "login.component.ts", lineNumber: 29 }); })();
 
     const components = [
         LoginComponent
@@ -132,7 +138,7 @@
         static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [common.CommonModule,
                 i1.WmComponentsModule] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoginModule, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoginModule, [{
             type: i0.NgModule,
             args: [{
                     imports: [

package/components/advanced/login/esm2022/login.component.mjs

@@ -1,8 +1,9 @@
-import { Component, ContentChild, ContentChildren, Injector, QueryList, ViewChild } from '@angular/core';
+import { Component, ContentChild, ContentChildren, Inject, Injector, Optional, QueryList, ViewChild } from '@angular/core';
 import { APPLY_STYLES_TYPE, MessageComponent, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';
 import { FormComponent } from '@wm/components/data/form';
 import { ButtonComponent } from '@wm/components/input';
 import { registerProps } from './login.props';
+import { includes } from "lodash-es";
 import * as i0 from "@angular/core";
 import * as i1 from "@wm/components/base";
 const _c0 = ["wmLogin", ""];
@@ -10,8 +11,8 @@ const _c1 = ["*"];
 const WIDGET_INFO = { widgetType: 'wm-login', hostClass: 'app-login' };
 export class LoginComponent extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj) {
-        super(inj, WIDGET_INFO);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_INFO, explicitContext);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
     onSuccessCB() {
@@ -51,7 +52,7 @@ export class LoginComponent extends StylableComponent {
         this.formCmp.getNativeElement().addEventListener('submit', e => e.preventDefault());
         // get login button component
         this.buttonComponents.forEach(cmp => {
-            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || _.includes(cmp.getNativeElement().classList, 'app-login-button')) {
+            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || includes(cmp.getNativeElement().classList, 'app-login-button')) {
                 if (this.loginBtnCmp) {
                     return;
                 }
@@ -60,7 +61,7 @@ export class LoginComponent extends StylableComponent {
             }
         });
     }
-    static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoginComponent, selectors: [["div", "wmLogin", ""]], contentQueries: function LoginComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, FormComponent, 5);
             i0.ɵɵcontentQuery(dirIndex, ButtonComponent, 5);
@@ -75,18 +76,23 @@ export class LoginComponent extends StylableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageCmp = _t.first);
         } }, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(LoginComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"], ["message", ""]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["message", ""], ["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵelement(0, "p", 0, 1);
+            i0.ɵɵelement(0, "p", 1, 0);
             i0.ɵɵprojection(2);
         } }, dependencies: [i1.MessageComponent], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginComponent, [{
         type: Component,
         args: [{ selector: 'div[wmLogin]', providers: [
                     provideAsWidgetRef(LoginComponent)
                 ], template: "<p wmMessage class=\"app-login-message\" #message show.bind=\"loginMessage.show\" caption.bind=\"loginMessage.caption\" type.bind=\"loginMessage.type\"></p>\n<ng-content></ng-content>\n" }]
-    }], function () { return [{ type: i0.Injector }]; }, { formCmp: [{
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { formCmp: [{
             type: ContentChild,
             args: [FormComponent]
         }], buttonComponents: [{
@@ -96,4 +102,5 @@ export class LoginComponent extends StylableComponent {
             type: ViewChild,
             args: [MessageComponent, { static: true }]
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2xvZ2luL3NyYy9sb2dpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvbG9naW4vc3JjL2xvZ2luLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixRQUFRLEVBRVIsU0FBUyxFQUNULFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQUU5QyxNQUFNLFdBQVcsR0FBRyxFQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBQyxDQUFDO0FBV3JFLE1BQU0sT0FBTyxjQUFlLFNBQVEsaUJBQWlCO2FBQzFDLG9CQUFlLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFXekMsWUFBWSxHQUFhO1FBQ3JCLEtBQUssQ0FBQyxHQUFHLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDeEIsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFLGlCQUFpQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FBQyxDQUFD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YjtvQkFDUCxrQkFBa0IsZ0JBQWdCO2lCQUNyQzsyREFNNEIsT0FBTztrQkFBbkMsWUFBWTttQkFBQyxhQUFhO1lBQzRCLGdCQUFnQjtrQkFBdEUsZUFBZTttQkFBQyxlQUFlLEVBQUUsRUFBQyxXQUFXLEVBQUUsSUFBSSxFQUFDO1lBQ04sVUFBVTtrQkFBeEQsU0FBUzttQkFBQyxnQkFBZ0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgSW5qZWN0b3IsXG4gICAgT3B0aW9uYWwsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQVBQTFlfU1RZTEVTX1RZUEUsIE1lc3NhZ2VDb21wb25lbnQsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuaW1wb3J0IHsgRm9ybUNvbXBvbmVudCB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2RhdGEvZm9ybSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAd20vY29tcG9uZW50cy9pbnB1dCc7XG5cbmltcG9ydCB7IHJlZ2lzdGVyUHJvcHMgfSBmcm9tICcuL2xvZ2luLnByb3BzJztcblxuY29uc3QgV0lER0VUX0lORk8gPSB7d2lkZ2V0VHlwZTogJ3dtLWxvZ2luJywgaG9zdENsYXNzOiAnYXBwLWxvZ2luJ307XG5cbmRlY2xhcmUgY29uc3QgXztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkaXZbd21Mb2dpbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sb2dpbi5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihMb2dpbkNvbXBvbmVudClcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luQ29tcG9uZW50IGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuICAgIGxvZ2luQnRuQ21wOiBCdXR0b25Db21wb25lbnQ7XG5cbiAgICBAQ29udGVudENoaWxkKEZvcm1Db21wb25lbnQpIGZvcm1DbXA6IEZvcm1Db21wb25lbnQ7XG4gICAgQENvbnRlbnRDaGlsZHJlbihCdXR0b25Db21wb25lbnQsIHtkZXNjZW5kYW50czogdHJ1ZX0pIGJ1dHRvbkNvbXBvbmVudHM6IFF1ZXJ5TGlzdDxCdXR0b25Db21wb25lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoTWVzc2FnZUNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgbWVzc2FnZUNtcDogTWVzc2FnZUNvbXBvbmVudDtcblxuICAgIGxvZ2luTWVzc2FnZTogeyB0eXBlPzogc3RyaW5nOyBjYXB0aW9uPzogYW55OyBzaG93PzogYm9vbGVhbjsgfTtcbiAgICBlcnJvcm1lc3NhZ2U6IGFueTtcbiAgICBldmVudHNvdXJjZTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfSU5GTyk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgfVxuXG4gICAgb25TdWNjZXNzQ0IoKSB7XG4gICAgICAgIHRoaXMuaW52b2tlRXZlbnRDYWxsYmFjaygnc3VjY2VzcycpO1xuICAgIH1cblxuICAgIG9uRXJyb3JDQihlcnJvcj8pIHtcbiAgICAgICAgdGhpcy5sb2dpbk1lc3NhZ2UgPSB7XG4gICAgICAgICAgICB0eXBlOiAnZXJyb3InLFxuICAgICAgICAgICAgY2FwdGlvbjogdGhpcy5lcnJvcm1lc3NhZ2UgfHwgZXJyb3IgfHwgdGhpcy5hcHBMb2NhbGUuTEFCRUxfSU5WQUxJRF9VU0VSTkFNRV9PUl9QQVNTV09SRCxcbiAgICAgICAgICAgIHNob3c6IHRydWVcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5tZXNzYWdlQ21wLnNob3dNZXNzYWdlKHRoaXMubG9naW5NZXNzYWdlLmNhcHRpb24sIHRoaXMubG9naW5NZXNzYWdlLnR5cGUpO1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ2Vycm9yJyk7XG4gICAgfVxuXG4gICAgZ2V0TG9naW5EZXRhaWxzKCk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1DbXAuZGF0YW91dHB1dDtcbiAgICB9XG5cbiAgICBkb0xvZ2luKCkge1xuICAgICAgICBpZiAodGhpcy5ldmVudHNvdXJjZSkge1xuICAgICAgICAgICAgdGhpcy5mb3JtQ21wLm5nZm9ybS52YWxpZCAmJiB0aGlzLmV2ZW50c291cmNlLmludm9rZSh7bG9naW5JbmZvOiB0aGlzLmdldExvZ2luRGV0YWlscygpfSwgdGhpcy5vblN1Y2Nlc3NDQi5iaW5kKHRoaXMpLCB0aGlzLm9uRXJyb3JDQi5iaW5kKHRoaXMpKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGNvbnNvbGUud2FybignRGVmYXVsdCBhY3Rpb24gXCJsb2dpbkFjdGlvblwiIGRvZXMgbm90IGV4aXN0LiBFaXRoZXIgY3JlYXRlIHRoZSBBY3Rpb24gb3IgYXNzaWduIGFuIGV2ZW50IHRvIG9uU3VibWl0IG9mIHRoZSBsb2dpbiB3aWRnZXQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGluaXRMb2dpbkJ1dHRvbkFjdGlvbnMoKSB7XG4gICAgICAgIHRoaXMubG9naW5CdG5DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZXZlbnQgPT4ge1xuXG4gICAgICAgICAgICAvLyBpZiBubyBldmVudCBpcyBhdHRhY2hlZCB0byB0aGUgb25TdWJtaXQgb2YgbG9naW4gd2lkZ2V0IG9yIGxvZ2luQnV0dG9uIGluc2lkZSBpdCwgaW52b2tlIGRlZmF1bHQgbG9naW4gYWN0aW9uXG4gICAgICAgICAgICBpZiAoIXRoaXMubmF0aXZlRWxlbWVudC5oYXNBdHRyaWJ1dGUoJ3N1Ym1pdC5ldmVudCcpICYmICF0aGlzLmxvZ2luQnRuQ21wLmdldE5hdGl2ZUVsZW1lbnQoKS5oYXNBdHRyaWJ1dGUoJ2NsaWNrLmV2ZW50JykgJiYgIXRoaXMubG9naW5CdG5DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmhhc0F0dHJpYnV0ZSgndGFwLmV2ZW50JykpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRvTG9naW4oKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcblxuICAgICAgICAvLyBzdXBwcmVzc2VzIHRoZSBkZWZhdWx0IGZvcm0gc3VibWlzc2lvbiAoaW4gYnJvd3NlcnMgbGlrZSBGaXJlZm94KVxuICAgICAgICB0aGlzLmZvcm1DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ3N1Ym1pdCcsIGUgPT4gZS5wcmV2ZW50RGVmYXVsdCgpKTtcblxuICAgICAgICAvLyBnZXQgbG9naW4gYnV0dG9uIGNvbXBvbmVudFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbXBvbmVudHMuZm9yRWFjaChjbXAgPT4ge1xuICAgICAgICAgICAgaWYgKGNtcC5nZXROYXRpdmVFbGVtZW50KCkuZ2V0QXR0cmlidXRlKCduYW1lJykgPT09ICdsb2dpbkJ1dHRvbicgfHwgXy5pbmNsdWRlcyhjbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmNsYXNzTGlzdCwgJ2FwcC1sb2dpbi1idXR0b24nKSkge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmxvZ2luQnRuQ21wKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpcy5sb2dpbkJ0bkNtcCA9IGNtcDtcbiAgICAgICAgICAgICAgICB0aGlzLmluaXRMb2dpbkJ1dHRvbkFjdGlvbnMoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPHAgd21NZXNzYWdlIGNsYXNzPVwiYXBwLWxvZ2luLW1lc3NhZ2VcIiAjbWVzc2FnZSBzaG93LmJpbmQ9XCJsb2dpbk1lc3NhZ2Uuc2hvd1wiIGNhcHRpb24uYmluZD1cImxvZ2luTWVzc2FnZS5jYXB0aW9uXCIgdHlwZS5iaW5kPVwibG9naW5NZXNzYWdlLnR5cGVcIj48L3A+XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoginComponent, { className: "LoginComponent", filePath: "login.component.ts", lineNumber: 29 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2xvZ2luL3NyYy9sb2dpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvbG9naW4vc3JjL2xvZ2luLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixNQUFNLEVBQ04sUUFBUSxFQUNSLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6SCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFFbkMsTUFBTSxXQUFXLEdBQUcsRUFBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVNyRSxNQUFNLE9BQU8sY0FBZSxTQUFRLGlCQUFpQjthQUMxQyxvQkFBZSxHQUFHLGFBQWEsRUFBRSxBQUFsQixDQUFtQjtJQVd6QyxZQUFZLEdBQWEsRUFBMEMsZUFBb0I7UUFDbkYsS0FBSyxDQUFDLEdBQUcsRUFBRSxXQUFXLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFDekMsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFF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QUFhO3dDQUNWLGVBQWU7Ozs7OzsyQkFDckIsZ0JBQWdCOzs7OzhDQVZoQjtnQkFDUCxrQkFBa0IsQ0FBQyxjQUFjLENBQUM7YUFDckM7O1lDMUJMLDBCQUFvSjtZQUNwSixrQkFBeUI7OztpRkQyQlosY0FBYztjQVAxQixTQUFTOzJCQUNJLGNBQWMsYUFFYjtvQkFDUCxrQkFBa0IsZ0JBQWdCO2lCQUNyQzs7c0JBYzJCLE1BQU07dUJBQUMsa0JBQWtCOztzQkFBRyxRQUFRO3FCQVJuQyxPQUFPO2tCQUFuQyxZQUFZO21CQUFDLGFBQWE7WUFDNEIsZ0JBQWdCO2tCQUF0RSxlQUFlO21CQUFDLGVBQWUsRUFBRSxFQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUM7WUFDTixVQUFVO2tCQUF4RCxTQUFTO21CQUFDLGdCQUFnQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7a0ZBTnBDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgSW5qZWN0LFxuICAgIEluamVjdG9yLFxuICAgIE9wdGlvbmFsLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFQUExZX1NUWUxFU19UWVBFLCBNZXNzYWdlQ29tcG9uZW50LCBwcm92aWRlQXNXaWRnZXRSZWYsIFN0eWxhYmxlQ29tcG9uZW50LCBzdHlsZXIgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7IEZvcm1Db21wb25lbnQgfSBmcm9tICdAd20vY29tcG9uZW50cy9kYXRhL2Zvcm0nO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvaW5wdXQnO1xuXG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9sb2dpbi5wcm9wcyc7XG5pbXBvcnQge2luY2x1ZGVzfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5cbmNvbnN0IFdJREdFVF9JTkZPID0ge3dpZGdldFR5cGU6ICd3bS1sb2dpbicsIGhvc3RDbGFzczogJ2FwcC1sb2dpbid9O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Rpdlt3bUxvZ2luXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvZ2luLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKExvZ2luQ29tcG9uZW50KVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5Db21wb25lbnQgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG4gICAgbG9naW5CdG5DbXA6IEJ1dHRvbkNvbXBvbmVudDtcblxuICAgIEBDb250ZW50Q2hpbGQoRm9ybUNvbXBvbmVudCkgZm9ybUNtcDogRm9ybUNvbXBvbmVudDtcbiAgICBAQ29udGVudENoaWxkcmVuKEJ1dHRvbkNvbXBvbmVudCwge2Rlc2NlbmRhbnRzOiB0cnVlfSkgYnV0dG9uQ29tcG9uZW50czogUXVlcnlMaXN0PEJ1dHRvbkNvbXBvbmVudD47XG4gICAgQFZpZXdDaGlsZChNZXNzYWdlQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBtZXNzYWdlQ21wOiBNZXNzYWdlQ29tcG9uZW50O1xuXG4gICAgbG9naW5NZXNzYWdlOiB7IHR5cGU/OiBzdHJpbmc7IGNhcHRpb24/OiBhbnk7IHNob3c/OiBib29sZWFuOyB9O1xuICAgIGVycm9ybWVzc2FnZTogYW55O1xuICAgIGV2ZW50c291cmNlO1xuXG4gICAgY29uc3RydWN0b3IoaW5qOiBJbmplY3RvciwgQEluamVjdCgnRVhQTElDSVRfQ09OVEVYVCcpIEBPcHRpb25hbCgpIGV4cGxpY2l0Q29udGV4dDogYW55KSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0lORk8sIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMsIEFQUExZX1NUWUxFU19UWVBFLkNPTlRBSU5FUik7XG4gICAgfVxuXG4gICAgb25TdWNjZXNzQ0IoKSB7XG4gICAgICAgIHRoaXMuaW52b2tlRXZlbnRDYWxsYmFjaygnc3VjY2VzcycpO1xuICAgIH1cblxuICAgIG9uRXJyb3JDQihlcnJvcj8pIHtcbiAgICAgICAgdGhpcy5sb2dpbk1lc3NhZ2UgPSB7XG4gICAgICAgICAgICB0eXBlOiAnZXJyb3InLFxuICAgICAgICAgICAgY2FwdGlvbjogdGhpcy5lcnJvcm1lc3NhZ2UgfHwgZXJyb3IgfHwgdGhpcy5hcHBMb2NhbGUuTEFCRUxfSU5WQUxJRF9VU0VSTkFNRV9PUl9QQVNTV09SRCxcbiAgICAgICAgICAgIHNob3c6IHRydWVcbiAgICAgICAgfTtcbiAgICAgICAgdGhpcy5tZXNzYWdlQ21wLnNob3dNZXNzYWdlKHRoaXMubG9naW5NZXNzYWdlLmNhcHRpb24sIHRoaXMubG9naW5NZXNzYWdlLnR5cGUpO1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soJ2Vycm9yJyk7XG4gICAgfVxuXG4gICAgZ2V0TG9naW5EZXRhaWxzKCk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1DbXAuZGF0YW91dHB1dDtcbiAgICB9XG5cbiAgICBkb0xvZ2luKCkge1xuICAgICAgICBpZiAodGhpcy5ldmVudHNvdXJjZSkge1xuICAgICAgICAgICAgdGhpcy5mb3JtQ21wLm5nZm9ybS52YWxpZCAmJiB0aGlzLmV2ZW50c291cmNlLmludm9rZSh7bG9naW5JbmZvOiB0aGlzLmdldExvZ2luRGV0YWlscygpfSwgdGhpcy5vblN1Y2Nlc3NDQi5iaW5kKHRoaXMpLCB0aGlzLm9uRXJyb3JDQi5iaW5kKHRoaXMpKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGNvbnNvbGUud2FybignRGVmYXVsdCBhY3Rpb24gXCJsb2dpbkFjdGlvblwiIGRvZXMgbm90IGV4aXN0LiBFaXRoZXIgY3JlYXRlIHRoZSBBY3Rpb24gb3IgYXNzaWduIGFuIGV2ZW50IHRvIG9uU3VibWl0IG9mIHRoZSBsb2dpbiB3aWRnZXQnKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGluaXRMb2dpbkJ1dHRvbkFjdGlvbnMoKSB7XG4gICAgICAgIHRoaXMubG9naW5CdG5DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZXZlbnQgPT4ge1xuXG4gICAgICAgICAgICAvLyBpZiBubyBldmVudCBpcyBhdHRhY2hlZCB0byB0aGUgb25TdWJtaXQgb2YgbG9naW4gd2lkZ2V0IG9yIGxvZ2luQnV0dG9uIGluc2lkZSBpdCwgaW52b2tlIGRlZmF1bHQgbG9naW4gYWN0aW9uXG4gICAgICAgICAgICBpZiAoIXRoaXMubmF0aXZlRWxlbWVudC5oYXNBdHRyaWJ1dGUoJ3N1Ym1pdC5ldmVudCcpICYmICF0aGlzLmxvZ2luQnRuQ21wLmdldE5hdGl2ZUVsZW1lbnQoKS5oYXNBdHRyaWJ1dGUoJ2NsaWNrLmV2ZW50JykgJiYgIXRoaXMubG9naW5CdG5DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmhhc0F0dHJpYnV0ZSgndGFwLmV2ZW50JykpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmRvTG9naW4oKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcblxuICAgICAgICAvLyBzdXBwcmVzc2VzIHRoZSBkZWZhdWx0IGZvcm0gc3VibWlzc2lvbiAoaW4gYnJvd3NlcnMgbGlrZSBGaXJlZm94KVxuICAgICAgICB0aGlzLmZvcm1DbXAuZ2V0TmF0aXZlRWxlbWVudCgpLmFkZEV2ZW50TGlzdGVuZXIoJ3N1Ym1pdCcsIGUgPT4gZS5wcmV2ZW50RGVmYXVsdCgpKTtcblxuICAgICAgICAvLyBnZXQgbG9naW4gYnV0dG9uIGNvbXBvbmVudFxuICAgICAgICB0aGlzLmJ1dHRvbkNvbXBvbmVudHMuZm9yRWFjaChjbXAgPT4ge1xuICAgICAgICAgICAgaWYgKGNtcC5nZXROYXRpdmVFbGVtZW50KCkuZ2V0QXR0cmlidXRlKCduYW1lJykgPT09ICdsb2dpbkJ1dHRvbicgfHwgaW5jbHVkZXMoY21wLmdldE5hdGl2ZUVsZW1lbnQoKS5jbGFzc0xpc3QsICdhcHAtbG9naW4tYnV0dG9uJykpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5sb2dpbkJ0bkNtcCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHRoaXMubG9naW5CdG5DbXAgPSBjbXA7XG4gICAgICAgICAgICAgICAgdGhpcy5pbml0TG9naW5CdXR0b25BY3Rpb25zKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxwIHdtTWVzc2FnZSBjbGFzcz1cImFwcC1sb2dpbi1tZXNzYWdlXCIgI21lc3NhZ2Ugc2hvdy5iaW5kPVwibG9naW5NZXNzYWdlLnNob3dcIiBjYXB0aW9uLmJpbmQ9XCJsb2dpbk1lc3NhZ2UuY2FwdGlvblwiIHR5cGUuYmluZD1cImxvZ2luTWVzc2FnZS50eXBlXCI+PC9wPlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/components/advanced/login/esm2022/login.module.mjs

@@ -12,7 +12,7 @@ export class LoginModule {
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginModule, [{
         type: NgModule,
         args: [{
                 imports: [
@@ -25,4 +25,4 @@ export class LoginModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LoginModule, { declarations: [LoginComponent], imports: [CommonModule,
         WmComponentsModule], exports: [LoginComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2xvZ2luL3NyYy9sb2dpbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQUVuRCxNQUFNLFVBQVUsR0FBRztJQUNmLGNBQWM7Q0FDakIsQ0FBQztBQVVGLE1BQU0sT0FBTyxXQUFXOzRFQUFYLFdBQVc7bUVBQVgsV0FBVzt1RUFOaEIsWUFBWTtZQUNaLGtCQUFrQjs7dUZBS2IsV0FBVztjQVJ2QixRQUFRO2VBQUM7Z0JBQ04sT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osa0JBQWtCO2lCQUNyQjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztnQkFDN0IsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7YUFDM0I7O3dGQUNZLFdBQVcsbUJBWHBCLGNBQWMsYUFLVixZQUFZO1FBQ1osa0JBQWtCLGFBTnRCLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgV21Db21wb25lbnRzTW9kdWxlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7IExvZ2luQ29tcG9uZW50IH0gZnJvbSAnLi9sb2dpbi5jb21wb25lbnQnO1xuXG5jb25zdCBjb21wb25lbnRzID0gW1xuICAgIExvZ2luQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBXbUNvbXBvbmVudHNNb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLmNvbXBvbmVudHNdLFxuICAgIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpbk1vZHVsZSB7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2xvZ2luL3NyYy9sb2dpbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQUVuRCxNQUFNLFVBQVUsR0FBRztJQUNmLGNBQWM7Q0FDakIsQ0FBQztBQVVGLE1BQU0sT0FBTyxXQUFXOzRFQUFYLFdBQVc7bUVBQVgsV0FBVzt1RUFOaEIsWUFBWTtZQUNaLGtCQUFrQjs7aUZBS2IsV0FBVztjQVJ2QixRQUFRO2VBQUM7Z0JBQ04sT0FBTyxFQUFFO29CQUNMLFlBQVk7b0JBQ1osa0JBQWtCO2lCQUNyQjtnQkFDRCxZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztnQkFDN0IsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7YUFDM0I7O3dGQUNZLFdBQVcsbUJBWHBCLGNBQWMsYUFLVixZQUFZO1FBQ1osa0JBQWtCLGFBTnRCLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgV21Db21wb25lbnRzTW9kdWxlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7IExvZ2luQ29tcG9uZW50IH0gZnJvbSAnLi9sb2dpbi5jb21wb25lbnQnO1xuXG5jb25zdCBjb21wb25lbnRzID0gW1xuICAgIExvZ2luQ29tcG9uZW50XG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBXbUNvbXBvbmVudHNNb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogWy4uLmNvbXBvbmVudHNdLFxuICAgIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpbk1vZHVsZSB7XG59XG4iXX0=

package/components/advanced/login/fesm2022/index.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, ContentChild, ContentChildren, ViewChild, NgModule } from '@angular/core';
+import { Component, Inject, Optional, ContentChild, ContentChildren, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@wm/components/base';
-import { register, PROP_STRING, PROP_ANY, StylableComponent, styler, APPLY_STYLES_TYPE, MessageComponent, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
+import { PROP_STRING, PROP_ANY, register, StylableComponent, APPLY_STYLES_TYPE, styler, MessageComponent, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import { FormComponent } from '@wm/components/data/form';
 import { ButtonComponent } from '@wm/components/input';
+import { includes } from 'lodash-es';
 
 const registerProps = () => {
     register('wm-login', new Map([
@@ -18,8 +19,8 @@ const _c1 = ["*"];
 const WIDGET_INFO = { widgetType: 'wm-login', hostClass: 'app-login' };
 class LoginComponent extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj) {
-        super(inj, WIDGET_INFO);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_INFO, explicitContext);
         styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
     }
     onSuccessCB() {
@@ -59,7 +60,7 @@ class LoginComponent extends StylableComponent {
         this.formCmp.getNativeElement().addEventListener('submit', e => e.preventDefault());
         // get login button component
         this.buttonComponents.forEach(cmp => {
-            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || _.includes(cmp.getNativeElement().classList, 'app-login-button')) {
+            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || includes(cmp.getNativeElement().classList, 'app-login-button')) {
                 if (this.loginBtnCmp) {
                     return;
                 }
@@ -68,7 +69,7 @@ class LoginComponent extends StylableComponent {
             }
         });
     }
-    static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function LoginComponent_Factory(t) { return new (t || LoginComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoginComponent, selectors: [["div", "wmLogin", ""]], contentQueries: function LoginComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, FormComponent, 5);
             i0.ɵɵcontentQuery(dirIndex, ButtonComponent, 5);
@@ -83,18 +84,23 @@ class LoginComponent extends StylableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageCmp = _t.first);
         } }, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(LoginComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"], ["message", ""]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, ngContentSelectors: _c1, decls: 3, vars: 0, consts: [["message", ""], ["wmMessage", "", "show.bind", "loginMessage.show", "caption.bind", "loginMessage.caption", "type.bind", "loginMessage.type", 1, "app-login-message"]], template: function LoginComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵelement(0, "p", 0, 1);
+            i0.ɵɵelement(0, "p", 1, 0);
             i0.ɵɵprojection(2);
         } }, dependencies: [i1.MessageComponent], encapsulation: 2 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginComponent, [{
         type: Component,
         args: [{ selector: 'div[wmLogin]', providers: [
                     provideAsWidgetRef(LoginComponent)
                 ], template: "<p wmMessage class=\"app-login-message\" #message show.bind=\"loginMessage.show\" caption.bind=\"loginMessage.caption\" type.bind=\"loginMessage.type\"></p>\n<ng-content></ng-content>\n" }]
-    }], function () { return [{ type: i0.Injector }]; }, { formCmp: [{
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], { formCmp: [{
             type: ContentChild,
             args: [FormComponent]
         }], buttonComponents: [{
@@ -104,6 +110,7 @@ class LoginComponent extends StylableComponent {
             type: ViewChild,
             args: [MessageComponent, { static: true }]
         }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoginComponent, { className: "LoginComponent", filePath: "login.component.ts", lineNumber: 29 }); })();
 
 const components = [
     LoginComponent
@@ -114,7 +121,7 @@ class LoginModule {
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             WmComponentsModule] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginModule, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoginModule, [{
         type: NgModule,
         args: [{
                 imports: [

package/components/advanced/login/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/login/src/login.props.ts","../../../../../projects/components/widgets/advanced/login/src/login.component.ts","../../../../../projects/components/widgets/advanced/login/src/login.component.html","../../../../../projects/components/widgets/advanced/login/src/login.module.ts","../../../../../projects/components/widgets/advanced/login/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-login',\n        new Map(\n            [\n                ['errormessage', PROP_STRING],\n                ['eventsource', PROP_ANY]\n            ]\n        )\n    );\n};\n","import {\n    AfterViewInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    Injector,\n    Optional,\n    QueryList,\n    ViewChild\n} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, MessageComponent, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { FormComponent } from '@wm/components/data/form';\nimport { ButtonComponent } from '@wm/components/input';\n\nimport { registerProps } from './login.props';\n\nconst WIDGET_INFO = {widgetType: 'wm-login', hostClass: 'app-login'};\n\ndeclare const _;\n\n@Component({\n    selector: 'div[wmLogin]',\n    templateUrl: './login.component.html',\n    providers: [\n        provideAsWidgetRef(LoginComponent)\n    ]\n})\nexport class LoginComponent extends StylableComponent implements AfterViewInit {\n    static initializeProps = registerProps();\n    loginBtnCmp: ButtonComponent;\n\n    @ContentChild(FormComponent) formCmp: FormComponent;\n    @ContentChildren(ButtonComponent, {descendants: true}) buttonComponents: QueryList<ButtonComponent>;\n    @ViewChild(MessageComponent, { static: true }) messageCmp: MessageComponent;\n\n    loginMessage: { type?: string; caption?: any; show?: boolean; };\n    errormessage: any;\n    eventsource;\n\n    constructor(inj: Injector) {\n        super(inj, WIDGET_INFO);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    onSuccessCB() {\n        this.invokeEventCallback('success');\n    }\n\n    onErrorCB(error?) {\n        this.loginMessage = {\n            type: 'error',\n            caption: this.errormessage || error || this.appLocale.LABEL_INVALID_USERNAME_OR_PASSWORD,\n            show: true\n        };\n        this.messageCmp.showMessage(this.loginMessage.caption, this.loginMessage.type);\n        this.invokeEventCallback('error');\n    }\n\n    getLoginDetails(): any {\n        return this.formCmp.dataoutput;\n    }\n\n    doLogin() {\n        if (this.eventsource) {\n            this.formCmp.ngform.valid && this.eventsource.invoke({loginInfo: this.getLoginDetails()}, this.onSuccessCB.bind(this), this.onErrorCB.bind(this));\n        } else {\n            console.warn('Default action \"loginAction\" does not exist. Either create the Action or assign an event to onSubmit of the login widget');\n        }\n    }\n\n    initLoginButtonActions() {\n        this.loginBtnCmp.getNativeElement().addEventListener('click', event => {\n\n            // if no event is attached to the onSubmit of login widget or loginButton inside it, invoke default login action\n            if (!this.nativeElement.hasAttribute('submit.event') && !this.loginBtnCmp.getNativeElement().hasAttribute('click.event') && !this.loginBtnCmp.getNativeElement().hasAttribute('tap.event')) {\n                this.doLogin();\n            }\n        });\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n\n        // suppresses the default form submission (in browsers like Firefox)\n        this.formCmp.getNativeElement().addEventListener('submit', e => e.preventDefault());\n\n        // get login button component\n        this.buttonComponents.forEach(cmp => {\n            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || _.includes(cmp.getNativeElement().classList, 'app-login-button')) {\n                if (this.loginBtnCmp) {\n                    return;\n                }\n                this.loginBtnCmp = cmp;\n                this.initLoginButtonActions();\n            }\n        });\n    }\n}\n","<p wmMessage class=\"app-login-message\" #message show.bind=\"loginMessage.show\" caption.bind=\"loginMessage.caption\" type.bind=\"loginMessage.type\"></p>\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LoginComponent } from './login.component';\n\nconst components = [\n    LoginComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LoginModule {\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,UAAU,EACV,IAAI,GAAG,CACH;QACI,CAAC,cAAc,EAAE,WAAW,CAAC;QAC7B,CAAC,aAAa,EAAE,QAAQ,CAAC;AAC5B,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;;;ACKD,MAAM,WAAW,GAAG,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;AAW/D,MAAO,cAAe,SAAQ,iBAAiB,CAAA;aAC1C,IAAe,CAAA,eAAA,GAAG,aAAa,EAAE,CAAC,EAAA;AAWzC,IAAA,WAAA,CAAY,GAAa,EAAA;AACrB,QAAA,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;QACxB,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;KACjE;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;KACvC;AAED,IAAA,SAAS,CAAC,KAAM,EAAA;QACZ,IAAI,CAAC,YAAY,GAAG;AAChB,YAAA,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,IAAI,CAAC,YAAY,IAAI,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,kCAAkC;AACxF,YAAA,IAAI,EAAE,IAAI;SACb,CAAC;AACF,QAAA,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC/E,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;KACrC;IAED,eAAe,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;KAClC;IAED,OAAO,GAAA;QACH,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,EAAC,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACrJ,SAAA;AAAM,aAAA;AACH,YAAA,OAAO,CAAC,IAAI,CAAC,0HAA0H,CAAC,CAAC;AAC5I,SAAA;KACJ;IAED,sBAAsB,GAAA;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAG;;AAGlE,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;gBACxL,IAAI,CAAC,OAAO,EAAE,CAAC;AAClB,aAAA;AACL,SAAC,CAAC,CAAC;KACN;IAED,eAAe,GAAA;QACX,KAAK,CAAC,eAAe,EAAE,CAAC;;AAGxB,QAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;;AAGpF,QAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAG;YAChC,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,aAAa,IAAI,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAAE;gBACnI,IAAI,IAAI,CAAC,WAAW,EAAE;oBAClB,OAAO;AACV,iBAAA;AACD,gBAAA,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;gBACvB,IAAI,CAAC,sBAAsB,EAAE,CAAC;AACjC,aAAA;AACL,SAAC,CAAC,CAAC;KACN;+EArEQ,cAAc,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;oEAAd,cAAc,EAAA,SAAA,EAAA,CAAA,CAAA,KAAA,EAAA,SAAA,EAAA,EAAA,CAAA,CAAA,EAAA,cAAA,EAAA,SAAA,6BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;wCAIT,aAAa,EAAA,CAAA,CAAA,CAAA;wCACV,eAAe,EAAA,CAAA,CAAA,CAAA;;;;;;2BACrB,gBAAgB,EAAA,CAAA,CAAA,CAAA;;;;AAVhB,SAAA,EAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,cAAc,CAAC;AACrC,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,KAAA,EAAA,GAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,WAAA,EAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,SAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,uBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;YC1BL,EAAoJ,CAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;YACpJ,EAAyB,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;;;uFD2BZ,cAAc,EAAA,CAAA;cAP1B,SAAS;AACI,QAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAEb,SAAA,EAAA;AACP,oBAAA,kBAAkB,CAAgB,cAAA,CAAA;AACrC,iBAAA,EAAA,QAAA,EAAA,2LAAA,EAAA,CAAA;2DAM4B,OAAO,EAAA,CAAA;kBAAnC,YAAY;mBAAC,aAAa,CAAA;YAC4B,gBAAgB,EAAA,CAAA;kBAAtE,eAAe;AAAC,YAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,CAAA;YACN,UAAU,EAAA,CAAA;kBAAxD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AE3BjD,MAAM,UAAU,GAAG;IACf,cAAc;CACjB,CAAC;MAUW,WAAW,CAAA;4EAAX,WAAW,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAX,WAAW,EAAA,CAAA,CAAA,EAAA;uEANhB,YAAY;YACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;uFAKb,WAAW,EAAA,CAAA;cARvB,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,WAAW,EAAA,EAAA,YAAA,EAAA,CAXpB,cAAc,CAAA,EAAA,OAAA,EAAA,CAKV,YAAY;AACZ,QAAA,kBAAkB,aANtB,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACRlB;;AAEG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/advanced/login/src/login.props.ts","../../../../../projects/components/widgets/advanced/login/src/login.component.ts","../../../../../projects/components/widgets/advanced/login/src/login.component.html","../../../../../projects/components/widgets/advanced/login/src/login.module.ts","../../../../../projects/components/widgets/advanced/login/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-login',\n        new Map(\n            [\n                ['errormessage', PROP_STRING],\n                ['eventsource', PROP_ANY]\n            ]\n        )\n    );\n};\n","import {\n    AfterViewInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    Inject,\n    Injector,\n    Optional,\n    QueryList,\n    ViewChild\n} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, MessageComponent, provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';\nimport { FormComponent } from '@wm/components/data/form';\nimport { ButtonComponent } from '@wm/components/input';\n\nimport { registerProps } from './login.props';\nimport {includes} from \"lodash-es\";\n\nconst WIDGET_INFO = {widgetType: 'wm-login', hostClass: 'app-login'};\n\n@Component({\n    selector: 'div[wmLogin]',\n    templateUrl: './login.component.html',\n    providers: [\n        provideAsWidgetRef(LoginComponent)\n    ]\n})\nexport class LoginComponent extends StylableComponent implements AfterViewInit {\n    static initializeProps = registerProps();\n    loginBtnCmp: ButtonComponent;\n\n    @ContentChild(FormComponent) formCmp: FormComponent;\n    @ContentChildren(ButtonComponent, {descendants: true}) buttonComponents: QueryList<ButtonComponent>;\n    @ViewChild(MessageComponent, { static: true }) messageCmp: MessageComponent;\n\n    loginMessage: { type?: string; caption?: any; show?: boolean; };\n    errormessage: any;\n    eventsource;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_INFO, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    onSuccessCB() {\n        this.invokeEventCallback('success');\n    }\n\n    onErrorCB(error?) {\n        this.loginMessage = {\n            type: 'error',\n            caption: this.errormessage || error || this.appLocale.LABEL_INVALID_USERNAME_OR_PASSWORD,\n            show: true\n        };\n        this.messageCmp.showMessage(this.loginMessage.caption, this.loginMessage.type);\n        this.invokeEventCallback('error');\n    }\n\n    getLoginDetails(): any {\n        return this.formCmp.dataoutput;\n    }\n\n    doLogin() {\n        if (this.eventsource) {\n            this.formCmp.ngform.valid && this.eventsource.invoke({loginInfo: this.getLoginDetails()}, this.onSuccessCB.bind(this), this.onErrorCB.bind(this));\n        } else {\n            console.warn('Default action \"loginAction\" does not exist. Either create the Action or assign an event to onSubmit of the login widget');\n        }\n    }\n\n    initLoginButtonActions() {\n        this.loginBtnCmp.getNativeElement().addEventListener('click', event => {\n\n            // if no event is attached to the onSubmit of login widget or loginButton inside it, invoke default login action\n            if (!this.nativeElement.hasAttribute('submit.event') && !this.loginBtnCmp.getNativeElement().hasAttribute('click.event') && !this.loginBtnCmp.getNativeElement().hasAttribute('tap.event')) {\n                this.doLogin();\n            }\n        });\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n\n        // suppresses the default form submission (in browsers like Firefox)\n        this.formCmp.getNativeElement().addEventListener('submit', e => e.preventDefault());\n\n        // get login button component\n        this.buttonComponents.forEach(cmp => {\n            if (cmp.getNativeElement().getAttribute('name') === 'loginButton' || includes(cmp.getNativeElement().classList, 'app-login-button')) {\n                if (this.loginBtnCmp) {\n                    return;\n                }\n                this.loginBtnCmp = cmp;\n                this.initLoginButtonActions();\n            }\n        });\n    }\n}\n","<p wmMessage class=\"app-login-message\" #message show.bind=\"loginMessage.show\" caption.bind=\"loginMessage.caption\" type.bind=\"loginMessage.type\"></p>\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LoginComponent } from './login.component';\n\nconst components = [\n    LoginComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LoginModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/advanced/login/login.component.d.ts

@@ -16,13 +16,13 @@ export declare class LoginComponent extends StylableComponent implements AfterVi
     };
     errormessage: any;
     eventsource: any;
-    constructor(inj: Injector);
+    constructor(inj: Injector, explicitContext: any);
     onSuccessCB(): void;
     onErrorCB(error?: any): void;
     getLoginDetails(): any;
     doLogin(): void;
     initLoginButtonActions(): void;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "div[wmLogin]", never, {}, {}, ["formCmp", "buttonComponents"], ["*"], false, never>;
 }

package/components/advanced/marquee/bundles/index.umd.js

@@ -41,16 +41,16 @@
     };
     class MarqueeDirective extends base.StylableComponent {
         static { this.initializeProps = registerProps(); }
-        constructor(inj) {
-            super(inj, WIDGET_CONFIG);
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
             base.styler(this.nativeElement, this);
         }
-        static { this.ɵfac = function MarqueeDirective_Factory(t) { return new (t || MarqueeDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); }; }
+        static { this.ɵfac = function MarqueeDirective_Factory(t) { return new (t || MarqueeDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
         static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: MarqueeDirective, selectors: [["", "wmMarquee", ""]], features: [i0__namespace.ɵɵProvidersFeature([
                     base.provideAsWidgetRef(MarqueeDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarqueeDirective, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarqueeDirective, [{
             type: i0.Directive,
             args: [{
                     selector: '[wmMarquee]',
@@ -58,7 +58,12 @@
                         base.provideAsWidgetRef(MarqueeDirective)
                     ]
                 }]
-        }], function () { return [{ type: i0__namespace.Injector }]; }, null); })();
+        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                    type: i0.Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: i0.Optional
+                }] }], null); })();
 
     const components = [
         MarqueeDirective
@@ -69,7 +74,7 @@
         static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [common.CommonModule,
                 base.WmComponentsModule] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarqueeModule, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MarqueeModule, [{
             type: i0.NgModule,
             args: [{
                     imports: [

package/components/advanced/marquee/esm2022/marquee.directive.mjs

@@ -1,4 +1,4 @@
-import { Directive, Injector } from '@angular/core';
+import { Directive, Inject, Injector, Optional } from '@angular/core';
 import { provideAsWidgetRef, StylableComponent, styler } from '@wm/components/base';
 import { registerProps } from './marquee.props';
 import * as i0 from "@angular/core";
@@ -9,16 +9,16 @@ const WIDGET_CONFIG = {
 };
 export class MarqueeDirective extends StylableComponent {
     static { this.initializeProps = registerProps(); }
-    constructor(inj) {
-        super(inj, WIDGET_CONFIG);
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this);
     }
-    static { this.ɵfac = function MarqueeDirective_Factory(t) { return new (t || MarqueeDirective)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
+    static { this.ɵfac = function MarqueeDirective_Factory(t) { return new (t || MarqueeDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MarqueeDirective, selectors: [["", "wmMarquee", ""]], features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(MarqueeDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarqueeDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarqueeDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmMarquee]',
@@ -26,5 +26,10 @@ export class MarqueeDirective extends StylableComponent {
                     provideAsWidgetRef(MarqueeDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFycXVlZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvbWFycXVlZS9zcmMvbWFycXVlZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxRQUFRLEVBQVcsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFpQixrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVuRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRWhELE1BQU0sV0FBVyxHQUFHLDJCQUEyQixDQUFDO0FBQ2hELE1BQU0sYUFBYSxHQUFrQjtJQUNqQyxVQUFVLEVBQUUsWUFBWTtJQUN4QixTQUFTLEVBQUUsV0FBVztDQUN6QixDQUFDO0FBUUYsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGlCQUFpQjthQUM1QyxvQkFBZSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBRXpDLFlBQVksR0FBYTtRQUNyQixLQUFLLENBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRTFCLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3JDLENBQUM7aUZBUFEsZ0JBQWdCO29FQUFoQixnQkFBZ0IsdUVBSmQ7Z0JBQ1Asa0JBQWtCLENBQUMsZ0JBQWdCLENBQUM7YUFDdkM7O3VGQUVRLGdCQUFnQjtjQU41QixTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLFNBQVMsRUFBRTtvQkFDUCxrQkFBa0Isa0JBQWtCO2lCQUN2QzthQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9tYXJxdWVlLnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLW1hcnF1ZWUgYXBwLWNvbnRhaW5lcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1tYXJxdWVlJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3bU1hcnF1ZWVdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKE1hcnF1ZWVEaXJlY3RpdmUpXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBNYXJxdWVlRGlyZWN0aXZlIGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRyk7XG5cbiAgICAgICAgc3R5bGVyKHRoaXMubmF0aXZlRWxlbWVudCwgdGhpcyk7XG4gICAgfVxufVxuIl19
+    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                type: Inject,
+                args: ['EXPLICIT_CONTEXT']
+            }, {
+                type: Optional
+            }] }], null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFycXVlZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvbWFycXVlZS9zcmMvbWFycXVlZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQWlCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRW5HLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFaEQsTUFBTSxXQUFXLEdBQUcsMkJBQTJCLENBQUM7QUFDaEQsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFNBQVMsRUFBRSxXQUFXO0NBQ3pCLENBQUM7QUFRRixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO2FBQzVDLG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBRXpDLFlBQVksR0FBYSxFQUEwQyxlQUFvQjtRQUNuRixLQUFLLENBQUMsR0FBRyxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUUzQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO2lGQVBRLGdCQUFnQiwwREFHVSxrQkFBa0I7b0VBSDVDLGdCQUFnQix1RUFKZDtnQkFDUCxrQkFBa0IsQ0FBQyxnQkFBZ0IsQ0FBQzthQUN2Qzs7aUZBRVEsZ0JBQWdCO2NBTjVCLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsU0FBUyxFQUFFO29CQUNQLGtCQUFrQixrQkFBa0I7aUJBQ3ZDO2FBQ0o7O3NCQUkrQixNQUFNO3VCQUFDLGtCQUFrQjs7c0JBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBJbmplY3QsIEluamVjdG9yLCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9tYXJxdWVlLnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLW1hcnF1ZWUgYXBwLWNvbnRhaW5lcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1tYXJxdWVlJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3bU1hcnF1ZWVdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKE1hcnF1ZWVEaXJlY3RpdmUpXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBNYXJxdWVlRGlyZWN0aXZlIGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cbn1cbiJdfQ==