@wavemaker/app-ng-runtime 12.0.0-next.45002 → 12.0.0-next.45005

app-ng-runtime/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    exportAs: 'carouselTemplateRef',\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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"}

app-ng-runtime/components/advanced/custom/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

app-ng-runtime/components/advanced/custom/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/core'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/core', 'rxjs'], 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.custom = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.core, global.rxjs));
-})(this, (function (exports, i0, common, base, i1, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@wm/components/base'), require('@wm/core')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@wm/components/base', '@wm/core'], 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.custom = {}), global.ng.core, global.ng.common, global.wm.components.base, global.wm.core));
+})(this, (function (exports, i0, common, base, i1) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -31,26 +31,36 @@
         ['widgetname', base.PROP_STRING],
         ['show', { value: true, ...base.PROP_BOOLEAN }]
     ]);
+    const registerProps$1 = () => {
+        base.register('wm-custom-widget', customWidgetProps);
+    };
 
     const registeredPropsSet = new Set();
     const DEFAULT_CLS$1 = 'app-html-container';
-    const WIDGET_CONFIG$1 = {
-        widgetType: 'wm-custom-widget',
-        hostClass: DEFAULT_CLS$1
-    };
     class CustomWidgetContainerDirective extends base.StylableComponent {
+        static { this.initializeProps = registerProps$1(); }
         constructor(inj, elRef, widgetname) {
+            const widgetType = `wm-custom-${widgetname}`;
+            const WIDGET_CONFIG = { widgetType, hostClass: DEFAULT_CLS$1 };
             let resolveFn = i1.noop;
-            super(inj, WIDGET_CONFIG$1, new Promise(res => resolveFn = res));
+            super(inj, WIDGET_CONFIG, undefined, new Promise(res => resolveFn = res));
+            this.pageProps = {};
             this.propsReady = resolveFn;
-            this.widgetType = WIDGET_CONFIG$1.widgetType;
-            this.widgetName = widgetname;
+            this.widgetType = widgetType;
             this.name = elRef.nativeElement.getAttribute('name');
             base.styler(this.nativeElement, this);
             // Call on property change on name to set name attribute on element.
             this.registerReadyStateListener(() => {
                 super.onPropertyChange('name', this.name);
             });
+            this.registerPropertyChangeListener(((key, nv, ov) => {
+                if (!key.startsWith('prop-'))
+                    return;
+                const propName = key.slice(5);
+                if (this.pageProps.hasOwnProperty(propName) && this.pageProps[propName] !== nv) {
+                    this.pageProps[propName] = nv;
+                }
+            }));
         }
         setProps(config, resolveFn) {
             if (!config || !config.properties) {
@@ -63,7 +73,6 @@
         }
         prepareProps(props = {}) {
             const propsMap = new Map(customWidgetProps);
-            // propsMap.set('widgetname', this.widgetName);
             Object.entries(props).forEach(([k, v]) => {
                 let type = base.PROP_TYPE.STRING;
                 if (v.type === 'boolean') {
@@ -76,7 +85,8 @@
                     type = v.type;
                 }
                 // Do not set the 'bind:*' values
-                propsMap.set(k, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });
+                propsMap.set(`prop-${k}`, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });
+                this.pageProps[k] = v.value;
             });
             registeredPropsSet.add(this.widgetType);
             return propsMap;
@@ -86,7 +96,7 @@
                     base.provideAsWidgetRef(CustomWidgetContainerDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
             type: i0.Directive,
             args: [{
                     selector: '[wmWidgetContainer]',
@@ -95,75 +105,10 @@
                     ],
                     exportAs: 'wmWidgetContainer'
                 }]
-        }], function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
+        }], () => [{ type: i0__namespace.Injector }, { type: i0__namespace.ElementRef }, { type: undefined, decorators: [{
                     type: i0.Attribute,
                     args: ['widgetname']
-                }] }]; }, null); })();
-
-    class CustomWidgetPropHandlerDirective {
-        constructor(widgetRef) {
-            this.widgetRef = widgetRef;
-            this.widgetRef.props = {};
-            this.widgetRef.pageParams = this.widgetRef.props;
-            this.widgetRef.params$ = new rxjs.Subject();
-        }
-        registerParams(name, value, bindExpr, type) {
-            this.widgetRef.props[name] = value;
-            if (!value && bindExpr) {
-                this.widgetRef.registerDestroyListener(
-                //[Todo-CSP]: expr fn should be generated be default
-                i1.$watch(bindExpr, this.widgetRef.getViewParent(), _.get(this.widgetRef, 'context'), nv => {
-                    this.widgetRef.props[name] = nv;
-                    // notify the partial container of the param changes
-                    this.widgetRef.params$.next();
-                }));
-            }
-            else {
-                this.widgetRef.params$.next();
-            }
-        }
-        static { this.ɵfac = function CustomWidgetPropHandlerDirective_Factory(t) { return new (t || CustomWidgetPropHandlerDirective)(i0__namespace.ɵɵdirectiveInject(base.WidgetRef, 2)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: CustomWidgetPropHandlerDirective, selectors: [["", "customWidgetContainer", ""]] }); }
-    }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetPropHandlerDirective, [{
-            type: i0.Directive,
-            args: [{
-                    selector: '[customWidgetContainer]',
-                }]
-        }], function () { return [{ type: undefined, decorators: [{
-                    type: i0.Self
-                }, {
-                    type: i0.Inject,
-                    args: [base.WidgetRef]
-                }] }]; }, null); })();
-    class CustomWidgetPropDirective {
-        constructor(bindValue, type, customWidgetPropsProvider) {
-            this.bindValue = bindValue;
-            this.type = type;
-            this.customWidgetPropsProvider = customWidgetPropsProvider;
-        }
-        ngOnInit() {
-            this.customWidgetPropsProvider.registerParams(this.name, this.value, this.bindValue, this.type);
-        }
-        static { this.ɵfac = function CustomWidgetPropDirective_Factory(t) { return new (t || CustomWidgetPropDirective)(i0__namespace.ɵɵinjectAttribute('value.bind'), i0__namespace.ɵɵinjectAttribute('type'), i0__namespace.ɵɵdirectiveInject(CustomWidgetPropHandlerDirective)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: CustomWidgetPropDirective, selectors: [["", "wmProp", ""]], inputs: { name: "name", value: "value" } }); }
-    }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetPropDirective, [{
-            type: i0.Directive,
-            args: [{
-                    selector: '[wmProp]',
-                }]
-        }], function () { return [{ type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['value.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['type']
-                }] }, { type: CustomWidgetPropHandlerDirective }]; }, { name: [{
-                type: i0.Input
-            }], value: [{
-                type: i0.Input
-            }] }); })();
+                }] }], null); })();
 
     const registerProps = () => {
         base.register('wm-custom-widget-container', new Map([
@@ -197,8 +142,8 @@
                     this.processChildren(child.children, inheritedProps);
                 else {
                     for (const [key, value] of Object.entries(inheritedProps)) {
-                        if (key.includes(".event"))
-                            this.processChildAttr(key, value, { widget: child.widget, nativeElement: child });
+                        if (key.includes(".event") || key.includes('.bind'))
+                            this.processAttr(key, value, { widget: child.widget, nativeElement: child });
                         else
                             child.widget[key] = value;
                     }
@@ -224,7 +169,7 @@
                     base.provideAsWidgetRef(CustomWidgetDirective)
                 ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetDirective, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomWidgetDirective, [{
             type: i0.Directive,
             args: [{
                     selector: '[wmCustomWidget]',
@@ -232,12 +177,10 @@
                         base.provideAsWidgetRef(CustomWidgetDirective)
                     ]
                 }]
-        }], function () { return [{ type: i0__namespace.Injector }, { type: i1__namespace.Viewport }]; }, null); })();
+        }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.Viewport }], null); })();
 
     const components = [
         CustomWidgetContainerDirective,
-        CustomWidgetPropDirective,
-        CustomWidgetPropHandlerDirective,
         CustomWidgetDirective
     ];
     class CustomModule {
@@ -246,7 +189,7 @@
         static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [common.CommonModule,
                 base.WmComponentsModule] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomModule, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CustomModule, [{
             type: i0.NgModule,
             args: [{
                     imports: [
@@ -258,18 +201,12 @@
                 }]
         }], null, null); })();
     (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(CustomModule, { declarations: [CustomWidgetContainerDirective,
-            CustomWidgetPropDirective,
-            CustomWidgetPropHandlerDirective,
             CustomWidgetDirective], imports: [common.CommonModule,
             base.WmComponentsModule], exports: [CustomWidgetContainerDirective,
-            CustomWidgetPropDirective,
-            CustomWidgetPropHandlerDirective,
             CustomWidgetDirective] }); })();
 
     exports.CustomModule = CustomModule;
     exports.CustomWidgetContainerDirective = CustomWidgetContainerDirective;
     exports.CustomWidgetDirective = CustomWidgetDirective;
