@spicainternational/ngx-sds-components 5.0.1 → 5.1.0

package/esm2020/public-api.mjs

@@ -10,6 +10,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
 export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
 export * from '@spicainternational/ngx-sds-components/src/lib/pane';
+export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';
 export * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';
 export * from '@spicainternational/ngx-sds-components/src/lib/side-bar';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyx5REFBeUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtc2RzLWNvbXBvbmVudHNcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2FwcC1zd2l0Y2hlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jYWxsb3V0JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jb2xvci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRlLXBpcGVzJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9tb2RhbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbmF2aWdhdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFuZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtYmFyJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLHlEQUF5RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1zZHMtY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hdmF0YXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NhbGxvdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RhdGUtcGlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21vZGFsJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9wYW5lJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9xdWljay1pbmZvJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9zZWdtZW50ZWQtY29udHJvbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXInOyJdfQ==

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

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./avatar.component";
 import * as i2 from "devextreme-angular/ui/popover";
@@ -6,27 +6,32 @@ import * as i3 from "devextreme-angular/ui/scroll-view";
 import * as i4 from "@angular/common";
 export class SdsAvatarGroupComponent {
     constructor() {
-        this.stacked = false;
-        this.fontSize = 2;
-        this.data = [];
+        // this.overflowElementUUID = 'sds-ag-' + crypto.randomUUID();
+        this.dropdownContents = 'all';
+        // init values in constructor so storybook doesn't have issues with initial state
+        this.overflowElementUUID = `sds-ag-${Math.ceil(Math.random() * 1000000)}`;
+        this.overFlowBorderStyle = 'none';
+        this.showDropdown = false;
+        this.showOverflow = false;
+        this.avatars = [];
         this.overflow = [];
         this.inflow = [];
         this.overflowCountDisplay = '';
-        this.overFlowBorderStyle = 'none';
-        this.overflowElementUUID = 'sds-ag-' + crypto.randomUUID();
-        this.showDropdown = false;
+        this.size = 2;
+        this.stacked = false;
     }
     ngOnChanges(changes) {
-        if (changes['data'] || changes['maxCount']) {
-            if (this.maxCount && this.data) {
-                this.overflow = [...this.data];
-                this.inflow = this.overflow.splice(0, this.maxCount);
-                console.log(this.overflow.length);
+        if (changes['avatars'] || changes['max']) {
+            if (this.max && this.avatars) {
+                let avatars = [...this.avatars];
+                this.inflow = avatars.splice(0, this.max);
+                this.overflow = avatars;
+                this.showOverflow = this.overflow.length > 0;
                 this.overflowCountDisplay = `+${Math.min(99, this.overflow.length)}`;
-                this.overFlowBorderStyle = this.data.filter(x => x.borderStyle).length > 0 ? 'solid' : 'none';
+                this.overFlowBorderStyle = this.avatars.filter(x => x.borderStyle).length > 0 ? 'solid' : 'none';
             }
             else {
-                this.inflow = [...this.data];
+                this.inflow = [...this.avatars];
             }
         }
     }
@@ -36,19 +41,21 @@ export class SdsAvatarGroupComponent {
     }
 }
 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" }, 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"] }] });
+SdsAvatarGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAvatarGroupComponent, selector: "sds-avatar-group", inputs: { stacked: "stacked", max: "max", size: "size", borderColor: "borderColor", avatars: "avatars", dropdownContents: "dropdownContents" }, 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        [size]=\"size\"\r\n        [style.margin-right.rem]=\"stacked ? size/-3 : size/15\"\r\n        >\r\n    </sds-avatar>\r\n\r\n    <sds-avatar\r\n        *ngIf=\"showOverflow\"\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        [size]=\"size\"\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 (dropdownContents === 'all' ? avatars : 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                        [size]=\"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>\r\n", 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", "size"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 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\">\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"] }]
+            args: [{ selector: 'sds-avatar-group', changeDetection: ChangeDetectionStrategy.OnPush, 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        [size]=\"size\"\r\n        [style.margin-right.rem]=\"stacked ? size/-3 : size/15\"\r\n        >\r\n    </sds-avatar>\r\n\r\n    <sds-avatar\r\n        *ngIf=\"showOverflow\"\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        [size]=\"size\"\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 (dropdownContents === 'all' ? avatars : 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                        [size]=\"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>\r\n", 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: [{
+            }], max: [{
                 type: Input
-            }], fontSize: [{
+            }], size: [{
                 type: Input
             }], borderColor: [{
                 type: Input
-            }], data: [{
+            }], avatars: [{
+                type: Input
+            }], dropdownContents: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFuRixNQUFNLE9BQU8sdUJBQXVCO0lBaUJoQztRQWZnQixZQUFPLEdBQVksS0FBSyxDQUFDO1FBRXpCLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFFckIsU0FBSSxHQUF1QixFQUFFLENBQUM7UUFFdkMsYUFBUSxHQUF1QixFQUFFLENBQUM7UUFDbEMsV0FBTSxHQUF1QixFQUFFLENBQUM7UUFFaEMseUJBQW9CLEdBQVcsRUFBRSxDQUFDO1FBQ2xDLHdCQUFtQixHQUFxQixNQUFNLENBQUM7UUFFL0Msd0JBQW1CLEdBQUcsU0FBUyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0RCxpQkFBWSxHQUFHLEtBQUssQ0FBQztJQUViLENBQUM7SUFFaEIsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFBQztZQUN2QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3JELE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO2dCQUNyRSxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7YUFDakc7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2hDO1NBQ0o7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFWixpQkFBaUI7UUFDcEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQzs7b0hBckNRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLG1NQ1JwQyx5bEVBcURNOzJGRDdDTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksa0JBQWtCOzBFQU1aLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEF2YXRhck1vZGVsIH0gZnJvbSAnLi9hdmF0YXItZ3JvdXAubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1hdmF0YXItZ3JvdXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0F2YXRhckdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzdGFja2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbWF4Q291bnQ/OiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZm9udFNpemU6IG51bWJlciA9IDI7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYm9yZGVyQ29sb3I/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZGF0YTogQXJyYXk8QXZhdGFyTW9kZWw+ID0gW107XHJcblxyXG4gICAgcHVibGljIG92ZXJmbG93OiBBcnJheTxBdmF0YXJNb2RlbD4gPSBbXTtcclxuICAgIHB1YmxpYyBpbmZsb3c6IEFycmF5PEF2YXRhck1vZGVsPiA9IFtdO1xyXG5cclxuICAgIHB1YmxpYyBvdmVyZmxvd0NvdW50RGlzcGxheTogc3RyaW5nID0gJyc7XHJcbiAgICBwdWJsaWMgb3ZlckZsb3dCb3JkZXJTdHlsZTogJ3NvbGlkJyB8ICdub25lJyA9ICdub25lJztcclxuXHJcbiAgICBwdWJsaWMgb3ZlcmZsb3dFbGVtZW50VVVJRCA9ICdzZHMtYWctJyArIGNyeXB0by5yYW5kb21VVUlEKCk7XHJcbiAgICBwdWJsaWMgc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBpZiAoY2hhbmdlc1snZGF0YSddIHx8IGNoYW5nZXNbJ21heENvdW50J10pe1xyXG4gICAgICAgICAgICBpZiAodGhpcy5tYXhDb3VudCAmJiB0aGlzLmRhdGEpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlcmZsb3cgPSBbLi4udGhpcy5kYXRhXTtcclxuICAgICAgICAgICAgICAgIHRoaXMuaW5mbG93ID0gdGhpcy5vdmVyZmxvdy5zcGxpY2UoMCwgdGhpcy5tYXhDb3VudCk7XHJcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLm92ZXJmbG93Lmxlbmd0aCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm92ZXJmbG93Q291bnREaXNwbGF5ID0gYCske01hdGgubWluKDk5LCB0aGlzLm92ZXJmbG93Lmxlbmd0aCl9YDtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlckZsb3dCb3JkZXJTdHlsZSA9IHRoaXMuZGF0YS5maWx0ZXIoeCA9PiB4LmJvcmRlclN0eWxlKS5sZW5ndGggPiAwID8gJ3NvbGlkJyA6ICdub25lJztcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuaW5mbG93ID0gWy4uLnRoaXMuZGF0YV07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICAgIHB1YmxpYyBvbk92ZXJmbG93Q2xpY2tlZCgpIHtcclxuICAgICAgICB0aGlzLnNob3dEcm9wZG93biA9IHRydWU7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggYXZhdGFyLWdyb3VwLWNvbnRhaW5lclwiPlxyXG4gICAgPHNkcy1hdmF0YXIgKm5nRm9yPVwibGV0IGF2YXRhciBvZiBpbmZsb3dcIlxyXG4gICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcclxuICAgICAgICBbY29sb3JLZXldPVwiYXZhdGFyLmNvbG9yS2V5XCJcclxuICAgICAgICBbYm9yZGVyQ29sb3JdPVwiYm9yZGVyQ29sb3JcIlxyXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxyXG4gICAgICAgIFtwaWN0dXJlVXJpXT1cImF2YXRhci5waWN0dXJlVXJpID8/ICcnXCJcclxuICAgICAgICBbc2hvd0hpbnRdPVwidHJ1ZVwiXHJcbiAgICAgICAgW3N0eWxlLmZvbnQtc2l6ZS5yZW1dPVwiZm9udFNpemVcIlxyXG4gICAgICAgIFtzdHlsZS5tYXJnaW4tcmlnaHQucmVtXT1cInN0YWNrZWQgPyBmb250U2l6ZS8tMyA6IGZvbnRTaXplLzE1XCJcclxuICAgICAgICA+XHJcbiAgICA8L3Nkcy1hdmF0YXI+XHJcbiAgICAgICAgXHJcbiAgICA8c2RzLWF2YXRhciBcclxuICAgICAgICAqbmdJZj1cIm92ZXJmbG93Lmxlbmd0aCA+IDBcIlxyXG4gICAgICAgIFtpZF09XCJvdmVyZmxvd0VsZW1lbnRVVUlEXCJcclxuICAgICAgICBjbGFzcz1cIm92ZXJmbG93XCJcclxuICAgICAgICBbaW5pdGlhbHNUZXh0XT1cIm92ZXJmbG93Q291bnREaXNwbGF5XCJcclxuICAgICAgICBbYm9yZGVyQ29sb3JdPVwiYm9yZGVyQ29sb3JcIlxyXG4gICAgICAgIFtib3JkZXJTdHlsZV09XCJvdmVyRmxvd0JvcmRlclN0eWxlXCJcclxuICAgICAgICBjdXJzb3I9XCJwb2ludGVyXCJcclxuICAgICAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCJmb250U2l6ZVwiXHJcblxyXG4gICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXHJcbiAgICAgICAgY29udGFpbmVyPVwiYm9keVwiXHJcbiAgICAgICAgdHJpZ2dlcnM9XCJcIiBcclxuICAgICAgICAoY2xpY2spPVwib25PdmVyZmxvd0NsaWNrZWQoKVwiXHJcbiAgICAgICAgPlxyXG4gICAgPC9zZHMtYXZhdGFyPlxyXG5cclxuICAgIDxkeC1wb3BvdmVyXHJcbiAgICAgICAgdGFyZ2V0PVwiI3t7b3ZlcmZsb3dFbGVtZW50VVVJRH19XCJcclxuICAgICAgICBbKHZpc2libGUpXT1cInNob3dEcm9wZG93blwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDxkeC1zY3JvbGwtdmlldyBcclxuICAgICAgICAgICAgc2hvd1Njcm9sbGJhcj1cImFsd2F5c1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwib3ZlcmZsb3ctYXZhdGFycy1jb250YWluZXIgcm91bmRlZFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgYXZhdGFyIG9mIG92ZXJmbG93XCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgcHMtMyBweS0yIHBlLTUgbXktMiBvdmVyZmxvdy1hdmF0YXItY29udGFpbmVyXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzZHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yS2V5XT1cImF2YXRhci5jb2xvcktleVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbcGljdHVyZVVyaV09XCJhdmF0YXIucGljdHVyZVVyaSA/PyAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCIxLjhcIiBcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9zZHMtYXZhdGFyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtcy0zXCI+e3thdmF0YXIudGV4dH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9keC1zY3JvbGwtdmlldz5cclxuICAgIDwvZHgtcG9wb3Zlcj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXItZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVM1RyxNQUFNLE9BQU8sdUJBQXVCO0lBbUJoQztRQUNJLDhEQUE4RDtRQWJsRCxxQkFBZ0IsR0FBdUIsS0FBSyxDQUFDO1FBZXpELGlGQUFpRjtRQUVqRixJQUFJLENBQUMsbUJBQW1CLEdBQUcsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxPQUFPLENBQUMsRUFBRSxDQUFDO1FBQzFFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxNQUFNLENBQUM7UUFDbEMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFDO1lBQ3JDLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUMxQixJQUFJLE9BQU8sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO2dCQUM3QyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7Z0JBQ3JFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQzthQUNwRztpQkFBTTtnQkFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7YUFDbkM7U0FDSjtJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVaLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDOztvSEF2RFEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNk5DVHBDLG05REFrREE7MkZEekNhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTswRUFJL0IsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxHQUFHO3NCQUFsQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLGdCQUFnQjtzQkFBL0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBdmF0YXJNb2RlbCB9IGZyb20gJy4vYXZhdGFyLWdyb3VwLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtYXZhdGFyLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXItZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzQXZhdGFyR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcblxyXG4gICAgQElucHV0KCkgcHVibGljIHN0YWNrZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbWF4PzogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNpemU6IG51bWJlcjtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBib3JkZXJDb2xvcj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBhdmF0YXJzOiBBcnJheTxBdmF0YXJNb2RlbD47XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZHJvcGRvd25Db250ZW50czogJ2FsbCcgfCAnb3ZlcmZsb3cnID0gJ2FsbCc7XHJcblxyXG4gICAgcHVibGljIG92ZXJmbG93OiBBcnJheTxBdmF0YXJNb2RlbD47XHJcbiAgICBwdWJsaWMgaW5mbG93OiBBcnJheTxBdmF0YXJNb2RlbD47XHJcblxyXG4gICAgcHVibGljIG92ZXJmbG93Q291bnREaXNwbGF5OiBzdHJpbmc7XHJcbiAgICBwdWJsaWMgb3ZlckZsb3dCb3JkZXJTdHlsZTogJ3NvbGlkJyB8ICdub25lJztcclxuXHJcbiAgICBwdWJsaWMgb3ZlcmZsb3dFbGVtZW50VVVJRDogc3RyaW5nO1xyXG4gICAgcHVibGljIHNob3dEcm9wZG93bjogYm9vbGVhbjtcclxuICAgIHB1YmxpYyBzaG93T3ZlcmZsb3c6IGJvb2xlYW47XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgLy8gdGhpcy5vdmVyZmxvd0VsZW1lbnRVVUlEID0gJ3Nkcy1hZy0nICsgY3J5cHRvLnJhbmRvbVVVSUQoKTtcclxuXHJcbiAgICAgICAgLy8gaW5pdCB2YWx1ZXMgaW4gY29uc3RydWN0b3Igc28gc3Rvcnlib29rIGRvZXNuJ3QgaGF2ZSBpc3N1ZXMgd2l0aCBpbml0aWFsIHN0YXRlXHJcblxyXG4gICAgICAgIHRoaXMub3ZlcmZsb3dFbGVtZW50VVVJRCA9IGBzZHMtYWctJHtNYXRoLmNlaWwoTWF0aC5yYW5kb20oKSAqIDEwMDAwMDApfWA7XHJcbiAgICAgICAgdGhpcy5vdmVyRmxvd0JvcmRlclN0eWxlID0gJ25vbmUnO1xyXG4gICAgICAgIHRoaXMuc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5zaG93T3ZlcmZsb3cgPSBmYWxzZTtcclxuICAgICAgICB0aGlzLmF2YXRhcnMgPSBbXTtcclxuICAgICAgICB0aGlzLm92ZXJmbG93ID0gW107XHJcbiAgICAgICAgdGhpcy5pbmZsb3cgPSBbXTtcclxuICAgICAgICB0aGlzLm92ZXJmbG93Q291bnREaXNwbGF5ID0gJyc7XHJcbiAgICAgICAgdGhpcy5zaXplID0gMjtcclxuICAgICAgICB0aGlzLnN0YWNrZWQgPSBmYWxzZTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ2F2YXRhcnMnXSB8fCBjaGFuZ2VzWydtYXgnXSl7XHJcbiAgICAgICAgICAgIGlmICh0aGlzLm1heCAmJiB0aGlzLmF2YXRhcnMpIHtcclxuICAgICAgICAgICAgICAgIGxldCBhdmF0YXJzID0gWy4uLnRoaXMuYXZhdGFyc107XHJcbiAgICAgICAgICAgICAgICB0aGlzLmluZmxvdyA9IGF2YXRhcnMuc3BsaWNlKDAsIHRoaXMubWF4KTtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlcmZsb3cgPSBhdmF0YXJzO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5zaG93T3ZlcmZsb3cgPSB0aGlzLm92ZXJmbG93Lmxlbmd0aCA+IDA7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm92ZXJmbG93Q291bnREaXNwbGF5ID0gYCske01hdGgubWluKDk5LCB0aGlzLm92ZXJmbG93Lmxlbmd0aCl9YDtcclxuICAgICAgICAgICAgICAgIHRoaXMub3ZlckZsb3dCb3JkZXJTdHlsZSA9IHRoaXMuYXZhdGFycy5maWx0ZXIoeCA9PiB4LmJvcmRlclN0eWxlKS5sZW5ndGggPiAwID8gJ3NvbGlkJyA6ICdub25lJztcclxuICAgICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuaW5mbG93ID0gWy4uLnRoaXMuYXZhdGFyc107XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICAgIHB1YmxpYyBvbk92ZXJmbG93Q2xpY2tlZCgpIHtcclxuICAgICAgICB0aGlzLnNob3dEcm9wZG93biA9IHRydWU7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImQtZmxleCBhdmF0YXItZ3JvdXAtY29udGFpbmVyXCI+XHJcbiAgICA8c2RzLWF2YXRhciAqbmdGb3I9XCJsZXQgYXZhdGFyIG9mIGluZmxvd1wiXHJcbiAgICAgICAgW3RleHRdPVwiYXZhdGFyLnRleHRcIlxyXG4gICAgICAgIFtjb2xvcktleV09XCJhdmF0YXIuY29sb3JLZXlcIlxyXG4gICAgICAgIFtib3JkZXJDb2xvcl09XCJib3JkZXJDb2xvclwiXHJcbiAgICAgICAgW2JvcmRlclN0eWxlXT1cImF2YXRhci5ib3JkZXJTdHlsZSA/IGF2YXRhci5ib3JkZXJTdHlsZSA6ICdub25lJ1wiXHJcbiAgICAgICAgW3BpY3R1cmVVcmldPVwiYXZhdGFyLnBpY3R1cmVVcmkgPz8gJydcIlxyXG4gICAgICAgIFtzaG93SGludF09XCJ0cnVlXCJcclxuICAgICAgICBbc2l6ZV09XCJzaXplXCJcclxuICAgICAgICBbc3R5bGUubWFyZ2luLXJpZ2h0LnJlbV09XCJzdGFja2VkID8gc2l6ZS8tMyA6IHNpemUvMTVcIlxyXG4gICAgICAgID5cclxuICAgIDwvc2RzLWF2YXRhcj5cclxuXHJcbiAgICA8c2RzLWF2YXRhclxyXG4gICAgICAgICpuZ0lmPVwic2hvd092ZXJmbG93XCJcclxuICAgICAgICBbaWRdPVwib3ZlcmZsb3dFbGVtZW50VVVJRFwiXHJcbiAgICAgICAgY2xhc3M9XCJvdmVyZmxvd1wiXHJcbiAgICAgICAgW2luaXRpYWxzVGV4dF09XCJvdmVyZmxvd0NvdW50RGlzcGxheVwiXHJcbiAgICAgICAgW2JvcmRlckNvbG9yXT1cImJvcmRlckNvbG9yXCJcclxuICAgICAgICBbYm9yZGVyU3R5bGVdPVwib3ZlckZsb3dCb3JkZXJTdHlsZVwiXHJcbiAgICAgICAgY3Vyc29yPVwicG9pbnRlclwiXHJcbiAgICAgICAgW3NpemVdPVwic2l6ZVwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uT3ZlcmZsb3dDbGlja2VkKClcIlxyXG4gICAgPlxyXG4gICAgPC9zZHMtYXZhdGFyPlxyXG5cclxuICAgIDxkeC1wb3BvdmVyXHJcbiAgICAgICAgdGFyZ2V0PVwiI3t7b3ZlcmZsb3dFbGVtZW50VVVJRH19XCJcclxuICAgICAgICBbKHZpc2libGUpXT1cInNob3dEcm9wZG93blwiXHJcbiAgICA+XHJcbiAgICAgICAgPGR4LXNjcm9sbC12aWV3XHJcbiAgICAgICAgICAgIHNob3dTY3JvbGxiYXI9XCJhbHdheXNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm92ZXJmbG93LWF2YXRhcnMtY29udGFpbmVyIHJvdW5kZWRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGF2YXRhciBvZiAoZHJvcGRvd25Db250ZW50cyA9PT0gJ2FsbCcgPyBhdmF0YXJzIDogb3ZlcmZsb3cpXCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgcHMtMyBweS0yIHBlLTUgbXktMiBvdmVyZmxvdy1hdmF0YXItY29udGFpbmVyXCIgPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzZHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cImF2YXRhci50ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG9yS2V5XT1cImF2YXRhci5jb2xvcktleVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtib3JkZXJTdHlsZV09XCJhdmF0YXIuYm9yZGVyU3R5bGUgPyBhdmF0YXIuYm9yZGVyU3R5bGUgOiAnbm9uZSdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbcGljdHVyZVVyaV09XCJhdmF0YXIucGljdHVyZVVyaSA/PyAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCIxLjhcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8L3Nkcy1hdmF0YXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1zLTNcIj57e2F2YXRhci50ZXh0fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2R4LXNjcm9sbC12aWV3PlxyXG4gICAgPC9keC1wb3BvdmVyPlxyXG48L2Rpdj5cclxuIl19

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

@@ -1,49 +1,72 @@
-import { Component, Input, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+/**
+ * Class definition
+ * @property {string} text - text that is parsed for initials. If showHint is set to true this text will be shown in hint
+ * @property {string} colorKey - value that is base for calculating color of avatar
+ * @property {boolean} showHint - show hint with text
+ * @property {string} initialsText - override internal extraction of initials and set avatar text directly
+ */
 export class SdsAvatarComponent {
-    constructor() {
-        this.text = '';
-        this.colorKey = '';
-        this.pictureUri = '';
+    constructor(_change) {
+        this._change = _change;
         this.showHint = false;
         this.borderStyle = 'none';
-        this.isPictureReady = false;
-        this.initials = '';
+        this.size = 2;
+        this.label = '';
+        this.showPicture = false;
+        this.colorClass = 'color18';
     }
     ngAfterViewInit() {
-        this.loadUserPicture();
+        this.showPicture = !!this.pictureUri && this.pictureUri?.length > 0;
+        this.setColorClass();
     }
     ngOnChanges(changes) {
-        if (changes['text'] &&
-            changes['text'].currentValue != changes['text'].previousValue &&
-            this.initialsText == undefined) {
-            this.extractInitials();
+        console.log('change');
+        console.log(changes);
+        if (changes['initialsText']) {
+            this.setLabel();
         }
-        if (changes['pictureUri'] &&
-            changes['pictureUri'].currentValue !=
-                changes['pictureUri'].previousValue) {
-            this.loadUserPicture();
+        if (changes['text']) {
+            this.setLabel();
         }
-        if (changes['initialsText'] && this.initialsText) {
-            this.initials = this.initialsText;
+        if (changes['pictureUri']) {
+            this.showPicture = !!this.pictureUri && this.pictureUri?.length > 0;
+        }
+        if (changes['colorKey']) {
+            this.setColorClass();
         }
     }
     setColorClass() {
         if (this.colorKey) {
-            return 'color' + this.getColorIndex(this.colorKey);
+            this.colorClass = 'color' + this.getColorIndex(this.colorKey);
+        }
+        else {
+            this.colorClass = 'color18';
         }
-        return 'color18';
     }
-    extractInitials() {
-        this.initials = this.text
-            ? this.text
+    setLabel() {
+        if (this.initialsText && this.initialsText?.length > 0) {
+            this.label = this.initialsText;
+            console.log('initialsText');
+            console.log(this.initialsText);
+        }
+        else if (this.text && this.text?.length > 0) {
+            this.label = this.text
                 .toUpperCase()
                 .split(' ')
                 .map((n) => n[0])
                 .slice(0, 2)
-                .join('')
-            : '';
+                .join('');
+            console.log('text');
+            console.log(this.text);
+        }
+        else {
+            this.label = '';
+            console.log('empty');
+        }
+        console.log(`label: ${this.label}`);
     }
     getColorIndex(s) {
         const length = 10;
@@ -56,21 +79,13 @@ export class SdsAvatarComponent {
             .reduce((a, b) => a + b, 0);
         return sumOfChars % length;
     }
-    loadUserPicture() {
-        if (this.pictureUri && this.pictureUri !== '') {
-            this.isPictureReady = true;
-        }
-        else {
-            this.isPictureReady = false;
-        }
-    }
 }
-SdsAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SdsAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAvatarComponent, selector: "sds-avatar", inputs: { text: "text", colorKey: "colorKey", pictureUri: "pictureUri", showHint: "showHint", borderStyle: "borderStyle", borderColor: "borderColor", initialsText: "initialsText", cursor: "cursor" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"avatar circle d-flex justify-content-center align-items-center\"\r\n    [class.hasPicture]=\"isPictureReady\"\r\n    [ngClass]=\"setColorClass()\"\r\n    [title]=\"showHint ? text : ''\"\r\n    [style.border-style]=\"borderStyle.toString()\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.cursor]=\"cursor ? cursor : 'default'\"\r\n>\r\n    <span \r\n        *ngIf=\"!isPictureReady\" \r\n        class=\"initials\"\r\n        >\r\n        {{ initials }}\r\n    </span>\r\n\r\n    <img \r\n        *ngIf=\"isPictureReady\" \r\n        [src]=\"pictureUri\"\r\n        alt=\"\" />\r\n</div>\r\n", styles: [".avatar{display:flex;align-items:center;justify-content:center}.avatar.color0{color:#f44336;background-color:#feeceb;border-width:1px;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-width:1px;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-width:1px;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-width:1px;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-width:1px;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-width:1px;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-width:1px;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-width:1px;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-width:1px;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-width:1px;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-width:1px;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-width:1px;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-width:1px;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-width:1px;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-width:1px;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-width:1px;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SdsAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SdsAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsAvatarComponent, selector: "sds-avatar", inputs: { text: "text", colorKey: "colorKey", pictureUri: "pictureUri", showHint: "showHint", borderStyle: "borderStyle", borderColor: "borderColor", initialsText: "initialsText", cursor: "cursor", size: "size" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n    class=\"avatar circle d-flex justify-content-center align-items-center\"\r\n    [class]=\"colorClass\"\r\n    [class.hasPicture]=\"showPicture\"\r\n    [title]=\"showHint ? text : ''\"\r\n    [style.border-style]=\"borderStyle.toString()\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.cursor]=\"cursor ? cursor : 'default'\"\r\n    [style.font-size.rem]=\"size\"\r\n>\r\n    <span \r\n        *ngIf=\"!showPicture\" \r\n        class=\"initials\"\r\n        >\r\n        {{ label }}\r\n    </span>\r\n\r\n    <img \r\n        *ngIf=\"showPicture\" \r\n        [src]=\"pictureUri\"\r\n        alt=\"\" />\r\n</div>\r\n", styles: [".avatar{display:flex;align-items:center;justify-content:center}.avatar.color0{color:#f44336;background-color:#feeceb;border-width:1px;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-width:1px;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-width:1px;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-width:1px;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-width:1px;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-width:1px;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-width:1px;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-width:1px;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-width:1px;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-width:1px;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-width:1px;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-width:1px;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-width:1px;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-width:1px;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-width:1px;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-width:1px;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-avatar', template: "<div\r\n    class=\"avatar circle d-flex justify-content-center align-items-center\"\r\n    [class.hasPicture]=\"isPictureReady\"\r\n    [ngClass]=\"setColorClass()\"\r\n    [title]=\"showHint ? text : ''\"\r\n    [style.border-style]=\"borderStyle.toString()\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.cursor]=\"cursor ? cursor : 'default'\"\r\n>\r\n    <span \r\n        *ngIf=\"!isPictureReady\" \r\n        class=\"initials\"\r\n        >\r\n        {{ initials }}\r\n    </span>\r\n\r\n    <img \r\n        *ngIf=\"isPictureReady\" \r\n        [src]=\"pictureUri\"\r\n        alt=\"\" />\r\n</div>\r\n", styles: [".avatar{display:flex;align-items:center;justify-content:center}.avatar.color0{color:#f44336;background-color:#feeceb;border-width:1px;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-width:1px;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-width:1px;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-width:1px;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-width:1px;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-width:1px;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-width:1px;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-width:1px;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-width:1px;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-width:1px;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-width:1px;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-width:1px;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-width:1px;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-width:1px;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-width:1px;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-width:1px;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { text: [{
+            args: [{ selector: 'sds-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n    class=\"avatar circle d-flex justify-content-center align-items-center\"\r\n    [class]=\"colorClass\"\r\n    [class.hasPicture]=\"showPicture\"\r\n    [title]=\"showHint ? text : ''\"\r\n    [style.border-style]=\"borderStyle.toString()\"\r\n    [style.border-color]=\"borderColor\"\r\n    [style.cursor]=\"cursor ? cursor : 'default'\"\r\n    [style.font-size.rem]=\"size\"\r\n>\r\n    <span \r\n        *ngIf=\"!showPicture\" \r\n        class=\"initials\"\r\n        >\r\n        {{ label }}\r\n    </span>\r\n\r\n    <img \r\n        *ngIf=\"showPicture\" \r\n        [src]=\"pictureUri\"\r\n        alt=\"\" />\r\n</div>\r\n", styles: [".avatar{display:flex;align-items:center;justify-content:center}.avatar.color0{color:#f44336;background-color:#feeceb;border-width:1px;border-style:solid;border-color:#f4433680}.avatar.color1{color:#e91e63;background-color:#fde9ef;border-width:1px;border-style:solid;border-color:#e91e6380}.avatar.color2{color:#9c27b0;background-color:#f5e9f7;border-width:1px;border-style:solid;border-color:#9c27b080}.avatar.color3{color:#673ab7;background-color:#f0ebf8;border-width:1px;border-style:solid;border-color:#673ab780}.avatar.color4{color:#3f51b5;background-color:#eceef8;border-width:1px;border-style:solid;border-color:#3f51b580}.avatar.color5{color:#2196f3;background-color:#e9f5fe;border-width:1px;border-style:solid;border-color:#2196f380}.avatar.color6{color:#03a9f4;background-color:#e6f6fe;border-width:1px;border-style:solid;border-color:#03a9f480}.avatar.color7{color:#00bcd4;background-color:#e6f8fb;border-width:1px;border-style:solid;border-color:#00bcd480}.avatar.color8{color:#009688;background-color:#e6f5f3;border-width:1px;border-style:solid;border-color:#00968880}.avatar.color9{color:#8bc34a;background-color:#edf7ee;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color10{color:#8bc34a;background-color:#f3f9ed;border-width:1px;border-style:solid;border-color:#8bc34a80}.avatar.color11{color:#aebc21;background-color:#f7f8e9;border-width:1px;border-style:solid;border-color:#aebc2180}.avatar.color12{color:#d1bc04;background-color:#faf8e6;border-width:1px;border-style:solid;border-color:#d1bc0480}.avatar.color13{color:#edb201;background-color:#fdf7e6;border-width:1px;border-style:solid;border-color:#edb20180}.avatar.color14{color:#ff5722;background-color:#ffeee9;border-width:1px;border-style:solid;border-color:#ff572280}.avatar.color15{color:#e48901;background-color:#fcf3e6;border-width:1px;border-style:solid;border-color:#e4890180}.avatar.color16{color:#795548;background-color:#f2eeed;border-width:1px;border-style:solid;border-color:#79554880}.avatar.color17{color:#9e9e9e;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#9e9e9e80}.avatar.color18{color:#607d8b;background-color:#eff2f3;border-width:1px;border-style:solid;border-color:#607d8b80}.avatar img{width:100%;height:100%;border-radius:50%}.avatar.circle{border-radius:50%;height:1em;text-align:center;width:1em}.avatar.circle .initials{font-size:.3703703704em;font-weight:500}.avatar.circle.hasPicture{border-width:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], colorKey: [{
                 type: Input
@@ -86,5 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
                 type: Input
             }], cursor: [{
                 type: Input
+            }], size: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsU0FBUyxFQUNULEtBQUssR0FJUixNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZCLE1BQU0sT0FBTyxrQkFBa0I7SUFhM0I7UUFaUyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQTJDLE1BQU0sQ0FBQztRQUsvRCxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyxhQUFRLEdBQVcsRUFBRSxDQUFDO0lBRWQsQ0FBQztJQUVoQixlQUFlO1FBQ1gsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFDSSxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ2YsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFlBQVksSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsYUFBYTtZQUM3RCxJQUFJLENBQUMsWUFBWSxJQUFJLFNBQVMsRUFDaEM7WUFDRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDMUI7UUFFRCxJQUNJLE9BQU8sQ0FBQyxZQUFZLENBQUM7WUFDckIsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDLFlBQVk7Z0JBQzlCLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQyxhQUFhLEVBQ3pDO1lBQ0UsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQzFCO1FBRUQsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUM5QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDckM7SUFDTCxDQUFDO0lBRU0sYUFBYTtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixPQUFPLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN0RDtRQUNELE9BQU8sU0FBUyxDQUFDO0lBQ3JCLENBQUM7SUFFTyxlQUFlO1FBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUk7WUFDckIsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJO2lCQUNKLFdBQVcsRUFBRTtpQkFDYixLQUFLLENBQUMsR0FBRyxDQUFDO2lCQUNWLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUNoQixLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztpQkFDWCxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ2YsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNiLENBQUM7SUFFTyxhQUFhLENBQUMsQ0FBUztRQUMzQixNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLENBQUMsRUFBRTtZQUNKLE9BQU8sQ0FBQyxDQUFDO1NBQ1o7UUFDRCxJQUFJLFVBQVUsR0FBRyxDQUFDO2FBQ2IsS0FBSyxDQUFDLEVBQUUsQ0FBQzthQUNULEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLE9BQU8sVUFBVSxHQUFHLE1BQU0sQ0FBQztJQUMvQixDQUFDO0lBRU0sZUFBZTtRQUNsQixJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxFQUFFLEVBQUU7WUFDM0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7U0FDOUI7YUFBTTtZQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1NBQy9CO0lBQ0wsQ0FBQzs7K0dBN0VRLGtCQUFrQjttR0FBbEIsa0JBQWtCLCtRQ2QvQixpbkJBcUJBOzJGRFBhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDSSxZQUFZOzBFQUtiLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQWZ0ZXJWaWV3SW5pdCxcclxuICAgIENvbXBvbmVudCxcclxuICAgIElucHV0LFxyXG4gICAgT25DaGFuZ2VzLFxyXG4gICAgT25Jbml0LFxyXG4gICAgU2ltcGxlQ2hhbmdlcyxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtYXZhdGFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNBdmF0YXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xyXG4gICAgQElucHV0KCkgdGV4dDogc3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSBjb2xvcktleTogc3RyaW5nID0gJyc7XHJcbiAgICBASW5wdXQoKSBwaWN0dXJlVXJpOiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHNob3dIaW50OiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBib3JkZXJTdHlsZTogJ3NvbGlkJyB8ICdkYXNoZWQnIHwgJ2RvdHRlZCcgfCAnbm9uZScgPSAnbm9uZSc7XHJcbiAgICBASW5wdXQoKSBib3JkZXJDb2xvcj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGluaXRpYWxzVGV4dD86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGN1cnNvcj86IHN0cmluZztcclxuXHJcbiAgICBwdWJsaWMgaXNQaWN0dXJlUmVhZHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHB1YmxpYyBpbml0aWFsczogc3RyaW5nID0gJyc7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLmxvYWRVc2VyUGljdHVyZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgICAgICBpZiAoXHJcbiAgICAgICAgICAgIGNoYW5nZXNbJ3RleHQnXSAmJlxyXG4gICAgICAgICAgICBjaGFuZ2VzWyd0ZXh0J10uY3VycmVudFZhbHVlICE9IGNoYW5nZXNbJ3RleHQnXS5wcmV2aW91c1ZhbHVlICYmXHJcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbHNUZXh0ID09IHVuZGVmaW5lZFxyXG4gICAgICAgICkge1xyXG4gICAgICAgICAgICB0aGlzLmV4dHJhY3RJbml0aWFscygpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKFxyXG4gICAgICAgICAgICBjaGFuZ2VzWydwaWN0dXJlVXJpJ10gJiZcclxuICAgICAgICAgICAgY2hhbmdlc1sncGljdHVyZVVyaSddLmN1cnJlbnRWYWx1ZSAhPVxyXG4gICAgICAgICAgICAgICAgY2hhbmdlc1sncGljdHVyZVVyaSddLnByZXZpb3VzVmFsdWVcclxuICAgICAgICApIHtcclxuICAgICAgICAgICAgdGhpcy5sb2FkVXNlclBpY3R1cmUoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmIChjaGFuZ2VzWydpbml0aWFsc1RleHQnXSAmJiB0aGlzLmluaXRpYWxzVGV4dCkge1xyXG4gICAgICAgICAgICB0aGlzLmluaXRpYWxzID0gdGhpcy5pbml0aWFsc1RleHQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBzZXRDb2xvckNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICAgICAgaWYgKHRoaXMuY29sb3JLZXkpIHtcclxuICAgICAgICAgICAgcmV0dXJuICdjb2xvcicgKyB0aGlzLmdldENvbG9ySW5kZXgodGhpcy5jb2xvcktleSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHJldHVybiAnY29sb3IxOCc7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBleHRyYWN0SW5pdGlhbHMoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pbml0aWFscyA9IHRoaXMudGV4dFxyXG4gICAgICAgICAgICA/IHRoaXMudGV4dFxyXG4gICAgICAgICAgICAgICAgICAudG9VcHBlckNhc2UoKVxyXG4gICAgICAgICAgICAgICAgICAuc3BsaXQoJyAnKVxyXG4gICAgICAgICAgICAgICAgICAubWFwKChuKSA9PiBuWzBdKVxyXG4gICAgICAgICAgICAgICAgICAuc2xpY2UoMCwgMilcclxuICAgICAgICAgICAgICAgICAgLmpvaW4oJycpXHJcbiAgICAgICAgICAgIDogJyc7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBnZXRDb2xvckluZGV4KHM6IHN0cmluZyk6IG51bWJlciB7XHJcbiAgICAgICAgY29uc3QgbGVuZ3RoID0gMTA7XHJcbiAgICAgICAgaWYgKCFzKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAwO1xyXG4gICAgICAgIH1cclxuICAgICAgICBsZXQgc3VtT2ZDaGFycyA9IHNcclxuICAgICAgICAgICAgLnNwbGl0KCcnKVxyXG4gICAgICAgICAgICAubWFwKCh4KSA9PiB4LmNoYXJDb2RlQXQoMCkpXHJcbiAgICAgICAgICAgIC5yZWR1Y2UoKGEsIGIpID0+IGEgKyBiLCAwKTtcclxuICAgICAgICByZXR1cm4gc3VtT2ZDaGFycyAlIGxlbmd0aDtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbG9hZFVzZXJQaWN0dXJlKCkge1xyXG4gICAgICAgIGlmICh0aGlzLnBpY3R1cmVVcmkgJiYgdGhpcy5waWN0dXJlVXJpICE9PSAnJykge1xyXG4gICAgICAgICAgICB0aGlzLmlzUGljdHVyZVJlYWR5ID0gdHJ1ZTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmlzUGljdHVyZVJlYWR5ID0gZmFsc2U7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAgIGNsYXNzPVwiYXZhdGFyIGNpcmNsZSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgW2NsYXNzLmhhc1BpY3R1cmVdPVwiaXNQaWN0dXJlUmVhZHlcIlxyXG4gICAgW25nQ2xhc3NdPVwic2V0Q29sb3JDbGFzcygpXCJcclxuICAgIFt0aXRsZV09XCJzaG93SGludCA/IHRleHQgOiAnJ1wiXHJcbiAgICBbc3R5bGUuYm9yZGVyLXN0eWxlXT1cImJvcmRlclN0eWxlLnRvU3RyaW5nKClcIlxyXG4gICAgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJib3JkZXJDb2xvclwiXHJcbiAgICBbc3R5bGUuY3Vyc29yXT1cImN1cnNvciA/IGN1cnNvciA6ICdkZWZhdWx0J1wiXHJcbj5cclxuICAgIDxzcGFuIFxyXG4gICAgICAgICpuZ0lmPVwiIWlzUGljdHVyZVJlYWR5XCIgXHJcbiAgICAgICAgY2xhc3M9XCJpbml0aWFsc1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIHt7IGluaXRpYWxzIH19XHJcbiAgICA8L3NwYW4+XHJcblxyXG4gICAgPGltZyBcclxuICAgICAgICAqbmdJZj1cImlzUGljdHVyZVJlYWR5XCIgXHJcbiAgICAgICAgW3NyY109XCJwaWN0dXJlVXJpXCJcclxuICAgICAgICBhbHQ9XCJcIiAvPlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEdBSVIsTUFBTSxlQUFlLENBQUM7OztBQUV2Qjs7Ozs7O0dBTUc7QUFPSCxNQUFNLE9BQU8sa0JBQWtCO0lBZTNCLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBWHJDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBMkMsTUFBTSxDQUFDO1FBSTdELFNBQUksR0FBVyxDQUFDLENBQUM7UUFPdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5QixPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFckIsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDLEVBQUU7WUFDekIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQ25CO1FBRUQsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQ25CO1FBRUQsSUFBSSxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDdkU7UUFFRCxJQUFJLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFBQztZQUNwQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRU8sYUFBYTtRQUNqQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsVUFBVSxHQUFHLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNqRTthQUFNO1lBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7U0FDL0I7SUFDTCxDQUFDO0lBRU8sUUFBUTtRQUNaLElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBRS9CLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDNUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FFbEM7YUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFDO1lBQzFDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUk7aUJBQ2pCLFdBQVcsRUFBRTtpQkFDYixLQUFLLENBQUMsR0FBRyxDQUFDO2lCQUNWLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2lCQUNoQixLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztpQkFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7WUFFZCxPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3BCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBRTFCO2FBQU07WUFDSCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUVoQixPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3hCO1FBQ0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFVLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBR3hDLENBQUM7SUFFTyxhQUFhLENBQUMsQ0FBUztRQUMzQixNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLENBQUMsRUFBRTtZQUNKLE9BQU8sQ0FBQyxDQUFDO1NBQ1o7UUFDRCxJQUFJLFVBQVUsR0FBRyxDQUFDO2FBQ2IsS0FBSyxDQUFDLEVBQUUsQ0FBQzthQUNULEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2hDLE9BQU8sVUFBVSxHQUFHLE1BQU0sQ0FBQztJQUMvQixDQUFDOzsrR0E3RlEsa0JBQWtCO21HQUFsQixrQkFBa0IsNlJDeEIvQixvb0JBc0JBOzJGREVhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07d0dBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIEFmdGVyVmlld0luaXQsXHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkNoYW5nZXMsXHJcbiAgICBPbkluaXQsXHJcbiAgICBTaW1wbGVDaGFuZ2VzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIENsYXNzIGRlZmluaXRpb25cclxuICogQHByb3BlcnR5IHtzdHJpbmd9IHRleHQgLSB0ZXh0IHRoYXQgaXMgcGFyc2VkIGZvciBpbml0aWFscy4gSWYgc2hvd0hpbnQgaXMgc2V0IHRvIHRydWUgdGhpcyB0ZXh0IHdpbGwgYmUgc2hvd24gaW4gaGludFxyXG4gKiBAcHJvcGVydHkge3N0cmluZ30gY29sb3JLZXkgLSB2YWx1ZSB0aGF0IGlzIGJhc2UgZm9yIGNhbGN1bGF0aW5nIGNvbG9yIG9mIGF2YXRhclxyXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59IHNob3dIaW50IC0gc2hvdyBoaW50IHdpdGggdGV4dFxyXG4gKiBAcHJvcGVydHkge3N0cmluZ30gaW5pdGlhbHNUZXh0IC0gb3ZlcnJpZGUgaW50ZXJuYWwgZXh0cmFjdGlvbiBvZiBpbml0aWFscyBhbmQgc2V0IGF2YXRhciB0ZXh0IGRpcmVjdGx5XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2RzLWF2YXRhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0F2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcyB7XHJcbiAgICBASW5wdXQoKSB0ZXh0Pzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgY29sb3JLZXk/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwaWN0dXJlVXJpPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgc2hvd0hpbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGJvcmRlclN0eWxlOiAnc29saWQnIHwgJ2Rhc2hlZCcgfCAnZG90dGVkJyB8ICdub25lJyA9ICdub25lJztcclxuICAgIEBJbnB1dCgpIGJvcmRlckNvbG9yPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaW5pdGlhbHNUZXh0Pzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgY3Vyc29yPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgc2l6ZTogbnVtYmVyID0gMjtcclxuXHJcbiAgICBwdWJsaWMgbGFiZWw6IHN0cmluZztcclxuICAgIHB1YmxpYyBzaG93UGljdHVyZTogYm9vbGVhbjtcclxuICAgIHB1YmxpYyBjb2xvckNsYXNzOiBzdHJpbmc7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfY2hhbmdlOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgICAgIHRoaXMubGFiZWwgPSAnJztcclxuICAgICAgICB0aGlzLnNob3dQaWN0dXJlID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5jb2xvckNsYXNzID0gJ2NvbG9yMTgnO1xyXG4gICAgfVxyXG5cclxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLnNob3dQaWN0dXJlID0gISF0aGlzLnBpY3R1cmVVcmkgJiYgdGhpcy5waWN0dXJlVXJpPy5sZW5ndGggPiAwO1xyXG4gICAgICAgIHRoaXMuc2V0Q29sb3JDbGFzcygpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgICAgICBjb25zb2xlLmxvZygnY2hhbmdlJyk7XHJcbiAgICAgICAgY29uc29sZS5sb2coY2hhbmdlcyk7XHJcblxyXG4gICAgICAgIGlmIChjaGFuZ2VzWydpbml0aWFsc1RleHQnXSkge1xyXG4gICAgICAgICAgICB0aGlzLnNldExhYmVsKCk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAoY2hhbmdlc1sndGV4dCddKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2V0TGFiZWwoKTtcclxuICAgICAgICB9ICAgICAgICBcclxuXHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ3BpY3R1cmVVcmknXSkge1xyXG4gICAgICAgICAgICB0aGlzLnNob3dQaWN0dXJlID0gISF0aGlzLnBpY3R1cmVVcmkgJiYgdGhpcy5waWN0dXJlVXJpPy5sZW5ndGggPiAwO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKGNoYW5nZXNbJ2NvbG9yS2V5J10pe1xyXG4gICAgICAgICAgICB0aGlzLnNldENvbG9yQ2xhc3MoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBzZXRDb2xvckNsYXNzKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmNvbG9yS2V5KSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29sb3JDbGFzcyA9ICdjb2xvcicgKyB0aGlzLmdldENvbG9ySW5kZXgodGhpcy5jb2xvcktleSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5jb2xvckNsYXNzID0gJ2NvbG9yMTgnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldExhYmVsKCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmluaXRpYWxzVGV4dCAmJiB0aGlzLmluaXRpYWxzVGV4dD8ubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICB0aGlzLmxhYmVsID0gdGhpcy5pbml0aWFsc1RleHQ7XHJcblxyXG4gICAgICAgICAgICBjb25zb2xlLmxvZygnaW5pdGlhbHNUZXh0Jyk7XHJcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKHRoaXMuaW5pdGlhbHNUZXh0KTtcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLnRleHQgJiYgdGhpcy50ZXh0Py5sZW5ndGggPiAwKXtcclxuICAgICAgICAgICAgdGhpcy5sYWJlbCA9IHRoaXMudGV4dFxyXG4gICAgICAgICAgICAgICAgLnRvVXBwZXJDYXNlKClcclxuICAgICAgICAgICAgICAgIC5zcGxpdCgnICcpXHJcbiAgICAgICAgICAgICAgICAubWFwKChuKSA9PiBuWzBdKVxyXG4gICAgICAgICAgICAgICAgLnNsaWNlKDAsIDIpXHJcbiAgICAgICAgICAgICAgICAuam9pbignJyk7XHJcblxyXG4gICAgICAgICAgICBjb25zb2xlLmxvZygndGV4dCcpO1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLnRleHQpO1xyXG5cclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmxhYmVsID0gJyc7XHJcblxyXG4gICAgICAgICAgICBjb25zb2xlLmxvZygnZW1wdHknKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgY29uc29sZS5sb2coYGxhYmVsOiAke3RoaXMubGFiZWx9YCk7XHJcblxyXG5cclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldENvbG9ySW5kZXgoczogc3RyaW5nKTogbnVtYmVyIHtcclxuICAgICAgICBjb25zdCBsZW5ndGggPSAxMDtcclxuICAgICAgICBpZiAoIXMpIHtcclxuICAgICAgICAgICAgcmV0dXJuIDA7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGxldCBzdW1PZkNoYXJzID0gc1xyXG4gICAgICAgICAgICAuc3BsaXQoJycpXHJcbiAgICAgICAgICAgIC5tYXAoKHgpID0+IHguY2hhckNvZGVBdCgwKSlcclxuICAgICAgICAgICAgLnJlZHVjZSgoYSwgYikgPT4gYSArIGIsIDApO1xyXG4gICAgICAgIHJldHVybiBzdW1PZkNoYXJzICUgbGVuZ3RoO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImF2YXRhciBjaXJjbGUgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgIFtjbGFzc109XCJjb2xvckNsYXNzXCJcclxuICAgIFtjbGFzcy5oYXNQaWN0dXJlXT1cInNob3dQaWN0dXJlXCJcclxuICAgIFt0aXRsZV09XCJzaG93SGludCA/IHRleHQgOiAnJ1wiXHJcbiAgICBbc3R5bGUuYm9yZGVyLXN0eWxlXT1cImJvcmRlclN0eWxlLnRvU3RyaW5nKClcIlxyXG4gICAgW3N0eWxlLmJvcmRlci1jb2xvcl09XCJib3JkZXJDb2xvclwiXHJcbiAgICBbc3R5bGUuY3Vyc29yXT1cImN1cnNvciA/IGN1cnNvciA6ICdkZWZhdWx0J1wiXHJcbiAgICBbc3R5bGUuZm9udC1zaXplLnJlbV09XCJzaXplXCJcclxuPlxyXG4gICAgPHNwYW4gXHJcbiAgICAgICAgKm5nSWY9XCIhc2hvd1BpY3R1cmVcIiBcclxuICAgICAgICBjbGFzcz1cImluaXRpYWxzXCJcclxuICAgICAgICA+XHJcbiAgICAgICAge3sgbGFiZWwgfX1cclxuICAgIDwvc3Bhbj5cclxuXHJcbiAgICA8aW1nIFxyXG4gICAgICAgICpuZ0lmPVwic2hvd1BpY3R1cmVcIiBcclxuICAgICAgICBbc3JjXT1cInBpY3R1cmVVcmlcIlxyXG4gICAgICAgIGFsdD1cIlwiIC8+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -1,18 +1,19 @@
 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 "devextreme-angular/ui/popover";
 import * as i3 from "@angular/common";
+// import { library } from '@fortawesome/fontawesome-svg-core';
+// import { faCheck } from '@fortawesome/pro-solid-svg-icons';
 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();
+        this.elementUUID = `sds-cp-${Math.ceil(Math.random() * 1000000)}`;
+        // library.add(faCheck);
     }
     ngOnChanges(changes) {
         if (changes['colors']) {
@@ -29,10 +30,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\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"] }] });
+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        [style.border-color]=\"color\"\r\n        class=\"color-tile\"\r\n        [class.selected]=\"selectedColor === color\"\r\n        (click)=\"selectColor(color)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"['fas', 'check']\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<!-- class=\"btn border-0 dropdown-toggle d-flex align-items-center\" -->\r\n<button\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\r\n    type=\"button\"\r\n    class=\"btn dropdown-toggle border 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 color-tile-dropdown\"\r\n        [style.background-color]=\"selectedColor || defaultColor\"\r\n        [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n    >\r\n    </div>\r\n    <div class=\"caret ms-2\"></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 color-tile-popover rounded-circle\"\r\n            (click)=\"selectColor(color)\"\r\n        >\r\n        </div>\r\n    </div>\r\n</dx-popover>", 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.color-tile-dropdown{height:1.5rem;width:1.5rem}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.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\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"] }]
+            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        [style.border-color]=\"color\"\r\n        class=\"color-tile\"\r\n        [class.selected]=\"selectedColor === color\"\r\n        (click)=\"selectColor(color)\"\r\n    >\r\n        <fa-icon\r\n            *ngIf=\"selectedColor === color\"\r\n            [icon]=\"['fas', 'check']\"\r\n        >\r\n        </fa-icon>\r\n    </div>\r\n</div>\r\n\r\n<!-- class=\"btn border-0 dropdown-toggle d-flex align-items-center\" -->\r\n<button\r\n    *ngIf=\"style === 'dropdown'\"\r\n    [id]=\"elementUUID\"\r\n    type=\"button\"\r\n    class=\"btn dropdown-toggle border 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 color-tile-dropdown\"\r\n        [style.background-color]=\"selectedColor || defaultColor\"\r\n        [class.undefined-color]=\"!(selectedColor || defaultColor)\"\r\n    >\r\n    </div>\r\n    <div class=\"caret ms-2\"></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 color-tile-popover rounded-circle\"\r\n            (click)=\"selectColor(color)\"\r\n        >\r\n        </div>\r\n    </div>\r\n</dx-popover>", 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.color-tile-dropdown{height:1.5rem;width:1.5rem}.color-tile.color-tile-popover:hover{filter:brightness(90%)}.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: [{
@@ -46,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImpor
             }], style: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVEzRCxNQUFNLE9BQU8sdUJBQXVCO0lBYWhDO1FBWlMsV0FBTSxHQUFrQixFQUFFLENBQUM7UUFDM0IsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixVQUFLLEdBQTBCLFFBQVEsQ0FBQTtRQUV6QyxjQUFTLEdBQUcsT0FBTyxDQUFDO1FBRXBCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsU0FBUyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUdqRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUMxRCxDQUFDO0lBQ0QsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7WUFDMUQsSUFBSSxDQUFDLDJCQUEyQixHQUFHLFVBQVUsUUFBUSxRQUFRLENBQUM7U0FDakU7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFWixXQUFXLENBQUMsS0FBYTtRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNoQixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hDO0lBQ0wsQ0FBQzs7b0hBOUJRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdRQ1RwQywyekRBNkRNOzJGRHBETyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0ksa0JBQWtCOzBFQUtuQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYUNoZWNrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtY29sb3ItcGlja2VyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZHNDb2xvclBpY2tlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAgIEBJbnB1dCgpIGNvbG9yczogQXJyYXk8c3RyaW5nPiA9IFtdO1xyXG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIHNlbGVjdGVkQ29sb3I/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZWZhdWx0Q29sb3I/OiBzdHJpbmc7XHJcbiAgICBAT3V0cHV0KCkgc2VsZWN0ZWRDb2xvckNoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz47XHJcbiAgICBASW5wdXQoKSBzdHlsZTogJ2lubGluZScgfCAnZHJvcGRvd24nID0gJ2lubGluZSdcclxuXHJcbiAgICBwdWJsaWMgY2hlY2tJY29uID0gZmFDaGVjaztcclxuICAgIHB1YmxpYyBkcm9wZG93bkdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmc7XHJcbiAgICBwdWJsaWMgc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcbiAgICBwdWJsaWMgZWxlbWVudFVVSUQgPSAnc2RzLWNwLScgKyBjcnlwdG8ucmFuZG9tVVVJRCgpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gICAgfVxyXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgICAgIGlmIChjaGFuZ2VzWydjb2xvcnMnXSkge1xyXG4gICAgICAgICAgICBjb25zdCBncmlkU2l6ZSA9IE1hdGguY2VpbChNYXRoLnNxcnQodGhpcy5jb2xvcnMubGVuZ3RoKSk7XHJcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zID0gYHJlcGVhdCgke2dyaWRTaXplfSwgMWZyKWA7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgICBwdWJsaWMgc2VsZWN0Q29sb3IoY29sb3I6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ29sb3IgPSBjb2xvcjtcclxuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9yQ2hhbmdlLmVtaXQoY29sb3IpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICAqbmdJZj1cInN0eWxlID09PSAnaW5saW5lJ1wiXHJcbiAgICBjbGFzcz1cImNvbG9yLXRpbGVzLWNvbnRhaW5lci1pbmxpbmVcIlxyXG4+XHJcbiAgICA8ZGl2XHJcbiAgICAgICAgKm5nRm9yPVwibGV0IGNvbG9yIG9mIGNvbG9yc1wiXHJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNlbGVjdENvbG9yKGNvbG9yKVwiXHJcbiAgICA+XHJcbiAgICAgICAgPGZhLWljb25cclxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZENvbG9yID09PSBjb2xvclwiXHJcbiAgICAgICAgICAgIFtpY29uXT1cImNoZWNrSWNvblwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvZmEtaWNvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXZcclxuICAgICpuZ0lmPVwic3R5bGUgPT09ICdkcm9wZG93bidcIlxyXG4gICAgW2lkXT1cImVsZW1lbnRVVUlEXCJcclxuICAgIGNsYXNzPVwiYnRuLWdyb3VwXCJcclxuPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgIGNsYXNzPVwiYnRuIGRyb3Bkb3duLXRvZ2dsZSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd24tYmFzaWNcIlxyXG4gICAgICAgIChjbGljayk9XCJzaG93RHJvcGRvd24gPSB0cnVlXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZVwiXHJcbiAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cInNlbGVjdGVkQ29sb3IgfHwgZGVmYXVsdENvbG9yXCJcclxuICAgICAgICAgICAgW2NsYXNzLnVuZGVmaW5lZC1jb2xvcl09XCIhKHNlbGVjdGVkQ29sb3IgfHwgZGVmYXVsdENvbG9yKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJldFwiPjwvZGl2PlxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGR4LXBvcG92ZXJcclxuICAgICAgICB0YXJnZXQ9XCIje3tlbGVtZW50VVVJRH19XCJcclxuICAgICAgICBwb3NpdGlvbj1cImJvdHRvbVwiXHJcbiAgICAgICAgWyh2aXNpYmxlKV09XCJzaG93RHJvcGRvd25cIlxyXG4gICAgPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJjb2xvci10aWxlcy1jb250YWluZXItc3F1YXJlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zfVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZSByb3VuZGVkLWNpcmNsZVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0Q29sb3IoY29sb3IpXCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPGZhLWljb25cclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkQ29sb3IgPT09IGNvbG9yXCJcclxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJjaGVja0ljb25cIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPC9mYS1pY29uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZHgtcG9wb3Zlcj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7O0FBQ3pHLCtEQUErRDtBQUMvRCw4REFBOEQ7QUFPOUQsTUFBTSxPQUFPLHVCQUF1QjtJQWFoQztRQVpTLFdBQU0sR0FBa0IsRUFBRSxDQUFDO1FBQzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFJMUIsVUFBSyxHQUEwQixRQUFRLENBQUE7UUFJekMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFJeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDdEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLE9BQU8sQ0FBQyxFQUFFLENBQUM7UUFFbEUsd0JBQXdCO0lBQzVCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbkIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztZQUMxRCxJQUFJLENBQUMsMkJBQTJCLEdBQUcsVUFBVSxRQUFRLFFBQVEsQ0FBQztTQUNqRTtJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVaLFdBQVcsQ0FBQyxLQUFhO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1lBQzNCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEM7SUFDTCxDQUFDOztvSEFsQ1EsdUJBQXVCO3dHQUF2Qix1QkFBdUIsd1FDVHBDLDhyREF1RGE7MkZEOUNBLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDSSxrQkFBa0I7MEVBS25CLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0UsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbi8vIGltcG9ydCB7IGxpYnJhcnkgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG4vLyBpbXBvcnQgeyBmYUNoZWNrIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1jb2xvci1waWNrZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jb2xvci1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc0NvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xyXG4gICAgQElucHV0KCkgY29sb3JzOiBBcnJheTxzdHJpbmc+ID0gW107XHJcbiAgICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgc2VsZWN0ZWRDb2xvcj86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGRlZmF1bHRDb2xvcj86IHN0cmluZztcclxuICAgIEBPdXRwdXQoKSBzZWxlY3RlZENvbG9yQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPjtcclxuICAgIEBJbnB1dCgpIHN0eWxlOiAnaW5saW5lJyB8ICdkcm9wZG93bicgPSAnaW5saW5lJ1xyXG5cclxuICAgIC8vIHB1YmxpYyBjaGVja0ljb24gPSBmYUNoZWNrO1xyXG4gICAgcHVibGljIGRyb3Bkb3duR3JpZFRlbXBsYXRlQ29sdW1ucz86IHN0cmluZztcclxuICAgIHB1YmxpYyBzaG93RHJvcGRvd24gPSBmYWxzZTtcclxuICAgIHB1YmxpYyBlbGVtZW50VVVJRDsgLy8gPSAnc2RzLWNwLScgKyBjcnlwdG8ucmFuZG9tVVVJRCgpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gICAgICAgIHRoaXMuZWxlbWVudFVVSUQgPSBgc2RzLWNwLSR7TWF0aC5jZWlsKE1hdGgucmFuZG9tKCkgKiAxMDAwMDAwKX1gOyAgXHJcblxyXG4gICAgICAgIC8vIGxpYnJhcnkuYWRkKGZhQ2hlY2spO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgICAgICBpZiAoY2hhbmdlc1snY29sb3JzJ10pIHtcclxuICAgICAgICAgICAgY29uc3QgZ3JpZFNpemUgPSBNYXRoLmNlaWwoTWF0aC5zcXJ0KHRoaXMuY29sb3JzLmxlbmd0aCkpO1xyXG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duR3JpZFRlbXBsYXRlQ29sdW1ucyA9IGByZXBlYXQoJHtncmlkU2l6ZX0sIDFmcilgO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gICAgcHVibGljIHNlbGVjdENvbG9yKGNvbG9yOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZENvbG9yID0gY29sb3I7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDb2xvckNoYW5nZS5lbWl0KGNvbG9yKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gICAgKm5nSWY9XCJzdHlsZSA9PT0gJ2lubGluZSdcIlxyXG4gICAgY2xhc3M9XCJjb2xvci10aWxlcy1jb250YWluZXItaW5saW5lXCJcclxuPlxyXG4gICAgPGRpdlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBjb2xvciBvZiBjb2xvcnNcIlxyXG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yXCJcclxuICAgICAgICBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cImNvbG9yXCJcclxuICAgICAgICBjbGFzcz1cImNvbG9yLXRpbGVcIlxyXG4gICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZENvbG9yID09PSBjb2xvclwiXHJcbiAgICAgICAgKGNsaWNrKT1cInNlbGVjdENvbG9yKGNvbG9yKVwiXHJcbiAgICA+XHJcbiAgICAgICAgPGZhLWljb25cclxuICAgICAgICAgICAgKm5nSWY9XCJzZWxlY3RlZENvbG9yID09PSBjb2xvclwiXHJcbiAgICAgICAgICAgIFtpY29uXT1cIlsnZmFzJywgJ2NoZWNrJ11cIlxyXG4gICAgICAgID5cclxuICAgICAgICA8L2ZhLWljb24+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48IS0tIGNsYXNzPVwiYnRuIGJvcmRlci0wIGRyb3Bkb3duLXRvZ2dsZSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCIgLS0+XHJcbjxidXR0b25cclxuICAgICpuZ0lmPVwic3R5bGUgPT09ICdkcm9wZG93bidcIlxyXG4gICAgW2lkXT1cImVsZW1lbnRVVUlEXCJcclxuICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgY2xhc3M9XCJidG4gZHJvcGRvd24tdG9nZ2xlIGJvcmRlciBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93bi1iYXNpY1wiXHJcbiAgICAoY2xpY2spPVwic2hvd0Ryb3Bkb3duID0gdHJ1ZVwiXHJcbj5cclxuICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImNvbG9yLXRpbGUgY29sb3ItdGlsZS1kcm9wZG93blwiXHJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwic2VsZWN0ZWRDb2xvciB8fCBkZWZhdWx0Q29sb3JcIlxyXG4gICAgICAgIFtjbGFzcy51bmRlZmluZWQtY29sb3JdPVwiIShzZWxlY3RlZENvbG9yIHx8IGRlZmF1bHRDb2xvcilcIlxyXG4gICAgPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZXQgbXMtMlwiPjwvZGl2PlxyXG48L2J1dHRvbj5cclxuXHJcbjxkeC1wb3BvdmVyXHJcbiAgICB0YXJnZXQ9XCIje3tlbGVtZW50VVVJRH19XCJcclxuICAgIHBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgIFsodmlzaWJsZSldPVwic2hvd0Ryb3Bkb3duXCJcclxuPlxyXG4gICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwiY29sb3ItdGlsZXMtY29udGFpbmVyLXNxdWFyZVwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwieyAnZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zJzogZHJvcGRvd25HcmlkVGVtcGxhdGVDb2x1bW5zfVwiXHJcbiAgICA+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzXCJcclxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiY29sb3JcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImNvbG9yLXRpbGUgY29sb3ItdGlsZS1wb3BvdmVyIHJvdW5kZWQtY2lyY2xlXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdENvbG9yKGNvbG9yKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZHgtcG9wb3Zlcj4iXX0=