@spicainternational/ngx-sds-components 2.7.2 → 5.0.1

package/esm2020/src/lib/app-switcher/app-switcher.component.mjs

@@ -1,15 +1,18 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { faGrid } from '@fortawesome/pro-solid-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "ngx-bootstrap/dropdown";
-import * as i3 from "@angular/common";
+import * as i2 from "devextreme-angular/ui/popover";
+import * as i3 from "devextreme-angular/ui/scroll-view";
+import * as i4 from "@angular/common";
 export class SdsAppSwitcherComponent {
     constructor() {
         this.switchText = '';
         this.discoverText = '';
         this.productClick = new EventEmitter();
         this.selectorIcon = faGrid;
+        this.elementUUID = 'sds-as-' + crypto.randomUUID();
+        this.showDropdown = false;
         this.showSkeleton = true;
         this.activatedProducts = new Array();
         this.discoverProducts = new Array();
@@ -36,18 +39,25 @@ export class SdsAppSwitcherComponent {
             else {
                 this.showSkeleton = true;
             }
+            this.popover?.instance.repaint();
         }
     }
     emitProductClick(product) {
         this.productClick.emit(product);
     }
+    onDropdownClicked() {
+        this.showDropdown = true;
+    }
 }
 SdsAppSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsAppSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAppSwitcherComponent, selector: "sds-app-switcher", inputs: { productCode: "productCode", userProductCodes: "userProductCodes", tenantProducts: "tenantProducts", switchText: "switchText", discoverText: "discoverText" }, outputs: { productClick: "productClick" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #productTemplate let-product=\"product\">\r\n    <div class=\"product-logo\">\r\n        <img [src]=\"product.logoUri\" alt=\"{{ product.Name }}\">\r\n    </div>\r\n    <div class=\"product-title d-flex align-items-center\">\r\n        {{product.name}}\r\n    </div>\r\n    <div class=\"product-description\">\r\n        {{product.description}}\r\n    </div>\r\n</ng-template>\r\n\r\n<div class=\"btn-group app-switcher\" dropdown>\r\n    <!-- id=\"button-basic\"  -->\r\n    <button \r\n        dropdownToggle \r\n        type=\"button\" \r\n        class=\"btn btn-link rounded p-0 text-dark\"\r\n        aria-controls=\"dropdown-basic\">\r\n        <fa-icon \r\n            [icon]=\"selectorIcon\" \r\n            [fixedWidth]=\"true\">\r\n        </fa-icon>\r\n    </button>\r\n\r\n    <div \r\n        *dropdownMenu\r\n        class=\"dropdown-menu\" \r\n        role=\"menu\"\r\n        aria-labelledby=\"app-switcher-button\">\r\n\r\n        <ng-container *ngIf=\"showSkeleton\">\r\n            <div class=\"dropdown-header skeleton skeleton-height-1 w-50 \"></div>\r\n            <div class=\"dropdown-item product-container mt-2 skeleton skeleton-height-2\"></div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"!showSkeleton && activatedProducts.length > 0\">\r\n            <h6 class=\"dropdown-header\">{{ switchText }}</h6>\r\n            <a *ngFor=\"let activatedProduct of activatedProducts\" \r\n                class=\"dropdown-item product-container\"\r\n                (click)=\"emitProductClick(activatedProduct)\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"productTemplate\"\r\n                    [ngTemplateOutletContext]=\"{ product: activatedProduct }\">\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"!showSkeleton && discoverProducts.length > 0\">\r\n            <h6 class=\"dropdown-header\">{{ discoverText }}</h6>\r\n\r\n            <a *ngFor=\"let discoverProduct of discoverProducts\" \r\n                class=\"dropdown-item product-container\"\r\n                (click)=\"emitProductClick(discoverProduct)\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"productTemplate\"\r\n                    [ngTemplateOutletContext]=\"{ product: discoverProduct }\">\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\n  </div>\r\n  ", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { type: i2.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i2.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SdsAppSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAppSwitcherComponent, selector: "sds-app-switcher", inputs: { productCode: "productCode", userProductCodes: "userProductCodes", tenantProducts: "tenantProducts", switchText: "switchText", discoverText: "discoverText" }, outputs: { productClick: "productClick" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #productTemplate let-product=\"product\">\r\n    <div class=\"product-logo\">\r\n        <img [src]=\"product.logoUri\" alt=\"{{ product.Name }}\">\r\n    </div>\r\n    <div class=\"product-title d-flex align-items-center\">\r\n        {{product.name}}\r\n    </div>\r\n    <div class=\"product-description\">\r\n        {{product.description}}\r\n    </div>\r\n</ng-template>\r\n\r\n<div \r\n    [id]=\"elementUUID\"\r\n    class=\"btn-group app-switcher\">\r\n    <button \r\n        type=\"button\" \r\n        class=\"btn btn-link rounded p-0 text-dark switcher-button\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"onDropdownClicked()\">\r\n        <fa-icon \r\n            [icon]=\"selectorIcon\" \r\n            [fixedWidth]=\"true\">\r\n        </fa-icon>\r\n    </button>\r\n</div>\r\n\r\n<dx-popover\r\n    #popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showDropdown\"\r\n    >\r\n    <dx-scroll-view \r\n        showScrollbar=\"always\">\r\n    \r\n        <div class=\"app-switcher-menu\">\r\n            <ng-container *ngIf=\"showSkeleton\">\r\n                <div class=\"header skeleton skeleton-height-1 w-50 \"></div>\r\n                <div class=\"product mt-2 skeleton skeleton-height-2\"></div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!showSkeleton && activatedProducts.length > 0\">\r\n                <h6 class=\"header\">{{ switchText }}</h6>\r\n                <div *ngFor=\"let activatedProduct of activatedProducts\" \r\n                    class=\"product\"\r\n                    (click)=\"emitProductClick(activatedProduct)\">\r\n                    <ng-container \r\n                        [ngTemplateOutlet]=\"productTemplate\"\r\n                        [ngTemplateOutletContext]=\"{ product: activatedProduct }\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!showSkeleton && discoverProducts.length > 0\">\r\n                <h6 class=\"header\">{{ discoverText }}</h6>\r\n\r\n                <div *ngFor=\"let discoverProduct of discoverProducts\" \r\n                    class=\"product\"\r\n                    (click)=\"emitProductClick(discoverProduct)\">\r\n                    <ng-container \r\n                        [ngTemplateOutlet]=\"productTemplate\"\r\n                        [ngTemplateOutletContext]=\"{ product: discoverProduct }\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </dx-scroll-view>\r\n</dx-popover>\r\n\r\n  ", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { type: i3.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-app-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #productTemplate let-product=\"product\">\r\n    <div class=\"product-logo\">\r\n        <img [src]=\"product.logoUri\" alt=\"{{ product.Name }}\">\r\n    </div>\r\n    <div class=\"product-title d-flex align-items-center\">\r\n        {{product.name}}\r\n    </div>\r\n    <div class=\"product-description\">\r\n        {{product.description}}\r\n    </div>\r\n</ng-template>\r\n\r\n<div class=\"btn-group app-switcher\" dropdown>\r\n    <!-- id=\"button-basic\"  -->\r\n    <button \r\n        dropdownToggle \r\n        type=\"button\" \r\n        class=\"btn btn-link rounded p-0 text-dark\"\r\n        aria-controls=\"dropdown-basic\">\r\n        <fa-icon \r\n            [icon]=\"selectorIcon\" \r\n            [fixedWidth]=\"true\">\r\n        </fa-icon>\r\n    </button>\r\n\r\n    <div \r\n        *dropdownMenu\r\n        class=\"dropdown-menu\" \r\n        role=\"menu\"\r\n        aria-labelledby=\"app-switcher-button\">\r\n\r\n        <ng-container *ngIf=\"showSkeleton\">\r\n            <div class=\"dropdown-header skeleton skeleton-height-1 w-50 \"></div>\r\n            <div class=\"dropdown-item product-container mt-2 skeleton skeleton-height-2\"></div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"!showSkeleton && activatedProducts.length > 0\">\r\n            <h6 class=\"dropdown-header\">{{ switchText }}</h6>\r\n            <a *ngFor=\"let activatedProduct of activatedProducts\" \r\n                class=\"dropdown-item product-container\"\r\n                (click)=\"emitProductClick(activatedProduct)\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"productTemplate\"\r\n                    [ngTemplateOutletContext]=\"{ product: activatedProduct }\">\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"!showSkeleton && discoverProducts.length > 0\">\r\n            <h6 class=\"dropdown-header\">{{ discoverText }}</h6>\r\n\r\n            <a *ngFor=\"let discoverProduct of discoverProducts\" \r\n                class=\"dropdown-item product-container\"\r\n                (click)=\"emitProductClick(discoverProduct)\">\r\n                <ng-container \r\n                    [ngTemplateOutlet]=\"productTemplate\"\r\n                    [ngTemplateOutletContext]=\"{ product: discoverProduct }\">\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\n  </div>\r\n  ", styles: [""] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { productCode: [{
+            args: [{ selector: 'sds-app-switcher', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #productTemplate let-product=\"product\">\r\n    <div class=\"product-logo\">\r\n        <img [src]=\"product.logoUri\" alt=\"{{ product.Name }}\">\r\n    </div>\r\n    <div class=\"product-title d-flex align-items-center\">\r\n        {{product.name}}\r\n    </div>\r\n    <div class=\"product-description\">\r\n        {{product.description}}\r\n    </div>\r\n</ng-template>\r\n\r\n<div \r\n    [id]=\"elementUUID\"\r\n    class=\"btn-group app-switcher\">\r\n    <button \r\n        type=\"button\" \r\n        class=\"btn btn-link rounded p-0 text-dark switcher-button\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"onDropdownClicked()\">\r\n        <fa-icon \r\n            [icon]=\"selectorIcon\" \r\n            [fixedWidth]=\"true\">\r\n        </fa-icon>\r\n    </button>\r\n</div>\r\n\r\n<dx-popover\r\n    #popover\r\n    target=\"#{{elementUUID}}\"\r\n    [(visible)]=\"showDropdown\"\r\n    >\r\n    <dx-scroll-view \r\n        showScrollbar=\"always\">\r\n    \r\n        <div class=\"app-switcher-menu\">\r\n            <ng-container *ngIf=\"showSkeleton\">\r\n                <div class=\"header skeleton skeleton-height-1 w-50 \"></div>\r\n                <div class=\"product mt-2 skeleton skeleton-height-2\"></div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!showSkeleton && activatedProducts.length > 0\">\r\n                <h6 class=\"header\">{{ switchText }}</h6>\r\n                <div *ngFor=\"let activatedProduct of activatedProducts\" \r\n                    class=\"product\"\r\n                    (click)=\"emitProductClick(activatedProduct)\">\r\n                    <ng-container \r\n                        [ngTemplateOutlet]=\"productTemplate\"\r\n                        [ngTemplateOutletContext]=\"{ product: activatedProduct }\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!showSkeleton && discoverProducts.length > 0\">\r\n                <h6 class=\"header\">{{ discoverText }}</h6>\r\n\r\n                <div *ngFor=\"let discoverProduct of discoverProducts\" \r\n                    class=\"product\"\r\n                    (click)=\"emitProductClick(discoverProduct)\">\r\n                    <ng-container \r\n                        [ngTemplateOutlet]=\"productTemplate\"\r\n                        [ngTemplateOutletContext]=\"{ product: discoverProduct }\">\r\n                    </ng-container>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </dx-scroll-view>\r\n</dx-popover>\r\n\r\n  ", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { popover: [{
+                type: ViewChild,
+                args: ['popover', { static: false }]
+            }], productCode: [{
                 type: Input
             }], userProductCodes: [{
                 type: Input
@@ -60,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             }], productClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXN3aXRjaGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2FwcC1zd2l0Y2hlci9hcHAtc3dpdGNoZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyL2FwcC1zd2l0Y2hlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDbEksT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVUxRCxNQUFNLE9BQU8sdUJBQXVCO0lBbUJoQztRQWJnQixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBRXpCLGlCQUFZLEdBQStCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPeEUsaUJBQVksR0FBRyxNQUFNLENBQUM7UUFJekIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksS0FBSyxFQUFnQixDQUFDO1FBQ25ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLEtBQUssRUFBZ0IsQ0FBQztJQUN0RCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLGtCQUFrQixDQUFDLElBQUksT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3BGLElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtnQkFDNUcsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztnQkFFM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7b0JBQ2xDLElBQUssSUFBSSxDQUFDLGdCQUE2QixDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQzVELHdDQUF3Qzt3QkFDeEMsSUFBSSxPQUFPLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7NEJBQ2xDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7eUJBQ3hDO3FCQUNKO3lCQUFNO3dCQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7cUJBQ3ZDO2dCQUNMLENBQUMsQ0FBQyxDQUFDO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzdCO2lCQUFNO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzVCO1NBQ0o7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsT0FBcUI7UUFDekMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7b0hBcERRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGdTQ1hwQyw4NkVBOERFOzJGRG5EVyx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0ksa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU07MEVBSS9CLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBRVUsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxZQUFZO3NCQUEzQixLQUFLO2dCQUVXLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZhR3JpZCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9wcm8tc29saWQtc3ZnLWljb25zJztcclxuXHJcbmltcG9ydCB7IFByb2R1Y3RNb2RlbCB9IGZyb20gJy4vYXBwLXN3aXRjaGVyLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtYXBwLXN3aXRjaGVyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9hcHAtc3dpdGNoZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXBwLXN3aXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQXBwU3dpdGNoZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgICBcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBwcm9kdWN0Q29kZTogTnVtYmVyIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgcHVibGljIHVzZXJQcm9kdWN0Q29kZXM6IE51bWJlcltdIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgcHVibGljIHRlbmFudFByb2R1Y3RzOiBQcm9kdWN0TW9kZWxbXSB8IHVuZGVmaW5lZDtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc3dpdGNoVGV4dDogc3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZGlzY292ZXJUZXh0OiBzdHJpbmcgPSAnJztcclxuXHJcbiAgICBAT3V0cHV0KCkgcHVibGljIHByb2R1Y3RDbGljazogRXZlbnRFbWl0dGVyPFByb2R1Y3RNb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG5cclxuICAgIHB1YmxpYyBhY3RpdmF0ZWRQcm9kdWN0czogUHJvZHVjdE1vZGVsW107XHJcbiAgICBwdWJsaWMgZGlzY292ZXJQcm9kdWN0czogUHJvZHVjdE1vZGVsW107XHJcbiAgICBcclxuICAgIHB1YmxpYyBzaG93U2tlbGV0b246IGJvb2xlYW47XHJcbiAgICBwdWJsaWMgc2VsZWN0b3JJY29uID0gZmFHcmlkO1xyXG4gICBcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgICAgICB0aGlzLnNob3dTa2VsZXRvbiA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5hY3RpdmF0ZWRQcm9kdWN0cyA9IG5ldyBBcnJheTxQcm9kdWN0TW9kZWw+KCk7XHJcbiAgICAgICAgdGhpcy5kaXNjb3ZlclByb2R1Y3RzID0gbmV3IEFycmF5PFByb2R1Y3RNb2RlbD4oKTsgICAgICAgIFxyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ3VzZXJQcm9kdWN0Q29kZXMnXSB8fCBjaGFuZ2VzWyd0ZW5hbnRQcm9kdWN0cyddIHx8IGNoYW5nZXNbJ3Byb2R1Y3RDb2RlJ10pIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMudXNlclByb2R1Y3RDb2RlcyAhPT0gdW5kZWZpbmVkICYmIHRoaXMudGVuYW50UHJvZHVjdHMgIT09IHVuZGVmaW5lZCAmJiB0aGlzLnByb2R1Y3RDb2RlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZhdGVkUHJvZHVjdHMgPSBbXTtcclxuICAgICAgICAgICAgICAgIHRoaXMuZGlzY292ZXJQcm9kdWN0cyA9IFtdO1xyXG5cclxuICAgICAgICAgICAgICAgIHRoaXMudGVuYW50UHJvZHVjdHMuZm9yRWFjaChwcm9kdWN0ID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoKHRoaXMudXNlclByb2R1Y3RDb2RlcyBhcyBOdW1iZXJbXSkuaW5jbHVkZXMocHJvZHVjdC5jb2RlKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBleGNsdWRlIGN1cnJlbnQgcHJvZHVjdCBmcm9tIHRoZSBsaXN0XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChwcm9kdWN0LmNvZGUgIT0gdGhpcy5wcm9kdWN0Q29kZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5hY3RpdmF0ZWRQcm9kdWN0cy5wdXNoKHByb2R1Y3QpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kaXNjb3ZlclByb2R1Y3RzLnB1c2gocHJvZHVjdCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnNob3dTa2VsZXRvbiA9IGZhbHNlO1xyXG4gICAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zaG93U2tlbGV0b24gPSB0cnVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBlbWl0UHJvZHVjdENsaWNrKHByb2R1Y3Q6IFByb2R1Y3RNb2RlbCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMucHJvZHVjdENsaWNrLmVtaXQocHJvZHVjdCk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjcHJvZHVjdFRlbXBsYXRlIGxldC1wcm9kdWN0PVwicHJvZHVjdFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3QtbG9nb1wiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJwcm9kdWN0LmxvZ29VcmlcIiBhbHQ9XCJ7eyBwcm9kdWN0Lk5hbWUgfX1cIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3QtdGl0bGUgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgIHt7cHJvZHVjdC5uYW1lfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2R1Y3QtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICB7e3Byb2R1Y3QuZGVzY3JpcHRpb259fVxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48ZGl2IGNsYXNzPVwiYnRuLWdyb3VwIGFwcC1zd2l0Y2hlclwiIGRyb3Bkb3duPlxyXG4gICAgPCEtLSBpZD1cImJ1dHRvbi1iYXNpY1wiICAtLT5cclxuICAgIDxidXR0b24gXHJcbiAgICAgICAgZHJvcGRvd25Ub2dnbGUgXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiIFxyXG4gICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1saW5rIHJvdW5kZWQgcC0wIHRleHQtZGFya1wiXHJcbiAgICAgICAgYXJpYS1jb250cm9scz1cImRyb3Bkb3duLWJhc2ljXCI+XHJcbiAgICAgICAgPGZhLWljb24gXHJcbiAgICAgICAgICAgIFtpY29uXT1cInNlbGVjdG9ySWNvblwiIFxyXG4gICAgICAgICAgICBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+XHJcbiAgICAgICAgPC9mYS1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGRpdiBcclxuICAgICAgICAqZHJvcGRvd25NZW51XHJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1tZW51XCIgXHJcbiAgICAgICAgcm9sZT1cIm1lbnVcIlxyXG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImFwcC1zd2l0Y2hlci1idXR0b25cIj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dTa2VsZXRvblwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24taGVhZGVyIHNrZWxldG9uIHNrZWxldG9uLWhlaWdodC0xIHctNTAgXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1pdGVtIHByb2R1Y3QtY29udGFpbmVyIG10LTIgc2tlbGV0b24gc2tlbGV0b24taGVpZ2h0LTJcIj48L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzaG93U2tlbGV0b24gJiYgYWN0aXZhdGVkUHJvZHVjdHMubGVuZ3RoID4gMFwiPlxyXG4gICAgICAgICAgICA8aDYgY2xhc3M9XCJkcm9wZG93bi1oZWFkZXJcIj57eyBzd2l0Y2hUZXh0IH19PC9oNj5cclxuICAgICAgICAgICAgPGEgKm5nRm9yPVwibGV0IGFjdGl2YXRlZFByb2R1Y3Qgb2YgYWN0aXZhdGVkUHJvZHVjdHNcIiBcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbSBwcm9kdWN0LWNvbnRhaW5lclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZW1pdFByb2R1Y3RDbGljayhhY3RpdmF0ZWRQcm9kdWN0KVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBcclxuICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJwcm9kdWN0VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IHByb2R1Y3Q6IGFjdGl2YXRlZFByb2R1Y3QgfVwiPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvYT5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzaG93U2tlbGV0b24gJiYgZGlzY292ZXJQcm9kdWN0cy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxoNiBjbGFzcz1cImRyb3Bkb3duLWhlYWRlclwiPnt7IGRpc2NvdmVyVGV4dCB9fTwvaDY+XHJcblxyXG4gICAgICAgICAgICA8YSAqbmdGb3I9XCJsZXQgZGlzY292ZXJQcm9kdWN0IG9mIGRpc2NvdmVyUHJvZHVjdHNcIiBcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24taXRlbSBwcm9kdWN0LWNvbnRhaW5lclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiZW1pdFByb2R1Y3RDbGljayhkaXNjb3ZlclByb2R1Y3QpXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInByb2R1Y3RUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgcHJvZHVjdDogZGlzY292ZXJQcm9kdWN0IH1cIj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXN3aXRjaGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2FwcC1zd2l0Y2hlci9hcHAtc3dpdGNoZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyL2FwcC1zd2l0Y2hlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdJLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7O0FBVzFELE1BQU0sT0FBTyx1QkFBdUI7SUFzQmhDO1FBZmdCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFFekIsaUJBQVksR0FBK0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU94RSxpQkFBWSxHQUFHLE1BQU0sQ0FBQztRQUV0QixnQkFBVyxHQUFHLFNBQVMsR0FBRyxNQUFNLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksS0FBSyxFQUFnQixDQUFDO1FBQ25ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLEtBQUssRUFBZ0IsQ0FBQztJQUN0RCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLGtCQUFrQixDQUFDLElBQUksT0FBTyxDQUFDLGdCQUFnQixDQUFDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3BGLElBQUksSUFBSSxDQUFDLGdCQUFnQixLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsY0FBYyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtnQkFDNUcsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztnQkFFM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7b0JBQ2xDLElBQUssSUFBSSxDQUFDLGdCQUE2QixDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQzVELHdDQUF3Qzt3QkFDeEMsSUFBSSxPQUFPLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7NEJBQ2xDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7eUJBQ3hDO3FCQUNKO3lCQUFNO3dCQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7cUJBQ3ZDO2dCQUNMLENBQUMsQ0FBQyxDQUFDO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzdCO2lCQUFNO2dCQUNILElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzVCO1lBQ0QsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDcEM7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsT0FBcUI7UUFDekMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVNLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDOztvSEE1RFEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsb1lDWnBDLHVrRkFxRUU7MkZEekRXLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTswRUFHQSxPQUFPO3NCQUFyRCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7Z0JBRXJCLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBRVUsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxZQUFZO3NCQUEzQixLQUFLO2dCQUVXLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFHcmlkIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBEeFBvcG92ZXJDb21wb25lbnQgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXInO1xyXG5cclxuaW1wb3J0IHsgUHJvZHVjdE1vZGVsIH0gZnJvbSAnLi9hcHAtc3dpdGNoZXIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1hcHAtc3dpdGNoZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FwcC1zd2l0Y2hlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9hcHAtc3dpdGNoZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNBcHBTd2l0Y2hlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAgIEBWaWV3Q2hpbGQoJ3BvcG92ZXInLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgcG9wb3Zlcj86IER4UG9wb3ZlckNvbXBvbmVudDtcclxuICAgIFxyXG4gICAgQElucHV0KCkgcHVibGljIHByb2R1Y3RDb2RlOiBOdW1iZXIgfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgdXNlclByb2R1Y3RDb2RlczogTnVtYmVyW10gfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgdGVuYW50UHJvZHVjdHM6IFByb2R1Y3RNb2RlbFtdIHwgdW5kZWZpbmVkO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzd2l0Y2hUZXh0OiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBkaXNjb3ZlclRleHQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgcHJvZHVjdENsaWNrOiBFdmVudEVtaXR0ZXI8UHJvZHVjdE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcblxyXG4gICAgcHVibGljIGFjdGl2YXRlZFByb2R1Y3RzOiBQcm9kdWN0TW9kZWxbXTtcclxuICAgIHB1YmxpYyBkaXNjb3ZlclByb2R1Y3RzOiBQcm9kdWN0TW9kZWxbXTtcclxuICAgIFxyXG4gICAgcHVibGljIHNob3dTa2VsZXRvbjogYm9vbGVhbjtcclxuICAgIHB1YmxpYyBzZWxlY3Rvckljb24gPSBmYUdyaWQ7XHJcblxyXG4gICAgcHVibGljIGVsZW1lbnRVVUlEID0gJ3Nkcy1hcy0nICsgY3J5cHRvLnJhbmRvbVVVSUQoKTtcclxuICAgIHB1YmxpYyBzaG93RHJvcGRvd24gPSBmYWxzZTtcclxuICAgXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgICAgICB0aGlzLnNob3dTa2VsZXRvbiA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5hY3RpdmF0ZWRQcm9kdWN0cyA9IG5ldyBBcnJheTxQcm9kdWN0TW9kZWw+KCk7XHJcbiAgICAgICAgdGhpcy5kaXNjb3ZlclByb2R1Y3RzID0gbmV3IEFycmF5PFByb2R1Y3RNb2RlbD4oKTsgICAgICAgIFxyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ3VzZXJQcm9kdWN0Q29kZXMnXSB8fCBjaGFuZ2VzWyd0ZW5hbnRQcm9kdWN0cyddIHx8IGNoYW5nZXNbJ3Byb2R1Y3RDb2RlJ10pIHtcclxuICAgICAgICAgICAgaWYgKHRoaXMudXNlclByb2R1Y3RDb2RlcyAhPT0gdW5kZWZpbmVkICYmIHRoaXMudGVuYW50UHJvZHVjdHMgIT09IHVuZGVmaW5lZCAmJiB0aGlzLnByb2R1Y3RDb2RlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuYWN0aXZhdGVkUHJvZHVjdHMgPSBbXTtcclxuICAgICAgICAgICAgICAgIHRoaXMuZGlzY292ZXJQcm9kdWN0cyA9IFtdO1xyXG5cclxuICAgICAgICAgICAgICAgIHRoaXMudGVuYW50UHJvZHVjdHMuZm9yRWFjaChwcm9kdWN0ID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoKHRoaXMudXNlclByb2R1Y3RDb2RlcyBhcyBOdW1iZXJbXSkuaW5jbHVkZXMocHJvZHVjdC5jb2RlKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBleGNsdWRlIGN1cnJlbnQgcHJvZHVjdCBmcm9tIHRoZSBsaXN0XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGlmIChwcm9kdWN0LmNvZGUgIT0gdGhpcy5wcm9kdWN0Q29kZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5hY3RpdmF0ZWRQcm9kdWN0cy5wdXNoKHByb2R1Y3QpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kaXNjb3ZlclByb2R1Y3RzLnB1c2gocHJvZHVjdCk7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnNob3dTa2VsZXRvbiA9IGZhbHNlO1xyXG4gICAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zaG93U2tlbGV0b24gPSB0cnVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIHRoaXMucG9wb3Zlcj8uaW5zdGFuY2UucmVwYWludCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgZW1pdFByb2R1Y3RDbGljayhwcm9kdWN0OiBQcm9kdWN0TW9kZWwpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnByb2R1Y3RDbGljay5lbWl0KHByb2R1Y3QpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbkRyb3Bkb3duQ2xpY2tlZCgpe1xyXG4gICAgICAgIHRoaXMuc2hvd0Ryb3Bkb3duID0gdHJ1ZTtcclxuICAgIH1cclxuXHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlICNwcm9kdWN0VGVtcGxhdGUgbGV0LXByb2R1Y3Q9XCJwcm9kdWN0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdC1sb2dvXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cInByb2R1Y3QubG9nb1VyaVwiIGFsdD1cInt7IHByb2R1Y3QuTmFtZSB9fVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdC10aXRsZSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAge3twcm9kdWN0Lm5hbWV9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvZHVjdC1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgIHt7cHJvZHVjdC5kZXNjcmlwdGlvbn19XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxkaXYgXHJcbiAgICBbaWRdPVwiZWxlbWVudFVVSURcIlxyXG4gICAgY2xhc3M9XCJidG4tZ3JvdXAgYXBwLXN3aXRjaGVyXCI+XHJcbiAgICA8YnV0dG9uIFxyXG4gICAgICAgIHR5cGU9XCJidXR0b25cIiBcclxuICAgICAgICBjbGFzcz1cImJ0biBidG4tbGluayByb3VuZGVkIHAtMCB0ZXh0LWRhcmsgc3dpdGNoZXItYnV0dG9uXCJcclxuICAgICAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxyXG4gICAgICAgIChjbGljayk9XCJvbkRyb3Bkb3duQ2xpY2tlZCgpXCI+XHJcbiAgICAgICAgPGZhLWljb24gXHJcbiAgICAgICAgICAgIFtpY29uXT1cInNlbGVjdG9ySWNvblwiIFxyXG4gICAgICAgICAgICBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+XHJcbiAgICAgICAgPC9mYS1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG5cclxuPGR4LXBvcG92ZXJcclxuICAgICNwb3BvdmVyXHJcbiAgICB0YXJnZXQ9XCIje3tlbGVtZW50VVVJRH19XCJcclxuICAgIFsodmlzaWJsZSldPVwic2hvd0Ryb3Bkb3duXCJcclxuICAgID5cclxuICAgIDxkeC1zY3JvbGwtdmlldyBcclxuICAgICAgICBzaG93U2Nyb2xsYmFyPVwiYWx3YXlzXCI+XHJcbiAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXBwLXN3aXRjaGVyLW1lbnVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dTa2VsZXRvblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlciBza2VsZXRvbiBza2VsZXRvbi1oZWlnaHQtMSB3LTUwIFwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByb2R1Y3QgbXQtMiBza2VsZXRvbiBza2VsZXRvbi1oZWlnaHQtMlwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2hvd1NrZWxldG9uICYmIGFjdGl2YXRlZFByb2R1Y3RzLmxlbmd0aCA+IDBcIj5cclxuICAgICAgICAgICAgICAgIDxoNiBjbGFzcz1cImhlYWRlclwiPnt7IHN3aXRjaFRleHQgfX08L2g2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgYWN0aXZhdGVkUHJvZHVjdCBvZiBhY3RpdmF0ZWRQcm9kdWN0c1wiIFxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicHJvZHVjdFwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImVtaXRQcm9kdWN0Q2xpY2soYWN0aXZhdGVkUHJvZHVjdClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJwcm9kdWN0VGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBwcm9kdWN0OiBhY3RpdmF0ZWRQcm9kdWN0IH1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhc2hvd1NrZWxldG9uICYmIGRpc2NvdmVyUHJvZHVjdHMubGVuZ3RoID4gMFwiPlxyXG4gICAgICAgICAgICAgICAgPGg2IGNsYXNzPVwiaGVhZGVyXCI+e3sgZGlzY292ZXJUZXh0IH19PC9oNj5cclxuXHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkaXNjb3ZlclByb2R1Y3Qgb2YgZGlzY292ZXJQcm9kdWN0c1wiIFxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicHJvZHVjdFwiXHJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImVtaXRQcm9kdWN0Q2xpY2soZGlzY292ZXJQcm9kdWN0KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInByb2R1Y3RUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IHByb2R1Y3Q6IGRpc2NvdmVyUHJvZHVjdCB9XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2R4LXNjcm9sbC12aWV3PlxyXG48L2R4LXBvcG92ZXI+XHJcblxyXG4gICJdfQ==

package/esm2020/src/lib/app-switcher/app-switcher.module.mjs

@@ -2,18 +2,21 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SdsAppSwitcherComponent } from './app-switcher.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
+import { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';
 import * as i0 from "@angular/core";
 export class SdsAppSwitcherModule {
 }
 SdsAppSwitcherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SdsAppSwitcherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherModule, declarations: [SdsAppSwitcherComponent], imports: [CommonModule,
         FontAwesomeModule,
-        BsDropdownModule], exports: [SdsAppSwitcherComponent] });
+        DxPopoverModule,
+        DxScrollViewModule], exports: [SdsAppSwitcherComponent] });
 SdsAppSwitcherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherModule, imports: [[
             CommonModule,
             FontAwesomeModule,
-            BsDropdownModule
+            DxPopoverModule,
+            DxScrollViewModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAppSwitcherModule, decorators: [{
             type: NgModule,
@@ -24,11 +27,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                     imports: [
                         CommonModule,
                         FontAwesomeModule,
-                        BsDropdownModule
+                        DxPopoverModule,
+                        DxScrollViewModule
                     ],
                     exports: [
                         SdsAppSwitcherComponent
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXN3aXRjaGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2FwcC1zd2l0Y2hlci9hcHAtc3dpdGNoZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQWdCMUQsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQVg3Qix1QkFBdUIsYUFHdkIsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixnQkFBZ0IsYUFHZCx1QkFBdUI7a0hBR2hCLG9CQUFvQixZQVR0QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsZ0JBQWdCO1NBQ2pCOzJGQUtVLG9CQUFvQjtrQkFiaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHVCQUF1QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTZHNBcHBTd2l0Y2hlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwLXN3aXRjaGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBCc0Ryb3Bkb3duTW9kdWxlIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC9kcm9wZG93bic7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNkc0FwcFN3aXRjaGVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb250QXdlc29tZU1vZHVsZSxcclxuICAgIEJzRHJvcGRvd25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgICAgU2RzQXBwU3dpdGNoZXJDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNBcHBTd2l0Y2hlck1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXN3aXRjaGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2FwcC1zd2l0Y2hlci9hcHAtc3dpdGNoZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFpQnZFLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFaN0IsdUJBQXVCLGFBR3ZCLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsZUFBZTtRQUNmLGtCQUFrQixhQUdoQix1QkFBdUI7a0hBR2hCLG9CQUFvQixZQVZ0QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLGtCQUFrQjtTQUNuQjsyRkFLVSxvQkFBb0I7a0JBZGhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHVCQUF1QjtxQkFDMUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTZHNBcHBTd2l0Y2hlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwLXN3aXRjaGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBEeFBvcG92ZXJNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvcG9wb3Zlcic7XHJcbmltcG9ydCB7IER4U2Nyb2xsVmlld01vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9zY3JvbGwtdmlldyc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNkc0FwcFN3aXRjaGVyQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb250QXdlc29tZU1vZHVsZSxcclxuICAgIER4UG9wb3Zlck1vZHVsZSxcclxuICAgIER4U2Nyb2xsVmlld01vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgICBTZHNBcHBTd2l0Y2hlckNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0FwcFN3aXRjaGVyTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2020/src/lib/avatar/avatar-group.component.mjs

@@ -1,8 +1,9 @@
-import { Component, Input, ViewChild } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./avatar.component";
-import * as i2 from "@angular/common";
-import * as i3 from "ngx-bootstrap/popover";
+import * as i2 from "devextreme-angular/ui/popover";
+import * as i3 from "devextreme-angular/ui/scroll-view";
+import * as i4 from "@angular/common";
 export class SdsAvatarGroupComponent {
     constructor() {
         this.stacked = false;
@@ -12,6 +13,8 @@ export class SdsAvatarGroupComponent {
         this.inflow = [];
         this.overflowCountDisplay = '';
         this.overFlowBorderStyle = 'none';
+        this.overflowElementUUID = 'sds-ag-' + crypto.randomUUID();
+        this.showDropdown = false;
     }
     ngOnChanges(changes) {
         if (changes['data'] || changes['maxCount']) {
@@ -28,19 +31,16 @@ export class SdsAvatarGroupComponent {
         }
     }
     ngOnInit() { }
-    overflowAvatarClicked(event) {
-        this._popover?.show();
+    onOverflowClicked() {
+        this.showDropdown = true;
     }
 }
 SdsAvatarGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsAvatarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAvatarGroupComponent, selector: "sds-avatar-group", inputs: { stacked: "stacked", maxCount: "maxCount", fontSize: "fontSize", borderColor: "borderColor", data: "data" }, viewQueries: [{ propertyName: "_popover", first: true, predicate: ["popover"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex avatar-group-container\">\n    <sds-avatar *ngFor=\"let avatar of inflow\"\n        [text]=\"avatar.text\"\n        [colorKey]=\"avatar.colorKey\"\n        [borderColor]=\"borderColor\"\n        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\n        [pictureUri]=\"avatar.pictureUri ?? ''\"\n        [showHint]=\"true\"\n        [style.font-size.rem]=\"fontSize\"\n        [style.margin-right.rem]=\"stacked ? fontSize/-3 : fontSize/15\"\n        >\n    </sds-avatar>\n        \n    <sds-avatar \n        *ngIf=\"overflow.length > 0\"\n        class=\"overflow\"\n        [initialsText]=\"overflowCountDisplay\"\n        [borderColor]=\"borderColor\"\n        [borderStyle]=\"overFlowBorderStyle\"\n        cursor=\"pointer\"\n        [style.font-size.rem]=\"fontSize\"\n\n        [popover]=\"avatarGroupPopupTemplate\"\n        placement=\"bottom\"\n        [outsideClick]=\"true\"\n        container=\"body\"\n        triggers=\"\" \n        #popover=\"bs-popover\"\n        (click)=\"overflowAvatarClicked($event)\"\n        >\n    </sds-avatar>\n</div>\n\n<ng-template #avatarGroupPopupTemplate>\n    <div class=\"overflow-avatars-container rounded\">\n        <div *ngFor=\"let avatar of overflow\"\n            class=\"d-flex align-items-center pl-3 py-2 pr-5 my-2 overflow-avatar-container\" >\n            <sds-avatar\n                [text]=\"avatar.text\"\n                [colorKey]=\"avatar.colorKey\"\n                [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\n                [pictureUri]=\"avatar.pictureUri ?? ''\"\n                borderColor=\"transparent\"\n                [style.font-size.rem]=\"1.8\" \n            >\n            </sds-avatar>\n            <div class=\"ml-3\">{{avatar.text}}</div>\n        </div>\n    </div>\n</ng-template>", styles: [".avatar-group-container{flex-wrap:wrap;gap:.25rem}.avatar-group-container .overflow{cursor:pointer!important}.overflow-avatars-container{max-height:30vh;overflow:auto;margin:-.5rem -.75rem;cursor:default}.overflow-avatars-container .overflow-avatar-container:hover{background-color:#eaf3f9}\n"], components: [{ type: i1.SdsAvatarComponent, selector: "sds-avatar", inputs: ["text", "colorKey", "pictureUri", "showHint", "borderStyle", "borderColor", "initialsText", "cursor"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }] });
+SdsAvatarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAvatarGroupComponent, selector: "sds-avatar-group", inputs: { stacked: "stacked", maxCount: "maxCount", fontSize: "fontSize", borderColor: "borderColor", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex avatar-group-container\">\r\n    <sds-avatar *ngFor=\"let avatar of inflow\"\r\n        [text]=\"avatar.text\"\r\n        [colorKey]=\"avatar.colorKey\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n        [showHint]=\"true\"\r\n        [style.font-size.rem]=\"fontSize\"\r\n        [style.margin-right.rem]=\"stacked ? fontSize/-3 : fontSize/15\"\r\n        >\r\n    </sds-avatar>\r\n        \r\n    <sds-avatar \r\n        *ngIf=\"overflow.length > 0\"\r\n        [id]=\"overflowElementUUID\"\r\n        class=\"overflow\"\r\n        [initialsText]=\"overflowCountDisplay\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"overFlowBorderStyle\"\r\n        cursor=\"pointer\"\r\n        [style.font-size.rem]=\"fontSize\"\r\n\r\n        placement=\"bottom\"\r\n        container=\"body\"\r\n        triggers=\"\" \r\n        (click)=\"onOverflowClicked()\"\r\n        >\r\n    </sds-avatar>\r\n\r\n    <dx-popover\r\n        target=\"#{{overflowElementUUID}}\"\r\n        [(visible)]=\"showDropdown\"\r\n        >\r\n        <dx-scroll-view \r\n            showScrollbar=\"always\">\r\n            <div class=\"overflow-avatars-container rounded\">\r\n                <div *ngFor=\"let avatar of overflow\"\r\n                    class=\"d-flex align-items-center ps-3 py-2 pe-5 my-2 overflow-avatar-container\" >\r\n                    <sds-avatar\r\n                        [text]=\"avatar.text\"\r\n                        [colorKey]=\"avatar.colorKey\"\r\n                        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n                        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n                        borderColor=\"transparent\"\r\n                        [style.font-size.rem]=\"1.8\" \r\n                    >\r\n                    </sds-avatar>\r\n                    <div class=\"ms-3\">{{avatar.text}}</div>\r\n                </div>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </dx-popover>\r\n</div>", styles: [".avatar-group-container{flex-wrap:wrap;gap:.25rem}.avatar-group-container .overflow{cursor:pointer!important}.overflow-avatars-container{cursor:default}.overflow-avatars-container .overflow-avatar-container:hover{background-color:#eaf3f9}\n"], components: [{ type: i1.SdsAvatarComponent, selector: "sds-avatar", inputs: ["text", "colorKey", "pictureUri", "showHint", "borderStyle", "borderColor", "initialsText", "cursor"] }, { type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { type: i3.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-avatar-group', template: "<div class=\"d-flex avatar-group-container\">\n    <sds-avatar *ngFor=\"let avatar of inflow\"\n        [text]=\"avatar.text\"\n        [colorKey]=\"avatar.colorKey\"\n        [borderColor]=\"borderColor\"\n        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\n        [pictureUri]=\"avatar.pictureUri ?? ''\"\n        [showHint]=\"true\"\n        [style.font-size.rem]=\"fontSize\"\n        [style.margin-right.rem]=\"stacked ? fontSize/-3 : fontSize/15\"\n        >\n    </sds-avatar>\n        \n    <sds-avatar \n        *ngIf=\"overflow.length > 0\"\n        class=\"overflow\"\n        [initialsText]=\"overflowCountDisplay\"\n        [borderColor]=\"borderColor\"\n        [borderStyle]=\"overFlowBorderStyle\"\n        cursor=\"pointer\"\n        [style.font-size.rem]=\"fontSize\"\n\n        [popover]=\"avatarGroupPopupTemplate\"\n        placement=\"bottom\"\n        [outsideClick]=\"true\"\n        container=\"body\"\n        triggers=\"\" \n        #popover=\"bs-popover\"\n        (click)=\"overflowAvatarClicked($event)\"\n        >\n    </sds-avatar>\n</div>\n\n<ng-template #avatarGroupPopupTemplate>\n    <div class=\"overflow-avatars-container rounded\">\n        <div *ngFor=\"let avatar of overflow\"\n            class=\"d-flex align-items-center pl-3 py-2 pr-5 my-2 overflow-avatar-container\" >\n            <sds-avatar\n                [text]=\"avatar.text\"\n                [colorKey]=\"avatar.colorKey\"\n                [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\n                [pictureUri]=\"avatar.pictureUri ?? ''\"\n                borderColor=\"transparent\"\n                [style.font-size.rem]=\"1.8\" \n            >\n            </sds-avatar>\n            <div class=\"ml-3\">{{avatar.text}}</div>\n        </div>\n    </div>\n</ng-template>", styles: [".avatar-group-container{flex-wrap:wrap;gap:.25rem}.avatar-group-container .overflow{cursor:pointer!important}.overflow-avatars-container{max-height:30vh;overflow:auto;margin:-.5rem -.75rem;cursor:default}.overflow-avatars-container .overflow-avatar-container:hover{background-color:#eaf3f9}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { _popover: [{
-                type: ViewChild,
-                args: ['popover', { static: false }]
-            }], stacked: [{
+            args: [{ selector: 'sds-avatar-group', template: "<div class=\"d-flex avatar-group-container\">\r\n    <sds-avatar *ngFor=\"let avatar of inflow\"\r\n        [text]=\"avatar.text\"\r\n        [colorKey]=\"avatar.colorKey\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n        [showHint]=\"true\"\r\n        [style.font-size.rem]=\"fontSize\"\r\n        [style.margin-right.rem]=\"stacked ? fontSize/-3 : fontSize/15\"\r\n        >\r\n    </sds-avatar>\r\n        \r\n    <sds-avatar \r\n        *ngIf=\"overflow.length > 0\"\r\n        [id]=\"overflowElementUUID\"\r\n        class=\"overflow\"\r\n        [initialsText]=\"overflowCountDisplay\"\r\n        [borderColor]=\"borderColor\"\r\n        [borderStyle]=\"overFlowBorderStyle\"\r\n        cursor=\"pointer\"\r\n        [style.font-size.rem]=\"fontSize\"\r\n\r\n        placement=\"bottom\"\r\n        container=\"body\"\r\n        triggers=\"\" \r\n        (click)=\"onOverflowClicked()\"\r\n        >\r\n    </sds-avatar>\r\n\r\n    <dx-popover\r\n        target=\"#{{overflowElementUUID}}\"\r\n        [(visible)]=\"showDropdown\"\r\n        >\r\n        <dx-scroll-view \r\n            showScrollbar=\"always\">\r\n            <div class=\"overflow-avatars-container rounded\">\r\n                <div *ngFor=\"let avatar of overflow\"\r\n                    class=\"d-flex align-items-center ps-3 py-2 pe-5 my-2 overflow-avatar-container\" >\r\n                    <sds-avatar\r\n                        [text]=\"avatar.text\"\r\n                        [colorKey]=\"avatar.colorKey\"\r\n                        [borderStyle]=\"avatar.borderStyle ? avatar.borderStyle : 'none'\"\r\n                        [pictureUri]=\"avatar.pictureUri ?? ''\"\r\n                        borderColor=\"transparent\"\r\n                        [style.font-size.rem]=\"1.8\" \r\n                    >\r\n                    </sds-avatar>\r\n                    <div class=\"ms-3\">{{avatar.text}}</div>\r\n                </div>\r\n            </div>\r\n        </dx-scroll-view>\r\n    </dx-popover>\r\n</div>", styles: [".avatar-group-container{flex-wrap:wrap;gap:.25rem}.avatar-group-container .overflow{cursor:pointer!important}.overflow-avatars-container{cursor:default}.overflow-avatars-container .overflow-avatar-container:hover{background-color:#eaf3f9}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { stacked: [{
                 type: Input
             }], maxCount: [{
                 type: Input
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             }], data: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVM5RixNQUFNLE9BQU8sdUJBQXVCO0lBZ0JoQztRQWJnQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFFckIsU0FBSSxHQUF1QixFQUFFLENBQUM7UUFFdkMsYUFBUSxHQUF1QixFQUFFLENBQUM7UUFDbEMsV0FBTSxHQUF1QixFQUFFLENBQUM7UUFHaEMseUJBQW9CLEdBQVcsRUFBRSxDQUFDO1FBQ2xDLHdCQUFtQixHQUFxQixNQUFNLENBQUM7SUFFdkMsQ0FBQztJQUVoQixXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFDO1lBQ3ZDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQy9CLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDckQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUNsQyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7Z0JBQ3JFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzthQUNqRztpQkFBTTtnQkFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7YUFDaEM7U0FDSjtJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVaLHFCQUFxQixDQUFDLEtBQWlCO1FBQzFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7b0hBcENRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdTQ1RwQyx3eURBaURjOzJGRHhDRCx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksa0JBQWtCOzBFQUttQixRQUFRO3NCQUF0RCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7Z0JBRXJCLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvcG92ZXJEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL3BvcG92ZXInO1xuaW1wb3J0IHsgQXZhdGFyTW9kZWwgfSBmcm9tICcuL2F2YXRhci1ncm91cC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLWF2YXRhci1ncm91cCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNkc0F2YXRhckdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIEBWaWV3Q2hpbGQoJ3BvcG92ZXInLCB7c3RhdGljOiBmYWxzZX0pIHByaXZhdGUgX3BvcG92ZXI6IFBvcG92ZXJEaXJlY3RpdmUgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc3RhY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBtYXhDb3VudD86IG51bWJlcjtcbiAgICBASW5wdXQoKSBwdWJsaWMgZm9udFNpemU6IG51bWJlciA9IDI7XG4gICAgQElucHV0KCkgcHVibGljIGJvcmRlckNvbG9yPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBkYXRhOiBBcnJheTxBdmF0YXJNb2RlbD4gPSBbXTtcblxuICAgIHB1YmxpYyBvdmVyZmxvdzogQXJyYXk8QXZhdGFyTW9kZWw+ID0gW107XG4gICAgcHVibGljIGluZmxvdzogQXJyYXk8QXZhdGFyTW9kZWw+ID0gW107XG5cblxuICAgIHB1YmxpYyBvdmVyZmxvd0NvdW50RGlzcGxheTogc3RyaW5nID0gJyc7XG4gICAgcHVibGljIG92ZXJGbG93Qm9yZGVyU3R5bGU6ICdzb2xpZCcgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzWydkYXRhJ10gfHwgY2hhbmdlc1snbWF4Q291bnQnXSl7XG4gICAgICAgICAgICBpZiAodGhpcy5tYXhDb3VudCAmJiB0aGlzLmRhdGEpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm92ZXJmbG93ID0gWy4uLnRoaXMuZGF0YV07XG4gICAgICAgICAgICAgICAgdGhpcy5pbmZsb3cgPSB0aGlzLm92ZXJmbG93LnNwbGljZSgwLCB0aGlzLm1heENvdW50KTtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLm92ZXJmbG93Lmxlbmd0aCk7XG4gICAgICAgICAgICAgICAgdGhpcy5vdmVyZmxvd0NvdW50RGlzcGxheSA9IGArJHtNYXRoLm1pbig5OSwgdGhpcy5vdmVyZmxvdy5sZW5ndGgpfWA7XG4gICAgICAgICAgICAgICAgdGhpcy5vdmVyRmxvd0JvcmRlclN0eWxlID0gdGhpcy5kYXRhLmZpbHRlcih4ID0+IHguYm9yZGVyU3R5bGUpLmxlbmd0aCA+IDAgPyAnc29saWQnIDogJ25vbmUnO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLmluZmxvdyA9IFsuLi50aGlzLmRhdGFdO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gICAgcHVibGljIG92ZXJmbG93QXZhdGFyQ2xpY2tlZChldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICB0aGlzLl9wb3BvdmVyPy5zaG93KCk7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGF2YXRhci1ncm91cC1jb250YWluZXJcIj5cbiAgICA8c2RzLWF2YXRhciAqbmdGb3I9XCJsZXQgYXZhdGFyIG9mIGluZmxvd1wiXG4gICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcbiAgICAgICAgW2NvbG9yS2V5XT1cImF2YXRhci5jb2xvcktleVwiXG4gICAgICAgIFtib3JkZXJDb2xvcl09XCJib3JkZXJDb2xvclwiXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxuICAgICAgICBbcGljdHVyZVVyaV09XCJhdmF0YXIucGljdHVyZVVyaSA/PyAnJ1wiXG4gICAgICAgIFtzaG93SGludF09XCJ0cnVlXCJcbiAgICAgICAgW3N0eWxlLmZvbnQtc2l6ZS5yZW1dPVwiZm9udFNpemVcIlxuICAgICAgICBbc3R5bGUubWFyZ2luLXJpZ2h0LnJlbV09XCJzdGFja2VkID8gZm9udFNpemUvLTMgOiBmb250U2l6ZS8xNVwiXG4gICAgICAgID5cbiAgICA8L3Nkcy1hdmF0YXI+XG4gICAgICAgIFxuICAgIDxzZHMtYXZhdGFyIFxuICAgICAgICAqbmdJZj1cIm92ZXJmbG93Lmxlbmd0aCA+IDBcIlxuICAgICAgICBjbGFzcz1cIm92ZXJmbG93XCJcbiAgICAgICAgW2luaXRpYWxzVGV4dF09XCJvdmVyZmxvd0NvdW50RGlzcGxheVwiXG4gICAgICAgIFtib3JkZXJDb2xvcl09XCJib3JkZXJDb2xvclwiXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJvdmVyRmxvd0JvcmRlclN0eWxlXCJcbiAgICAgICAgY3Vyc29yPVwicG9pbnRlclwiXG4gICAgICAgIFtzdHlsZS5mb250LXNpemUucmVtXT1cImZvbnRTaXplXCJcblxuICAgICAgICBbcG9wb3Zlcl09XCJhdmF0YXJHcm91cFBvcHVwVGVtcGxhdGVcIlxuICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgICBbb3V0c2lkZUNsaWNrXT1cInRydWVcIlxuICAgICAgICBjb250YWluZXI9XCJib2R5XCJcbiAgICAgICAgdHJpZ2dlcnM9XCJcIiBcbiAgICAgICAgI3BvcG92ZXI9XCJicy1wb3BvdmVyXCJcbiAgICAgICAgKGNsaWNrKT1cIm92ZXJmbG93QXZhdGFyQ2xpY2tlZCgkZXZlbnQpXCJcbiAgICAgICAgPlxuICAgIDwvc2RzLWF2YXRhcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2F2YXRhckdyb3VwUG9wdXBUZW1wbGF0ZT5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmZsb3ctYXZhdGFycy1jb250YWluZXIgcm91bmRlZFwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBhdmF0YXIgb2Ygb3ZlcmZsb3dcIlxuICAgICAgICAgICAgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIHBsLTMgcHktMiBwci01IG15LTIgb3ZlcmZsb3ctYXZhdGFyLWNvbnRhaW5lclwiID5cbiAgICAgICAgICAgIDxzZHMtYXZhdGFyXG4gICAgICAgICAgICAgICAgW3RleHRdPVwiYXZhdGFyLnRleHRcIlxuICAgICAgICAgICAgICAgIFtjb2xvcktleV09XCJhdmF0YXIuY29sb3JLZXlcIlxuICAgICAgICAgICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxuICAgICAgICAgICAgICAgIFtwaWN0dXJlVXJpXT1cImF2YXRhci5waWN0dXJlVXJpID8/ICcnXCJcbiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcj1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCIxLjhcIiBcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvc2RzLWF2YXRhcj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC0zXCI+e3thdmF0YXIudGV4dH19PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFuRixNQUFNLE9BQU8sdUJBQXVCO0lBaUJoQztRQWZnQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFFckIsU0FBSSxHQUF1QixFQUFFLENBQUM7UUFFdkMsYUFBUSxHQUF1QixFQUFFLENBQUM7UUFDbEMsV0FBTSxHQUF1QixFQUFFLENBQUM7UUFFaEMseUJBQW9CLEdBQVcsRUFBRSxDQUFDO1FBQ2xDLHdCQUFtQixHQUFxQixNQUFNLENBQUM7UUFFL0Msd0JBQW1CLEdBQUcsU0FBUyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0RCxpQkFBWSxHQUFHLEtBQUssQ0FBQztJQUViLENBQUM7SUFFaEIsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFBQztZQUN2QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3JELE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO2dCQUNyRSxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7YUFDakc7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2hDO1NBQ0o7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFWixpQkFBaUI7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQzs7b0hBckNRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLG1NQ1JwQyx5bEVBcURNOzJGRDdDTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksa0JBQWtCOzBFQU1aLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF2YXRhck1vZGVsIH0gZnJvbSAnLi9hdmF0YXItZ3JvdXAubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1hdmF0YXItZ3JvdXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0F2YXRhckdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzdGFja2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbWF4Q291bnQ/OiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZm9udFNpemU6IG51bWJlciA9IDI7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYm9yZGVyQ29sb3I/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZGF0YTogQXJyYXk8QXZhdGFyTW9kZWw+ID0gW107XHJcblxyXG4gICAgcHVibGljIG92ZXJmbG93OiBBcnJheTxBdmF0YXJNb2RlbD4gPSBbXTtcclxuICAgIHB1YmxpYyBpbmZsb3c6IEFycmF5PEF2YXRhck1vZGVsPiA9IFtdO1xyXG5cclxuICAgIHB1YmxpYyBvdmVyZmxvd0NvdW50RGlzcGxheTogc3RyaW5nID0gJyc7XHJcbiAgICBwdWJsaWMgb3ZlckZsb3dCb3JkZXJTdHlsZTogJ3NvbGlkJyB8ICdub25lJyA9ICdub25lJztcclxuXHJcbiAgICBwdWJsaWMgb3ZlcmZsb3dFbGVtZW50VVVJRCA9ICdzZHMtYWctJyArIGNyeXB0by5yYW5kb21VVUlEKCk7XHJcbiAgICBwdWJsaWMgc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBpZiAoY2hhbmdlc1snZGF0YSddIHx8IGNoYW5nZXNbJ21heENvdW50J10pe1xyXG4gICAgICAgICAgICBpZiAodGhpcy5tYXhDb3VudCAmJiB0aGlzLmRhdGEpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlcmZsb3cgPSBbLi4udGhpcy5kYXRhXTtcclxuICAgICAgICAgICAgICAgIHRoaXMuaW5mbG93ID0gdGhpcy5vdmVyZmxvdy5zcGxpY2UoMCwgdGhpcy5tYXhDb3VudCk7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLm92ZXJmbG93Lmxlbmd0aCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm92ZXJmbG93Q291bnREaXNwbGF5ID0gYCske01hdGgubWluKDk5LCB0aGlzLm92ZXJmbG93Lmxlbmd0aCl9YDtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlckZsb3dCb3JkZXJTdHlsZSA9IHRoaXMuZGF0YS5maWx0ZXIoeCA9PiB4LmJvcmRlclN0eWxlKS5sZW5ndGggPiAwID8gJ3NvbGlkJyA6ICdub25lJztcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuaW5mbG93ID0gWy4uLnRoaXMuZGF0YV07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICAgIHB1YmxpYyBvbk92ZXJmbG93Q2xpY2tlZCgpIHtcclxuICAgICAgICB0aGlzLnNob3dEcm9wZG93biA9IHRydWU7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggYXZhdGFyLWdyb3VwLWNvbnRhaW5lclwiPlxyXG4gICAgPHNkcy1hdmF0YXIgKm5nRm9yPVwibGV0IGF2YXRhciBvZiBpbmZsb3dcIlxyXG4gICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcclxuICAgICAgICBbY29sb3JLZXldPVwiYXZhdGFyLmNvbG9yS2V5XCJcclxuICAgICAgICBbYm9yZGVyQ29sb3JdPVwiYm9yZGVyQ29sb3JcIlxyXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxyXG4gICAgICAgIFtwaWN0dXJlVXJpXT1cImF2YXRhci5waWN0dXJlVXJpID8/ICcnXCJcclxuICAgICAgICBbc2hvd0hpbnRdPVwidHJ1ZVwiXHJcbiAgICAgICAgW3N0eWxlLmZvbnQtc2l6ZS5yZW1dPVwiZm9udFNpemVcIlxyXG4gICAgICAgIFtzdHlsZS5tYXJnaW4tcmlnaHQucmVtXT1cInN0YWNrZWQgPyBmb250U2l6ZS8tMyA6IGZvbnRTaXplLzE1XCJcclxuICAgICAgICA+XHJcbiAgICA8L3Nkcy1hdmF0YXI+XHJcbiAgICAgICAgXHJcbiAgICA8c2RzLWF2YXRhciBcclxuICAgICAgICAqbmdJZj1cIm92ZXJmbG93Lmxlbmd0aCA+IDBcIlxyXG4gICAgICAgIFtpZF09XCJvdmVyZmxvd0VsZW1lbnRVVUlEXCJcclxuICAgICAgICBjbGFzcz1cIm92ZXJmbG93XCJcclxuICAgICAgICBbaW5pdGlhbHNUZXh0XT1cIm92ZXJmbG93Q291bnREaXNwbGF5XCJcclxuICAgICAgICBbYm9yZGVyQ29sb3JdPVwiYm9yZGVyQ29sb3JcIlxyXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJvdmVyRmxvd0JvcmRlclN0eWxlXCJcclxuICAgICAgICBjdXJzb3I9XCJwb2ludGVyXCJcclxuICAgICAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCJmb250U2l6ZVwiXHJcblxyXG4gICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXHJcbiAgICAgICAgY29udGFpbmVyPVwiYm9keVwiXHJcbiAgICAgICAgdHJpZ2dlcnM9XCJcIiBcclxuICAgICAgICAoY2xpY2spPVwib25PdmVyZmxvd0NsaWNrZWQoKVwiXHJcbiAgICAgICAgPlxyXG4gICAgPC9zZHMtYXZhdGFyPlxyXG5cclxuICAgIDxkeC1wb3BvdmVyXHJcbiAgICAgICAgdGFyZ2V0PVwiI3t7b3ZlcmZsb3dFbGVtZW50VVVJRH19XCJcclxuICAgICAgICBbKHZpc2libGUpXT1cInNob3dEcm9wZG93blwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDxkeC1zY3JvbGwtdmlldyBcclxuICAgICAgICAgICAgc2hvd1Njcm9sbGJhcj1cImFsd2F5c1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwib3ZlcmZsb3ctYXZhdGFycy1jb250YWluZXIgcm91bmRlZFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgYXZhdGFyIG9mIG92ZXJmbG93XCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgcHMtMyBweS0yIHBlLTUgbXktMiBvdmVyZmxvdy1hdmF0YXItY29udGFpbmVyXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzZHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yS2V5XT1cImF2YXRhci5jb2xvcktleVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbcGljdHVyZVVyaV09XCJhdmF0YXIucGljdHVyZVVyaSA/PyAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCIxLjhcIiBcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9zZHMtYXZhdGFyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcy0zXCI+e3thdmF0YXIudGV4dH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9keC1zY3JvbGwtdmlldz5cclxuICAgIDwvZHgtcG9wb3Zlcj5cclxuPC9kaXY+Il19

package/esm2020/src/lib/avatar/avatar.module.mjs

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { PopoverModule } from 'ngx-bootstrap/popover';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
+import { DxScrollViewModule } from 'devextreme-angular/ui/scroll-view';
 import { SdsAvatarComponent } from './avatar.component';
 import { SdsAvatarGroupComponent } from './avatar-group.component';
 import * as i0 from "@angular/core";
@@ -13,11 +14,13 @@ export class SdsAvatarModule {
 SdsAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SdsAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarModule, declarations: [SdsAvatarComponent,
         SdsAvatarGroupComponent], imports: [CommonModule,
-        PopoverModule], exports: [SdsAvatarComponent,
+        DxPopoverModule,
+        DxScrollViewModule], exports: [SdsAvatarComponent,
         SdsAvatarGroupComponent] });
 SdsAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarModule, imports: [[
             CommonModule,
-            PopoverModule
+            DxPopoverModule,
+            DxScrollViewModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarModule, decorators: [{
             type: NgModule,
@@ -27,11 +30,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                     ],
                     imports: [
                         CommonModule,
-                        PopoverModule
+                        DxPopoverModule,
+                        DxScrollViewModule
                     ],
                     exports: [
                         ...components
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFHbkUsTUFBTSxVQUFVLEdBQUc7SUFDZixrQkFBa0I7SUFDbEIsdUJBQXVCO0NBQzFCLENBQUM7QUFjRixNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQWhCeEIsa0JBQWtCO1FBQ2xCLHVCQUF1QixhQU92QixZQUFZO1FBQ1osYUFBYSxhQVRiLGtCQUFrQjtRQUNsQix1QkFBdUI7NkdBZWQsZUFBZSxZQVRqQjtZQUNQLFlBQVk7WUFDWixhQUFhO1NBRWQ7MkZBS1UsZUFBZTtrQkFiM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBRWQ7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLEdBQUcsVUFBVTtxQkFDaEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHsgUG9wb3Zlck1vZHVsZSB9IGZyb20gJ25neC1ib290c3RyYXAvcG9wb3Zlcic7XHJcblxyXG5pbXBvcnQgeyBTZHNBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZHNBdmF0YXJHcm91cENvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLWdyb3VwLmNvbXBvbmVudCc7XHJcblxyXG5cclxuY29uc3QgY29tcG9uZW50cyA9IFtcclxuICAgIFNkc0F2YXRhckNvbXBvbmVudCxcclxuICAgIFNkc0F2YXRhckdyb3VwQ29tcG9uZW50XHJcbl07XHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAuLi5jb21wb25lbnRzXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBQb3BvdmVyTW9kdWxlXHJcblxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgICAuLi5jb21wb25lbnRzXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQXZhdGFyTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUV2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFHbkUsTUFBTSxVQUFVLEdBQUc7SUFDZixrQkFBa0I7SUFDbEIsdUJBQXVCO0NBQzFCLENBQUM7QUFlRixNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQWpCeEIsa0JBQWtCO1FBQ2xCLHVCQUF1QixhQU92QixZQUFZO1FBQ1osZUFBZTtRQUNmLGtCQUFrQixhQVZsQixrQkFBa0I7UUFDbEIsdUJBQXVCOzZHQWdCZCxlQUFlLFlBVmpCO1lBQ1AsWUFBWTtZQUNaLGVBQWU7WUFDZixrQkFBa0I7U0FFbkI7MkZBS1UsZUFBZTtrQkFkM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2Ysa0JBQWtCO3FCQUVuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsR0FBRyxVQUFVO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQgeyBEeFBvcG92ZXJNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvcG9wb3Zlcic7XHJcbmltcG9ydCB7IER4U2Nyb2xsVmlld01vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9zY3JvbGwtdmlldyc7XHJcblxyXG5pbXBvcnQgeyBTZHNBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZHNBdmF0YXJHcm91cENvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLWdyb3VwLmNvbXBvbmVudCc7XHJcblxyXG5cclxuY29uc3QgY29tcG9uZW50cyA9IFtcclxuICAgIFNkc0F2YXRhckNvbXBvbmVudCxcclxuICAgIFNkc0F2YXRhckdyb3VwQ29tcG9uZW50XHJcbl07XHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAuLi5jb21wb25lbnRzXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBEeFBvcG92ZXJNb2R1bGUsXHJcbiAgICBEeFNjcm9sbFZpZXdNb2R1bGVcclxuXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICAgIC4uLmNvbXBvbmVudHNcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNBdmF0YXJNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2020/src/lib/color-picker/color-picker.component.mjs

@@ -2,14 +2,16 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { faCheck } from '@fortawesome/pro-solid-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@fortawesome/angular-fontawesome";
-import * as i2 from "@angular/common";
-import * as i3 from "ngx-bootstrap/dropdown";
+import * as i2 from "devextreme-angular/ui/popover";
+import * as i3 from "@angular/common";
 export class SdsColorPickerComponent {
     constructor() {
         this.colors = [];
         this.disabled = false;
         this.style = 'inline';
         this.checkIcon = faCheck;
+        this.showDropdown = false;
+        this.elementUUID = 'sds-cp-' + crypto.randomUUID();
         this.selectedColorChange = new EventEmitter();
     }
     ngOnChanges(changes) {
@@ -27,10 +29,10 @@ export class SdsColorPickerComponent {
     }
 }
 SdsColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsColorPickerComponent, selector: "sds-color-picker", inputs: { colors: "colors", disabled: "disabled", selectedColor: "selectedColor", defaultColor: "defaultColor", style: "style" }, outputs: { selectedColorChange: "selectedColorChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n    *ngIf=\"style === 'inline'\"\n    class=\"color-tiles-container-inline\">\n    <div\n        *ngFor=\"let color of colors\"\n        [style.background-color]=\"color\"\n        class=\"color-tile\"\n        (click)=\"selectColor(color)\"\n    >\n        <fa-icon\n            *ngIf=\"selectedColor === color\"\n            [icon]=\"checkIcon\"\n        >\n        </fa-icon>\n    </div>\n</div>\n\n<div\n    *ngIf=\"style === 'dropdown'\"\n    class=\"btn-group\"\n    dropdown\n>\n    <button\n        dropdownToggle\n        type=\"button\"\n        class=\"btn dropdown-toggle d-flex align-items-center\"\n        aria-controls=\"dropdown-basic\"\n    >\n        <div\n            class=\"color-tile\"\n            [style.background-color]=\"selectedColor || defaultColor\"\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\n        >\n        </div>\n        <div class=\"caret\"></div>\n    </button>\n\n    <div\n        *dropdownMenu\n        class=\"dropdown-menu\"\n        role=\"menu\"\n        aria-labelledby=\"app-switcher-button\"\n    >\n        <div\n            class=\"color-tiles-container-square\"\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\n        >\n            <div\n                *ngFor=\"let color of colors\"\n                [style.background-color]=\"color\"\n                class=\"color-tile rounded-circle\"\n                (click)=\"selectColor(color)\"\n            >\n                <fa-icon\n                    *ngIf=\"selectedColor === color\"\n                    [icon]=\"checkIcon\"\n                >\n                </fa-icon>\n            </div>\n        </div>\n\n    </div>\n</div>\n", styles: [".color-tiles-container-inline{display:flex;gap:.25rem;color:#fff}.color-tiles-container-square{display:grid;grid-gap:.5rem;gap:.5rem;margin:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { type: i3.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i3.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+SdsColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsColorPickerComponent, selector: "sds-color-picker", inputs: { colors: "colors", disabled: "disabled", selectedColor: "selectedColor", defaultColor: "defaultColor", style: "style" }, outputs: { selectedColorChange: "selectedColorChange" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n    *ngIf=\"style === 'inline'\"\r\n    class=\"color-tiles-container-inline\"\r\n>\r\n    <div\r\n        *ngFor=\"let color of colors\"\r\n        [style.background-color]=\"color\"\r\n        class=\"color-tile\"\r\n        (click)=\"selectColor(color)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"checkIcon\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<div\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\r\n    class=\"btn-group\"\r\n>\r\n    <button\r\n        type=\"button\"\r\n        class=\"btn dropdown-toggle d-flex align-items-center\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"showDropdown = true\"\r\n    >\r\n        <div\r\n            class=\"color-tile\"\r\n            [style.background-color]=\"selectedColor || defaultColor\"\r\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n        >\r\n        </div>\r\n        <div class=\"caret\"></div>\r\n    </button>\r\n\r\n    <dx-popover\r\n        target=\"#{{elementUUID}}\"\r\n        position=\"bottom\"\r\n        [(visible)]=\"showDropdown\"\r\n    >\r\n        <div\r\n            class=\"color-tiles-container-square\"\r\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\r\n        >\r\n            <div\r\n                *ngFor=\"let color of colors\"\r\n                [style.background-color]=\"color\"\r\n                class=\"color-tile rounded-circle\"\r\n                (click)=\"selectColor(color)\"\r\n            >\r\n                <fa-icon\r\n                    *ngIf=\"selectedColor === color\"\r\n                    [icon]=\"checkIcon\"\r\n                >\r\n                </fa-icon>\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</div>", styles: [".color-tiles-container-inline{display:flex;gap:.25rem;color:#fff}.color-tiles-container-square{display:grid;grid-gap:.5rem;gap:.5rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}\n"], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i2.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "elementAttr", "height", "hideEvent", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "elementAttrChange", "heightChange", "hideEventChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-color-picker', template: "<div\n    *ngIf=\"style === 'inline'\"\n    class=\"color-tiles-container-inline\">\n    <div\n        *ngFor=\"let color of colors\"\n        [style.background-color]=\"color\"\n        class=\"color-tile\"\n        (click)=\"selectColor(color)\"\n    >\n        <fa-icon\n            *ngIf=\"selectedColor === color\"\n            [icon]=\"checkIcon\"\n        >\n        </fa-icon>\n    </div>\n</div>\n\n<div\n    *ngIf=\"style === 'dropdown'\"\n    class=\"btn-group\"\n    dropdown\n>\n    <button\n        dropdownToggle\n        type=\"button\"\n        class=\"btn dropdown-toggle d-flex align-items-center\"\n        aria-controls=\"dropdown-basic\"\n    >\n        <div\n            class=\"color-tile\"\n            [style.background-color]=\"selectedColor || defaultColor\"\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\n        >\n        </div>\n        <div class=\"caret\"></div>\n    </button>\n\n    <div\n        *dropdownMenu\n        class=\"dropdown-menu\"\n        role=\"menu\"\n        aria-labelledby=\"app-switcher-button\"\n    >\n        <div\n            class=\"color-tiles-container-square\"\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\n        >\n            <div\n                *ngFor=\"let color of colors\"\n                [style.background-color]=\"color\"\n                class=\"color-tile rounded-circle\"\n                (click)=\"selectColor(color)\"\n            >\n                <fa-icon\n                    *ngIf=\"selectedColor === color\"\n                    [icon]=\"checkIcon\"\n                >\n                </fa-icon>\n            </div>\n        </div>\n\n    </div>\n</div>\n", styles: [".color-tiles-container-inline{display:flex;gap:.25rem;color:#fff}.color-tiles-container-square{display:grid;grid-gap:.5rem;gap:.5rem;margin:1rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}\n"] }]
+            args: [{ selector: 'sds-color-picker', template: "<div\r\n    *ngIf=\"style === 'inline'\"\r\n    class=\"color-tiles-container-inline\"\r\n>\r\n    <div\r\n        *ngFor=\"let color of colors\"\r\n        [style.background-color]=\"color\"\r\n        class=\"color-tile\"\r\n        (click)=\"selectColor(color)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"checkIcon\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<div\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\r\n    class=\"btn-group\"\r\n>\r\n    <button\r\n        type=\"button\"\r\n        class=\"btn dropdown-toggle d-flex align-items-center\"\r\n        aria-controls=\"dropdown-basic\"\r\n        (click)=\"showDropdown = true\"\r\n    >\r\n        <div\r\n            class=\"color-tile\"\r\n            [style.background-color]=\"selectedColor || defaultColor\"\r\n            [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n        >\r\n        </div>\r\n        <div class=\"caret\"></div>\r\n    </button>\r\n\r\n    <dx-popover\r\n        target=\"#{{elementUUID}}\"\r\n        position=\"bottom\"\r\n        [(visible)]=\"showDropdown\"\r\n    >\r\n        <div\r\n            class=\"color-tiles-container-square\"\r\n            [ngStyle]=\"{ 'grid-template-columns': dropdownGridTemplateColumns}\"\r\n        >\r\n            <div\r\n                *ngFor=\"let color of colors\"\r\n                [style.background-color]=\"color\"\r\n                class=\"color-tile rounded-circle\"\r\n                (click)=\"selectColor(color)\"\r\n            >\r\n                <fa-icon\r\n                    *ngIf=\"selectedColor === color\"\r\n                    [icon]=\"checkIcon\"\r\n                >\r\n                </fa-icon>\r\n            </div>\r\n        </div>\r\n    </dx-popover>\r\n</div>", styles: [".color-tiles-container-inline{display:flex;gap:.25rem;color:#fff}.color-tiles-container-square{display:grid;grid-gap:.5rem;gap:.5rem;color:#fff}.color-tile{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.color-tile fa-icon{line-height:1rem}.color-tile.undefined-color{border-color:gray;border-style:solid;border-width:1px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { colors: [{
                 type: Input
             }], disabled: [{
@@ -44,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             }], style: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVEzRCxNQUFNLE9BQU8sdUJBQXVCO0lBV2hDO1FBVlMsV0FBTSxHQUFrQixFQUFFLENBQUM7UUFDM0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixVQUFLLEdBQTBCLFFBQVEsQ0FBQTtRQUV6QyxjQUFTLEdBQUcsT0FBTyxDQUFDO1FBSXZCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFELENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbkIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztZQUMxRCxJQUFJLENBQUMsMkJBQTJCLEdBQUcsVUFBVSxRQUFRLFFBQVEsQ0FBQztTQUNqRTtJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVaLFdBQVcsQ0FBQyxLQUFhO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1lBQzNCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEM7SUFDTCxDQUFDOztvSEE1QlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsd1FDVHBDLGdyREErREE7MkZEdERhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxrQkFBa0I7MEVBS25CLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0UsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYUNoZWNrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLWNvbG9yLXBpY2tlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNkc0NvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAgIEBJbnB1dCgpIGNvbG9yczogQXJyYXk8c3RyaW5nPiA9IFtdO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VsZWN0ZWRDb2xvcj86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZWZhdWx0Q29sb3I/OiBzdHJpbmc7XG4gICAgQE91dHB1dCgpIHNlbGVjdGVkQ29sb3JDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+O1xuICAgIEBJbnB1dCgpIHN0eWxlOiAnaW5saW5lJyB8ICdkcm9wZG93bicgPSAnaW5saW5lJ1xuXG4gICAgcHVibGljIGNoZWNrSWNvbiA9IGZhQ2hlY2s7XG4gICAgcHVibGljIGRyb3Bkb3duR3JpZFRlbXBsYXRlQ29sdW1ucz86IHN0cmluZztcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkQ29sb3JDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICB9XG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlc1snY29sb3JzJ10pIHtcbiAgICAgICAgICAgIGNvbnN0IGdyaWRTaXplID0gTWF0aC5jZWlsKE1hdGguc3FydCh0aGlzLmNvbG9ycy5sZW5ndGgpKTtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zID0gYHJlcGVhdCgke2dyaWRTaXplfSwgMWZyKWA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgICBwdWJsaWMgc2VsZWN0Q29sb3IoY29sb3I6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvciA9IGNvbG9yO1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9yQ2hhbmdlLmVtaXQoY29sb3IpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICAgICpuZ0lmPVwic3R5bGUgPT09ICdpbmxpbmUnXCJcbiAgICBjbGFzcz1cImNvbG9yLXRpbGVzLWNvbnRhaW5lci1pbmxpbmVcIj5cbiAgICA8ZGl2XG4gICAgICAgICpuZ0Zvcj1cImxldCBjb2xvciBvZiBjb2xvcnNcIlxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjb2xvclwiXG4gICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXG4gICAgICAgIChjbGljayk9XCJzZWxlY3RDb2xvcihjb2xvcilcIlxuICAgID5cbiAgICAgICAgPGZhLWljb25cbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRDb2xvciA9PT0gY29sb3JcIlxuICAgICAgICAgICAgW2ljb25dPVwiY2hlY2tJY29uXCJcbiAgICAgICAgPlxuICAgICAgICA8L2ZhLWljb24+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdlxuICAgICpuZ0lmPVwic3R5bGUgPT09ICdkcm9wZG93bidcIlxuICAgIGNsYXNzPVwiYnRuLWdyb3VwXCJcbiAgICBkcm9wZG93blxuPlxuICAgIDxidXR0b25cbiAgICAgICAgZHJvcGRvd25Ub2dnbGVcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiYnRuIGRyb3Bkb3duLXRvZ2dsZSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcbiAgICAgICAgYXJpYS1jb250cm9scz1cImRyb3Bkb3duLWJhc2ljXCJcbiAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJzZWxlY3RlZENvbG9yIHx8IGRlZmF1bHRDb2xvclwiXG4gICAgICAgICAgICBbY2xhc3MudW5kZWZpbmVkLWNvbG9yXT1cIiEoc2VsZWN0ZWRDb2xvciB8fCBkZWZhdWx0Q29sb3IpXCJcbiAgICAgICAgPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmV0XCI+PC9kaXY+XG4gICAgPC9idXR0b24+XG5cbiAgICA8ZGl2XG4gICAgICAgICpkcm9wZG93bk1lbnVcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1tZW51XCJcbiAgICAgICAgcm9sZT1cIm1lbnVcIlxuICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJhcHAtc3dpdGNoZXItYnV0dG9uXCJcbiAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZXMtY29udGFpbmVyLXNxdWFyZVwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7ICdncmlkLXRlbXBsYXRlLWNvbHVtbnMnOiBkcm9wZG93bkdyaWRUZW1wbGF0ZUNvbHVtbnN9XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBjb2xvciBvZiBjb2xvcnNcIlxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNvbG9yLXRpbGUgcm91bmRlZC1jaXJjbGVcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RDb2xvcihjb2xvcilcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRDb2xvciA9PT0gY29sb3JcIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJjaGVja0ljb25cIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8L2ZhLWljb24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVEzRCxNQUFNLE9BQU8sdUJBQXVCO0lBYWhDO1FBWlMsV0FBTSxHQUFrQixFQUFFLENBQUM7UUFDM0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixVQUFLLEdBQTBCLFFBQVEsQ0FBQTtRQUV6QyxjQUFTLEdBQUcsT0FBTyxDQUFDO1FBRXBCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsU0FBUyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUdqRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUMxRCxDQUFDO0lBQ0QsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7WUFDMUQsSUFBSSxDQUFDLDJCQUEyQixHQUFHLFVBQVUsUUFBUSxRQUFRLENBQUM7U0FDakU7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFWixXQUFXLENBQUMsS0FBYTtRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hDO0lBQ0wsQ0FBQzs7b0hBOUJRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdRQ1RwQywyekRBNkRNOzJGRHBETyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksa0JBQWtCOzBFQUtuQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYUNoZWNrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtY29sb3ItcGlja2VyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNDb2xvclBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAgIEBJbnB1dCgpIGNvbG9yczogQXJyYXk8c3RyaW5nPiA9IFtdO1xyXG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHNlbGVjdGVkQ29sb3I/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZWZhdWx0Q29sb3I/OiBzdHJpbmc7XHJcbiAgICBAT3V0cHV0KCkgc2VsZWN0ZWRDb2xvckNoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz47XHJcbiAgICBASW5wdXQoKSBzdHlsZTogJ2lubGluZScgfCAnZHJvcGRvd24nID0gJ2lubGluZSdcclxuXHJcbiAgICBwdWJsaWMgY2hlY2tJY29uID0gZmFDaGVjaztcclxuICAgIHB1YmxpYyBkcm9wZG93bkdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmc7XHJcbiAgICBwdWJsaWMgc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcbiAgICBwdWJsaWMgZWxlbWVudFVVSUQgPSAnc2RzLWNwLScgKyBjcnlwdG8ucmFuZG9tVVVJRCgpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gICAgfVxyXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgICAgIGlmIChjaGFuZ2VzWydjb2xvcnMnXSkge1xyXG4gICAgICAgICAgICBjb25zdCBncmlkU2l6ZSA9IE1hdGguY2VpbChNYXRoLnNxcnQodGhpcy5jb2xvcnMubGVuZ3RoKSk7XHJcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zID0gYHJlcGVhdCgke2dyaWRTaXplfSwgMWZyKWA7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0Q29sb3IoY29sb3I6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ29sb3IgPSBjb2xvcjtcclxuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9yQ2hhbmdlLmVtaXQoY29sb3IpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICAqbmdJZj1cInN0eWxlID09PSAnaW5saW5lJ1wiXHJcbiAgICBjbGFzcz1cImNvbG9yLXRpbGVzLWNvbnRhaW5lci1pbmxpbmVcIlxyXG4+XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgKm5nRm9yPVwibGV0IGNvbG9yIG9mIGNvbG9yc1wiXHJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNlbGVjdENvbG9yKGNvbG9yKVwiXHJcbiAgICA+XHJcbiAgICAgICAgPGZhLWljb25cclxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZENvbG9yID09PSBjb2xvclwiXHJcbiAgICAgICAgICAgIFtpY29uXT1cImNoZWNrSWNvblwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvZmEtaWNvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAgICpuZ0lmPVwic3R5bGUgPT09ICdkcm9wZG93bidcIlxyXG4gICAgW2lkXT1cImVsZW1lbnRVVUlEXCJcclxuICAgIGNsYXNzPVwiYnRuLWdyb3VwXCJcclxuPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgIGNsYXNzPVwiYnRuIGRyb3Bkb3duLXRvZ2dsZSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxyXG4gICAgICAgIChjbGljayk9XCJzaG93RHJvcGRvd24gPSB0cnVlXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXHJcbiAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cInNlbGVjdGVkQ29sb3IgfHwgZGVmYXVsdENvbG9yXCJcclxuICAgICAgICAgICAgW2NsYXNzLnVuZGVmaW5lZC1jb2xvcl09XCIhKHNlbGVjdGVkQ29sb3IgfHwgZGVmYXVsdENvbG9yKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJldFwiPjwvZGl2PlxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGR4LXBvcG92ZXJcclxuICAgICAgICB0YXJnZXQ9XCIje3tlbGVtZW50VVVJRH19XCJcclxuICAgICAgICBwb3NpdGlvbj1cImJvdHRvbVwiXHJcbiAgICAgICAgWyh2aXNpYmxlKV09XCJzaG93RHJvcGRvd25cIlxyXG4gICAgPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJjb2xvci10aWxlcy1jb250YWluZXItc3F1YXJlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zfVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZSByb3VuZGVkLWNpcmNsZVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0Q29sb3IoY29sb3IpXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb25cclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkQ29sb3IgPT09IGNvbG9yXCJcclxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJjaGVja0ljb25cIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZHgtcG9wb3Zlcj5cclxuPC9kaXY+Il19

package/esm2020/src/lib/color-picker/color-picker.module.mjs

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SdsColorPickerComponent } from './color-picker.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+import { DxPopoverModule } from 'devextreme-angular/ui/popover';
 import * as i0 from "@angular/core";
 const components = [SdsColorPickerComponent];
 export class SdsColorPickerModule {
@@ -10,11 +10,11 @@ export class SdsColorPickerModule {
 SdsColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SdsColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerModule, declarations: [SdsColorPickerComponent], imports: [CommonModule,
         FontAwesomeModule,
-        BsDropdownModule], exports: [SdsColorPickerComponent] });
+        DxPopoverModule], exports: [SdsColorPickerComponent] });
 SdsColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerModule, imports: [[
             CommonModule,
             FontAwesomeModule,
-            BsDropdownModule
+            DxPopoverModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsColorPickerModule, decorators: [{
             type: NgModule,
@@ -25,11 +25,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                     imports: [
                         CommonModule,
                         FontAwesomeModule,
-                        BsDropdownModule
+                        DxPopoverModule,
                     ],
                     exports: [
                         ...components
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQUcxRCxNQUFNLFVBQVUsR0FBRyxDQUFDLHVCQUF1QixDQUFDLENBQUM7QUFjN0MsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQWRiLHVCQUF1QixhQU12QyxZQUFZO1FBQ1osaUJBQWlCO1FBQ2pCLGdCQUFnQixhQVJBLHVCQUF1QjtrSEFjOUIsb0JBQW9CLFlBVHRCO1lBQ1AsWUFBWTtZQUNaLGlCQUFpQjtZQUNqQixnQkFBZ0I7U0FDakI7MkZBS1Usb0JBQW9CO2tCQWJoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDTCxHQUFHLFVBQVU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTZHNDb2xvclBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IEJzRHJvcGRvd25Nb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL2Ryb3Bkb3duJztcblxuXG5jb25zdCBjb21wb25lbnRzID0gW1Nkc0NvbG9yUGlja2VyQ29tcG9uZW50XTtcbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIC4uLmNvbXBvbmVudHNcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICBCc0Ryb3Bkb3duTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICAgIC4uLmNvbXBvbmVudHNcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZHNDb2xvclBpY2tlck1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFHaEUsTUFBTSxVQUFVLEdBQUcsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0FBYzdDLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFkYix1QkFBdUIsYUFNdkMsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixlQUFlLGFBUkMsdUJBQXVCO2tIQWM5QixvQkFBb0IsWUFUdEI7WUFDUCxZQUFZO1lBQ1osaUJBQWlCO1lBQ2pCLGVBQWU7U0FDaEI7MkZBS1Usb0JBQW9CO2tCQWJoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsR0FBRyxVQUFVO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNkc0NvbG9yUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9jb2xvci1waWNrZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcbmltcG9ydCB7IER4UG9wb3Zlck1vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9wb3BvdmVyJztcclxuXHJcblxyXG5jb25zdCBjb21wb25lbnRzID0gW1Nkc0NvbG9yUGlja2VyQ29tcG9uZW50XTtcclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIC4uLmNvbXBvbmVudHNcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxyXG4gICAgRHhQb3BvdmVyTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgICAuLi5jb21wb25lbnRzXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQ29sb3JQaWNrZXJNb2R1bGUgeyB9XHJcbiJdfQ==