-    exports.CustomWidgetPropDirective = CustomWidgetPropDirective;
-    exports.CustomWidgetPropHandlerDirective = CustomWidgetPropHandlerDirective;
 
 }));

app-ng-runtime/components/advanced/custom/custom-widget-container/custom-widget-container.directive.d.ts

@@ -2,10 +2,12 @@ import { ElementRef, Injector, OnInit } from '@angular/core';
 import { StylableComponent } from '@wm/components/base';
 import * as i0 from "@angular/core";
 export declare class CustomWidgetContainerDirective extends StylableComponent implements OnInit {
+    static initializeProps: void;
     widgetType: string;
     name: string;
     propsReady: Function;
     widgetName: string;
+    private pageProps;
     constructor(inj: Injector, elRef: ElementRef, widgetname: string);
     setProps(config: any, resolveFn: Function): void;
     private prepareProps;

app-ng-runtime/components/advanced/custom/custom-widget-container/custom-widget.props.d.ts

@@ -1 +1,2 @@
 export declare const customWidgetProps: Map<string, any>;
+export declare const registerProps: () => void;

app-ng-runtime/components/advanced/custom/custom-widget.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./custom-widget-container/custom-widget-container.directive";
-import * as i2 from "./custom-widget-container-prop/custom-widget-container-prop.directive";
-import * as i3 from "./custom-widget.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@wm/components/base";
+import * as i2 from "./custom-widget.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@wm/components/base";
 export declare class CustomModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CustomModule, [typeof i1.CustomWidgetContainerDirective, typeof i2.CustomWidgetPropDirective, typeof i2.CustomWidgetPropHandlerDirective, typeof i3.CustomWidgetDirective], [typeof i4.CommonModule, typeof i5.WmComponentsModule], [typeof i1.CustomWidgetContainerDirective, typeof i2.CustomWidgetPropDirective, typeof i2.CustomWidgetPropHandlerDirective, typeof i3.CustomWidgetDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CustomModule, [typeof i1.CustomWidgetContainerDirective, typeof i2.CustomWidgetDirective], [typeof i3.CommonModule, typeof i4.WmComponentsModule], [typeof i1.CustomWidgetContainerDirective, typeof i2.CustomWidgetDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CustomModule>;
 }

app-ng-runtime/components/advanced/custom/esm2022/custom-widget-container/custom-widget-container.directive.mjs

@@ -2,26 +2,34 @@ import { Attribute, Directive, ElementRef, Injector } from '@angular/core';
 import { noop } from '@wm/core';
 import { PROP_TYPE, provideAsWidgetRef, register, StylableComponent, styler } from '@wm/components/base';
 import { customWidgetProps } from './custom-widget.props';
+import { registerProps } from "../custom-widget-container/custom-widget.props";
 import * as i0 from "@angular/core";
 const registeredPropsSet = new Set();
 const DEFAULT_CLS = 'app-html-container';
-const WIDGET_CONFIG = {
-    widgetType: 'wm-custom-widget',
-    hostClass: DEFAULT_CLS
-};
 export class CustomWidgetContainerDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
     constructor(inj, elRef, widgetname) {
+        const widgetType = `wm-custom-${widgetname}`;
+        const WIDGET_CONFIG = { widgetType, hostClass: DEFAULT_CLS };
         let resolveFn = noop;
-        super(inj, WIDGET_CONFIG, new Promise(res => resolveFn = res));
+        super(inj, WIDGET_CONFIG, undefined, new Promise(res => resolveFn = res));
+        this.pageProps = {};
         this.propsReady = resolveFn;
-        this.widgetType = WIDGET_CONFIG.widgetType;
-        this.widgetName = widgetname;
+        this.widgetType = widgetType;
         this.name = elRef.nativeElement.getAttribute('name');
         styler(this.nativeElement, this);
         // Call on property change on name to set name attribute on element.
         this.registerReadyStateListener(() => {
             super.onPropertyChange('name', this.name);
         });
+        this.registerPropertyChangeListener(((key, nv, ov) => {
+            if (!key.startsWith('prop-'))
+                return;
+            const propName = key.slice(5);
+            if (this.pageProps.hasOwnProperty(propName) && this.pageProps[propName] !== nv) {
+                this.pageProps[propName] = nv;
+            }
+        }));
     }
     setProps(config, resolveFn) {
         if (!config || !config.properties) {
@@ -34,7 +42,6 @@ export class CustomWidgetContainerDirective extends StylableComponent {
     }
     prepareProps(props = {}) {
         const propsMap = new Map(customWidgetProps);
-        // propsMap.set('widgetname', this.widgetName);
         Object.entries(props).forEach(([k, v]) => {
             let type = PROP_TYPE.STRING;
             if (v.type === 'boolean') {
@@ -47,7 +54,8 @@ export class CustomWidgetContainerDirective extends StylableComponent {
                 type = v.type;
             }
             // Do not set the 'bind:*' values
-            propsMap.set(k, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });
+            propsMap.set(`prop-${k}`, { type, value: _.startsWith(v.value, 'bind:') ? undefined : v.value });
+            this.pageProps[k] = v.value;
         });
         registeredPropsSet.add(this.widgetType);
         return propsMap;
@@ -57,7 +65,7 @@ export class CustomWidgetContainerDirective extends StylableComponent {
                 provideAsWidgetRef(CustomWidgetContainerDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetContainerDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmWidgetContainer]',
@@ -66,8 +74,8 @@ export class CustomWidgetContainerDirective extends StylableComponent {
                 ],
                 exportAs: 'wmWidgetContainer'
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+    }], () => [{ type: i0.Injector }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                 type: Attribute,
                 args: ['widgetname']
-            }] }]; }, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC1jb250YWluZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2N1c3RvbS9zcmMvY3VzdG9tLXdpZGdldC1jb250YWluZXIvY3VzdG9tLXdpZGdldC1jb250YWluZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQXFDLE1BQU0sZUFBZSxDQUFDO0FBRTlHLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDaEMsT0FBTyxFQUFpQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFnQixpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0SSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFFMUQsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO0FBRTdDLE1BQU0sV0FBVyxHQUFHLG9CQUFvQixDQUFDO0FBQ3pDLE1BQU0sYUFBYSxHQUFrQjtJQUNqQyxVQUFVLEVBQUUsa0JBQWtCO0lBQzlCLFNBQVMsRUFBRSxXQUFXO0NBQ3pCLENBQUM7QUFXRixNQUFNLE9BQU8sOEJBQStCLFNBQVEsaUJBQWlCO0lBTWpFLFlBQ0ksR0FBYSxFQUFFLEtBQWlCLEVBQ1AsVUFBa0I7UUFFM0MsSUFBSSxTQUFTLEdBQWEsSUFBSSxDQUFDO1FBQy9CLEtBQUssQ0FBQyxHQUFHLEVBQUUsYUFBYSxFQUFFLElBQUksT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFDO1FBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFckQsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFakMsb0VBQW9FO1FBQ3BFLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxHQUFHLEVBQUU7WUFDakMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sUUFBUSxDQUFDLE1BQU0sRUFBRSxTQUFtQjtRQUN2QyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRTtZQUMvQixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUMxQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1NBQ25FO1FBRUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU8sWUFBWSxDQUFDLEtBQUssR0FBRyxFQUFFO1FBQzNCLE1BQU0sUUFBUSxHQUFHLElBQUksR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDNUMsK0NBQStDO1FBQy9DLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFnQixFQUFFLEVBQUU7WUFDcEQsSUFBSSxJQUFJLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQztZQUU1QixJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO2dCQUN0QixJQUFJLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQzthQUM1QjtpQkFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFO2dCQUM1QixJQUFJLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQzthQUMzQjtpQkFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFO2dCQUM1QixJQUFJLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQzthQUNqQjtZQUVELGlDQUFpQztZQUNqQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzNGLENBQUMsQ0FBQyxDQUFDO1FBRUgsa0JBQWtCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUV4QyxPQUFPLFFBQVEsQ0FBQztJQUNwQixDQUFDOytGQXpEUSw4QkFBOEIsK0ZBUXhCLFlBQVk7b0VBUmxCLDhCQUE4QixnSEFMNUI7Z0JBQ1Asa0JBQWtCLENBQUMsOEJBQThCLENBQUM7YUFDckQ7O3VGQUdRLDhCQUE4QjtjQVAxQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsU0FBUyxFQUFFO29CQUNQLGtCQUFrQixnQ0FBZ0M7aUJBQ3JEO2dCQUNELFFBQVEsRUFBRSxtQkFBbUI7YUFDaEM7O3NCQVNRLFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF0dHJpYnV0ZSwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3RvciwgT25Jbml0LCBPcHRpb25hbCwgU2VjdXJpdHlDb250ZXh0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IG5vb3AgfSBmcm9tICdAd20vY29yZSc7XG5pbXBvcnQgeyBJV2lkZ2V0Q29uZmlnLCBQUk9QX1RZUEUsIHByb3ZpZGVBc1dpZGdldFJlZiwgcmVnaXN0ZXIsIFNhbml0aXplUGlwZSwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyBjdXN0b21XaWRnZXRQcm9wcyB9IGZyb20gJy4vY3VzdG9tLXdpZGdldC5wcm9wcyc7XG5cbmNvbnN0IHJlZ2lzdGVyZWRQcm9wc1NldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdhcHAtaHRtbC1jb250YWluZXInO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20tY3VzdG9tLXdpZGdldCcsXG4gICAgaG9zdENsYXNzOiBERUZBVUxUX0NMU1xufTtcblxuZGVjbGFyZSBjb25zdCBfO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3bVdpZGdldENvbnRhaW5lcl0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoQ3VzdG9tV2lkZ2V0Q29udGFpbmVyRGlyZWN0aXZlKVxuICAgIF0sXG4gICAgZXhwb3J0QXM6ICd3bVdpZGdldENvbnRhaW5lcidcbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tV2lkZ2V0Q29udGFpbmVyRGlyZWN0aXZlIGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHdpZGdldFR5cGU6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgcHJvcHNSZWFkeTogRnVuY3Rpb247XG4gICAgd2lkZ2V0TmFtZTogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGluajogSW5qZWN0b3IsIGVsUmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBAQXR0cmlidXRlKCd3aWRnZXRuYW1lJykgd2lkZ2V0bmFtZTogc3RyaW5nLFxuICAgICkge1xuICAgICAgICBsZXQgcmVzb2x2ZUZuOiBGdW5jdGlvbiA9IG5vb3A7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRywgbmV3IFByb21pc2UocmVzID0+IHJlc29sdmVGbiA9IHJlcykpO1xuICAgICAgICB0aGlzLnByb3BzUmVhZHkgPSByZXNvbHZlRm47XG4gICAgICAgIHRoaXMud2lkZ2V0VHlwZSA9IFdJREdFVF9DT05GSUcud2lkZ2V0VHlwZTtcbiAgICAgICAgdGhpcy53aWRnZXROYW1lID0gd2lkZ2V0bmFtZTtcbiAgICAgICAgdGhpcy5uYW1lID0gZWxSZWYubmF0aXZlRWxlbWVudC5nZXRBdHRyaWJ1dGUoJ25hbWUnKTtcblxuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzKTtcblxuICAgICAgICAvLyBDYWxsIG9uIHByb3BlcnR5IGNoYW5nZSBvbiBuYW1lIHRvIHNldCBuYW1lIGF0dHJpYnV0ZSBvbiBlbGVtZW50LlxuICAgICAgICB0aGlzLnJlZ2lzdGVyUmVhZHlTdGF0ZUxpc3RlbmVyKCgpID0+IHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2UoJ25hbWUnLCB0aGlzLm5hbWUpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0UHJvcHMoY29uZmlnLCByZXNvbHZlRm46IEZ1bmN0aW9uKSB7XG4gICAgICAgIGlmICghY29uZmlnIHx8ICFjb25maWcucHJvcGVydGllcykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGlmICghcmVnaXN0ZXJlZFByb3BzU2V0Lmhhcyh0aGlzLndpZGdldFR5cGUpKSB7XG4gICAgICAgICAgICByZWdpc3Rlcih0aGlzLndpZGdldFR5cGUsIHRoaXMucHJlcGFyZVByb3BzKGNvbmZpZy5wcm9wZXJ0aWVzKSk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnByb3BzUmVhZHkocmVzb2x2ZUZuKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHByZXBhcmVQcm9wcyhwcm9wcyA9IHt9KSB7XG4gICAgICAgIGNvbnN0IHByb3BzTWFwID0gbmV3IE1hcChjdXN0b21XaWRnZXRQcm9wcyk7XG4gICAgICAgIC8vIHByb3BzTWFwLnNldCgnd2lkZ2V0bmFtZScsIHRoaXMud2lkZ2V0TmFtZSk7XG4gICAgICAgIE9iamVjdC5lbnRyaWVzKHByb3BzKS5mb3JFYWNoKChbaywgdl06IFtzdHJpbmcsIGFueV0pID0+IHtcbiAgICAgICAgICAgIGxldCB0eXBlID0gUFJPUF9UWVBFLlNUUklORztcblxuICAgICAgICAgICAgaWYgKHYudHlwZSA9PT0gJ2Jvb2xlYW4nKSB7XG4gICAgICAgICAgICAgICAgdHlwZSA9IFBST1BfVFlQRS5CT09MRUFOO1xuICAgICAgICAgICAgfSBlbHNlIGlmICh2LnR5cGUgPT09ICdudW1iZXInKSB7XG4gICAgICAgICAgICAgICAgdHlwZSA9IFBST1BfVFlQRS5OVU1CRVI7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHYudHlwZSAhPT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgICAgICB0eXBlID0gdi50eXBlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBEbyBub3Qgc2V0IHRoZSAnYmluZDoqJyB2YWx1ZXNcbiAgICAgICAgICAgIHByb3BzTWFwLnNldChrLCB7IHR5cGUsIHZhbHVlOiBfLnN0YXJ0c1dpdGgodi52YWx1ZSwgJ2JpbmQ6JykgPyB1bmRlZmluZWQgOiB2LnZhbHVlIH0pO1xuICAgICAgICB9KTtcblxuICAgICAgICByZWdpc3RlcmVkUHJvcHNTZXQuYWRkKHRoaXMud2lkZ2V0VHlwZSk7XG5cbiAgICAgICAgcmV0dXJuIHByb3BzTWFwO1xuICAgIH1cbn1cbiJdfQ==
+            }] }], null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC1jb250YWluZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2FkdmFuY2VkL2N1c3RvbS9zcmMvY3VzdG9tLXdpZGdldC1jb250YWluZXIvY3VzdG9tLXdpZGdldC1jb250YWluZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQXFDLE1BQU0sZUFBZSxDQUFDO0FBRTlHLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDaEMsT0FBTyxFQUFpQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsUUFBUSxFQUFnQixpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV0SSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0RBQWdELENBQUM7O0FBRS9FLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztBQUU3QyxNQUFNLFdBQVcsR0FBRyxvQkFBb0IsQ0FBQztBQVd6QyxNQUFNLE9BQU8sOEJBQStCLFNBQVEsaUJBQWlCO2FBQzFELG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBUXpDLFlBQ0ksR0FBYSxFQUFFLEtBQWlCLEVBQ1AsVUFBa0I7UUFFM0MsTUFBTSxVQUFVLEdBQUcsYUFBYSxVQUFVLEVBQUUsQ0FBQztRQUM3QyxNQUFNLGFBQWEsR0FBRyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDN0QsSUFBSSxTQUFTLEdBQWEsSUFBSSxDQUFDO1FBRS9CLEtBQUssQ0FBQyxHQUFHLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxJQUFJ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QUFDLEtBQUssRUFBRSxDQUFDLENBQUM7WUFDakcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBRUgsa0JBQWtCLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUV4QyxPQUFPLFFBQVEsQ0FBQztJQUNwQixDQUFDOytGQXRFUSw4QkFBOEIsK0ZBV3hCLFlBQVk7b0VBWGxCLDhCQUE4QixnSEFMNUI7Z0JBQ1Asa0JBQWtCLENBQUMsOEJBQThCLENBQUM7YUFDckQ7O2lGQUdRLDhCQUE4QjtjQVAxQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsU0FBUyxFQUFFO29CQUNQLGtCQUFrQixnQ0FBZ0M7aUJBQ3JEO2dCQUNELFFBQVEsRUFBRSxtQkFBbUI7YUFDaEM7O3NCQVlRLFNBQVM7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF0dHJpYnV0ZSwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3RvciwgT25Jbml0LCBPcHRpb25hbCwgU2VjdXJpdHlDb250ZXh0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IG5vb3AgfSBmcm9tICdAd20vY29yZSc7XG5pbXBvcnQgeyBJV2lkZ2V0Q29uZmlnLCBQUk9QX1RZUEUsIHByb3ZpZGVBc1dpZGdldFJlZiwgcmVnaXN0ZXIsIFNhbml0aXplUGlwZSwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5pbXBvcnQgeyBjdXN0b21XaWRnZXRQcm9wcyB9IGZyb20gJy4vY3VzdG9tLXdpZGdldC5wcm9wcyc7XG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSBcIi4uL2N1c3RvbS13aWRnZXQtY29udGFpbmVyL2N1c3RvbS13aWRnZXQucHJvcHNcIjtcblxuY29uc3QgcmVnaXN0ZXJlZFByb3BzU2V0ID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1odG1sLWNvbnRhaW5lcic7XG5cbmRlY2xhcmUgY29uc3QgXztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbd21XaWRnZXRDb250YWluZXJdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKEN1c3RvbVdpZGdldENvbnRhaW5lckRpcmVjdGl2ZSlcbiAgICBdLFxuICAgIGV4cG9ydEFzOiAnd21XaWRnZXRDb250YWluZXInXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbVdpZGdldENvbnRhaW5lckRpcmVjdGl2ZSBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuXG4gICAgd2lkZ2V0VHlwZTogc3RyaW5nO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBwcm9wc1JlYWR5OiBGdW5jdGlvbjtcbiAgICB3aWRnZXROYW1lOiBzdHJpbmc7XG4gICAgcHJpdmF0ZSBwYWdlUHJvcHM6IGFueSA9IHt9O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGluajogSW5qZWN0b3IsIGVsUmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBAQXR0cmlidXRlKCd3aWRnZXRuYW1lJykgd2lkZ2V0bmFtZTogc3RyaW5nLFxuICAgICkge1xuICAgICAgICBjb25zdCB3aWRnZXRUeXBlID0gYHdtLWN1c3RvbS0ke3dpZGdldG5hbWV9YDtcbiAgICAgICAgY29uc3QgV0lER0VUX0NPTkZJRyA9IHsgd2lkZ2V0VHlwZSwgaG9zdENsYXNzOiBERUZBVUxUX0NMUyB9O1xuICAgICAgICBsZXQgcmVzb2x2ZUZuOiBGdW5jdGlvbiA9IG5vb3A7XG5cbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCB1bmRlZmluZWQsIG5ldyBQcm9taXNlKHJlcyA9PiByZXNvbHZlRm4gPSByZXMpKTtcbiAgICAgICAgdGhpcy5wcm9wc1JlYWR5ID0gcmVzb2x2ZUZuO1xuICAgICAgICB0aGlzLndpZGdldFR5cGUgPSB3aWRnZXRUeXBlO1xuICAgICAgICB0aGlzLm5hbWUgPSBlbFJlZi5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnbmFtZScpO1xuXG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuXG4gICAgICAgIC8vIENhbGwgb24gcHJvcGVydHkgY2hhbmdlIG9uIG5hbWUgdG8gc2V0IG5hbWUgYXR0cmlidXRlIG9uIGVsZW1lbnQuXG4gICAgICAgIHRoaXMucmVnaXN0ZXJSZWFkeVN0YXRlTGlzdGVuZXIoKCkgPT4ge1xuICAgICAgICAgICAgc3VwZXIub25Qcm9wZXJ0eUNoYW5nZSgnbmFtZScsIHRoaXMubmFtZSk7XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMucmVnaXN0ZXJQcm9wZXJ0eUNoYW5nZUxpc3RlbmVyKCgoa2V5OiBzdHJpbmcsIG52OiBhbnksIG92PzogYW55KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWtleS5zdGFydHNXaXRoKCdwcm9wLScpKSByZXR1cm47XG4gICAgICAgICAgICBjb25zdCBwcm9wTmFtZSA9IGtleS5zbGljZSg1KVxuICAgICAgICAgICAgaWYgKHRoaXMucGFnZVByb3BzLmhhc093blByb3BlcnR5KHByb3BOYW1lKSAmJiB0aGlzLnBhZ2VQcm9wc1twcm9wTmFtZV0gIT09IG52KSB7XG4gICAgICAgICAgICAgICAgdGhpcy5wYWdlUHJvcHNbcHJvcE5hbWVdID0gbnY7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pKVxuICAgIH1cblxuICAgIHB1YmxpYyBzZXRQcm9wcyhjb25maWcsIHJlc29sdmVGbjogRnVuY3Rpb24pIHtcbiAgICAgICAgaWYgKCFjb25maWcgfHwgIWNvbmZpZy5wcm9wZXJ0aWVzKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFyZWdpc3RlcmVkUHJvcHNTZXQuaGFzKHRoaXMud2lkZ2V0VHlwZSkpIHtcbiAgICAgICAgICAgIHJlZ2lzdGVyKHRoaXMud2lkZ2V0VHlwZSwgdGhpcy5wcmVwYXJlUHJvcHMoY29uZmlnLnByb3BlcnRpZXMpKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMucHJvcHNSZWFkeShyZXNvbHZlRm4pO1xuICAgIH1cblxuICAgIHByaXZhdGUgcHJlcGFyZVByb3BzKHByb3BzID0ge30pIHtcbiAgICAgICAgY29uc3QgcHJvcHNNYXAgPSBuZXcgTWFwKGN1c3RvbVdpZGdldFByb3BzKTtcbiAgICAgICAgT2JqZWN0LmVudHJpZXMocHJvcHMpLmZvckVhY2goKFtrLCB2XTogW3N0cmluZywgYW55XSkgPT4ge1xuICAgICAgICAgICAgbGV0IHR5cGUgPSBQUk9QX1RZUEUuU1RSSU5HO1xuXG4gICAgICAgICAgICBpZiAodi50eXBlID09PSAnYm9vbGVhbicpIHtcbiAgICAgICAgICAgICAgICB0eXBlID0gUFJPUF9UWVBFLkJPT0xFQU47XG4gICAgICAgICAgICB9IGVsc2UgaWYgKHYudHlwZSA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICAgICAgICB0eXBlID0gUFJPUF9UWVBFLk5VTUJFUjtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAodi50eXBlICE9PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgICAgIHR5cGUgPSB2LnR5cGU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIERvIG5vdCBzZXQgdGhlICdiaW5kOionIHZhbHVlc1xuICAgICAgICAgICAgcHJvcHNNYXAuc2V0KGBwcm9wLSR7a31gLCB7IHR5cGUsIHZhbHVlOiBfLnN0YXJ0c1dpdGgodi52YWx1ZSwgJ2JpbmQ6JykgPyB1bmRlZmluZWQgOiB2LnZhbHVlIH0pO1xuICAgICAgICAgICAgdGhpcy5wYWdlUHJvcHNba10gPSB2LnZhbHVlO1xuICAgICAgICB9KTtcblxuICAgICAgICByZWdpc3RlcmVkUHJvcHNTZXQuYWRkKHRoaXMud2lkZ2V0VHlwZSk7XG5cbiAgICAgICAgcmV0dXJuIHByb3BzTWFwO1xuICAgIH1cbn1cbiJdfQ==

app-ng-runtime/components/advanced/custom/esm2022/custom-widget-container/custom-widget.props.mjs

@@ -1,4 +1,4 @@
-import { PROP_BOOLEAN, PROP_STRING } from '@wm/components/base';
+import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
 export const customWidgetProps = new Map([
     ['class', PROP_STRING],
     ['hint', PROP_STRING],
@@ -6,4 +6,7 @@ export const customWidgetProps = new Map([
     ['widgetname', PROP_STRING],
     ['show', { value: true, ...PROP_BOOLEAN }]
 ]);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9hZHZhbmNlZC9jdXN0b20vc3JjL2N1c3RvbS13aWRnZXQtY29udGFpbmVyL2N1c3RvbS13aWRnZXQucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVoRSxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FDMUIsSUFBSSxHQUFHLENBQ0g7SUFDSSxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7SUFDdEIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO0lBQ3JCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7SUFDM0IsQ0FBQyxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFFLENBQUM7Q0FDN0MsQ0FDSixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUFJPUF9CT09MRUFOLCBQUk9QX1NUUklORyB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgY3VzdG9tV2lkZ2V0UHJvcHMgPVxuICAgIG5ldyBNYXAoXG4gICAgICAgIFtcbiAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ3dpZGdldG5hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ3Nob3cnLCB7IHZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU4gfV1cbiAgICAgICAgXVxuICAgIClcbiJdfQ==
+export const registerProps = () => {
+    register('wm-custom-widget', customWidgetProps);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9hZHZhbmNlZC9jdXN0b20vc3JjL2N1c3RvbS13aWRnZXQtY29udGFpbmVyL2N1c3RvbS13aWRnZXQucHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFeEUsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQzFCLElBQUksR0FBRyxDQUNIO0lBQ0ksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO0lBQ3RCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztJQUNyQixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7SUFDckIsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO0lBQzNCLENBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBRSxDQUFDO0NBQzdDLENBQ0osQ0FBQTtBQUVMLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLGtCQUFrQixFQUNsQixpQkFBaUIsQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UFJPUF9CT09MRUFOLCBQUk9QX1NUUklORywgcmVnaXN0ZXJ9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgY3VzdG9tV2lkZ2V0UHJvcHMgPVxuICAgIG5ldyBNYXAoXG4gICAgICAgIFtcbiAgICAgICAgICAgIFsnY2xhc3MnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ3dpZGdldG5hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICBbJ3Nob3cnLCB7IHZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU4gfV1cbiAgICAgICAgXVxuICAgIClcblxuZXhwb3J0IGNvbnN0IHJlZ2lzdGVyUHJvcHMgPSAoKSA9PiB7XG4gICAgcmVnaXN0ZXIoXG4gICAgICAgICd3bS1jdXN0b20td2lkZ2V0JyxcbiAgICAgICAgY3VzdG9tV2lkZ2V0UHJvcHNcbiAgICApO1xufTtcbiJdfQ==

app-ng-runtime/components/advanced/custom/esm2022/custom-widget.directive.mjs

@@ -29,8 +29,8 @@ export class CustomWidgetDirective extends StylableComponent {
                 this.processChildren(child.children, inheritedProps);
             else {
                 for (const [key, value] of Object.entries(inheritedProps)) {
-                    if (key.includes(".event"))
-                        this.processChildAttr(key, value, { widget: child.widget, nativeElement: child });
+                    if (key.includes(".event") || key.includes('.bind'))
+                        this.processAttr(key, value, { widget: child.widget, nativeElement: child });
                     else
                         child.widget[key] = value;
                 }
@@ -56,7 +56,7 @@ export class CustomWidgetDirective extends StylableComponent {
                 provideAsWidgetRef(CustomWidgetDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetDirective, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomWidgetDirective, [{
         type: Directive,
         args: [{
                 selector: '[wmCustomWidget]',
@@ -64,5 +64,5 @@ export class CustomWidgetDirective extends StylableComponent {
                     provideAsWidgetRef(CustomWidgetDirective)
                 ]
             }]
-    }], function () { return [{ type: i0.Injector }, { type: i1.Viewport }]; }, null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvY3VzdG9tL3NyYy9jdXN0b20td2lkZ2V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBYyxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBQyxRQUFRLEVBQWdCLE1BQU0sVUFBVSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRWxHLE1BQU0sV0FBVyxHQUFHLHNDQUFzQyxDQUFDO0FBQzNELE1BQU0sYUFBYSxHQUFHLEVBQUMsVUFBVSxFQUFFLDRCQUE0QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVN6RixNQUFNLE9BQU8scUJBQXNCLFNBQVEsaUJBQWlCO2FBQ2pELG9CQUFlLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFFekMsWUFBWSxHQUFhLEVBQVUsUUFBa0I7UUFDakQsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsQ0FBQztRQURLLGFBQVEsR0FBUixRQUFRLENBQVU7UUFFakQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxzQ0FBdUIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbkgsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyw2REFBbUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFD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dCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbmplY3RvciwgT25EZXN0cm95LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1ZpZXdwb3J0LCBWaWV3cG9ydEV2ZW50fSBmcm9tICdAd20vY29yZSc7XG5pbXBvcnQgeyByZWdpc3RlclByb3BzIH0gZnJvbSAnLi9jdXN0b20td2lkZ2V0LXByb3AnO1xuaW1wb3J0IHsgU3R5bGFibGVDb21wb25lbnQsIHByb3ZpZGVBc1dpZGdldFJlZiwgZ2V0V2lkZ2V0UHJvcHNCeVR5cGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLWN1c3RvbS13aWRnZXQtY29udGFpbmVyIGNsZWFyZml4JztcbmNvbnN0IFdJREdFVF9DT05GSUcgPSB7d2lkZ2V0VHlwZTogJ3dtLWN1c3RvbS13aWRnZXQtY29udGFpbmVyJywgaG9zdENsYXNzOiBERUZBVUxUX0NMU307XG5kZWNsYXJlIGNvbnN0IF87XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3dtQ3VzdG9tV2lkZ2V0XScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihDdXN0b21XaWRnZXREaXJlY3RpdmUpXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21XaWRnZXREaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIHByaXZhdGUgdmlld3BvcnQ6IFZpZXdwb3J0KSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRyk7XG4gICAgICAgIHRoaXMucmVnaXN0ZXJEZXN0cm95TGlzdGVuZXIodGhpcy52aWV3cG9ydC5zdWJzY3JpYmUoVmlld3BvcnRFdmVudC5SRVNJWkUsIGRhdGEgPT4gdGhpcy5jYWxsYmFjaygncmVzaXplJywgZGF0YSkpKTtcbiAgICAgICAgdGhpcy5yZWdpc3RlckRlc3Ryb3lMaXN0ZW5lcih0aGlzLnZpZXdwb3J0LnN1YnNjcmliZShWaWV3cG9ydEV2ZW50Lk9SSUVOVEFUSU9OX0NIQU5HRSwgZGF0YSA9PiB0aGlzLmNhbGxiYWNrKCdvcmllbnRhdGlvbmNoYW5nZScsIGRhdGEpKSk7XG4gICAgfVxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICAgICAgbGV0IGN1c3RvbVdpZGdldCAgICAgICAgPSB0aGlzLm5hdGl2ZUVsZW1lbnQuY2xvc2VzdCgnW2N1c3RvbXdpZGdldGNvbnRhaW5lcl0nKSxcbiAgICAgICAgICAgIGluaGVyaXRlZFByb3BzICAgICAgPSB7fSxcbiAgICAgICAgICAgIGN1c3RvbVdpZGdldFByb3BzICAgPSBBcnJheS5mcm9tKGdldFdpZGdldFByb3BzQnlUeXBlKFwid20tY3VzdG9tLXdpZGdldC1jb250YWluZXJcIikua2V5cygpKTtcbiAgICAgICAgZm9yKGxldCBpID0gMDsgaSA8IGN1c3RvbVdpZGdldC5hdHRyaWJ1dGVzLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBsZXQgYXR0ciA9IGN1c3RvbVdpZGdldC5hdHRyaWJ1dGVzLml0ZW0oaSk7XG4gICAgICAgICAgICBpZihhdHRyLnZhbHVlICYmIGF0dHIudmFsdWUgIT09ICcnICYmICFjdXN0b21XaWRnZXRQcm9wcy5pbmNsdWRlcyhhdHRyLm5hbWUpKVxuICAgICAgICAgICAgICAgIGluaGVyaXRlZFByb3BzW2F0dHIubmFtZV0gPSBhdHRyLnZhbHVlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucHJvY2Vzc0NoaWxkcmVuKHRoaXMubmF0aXZlRWxlbWVudC5jaGlsZHJlbiwgaW5oZXJpdGVkUHJvcHMpO1xuICAgIH1cblxuICAgIHByb2Nlc3NDaGlsZHJlbihjaGlsZHJlbjogYW55LCBpbmhlcml0ZWRQcm9wczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSkge1xuICAgICAgICBBcnJheS5mcm9tKGNoaWxkcmVuKS5mb3JFYWNoKChjaGlsZDogYW55KSA9PiB7XG4gICAgICAgICAgICBpZighY2hpbGQuaGFzQXR0cmlidXRlKCdiYXNlLXdpZGdldCcpKVxuICAgICAgICAgICAgICAgIHRoaXMucHJvY2Vzc0NoaWxkcmVuKGNoaWxkLmNoaWxkcmVuLCBpbmhlcml0ZWRQcm9wcyk7XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IFtrZXksIHZhbHVlXSBvZiBPYmplY3QuZW50cmllcyhpbmhlcml0ZWRQcm9wcykpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYoa2V5LmluY2x1ZGVzKFwiLmV2ZW50XCIpKVxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5wcm9jZXNzQ2hpbGRBdHRyKGtleSwgdmFsdWUsIHt3aWRnZXQ6IGNoaWxkLndpZGdldCwgbmF0aXZlRWxlbWVudDogY2hpbGR9KTtcbiAgICAgICAgICAgICAgICAgICAgZWxzZVxuICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGQud2lkZ2V0W2tleV0gPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjYWxsYmFjayhldmVudE5hbWUsIGxvY2Fscz86IG9iamVjdCkge1xuICAgICAgICBsb2NhbHMgPSBfLmFzc2lnbih7IHdpZGdldDogdGhpcyB9LCBsb2NhbHMpO1xuICAgICAgICB0aGlzLmludm9rZUV2ZW50Q2FsbGJhY2soZXZlbnROYW1lLCBsb2NhbHMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uQXR0YWNoKCkge1xuICAgICAgICB0aGlzLmNhbGxiYWNrKCdhdHRhY2gnKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRldGFjaCgpIHtcbiAgICAgICAgdGhpcy5jYWxsYmFjaygnZGV0YWNoJyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmNhbGxiYWNrKCdkZXN0cm95Jyk7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxuXG59XG4iXX0=
+    }], () => [{ type: i0.Injector }, { type: i1.Viewport }], null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXdpZGdldC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYWR2YW5jZWQvY3VzdG9tL3NyYy9jdXN0b20td2lkZ2V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBYyxRQUFRLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBRXZHLE9BQU8sRUFBQyxRQUFRLEVBQWdCLE1BQU0sVUFBVSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRWxHLE1BQU0sV0FBVyxHQUFHLHNDQUFzQyxDQUFDO0FBQzNELE1BQU0sYUFBYSxHQUFHLEVBQUMsVUFBVSxFQUFFLDRCQUE0QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVN6RixNQUFNLE9BQU8scUJBQXNCLFNBQVEsaUJBQWlCO2FBQ2pELG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBRXpDLFlBQVksR0FBYSxFQUFVLFFBQWtCO1FBQ2pELEtBQUssQ0FBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLENBQUM7UUFESyxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBRWpELElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsc0NBQXVCLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25ILElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsNkRBQW1DLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUksQ0FBQztJQUNELGtCQUFrQjtRQUNkLElBQUksWUFBWSxHQUFVLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLHlCQUF5QixDQUFDLEVBQzNFLGNBQWMsR0FBUSxFQUFFLEVBQ3hCLGlCQUFpQixHQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ2hHLEtBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ3JELElBQUksSUFBSSxHQUFHLFlBQVksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzNDLElBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUN4RSxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDL0MsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsY0FBYyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELGVBQWUsQ0FBQyxRQUFhLEVBQUUsY0FBeUM7UUFDcEUsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN4QyxJQUFHLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUM7Z0JBQ2pDLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxjQUFjLENBQUMsQ0FBQztpQkFDcEQsQ0FBQztnQkFDRixLQUFLLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLElBQUksTUFBTSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDO29CQUN4RCxJQUFHLEdBQUcsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7d0JBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUMsQ0FBQyxDQUFDOzt3QkFFM0UsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7Z0JBQ2xDLENBQUM7WUFDTCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sUUFBUSxDQUFDLFNBQVMsRUFBRSxNQUFlO1FBQ3ZDLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVNLFVBQVU7UUFDYixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFTSxVQUFVO1FBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7c0ZBbkRRLHFCQUFxQjtvRUFBckIscUJBQXFCLDRFQUpuQjtnQkFDUCxrQkFBa0IsQ0FBQyxxQkFBcUIsQ0FBQzthQUM1Qzs7aUZBRVEscUJBQXFCO2NBTmpDLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixTQUFTLEVBQUU7b0JBQ1Asa0JBQWtCLHVCQUF1QjtpQkFDNUM7YUFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIE9uRGVzdHJveSwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtWaWV3cG9ydCwgVmlld3BvcnRFdmVudH0gZnJvbSAnQHdtL2NvcmUnO1xuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vY3VzdG9tLXdpZGdldC1wcm9wJztcbmltcG9ydCB7IFN0eWxhYmxlQ29tcG9uZW50LCBwcm92aWRlQXNXaWRnZXRSZWYsIGdldFdpZGdldFByb3BzQnlUeXBlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2FwcC1jdXN0b20td2lkZ2V0LWNvbnRhaW5lciBjbGVhcmZpeCc7XG5jb25zdCBXSURHRVRfQ09ORklHID0ge3dpZGdldFR5cGU6ICd3bS1jdXN0b20td2lkZ2V0LWNvbnRhaW5lcicsIGhvc3RDbGFzczogREVGQVVMVF9DTFN9O1xuZGVjbGFyZSBjb25zdCBfO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3bUN1c3RvbVdpZGdldF0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoQ3VzdG9tV2lkZ2V0RGlyZWN0aXZlKVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tV2lkZ2V0RGlyZWN0aXZlIGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIEFmdGVyQ29udGVudEluaXQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBwcml2YXRlIHZpZXdwb3J0OiBWaWV3cG9ydCkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcpO1xuICAgICAgICB0aGlzLnJlZ2lzdGVyRGVzdHJveUxpc3RlbmVyKHRoaXMudmlld3BvcnQuc3Vic2NyaWJlKFZpZXdwb3J0RXZlbnQuUkVTSVpFLCBkYXRhID0+IHRoaXMuY2FsbGJhY2soJ3Jlc2l6ZScsIGRhdGEpKSk7XG4gICAgICAgIHRoaXMucmVnaXN0ZXJEZXN0cm95TGlzdGVuZXIodGhpcy52aWV3cG9ydC5zdWJzY3JpYmUoVmlld3BvcnRFdmVudC5PUklFTlRBVElPTl9DSEFOR0UsIGRhdGEgPT4gdGhpcy5jYWxsYmFjaygnb3JpZW50YXRpb25jaGFuZ2UnLCBkYXRhKSkpO1xuICAgIH1cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgICAgIGxldCBjdXN0b21XaWRnZXQgICAgICAgID0gdGhpcy5uYXRpdmVFbGVtZW50LmNsb3Nlc3QoJ1tjdXN0b213aWRnZXRjb250YWluZXJdJyksXG4gICAgICAgICAgICBpbmhlcml0ZWRQcm9wcyAgICAgID0ge30sXG4gICAgICAgICAgICBjdXN0b21XaWRnZXRQcm9wcyAgID0gQXJyYXkuZnJvbShnZXRXaWRnZXRQcm9wc0J5VHlwZShcIndtLWN1c3RvbS13aWRnZXQtY29udGFpbmVyXCIpLmtleXMoKSk7XG4gICAgICAgIGZvcihsZXQgaSA9IDA7IGkgPCBjdXN0b21XaWRnZXQuYXR0cmlidXRlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgbGV0IGF0dHIgPSBjdXN0b21XaWRnZXQuYXR0cmlidXRlcy5pdGVtKGkpO1xuICAgICAgICAgICAgaWYoYXR0ci52YWx1ZSAmJiBhdHRyLnZhbHVlICE9PSAnJyAmJiAhY3VzdG9tV2lkZ2V0UHJvcHMuaW5jbHVkZXMoYXR0ci5uYW1lKSlcbiAgICAgICAgICAgICAgICBpbmhlcml0ZWRQcm9wc1thdHRyLm5hbWVdID0gYXR0ci52YWx1ZTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnByb2Nlc3NDaGlsZHJlbih0aGlzLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4sIGluaGVyaXRlZFByb3BzKTtcbiAgICB9XG5cbiAgICBwcm9jZXNzQ2hpbGRyZW4oY2hpbGRyZW46IGFueSwgaW5oZXJpdGVkUHJvcHM6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0pIHtcbiAgICAgICAgQXJyYXkuZnJvbShjaGlsZHJlbikuZm9yRWFjaCgoY2hpbGQ6IGFueSkgPT4ge1xuICAgICAgICAgICAgaWYoIWNoaWxkLmhhc0F0dHJpYnV0ZSgnYmFzZS13aWRnZXQnKSlcbiAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NDaGlsZHJlbihjaGlsZC5jaGlsZHJlbiwgaW5oZXJpdGVkUHJvcHMpO1xuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgZm9yIChjb25zdCBba2V5LCB2YWx1ZV0gb2YgT2JqZWN0LmVudHJpZXMoaW5oZXJpdGVkUHJvcHMpKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmKGtleS5pbmNsdWRlcyhcIi5ldmVudFwiKSB8fCBrZXkuaW5jbHVkZXMoJy5iaW5kJykpXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnByb2Nlc3NBdHRyKGtleSwgdmFsdWUsIHt3aWRnZXQ6IGNoaWxkLndpZGdldCwgbmF0aXZlRWxlbWVudDogY2hpbGR9KTtcbiAgICAgICAgICAgICAgICAgICAgZWxzZVxuICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGQud2lkZ2V0W2tleV0gPSB2YWx1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2FsbGJhY2soZXZlbnROYW1lLCBsb2NhbHM/OiBvYmplY3QpIHtcbiAgICAgICAgbG9jYWxzID0gXy5hc3NpZ24oeyB3aWRnZXQ6IHRoaXMgfSwgbG9jYWxzKTtcbiAgICAgICAgdGhpcy5pbnZva2VFdmVudENhbGxiYWNrKGV2ZW50TmFtZSwgbG9jYWxzKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkF0dGFjaCgpIHtcbiAgICAgICAgdGhpcy5jYWxsYmFjaygnYXR0YWNoJyk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXRhY2goKSB7XG4gICAgICAgIHRoaXMuY2FsbGJhY2soJ2RldGFjaCcpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5jYWxsYmFjaygnZGVzdHJveScpO1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cblxufVxuIl19