@datarailsshared/datarailsshared 1.6.137 → 1.6.141

package/assets/styles/_storybook-styles.scss

@@ -27,11 +27,11 @@ body.sb-show-main {
     }
 
     font-family: $dr-primary-font-family;
-    font-size: $dr-primary-font-size-x-small;
+    font-size: $dr-font-size-x-small;
 }
 
 .dr-badge-status-tooltip-test-style {
-    font-weight: $dr-primary-font-weight-semi-bold;
+    font-weight: $dr-font-weight-semi-bold;
     text-transform: uppercase;
     text-decoration: underline;
 }

package/assets/styles/colors.scss

@@ -90,8 +90,8 @@ $dr-color-additional-royal-purple: #724dca;
 $dr-color-additional-sky-breeze: #80cafa;
 $dr-color-additional-honey: #ffae00;
 $dr-color-additional-fresh-lime: #a8d14b;
+$dr-color-additional-space: #7b61ff;
 
-$dr-color-badge-space: #7b61ff;
 $dr-color-badge-light-purple: #dfd9ff;
 $dr-color-badge-water: #d9f2ff;
 $dr-color-badge-baby-blue: #d9e6ff;
@@ -113,3 +113,13 @@ $dr-color-ai-background-main-hover-gradient:
 $dr-color-ai-background-secondary-hover-gradient:
     linear-gradient(270deg, rgba(105, 105, 255, 0.2) -4.23%, rgba(78, 183, 223, 0.2) 103.6%), #fff;
 $dr-color-ai-border-secondary-gradient: linear-gradient(269.57deg, #6969ff -4.23%, #4eb7df 103.6%);
+$dr-color-ai-light-gradient: linear-gradient(94deg, #f4f4ff 1.6%, #f2fafd 96.19%);
+$dr-color-ai-purple-gradient: linear-gradient(
+    31deg,
+    #7676ff -0.84%,
+    #5959ff 21.77%,
+    #5757e0 46%,
+    #4646ce 83.81%,
+    #4b4be4 117.26%,
+    #4444eb 140.53%
+);

package/assets/styles/mixins.scss

@@ -1,9 +1,9 @@
 @import './vars';
 
 @mixin dr-primary-font(
-    $fontSize: $dr-primary-font-size-x-small,
-    $fontWeight: $dr-primary-font-weight-light,
-    $line-height: $dr-primary-font-line-height-x-small
+    $fontSize: $dr-font-size-x-small,
+    $fontWeight: $dr-font-weight-regular,
+    $line-height: $dr-line-height-x-small
 ) {
     font-family: $dr-primary-font-family;
     font-style: normal;
@@ -21,97 +21,80 @@
     padding: $top $right $bottom $left;
 }
 
-@mixin dr-typography-caption() {
-    font-family: $dr-primary-font-family;
-    font-size: 12px;
-    line-height: 20px;
-    font-weight: 500;
-}
-
-@mixin dr-typography-caption-light() {
-    @include dr-typography-caption();
-    font-weight: 400;
-}
-
-@mixin dr-typography-caption-bold() {
-    @include dr-typography-caption();
-    font-weight: 600;
-}
-
-@mixin dr-typography-body() {
-    font-family: $dr-primary-font-family;
-    font-size: 14px;
-    line-height: 22px;
-}
-
-@mixin dr-typography-body-large() {
-    @include dr-typography-body();
-    font-size: 16px;
-    line-height: 24px;
-}
-
-@mixin dr-typography-body-x-large() {
-    @include dr-typography-body();
-    font-size: 18px;
-    line-height: 27px;
-}
-
-@mixin dr-typography-subtitle() {
-    font-family: $dr-primary-font-family;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 21px;
-}
-
-@mixin dr-typography-subtitle-light() {
-    @include dr-typography-subtitle();
-    font-weight: 400;
-}
-
-@mixin dr-typography-subtitle-bold() {
-    @include dr-typography-subtitle();
-    font-weight: 600;
-}
-
-@mixin dr-typography-head() {
-    font-family: $dr-primary-font-family;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 24px;
-}
-
-@mixin dr-typography-head-bold() {
-    @include dr-typography-head();
-    font-weight: 600;
-}
-
-@mixin dr-typography-head-large() {
-    font-family: $dr-primary-font-family;
-    font-size: 18px;
-    font-weight: 500;
-    line-height: 24px;
-}
-
-@mixin dr-typography-head-large-bold() {
-    @include dr-typography-head-large();
-    font-weight: 600;
-}
-
-@mixin dr-typography-head-x-large() {
-    font-family: $dr-primary-font-family;
-    font-size: 20px;
-    font-weight: 600;
-    line-height: 28px;
-}
-
-@mixin dr-typography-head-xx-large() {
-    @include dr-typography-head-x-large();
-    font-size: 24px;
-    line-height: 32px;
-}
-
-@mixin dr-typography-head-xxx-large() {
-    @include dr-typography-head-x-large();
-    font-size: 32px;
-    line-height: normal;
+@mixin dr-typography-caption-1() {
+    font-size: $dr-font-size-xx-small;
+    line-height: $dr-line-height-xx-small;
+    font-weight: $dr-font-weight-regular;
+}
+@mixin dr-typography-caption-2() {
+    font-size: $dr-font-size-xx-small;
+    line-height: $dr-line-height-xx-small;
+    font-weight: $dr-font-weight-medium;
+}
+@mixin dr-typography-caption-3() {
+    font-size: $dr-font-size-xx-small;
+    line-height: $dr-line-height-xx-small;
+    font-weight: $dr-font-weight-semi-bold;
+}
+@mixin dr-typography-body-1() {
+    font-size: $dr-font-size-x-small;
+    line-height: $dr-line-height-x-small;
+    font-weight: $dr-font-weight-regular;
+}
+@mixin dr-typography-body-2() {
+    font-size: $dr-font-size-small;
+    line-height: $dr-line-height-small;
+    font-weight: $dr-font-weight-regular;
+}
+@mixin dr-typography-body-3() {
+    font-size: $dr-font-size-medium;
+    line-height: $dr-line-height-medium;
+    font-weight: $dr-font-weight-regular;
+}
+
+@mixin dr-typography-subtitle-1() {
+    font-size: $dr-font-size-x-small;
+    line-height: $dr-line-height-x-small;
+    font-weight: $dr-font-weight-medium;
+}
+@mixin dr-typography-subtitle-2() {
+    font-size: $dr-font-size-x-small;
+    line-height: $dr-line-height-x-small;
+    font-weight: $dr-font-weight-semi-bold;
+}
+
+@mixin dr-typography-heading-1() {
+    font-size: $dr-font-size-small;
+    line-height: $dr-line-height-small;
+    font-weight: $dr-font-weight-medium;
+}
+@mixin dr-typography-heading-2() {
+    font-size: $dr-font-size-small;
+    line-height: $dr-line-height-small;
+    font-weight: $dr-font-weight-semi-bold;
+}
+@mixin dr-typography-heading-3() {
+    font-size: $dr-font-size-medium;
+    line-height: $dr-line-height-medium;
+    font-weight: $dr-font-weight-medium;
+}
+@mixin dr-typography-heading-4() {
+    font-size: $dr-font-size-medium;
+    line-height: $dr-line-height-medium;
+    font-weight: $dr-font-weight-semi-bold;
+}
+@mixin dr-typography-heading-5() {
+    font-size: $dr-font-size-large;
+    line-height: $dr-line-height-large;
+    font-weight: $dr-font-weight-semi-bold;
+}
+@mixin dr-typography-heading-6() {
+    font-size: $dr-font-size-x-large;
+    line-height: $dr-line-height-x-large;
+    font-weight: $dr-font-weight-semi-bold;
+}
+@mixin dr-typography-heading-7() {
+    font-size: $dr-font-size-xx-large;
+    line-height: $dr-line-height-xx-large;
+    font-weight: $dr-font-weight-semi-bold;
 }

package/assets/styles/vars.scss

@@ -21,26 +21,28 @@ $dr-spacing-xxx-large: 56px;
 // DR font variables (family, weight, size, line-height)
 $dr-primary-font-family: 'Poppins', sans-serif;
 
-$dr-primary-font-weight-x-light: 300;
-$dr-primary-font-weight-light: 400;
-$dr-primary-font-weight-regular: 500;
-$dr-primary-font-weight-semi-bold: 600;
-$dr-primary-font-weight-bold: 700;
+$dr-font-weight-thin: 250;
+$dr-font-weight-extra-light: 275;
+$dr-font-weight-light: 300;
+$dr-font-weight-regular: 400;
+$dr-font-weight-medium: 500;
+$dr-font-weight-semi-bold: 600;
+$dr-font-weight-bold: 700;
+$dr-font-weight-extra-bold: 800;
+$dr-font-weight-black: 900;
 
-$dr-primary-font-size-xxx-small: 10px;
-$dr-primary-font-size-xx-small: 12px;
-$dr-primary-font-size-x-small: 14px;
-$dr-primary-font-size-small: 16px;
-$dr-primary-font-size-medium: 18px;
-$dr-primary-font-size-large: 20px;
-$dr-primary-font-size-x-large: 24px;
-$dr-primary-font-size-xx-large: 32px;
+$dr-font-size-xx-small: 12px;
+$dr-font-size-x-small: 14px;
+$dr-font-size-small: 16px;
+$dr-font-size-medium: 18px;
+$dr-font-size-large: 20px;
+$dr-font-size-x-large: 24px;
+$dr-font-size-xx-large: 32px;
 
-$dr-primary-font-line-height-xxx-small: 13px;
-$dr-primary-font-line-height-xx-small: 20px;
-$dr-primary-font-line-height-x-small: 22px;
-$dr-primary-font-line-height-small: 24px;
-$dr-primary-font-line-height-medium: 24px;
-$dr-primary-font-line-height-large: 28px;
-$dr-primary-font-line-height-x-large: 32px;
-$dr-primary-font-line-height-xx-large: 42px;
+$dr-line-height-xx-small: 16px;
+$dr-line-height-x-small: 24px;
+$dr-line-height-small: 24px;
+$dr-line-height-medium: 32px;
+$dr-line-height-large: 32px;
+$dr-line-height-x-large: 40px;
+$dr-line-height-xx-large: 48px;

package/esm2022/lib/dr-accordion/accordion-item-header.component.mjs

@@ -92,7 +92,7 @@ export class DrAccordionItemHeaderComponent {
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx.disabled);
-        } }, dependencies: [i2.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}[_nghost-%COMP%]:focus{outline:0}[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{font-size:24px;font-weight:700}[_nghost-%COMP%]   .expansion-indicator--right[_ngcontent-%COMP%]{position:absolute;right:10px}[_nghost-%COMP%]   .expansion-indicator--left[_ngcontent-%COMP%]{position:relative;left:-4px}[_nghost-%COMP%]   .dr-accordion-item-header-icon[_ngcontent-%COMP%]{padding-right:8px}.borderless[_nghost-%COMP%]{border:none!important;padding-left:0}.borderless[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{color:#6d6e6f}.borderless[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]:before{font-weight:400}"], data: { animation: [
+        } }, dependencies: [i2.NgIf], styles: ["[_nghost-%COMP%]{font-size:14px;line-height:24px;font-weight:600;display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;padding:1.25rem;text-transform:capitalize}[_nghost-%COMP%]:focus{outline:0}[_nghost-%COMP%]   .expansion-indicator--right[_ngcontent-%COMP%]{position:absolute;right:10px}[_nghost-%COMP%]   .expansion-indicator--left[_ngcontent-%COMP%]{position:relative;left:-4px}[_nghost-%COMP%]   .dr-accordion-item-header-icon[_ngcontent-%COMP%]{padding-right:8px}.borderless[_nghost-%COMP%]{border:none!important;padding-left:0}.borderless[_nghost-%COMP%]   .expansion-indicator[_ngcontent-%COMP%]{color:#6d6e6f}"], data: { animation: [
                 trigger('expansionIndicator', [
                     state('expanded', style({
                         transform: 'rotate({{ rotationDegree }}deg)',
@@ -112,7 +112,7 @@ export class DrAccordionItemHeaderComponent {
                         transition('collapsed => expanded', animate('100ms ease-in')),
                         transition('expanded => collapsed', animate('100ms ease-out')),
                     ]),
-                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n    *ngIf=\"icon\"\n    [class]=\"'dr-accordion-item-header-icon ' + icon\"\n    [class.dr-accordion-item-header-icon--additional-padding]=\"chevronPosition === 'left'\"></i>\n<i\n    [class]=\"chevronIconClass\"\n    [@expansionIndicator]=\"{ value: state, params: { rotationDegree: chevronRotationDegree } }\"\n    (click)=\"toggleOnChevronClick && accordionItem.toggle()\"\n    *ngIf=\"!disabled\"></i>\n<ng-content select=\"dr-accordion-item-title\"></ng-content>\n<ng-content select=\"dr-accordion-item-description\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator{font-size:24px;font-weight:700}:host .expansion-indicator--right{position:absolute;right:10px}:host .expansion-indicator--left{position:relative;left:-4px}:host .dr-accordion-item-header-icon{padding-right:8px}:host.borderless{border:none!important;padding-left:0}:host.borderless .expansion-indicator{color:#6d6e6f}:host.borderless .expansion-indicator:before{font-weight:400}\n"] }]
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n    *ngIf=\"icon\"\n    [class]=\"'dr-accordion-item-header-icon ' + icon\"\n    [class.dr-accordion-item-header-icon--additional-padding]=\"chevronPosition === 'left'\"></i>\n<i\n    [class]=\"chevronIconClass\"\n    [@expansionIndicator]=\"{ value: state, params: { rotationDegree: chevronRotationDegree } }\"\n    (click)=\"toggleOnChevronClick && accordionItem.toggle()\"\n    *ngIf=\"!disabled\"></i>\n<ng-content select=\"dr-accordion-item-title\"></ng-content>\n<ng-content select=\"dr-accordion-item-description\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{font-size:14px;line-height:24px;font-weight:600;display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator--right{position:absolute;right:10px}:host .expansion-indicator--left{position:relative;left:-4px}:host .dr-accordion-item-header-icon{padding-right:8px}:host.borderless{border:none!important;padding-left:0}:host.borderless .expansion-indicator{color:#6d6e6f}\n"] }]
     }], function () { return [{ type: i1.DrAccordionItemComponent, decorators: [{
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, { chevronOrientation: [{
@@ -151,4 +151,4 @@ export class DrAccordionItemHeaderComponent {
             type: HostListener,
             args: ['keydown.enter']
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDZHRFLG9CQUcrRjs7O0lBRDNGLDZEQUFpRDtJQUNqRCxzR0FBc0Y7Ozs7OztJQUMxRiw0QkFJc0I7SUFEbEIsb0tBQVMsOENBQXdCLDZCQUFzQixDQUFBLElBQUM7SUFDdEMsaUJBQUk7OztJQUh0QixzQ0FBMEI7SUFDMUIsd0lBQTJGOzs7O0FEaUMvRixNQUFNLE9BQU8sOEJBQThCO0lBUXZDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDcEQsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDdkMsQ0FBQztJQVFELE1BQU07UUFDRixJQUFJLElBQUksQ0FBQyxvQkFBb0I7WUFBRSxPQUFPO1FBRXRDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixPQUFPLFdBQVcsQ0FBQztTQUN0QjtRQUNELE9BQU8sVUFBVSxDQUFDO0lBQ3RCLENBQUM7SUFLRCxZQUNtQixhQUF1QyxFQUM5QyxFQUFxQjtRQURkLGtCQUFhLEdBQWIsYUFBYSxDQUEwQjtRQUM5QyxPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQXBEekIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFOUIsdUJBQWtCLEdBQW1DLFVBQVUsQ0FBQztRQUNoRSxvQkFBZSxHQUFnQyxPQUFPLENBQUM7UUFFdkQseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBaURsQyxJQUFJLENBQUMsS0FBSyxHQUFHLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFNBQVMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ2xILElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUNuRCxJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDbkYsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVPLG1CQUFtQjtRQUN2QixPQUFPLENBQ0gsc0JBQXNCO1lBQ3RCLENBQUMsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDO1lBQ3ZGLHlCQUF5QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQ2xELENBQUM7SUFDTixDQUFDO2tIQTNFUSw4QkFBOEI7bUdBQTlCLDhCQUE4QjsrR0FBOUIsWUFBUSwwR0FBUixZQUFRLDBHQUFSLFlBQVE7Ozs7Ozs7WUN2Q3JCLDJFQUcrRjtZQUMvRiwyRUFJMEI7WUFDMUIsa0JBQTBEO1lBQzFELHFCQUFnRTtZQUNoRSxxQkFBeUI7O1lBVnBCLCtCQUFVO1lBT1YsZUFBZTtZQUFmLG9DQUFlO2s4QkRnQko7Z0JBQ1IsT0FBTyxDQUFDLG9CQUFvQixFQUFFO29CQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzt3QkFDRixTQUFTLEVBQUUsaUNBQWlDO3FCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7b0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2lCQUNqRSxDQUFDO2FBQ0w7O3VGQUdRLDhCQUE4QjtjQW5CMUMsU0FBUzsyQkFDSSwwQkFBMEIsY0FHeEI7b0JBQ1IsT0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzs0QkFDRixTQUFTLEVBQUUsaUNBQWlDO3lCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7d0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt3QkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO3FCQUNqRSxDQUFDO2lCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFzRDFDLElBQUk7d0RBakRBLGtCQUFrQjtrQkFBMUIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFHRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsdUNBQXVDO1lBT2hELFFBQVE7a0JBRlgsV0FBVzttQkFBQyxzQ0FBc0M7O2tCQUNsRCxXQUFXO21CQUFDLG9CQUFvQjtZQU03QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsZUFBZTtZQU14QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsb0JBQW9CO1lBTXpCLEtBQUs7a0JBRFosV0FBVzttQkFBQyxPQUFPO1lBTXBCLE1BQU07a0JBSEwsWUFBWTttQkFBQyxPQUFPOztrQkFDcEIsWUFBWTttQkFBQyxlQUFlOztrQkFDNUIsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFREckFjY29yZGlvblRoZW1lIH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JyB8ICdsZWZ0JztcbmV4cG9ydCB0eXBlIFREckFjY29yZGlvbkNoZXZyb25PcmllbnRhdGlvbiA9ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2V4cGFuc2lvbkluZGljYXRvcicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoe3sgcm90YXRpb25EZWdyZWUgfX1kZWcpJyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogeyByb3RhdGlvbkRlZ3JlZTogJzE4MCcgfSB9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2NvbGxhcHNlZCA9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgQElucHV0KCkgY2hldnJvbk9yaWVudGF0aW9uOiBURHJBY2NvcmRpb25DaGV2cm9uT3JpZW50YXRpb24gPSAndmVydGljYWwnO1xuICAgIEBJbnB1dCgpIGNoZXZyb25Qb3NpdGlvbjogVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9nZ2xlT25DaGV2cm9uQ2xpY2sgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0taGVhZGVyLWNvbGxhcHNlZCcpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25JdGVtLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1leHBhbmRlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmJhYmxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHJpdmF0ZSB0aGVtZTogVERyQWNjb3JkaW9uVGhlbWU7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicpXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAodGhpcy50b2dnbGVPbkNoZXZyb25DbGljaykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS50b2dnbGUoKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hldnJvbkljb25DbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjaGV2cm9uUm90YXRpb25EZWdyZWU6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb25JdGVtOiBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICB0aGlzLnRoZW1lID0gYWNjb3JkaW9uSXRlbT8uYWNjb3JkaW9uPy50aGVtZSB8fCAncmVndWxhcic7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2QubWFya0ZvckNoZWNrKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb25JY29uQ2xhc3MgPSB0aGlzLmdldENoZXZyb25JY29uQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5jaGV2cm9uUm90YXRpb25EZWdyZWUgPSB0aGlzLmNoZXZyb25PcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDE4MCA6IDkwO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q2hldnJvbkljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgJ2V4cGFuc2lvbi1pbmRpY2F0b3IgJyArXG4gICAgICAgICAgICAodGhpcy5jaGV2cm9uT3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnZHItaWNvbi1hcnJvdy1kb3duJyA6ICdkci1pY29uLWFycm93LXJpZ2h0JykgK1xuICAgICAgICAgICAgYCBleHBhbnNpb24taW5kaWNhdG9yLS0ke3RoaXMuY2hldnJvblBvc2l0aW9ufWBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8aVxuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2NsYXNzXT1cIidkci1hY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbiAnICsgaWNvblwiXG4gICAgW2NsYXNzLmRyLWFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLS1hZGRpdGlvbmFsLXBhZGRpbmddPVwiY2hldnJvblBvc2l0aW9uID09PSAnbGVmdCdcIj48L2k+XG48aVxuICAgIFtjbGFzc109XCJjaGV2cm9uSWNvbkNsYXNzXCJcbiAgICBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJ7IHZhbHVlOiBzdGF0ZSwgcGFyYW1zOiB7IHJvdGF0aW9uRGVncmVlOiBjaGV2cm9uUm90YXRpb25EZWdyZWUgfSB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlT25DaGV2cm9uQ2xpY2sgJiYgYWNjb3JkaW9uSXRlbS50b2dnbGUoKVwiXG4gICAgKm5nSWY9XCIhZGlzYWJsZWRcIj48L2k+XG48bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLWFjY29yZGlvbi1pdGVtLWRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDZHRFLG9CQUcrRjs7O0lBRDNGLDZEQUFpRDtJQUNqRCxzR0FBc0Y7Ozs7OztJQUMxRiw0QkFJc0I7SUFEbEIsb0tBQVMsOENBQXdCLDZCQUFzQixDQUFBLElBQUM7SUFDdEMsaUJBQUk7OztJQUh0QixzQ0FBMEI7SUFDMUIsd0lBQTJGOzs7O0FEaUMvRixNQUFNLE9BQU8sOEJBQThCO0lBUXZDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFB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T0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzs0QkFDRixTQUFTLEVBQUUsaUNBQWlDO3lCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7d0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt3QkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO3FCQUNqRSxDQUFDO2lCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFzRDFDLElBQUk7d0RBakRBLGtCQUFrQjtrQkFBMUIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFHRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsdUNBQXVDO1lBT2hELFFBQVE7a0JBRlgsV0FBVzttQkFBQyxzQ0FBc0M7O2tCQUNsRCxXQUFXO21CQUFDLG9CQUFvQjtZQU03QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsZUFBZTtZQU14QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsb0JBQW9CO1lBTXpCLEtBQUs7a0JBRFosV0FBVzttQkFBQyxPQUFPO1lBTXBCLE1BQU07a0JBSEwsWUFBWTttQkFBQyxPQUFPOztrQkFDcEIsWUFBWTttQkFBQyxlQUFlOztrQkFDNUIsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFREckFjY29yZGlvblRoZW1lIH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JyB8ICdsZWZ0JztcbmV4cG9ydCB0eXBlIFREckFjY29yZGlvbkNoZXZyb25PcmllbnRhdGlvbiA9ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2V4cGFuc2lvbkluZGljYXRvcicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoe3sgcm90YXRpb25EZWdyZWUgfX1kZWcpJyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogeyByb3RhdGlvbkRlZ3JlZTogJzE4MCcgfSB9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2NvbGxhcHNlZCA9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgQElucHV0KCkgY2hldnJvbk9yaWVudGF0aW9uOiBURHJBY2NvcmRpb25DaGV2cm9uT3JpZW50YXRpb24gPSAndmVydGljYWwnO1xuICAgIEBJbnB1dCgpIGNoZXZyb25Qb3NpdGlvbjogVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9nZ2xlT25DaGV2cm9uQ2xpY2sgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0taGVhZGVyLWNvbGxhcHNlZCcpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25JdGVtLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1leHBhbmRlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmJhYmxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHJpdmF0ZSB0aGVtZTogVERyQWNjb3JkaW9uVGhlbWU7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicpXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAodGhpcy50b2dnbGVPbkNoZXZyb25DbGljaykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS50b2dnbGUoKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hldnJvbkljb25DbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjaGV2cm9uUm90YXRpb25EZWdyZWU6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb25JdGVtOiBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICB0aGlzLnRoZW1lID0gYWNjb3JkaW9uSXRlbT8uYWNjb3JkaW9uPy50aGVtZSB8fCAncmVndWxhcic7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2QubWFya0ZvckNoZWNrKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb25JY29uQ2xhc3MgPSB0aGlzLmdldENoZXZyb25JY29uQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5jaGV2cm9uUm90YXRpb25EZWdyZWUgPSB0aGlzLmNoZXZyb25PcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDE4MCA6IDkwO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q2hldnJvbkljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgJ2V4cGFuc2lvbi1pbmRpY2F0b3IgJyArXG4gICAgICAgICAgICAodGhpcy5jaGV2cm9uT3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnZHItaWNvbi1hcnJvdy1kb3duJyA6ICdkci1pY29uLWFycm93LXJpZ2h0JykgK1xuICAgICAgICAgICAgYCBleHBhbnNpb24taW5kaWNhdG9yLS0ke3RoaXMuY2hldnJvblBvc2l0aW9ufWBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8aVxuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2NsYXNzXT1cIidkci1hY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbiAnICsgaWNvblwiXG4gICAgW2NsYXNzLmRyLWFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLS1hZGRpdGlvbmFsLXBhZGRpbmddPVwiY2hldnJvblBvc2l0aW9uID09PSAnbGVmdCdcIj48L2k+XG48aVxuICAgIFtjbGFzc109XCJjaGV2cm9uSWNvbkNsYXNzXCJcbiAgICBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJ7IHZhbHVlOiBzdGF0ZSwgcGFyYW1zOiB7IHJvdGF0aW9uRGVncmVlOiBjaGV2cm9uUm90YXRpb25EZWdyZWUgfSB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlT25DaGV2cm9uQ2xpY2sgJiYgYWNjb3JkaW9uSXRlbS50b2dnbGUoKVwiXG4gICAgKm5nSWY9XCIhZGlzYWJsZWRcIj48L2k+XG48bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLWFjY29yZGlvbi1pdGVtLWRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/lib/dr-alert/dr-alert.component.mjs

@@ -46,11 +46,11 @@ export class DrAlertComponent {
             i0.ɵɵclassMap("dr-alert__icon " + ctx.themeIconClass);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !_r1.innerHTML.trim());
-        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}.dr-alert--info[_nghost-%COMP%]{background:#e6efff}.dr-alert--bold-error[_nghost-%COMP%]{color:#fff;background:#bf1d30}.dr-alert--error[_nghost-%COMP%]{background:#f7d9dc}.dr-alert--warning[_nghost-%COMP%]{background:#ffefc7}.dr-alert--success[_nghost-%COMP%]{background:#dbf5e6}[_nghost-%COMP%]   .dr-alert__content-wrapper[_ngcontent-%COMP%]{display:flex;font-size:12px}[_nghost-%COMP%]   .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__icon[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__custom-content[_ngcontent-%COMP%]{line-height:20px}[_nghost-%COMP%]   .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__custom-content[_ngcontent-%COMP%]{margin-left:8px;white-space:pre-line}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}.dr-alert--info[_nghost-%COMP%]{background:#e6efff}.dr-alert--bold-error[_nghost-%COMP%]{color:#fff;background:#bf1d30}.dr-alert--error[_nghost-%COMP%]{background:#f7d9dc}.dr-alert--warning[_nghost-%COMP%]{background:#ffefc7}.dr-alert--success[_nghost-%COMP%]{background:#dbf5e6}[_nghost-%COMP%]   .dr-alert__content-wrapper[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;gap:8px}[_nghost-%COMP%]   .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__icon[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__custom-content[_ngcontent-%COMP%]{line-height:16px}[_nghost-%COMP%]   .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%]   .dr-alert__custom-content[_ngcontent-%COMP%]{white-space:pre-line}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAlertComponent, [{
         type: Component,
-        args: [{ selector: 'dr-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-alert__content-wrapper\">\n    <i [class]=\"'dr-alert__icon ' + themeIconClass\"></i>\n    <span *ngIf=\"!contentRef.innerHTML.trim()\" class=\"dr-alert__text\">{{ text }}</span>\n    <div class=\"dr-alert__custom-content\" #contentRef>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}:host.dr-alert--info{background:#e6efff}:host.dr-alert--bold-error{color:#fff;background:#bf1d30}:host.dr-alert--error{background:#f7d9dc}:host.dr-alert--warning{background:#ffefc7}:host.dr-alert--success{background:#dbf5e6}:host .dr-alert__content-wrapper{display:flex;font-size:12px}:host .dr-alert__text,:host .dr-alert__icon,:host .dr-alert__custom-content{line-height:20px}:host .dr-alert__text,:host .dr-alert__custom-content{margin-left:8px;white-space:pre-line}\n"] }]
+        args: [{ selector: 'dr-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-alert__content-wrapper\">\n    <i [class]=\"'dr-alert__icon ' + themeIconClass\"></i>\n    <span *ngIf=\"!contentRef.innerHTML.trim()\" class=\"dr-alert__text\">{{ text }}</span>\n    <div class=\"dr-alert__custom-content\" #contentRef>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}:host.dr-alert--info{background:#e6efff}:host.dr-alert--bold-error{color:#fff;background:#bf1d30}:host.dr-alert--error{background:#f7d9dc}:host.dr-alert--warning{background:#ffefc7}:host.dr-alert--success{background:#dbf5e6}:host .dr-alert__content-wrapper{font-size:12px;line-height:16px;font-weight:400;display:flex;gap:8px}:host .dr-alert__text,:host .dr-alert__icon,:host .dr-alert__custom-content{line-height:16px}:host .dr-alert__text,:host .dr-alert__custom-content{white-space:pre-line}\n"] }]
     }], null, { theme: [{
             type: Input
         }], customIconClass: [{

package/esm2022/lib/dr-avatar/dr-avatar.component.mjs

@@ -114,11 +114,11 @@ export class DrAvatarComponent {
             i0.ɵɵproperty("ngForOf", ctx.getFirstUsers());
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.parsedUsers.length > ctx.USERS_TO_SHOW);
-        } }, dependencies: [i1.DrTooltipDirective, i2.NgClass, i2.NgForOf, i2.NgIf, i3.DrAvatarPipe], styles: ["[_nghost-%COMP%]{width:auto;display:flex;align-items:center}.compact[_nghost-%COMP%]{padding-left:8px}.compact[_nghost-%COMP%]   .users-section__user[_ngcontent-%COMP%]{margin-left:-8px!important}.users-section__default[_ngcontent-%COMP%]{display:flex;height:28px;width:28px;border-radius:50%;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item[_ngcontent-%COMP%]{display:flex;align-items:center;margin:12px}.users-popover-item[_ngcontent-%COMP%]   .username[_ngcontent-%COMP%]{color:#51566f;font-size:14px}.users-popover-item[_ngcontent-%COMP%]   .users-section__user[_ngcontent-%COMP%]{margin-right:8px}.users-section__user[_ngcontent-%COMP%]{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:50%;background:red;color:#fff;font-size:12px}.users-section__user--clickable[_ngcontent-%COMP%]{cursor:pointer}.users-section__user[_ngcontent-%COMP%]:not(:first-child){margin-left:4px}.users-section__user.online[_ngcontent-%COMP%]:after, .users-section__user.offline[_ngcontent-%COMP%]:after, .users-section__user.warning[_ngcontent-%COMP%]:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online[_ngcontent-%COMP%]:after{background:#03a678}.users-section__user.offline[_ngcontent-%COMP%]:after{background:#de2833}.users-section__user.warning[_ngcontent-%COMP%]:after{background:#fda014}.users-section__user-more[_ngcontent-%COMP%]{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;background:#dfe0e3;color:#333;cursor:pointer}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.DrTooltipDirective, i2.NgClass, i2.NgForOf, i2.NgIf, i3.DrAvatarPipe], styles: ["[_nghost-%COMP%]{width:auto;display:flex;align-items:center}.compact[_nghost-%COMP%]{padding-left:8px}.compact[_nghost-%COMP%]   .users-section__user[_ngcontent-%COMP%]{margin-left:-8px!important}.users-section__default[_ngcontent-%COMP%]{display:flex;height:28px;width:28px;border-radius:50%;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item[_ngcontent-%COMP%]{display:flex;align-items:center;margin:12px}.users-popover-item[_ngcontent-%COMP%]   .username[_ngcontent-%COMP%]{color:#51566f;font-size:14px}.users-popover-item[_ngcontent-%COMP%]   .users-section__user[_ngcontent-%COMP%]{margin-right:8px}.users-section__user[_ngcontent-%COMP%]{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:50%;background:red;color:#fff;font-size:12px}.users-section__user--clickable[_ngcontent-%COMP%]{cursor:pointer}.users-section__user[_ngcontent-%COMP%]:not(:first-child){margin-left:4px}.users-section__user.online[_ngcontent-%COMP%]:after, .users-section__user.offline[_ngcontent-%COMP%]:after, .users-section__user.warning[_ngcontent-%COMP%]:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online[_ngcontent-%COMP%]:after{background:#03a678}.users-section__user.offline[_ngcontent-%COMP%]:after{background:#de2833}.users-section__user.warning[_ngcontent-%COMP%]:after{background:#fda014}.users-section__user-more[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;background:#dfe0e3;color:#333;cursor:pointer}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAvatarComponent, [{
         type: Component,
-        args: [{ selector: 'dr-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"!parsedUsers.length\"\n    class=\"users-section__default\"\n    [style.width]=\"drAvatarSize || null\"\n    [style.height]=\"drAvatarSize || null\"></div>\n\n<div\n    *ngFor=\"let user of getFirstUsers()\"\n    class=\"users-section__user\"\n    [class]=\"user.status\"\n    [style.width]=\"drAvatarSize || null\"\n    [style.height]=\"drAvatarSize || null\"\n    [style.background-color]=\"getAvatarColor(user)\"\n    [ngClass]=\"{\n        'users-section__default': showUnassigned && !user.email,\n        'users-section__user--clickable': drAvatarIsClickable,\n    }\"\n    [drTooltip]=\"user | drAvatar\"\n    [drTooltipClass]=\"drAvatarTooltipClass\"\n    [drTooltipPosition]=\"drAvatarTooltipPosition\"\n    (click)=\"drAvatarIsClickable && userClicked.emit()\">\n    {{ user | drAvatar: 'initials' }}\n</div>\n\n<div\n    *ngIf=\"parsedUsers.length > USERS_TO_SHOW\"\n    class=\"users-section__user users-section__user-more icon-2\"\n    [drTooltip]=\"usersTemplate\"\n    [drTooltipPosition]=\"'bottom'\">\n    +{{ getLastUsers().length }}\n</div>\n\n<ng-template #usersTemplate>\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\n        <div\n            class=\"users-section__user\"\n            [style.background-color]=\"getAvatarColor(user)\"\n            (click)=\"userClicked.emit()\"\n            [class]=\"user.class\">\n            {{ user | drAvatar: 'initials' }}\n        </div>\n        <span class=\"username\">\n            {{ user | drAvatar }}\n        </span>\n    </div>\n</ng-template>\n", styles: [":host{width:auto;display:flex;align-items:center}:host.compact{padding-left:8px}:host.compact .users-section__user{margin-left:-8px!important}.users-section__default{display:flex;height:28px;width:28px;border-radius:50%;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:50%;background:red;color:#fff;font-size:12px}.users-section__user--clickable{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.online:after,.users-section__user.offline:after,.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online:after{background:#03a678}.users-section__user.offline:after{background:#de2833}.users-section__user.warning:after{background:#fda014}.users-section__user-more{font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;background:#dfe0e3;color:#333;cursor:pointer}\n"] }]
+        args: [{ selector: 'dr-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *ngIf=\"!parsedUsers.length\"\n    class=\"users-section__default\"\n    [style.width]=\"drAvatarSize || null\"\n    [style.height]=\"drAvatarSize || null\"></div>\n\n<div\n    *ngFor=\"let user of getFirstUsers()\"\n    class=\"users-section__user\"\n    [class]=\"user.status\"\n    [style.width]=\"drAvatarSize || null\"\n    [style.height]=\"drAvatarSize || null\"\n    [style.background-color]=\"getAvatarColor(user)\"\n    [ngClass]=\"{\n        'users-section__default': showUnassigned && !user.email,\n        'users-section__user--clickable': drAvatarIsClickable,\n    }\"\n    [drTooltip]=\"user | drAvatar\"\n    [drTooltipClass]=\"drAvatarTooltipClass\"\n    [drTooltipPosition]=\"drAvatarTooltipPosition\"\n    (click)=\"drAvatarIsClickable && userClicked.emit()\">\n    {{ user | drAvatar: 'initials' }}\n</div>\n\n<div\n    *ngIf=\"parsedUsers.length > USERS_TO_SHOW\"\n    class=\"users-section__user users-section__user-more icon-2\"\n    [drTooltip]=\"usersTemplate\"\n    [drTooltipPosition]=\"'bottom'\">\n    +{{ getLastUsers().length }}\n</div>\n\n<ng-template #usersTemplate>\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\n        <div\n            class=\"users-section__user\"\n            [style.background-color]=\"getAvatarColor(user)\"\n            (click)=\"userClicked.emit()\"\n            [class]=\"user.class\">\n            {{ user | drAvatar: 'initials' }}\n        </div>\n        <span class=\"username\">\n            {{ user | drAvatar }}\n        </span>\n    </div>\n</ng-template>\n", styles: [":host{width:auto;display:flex;align-items:center}:host.compact{padding-left:8px}:host.compact .users-section__user{margin-left:-8px!important}.users-section__default{display:flex;height:28px;width:28px;border-radius:50%;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23E5E6EA%22%2F%3E    %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22          d%3D%22M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75ZM13.875 9.75C13.875 10.7855 13.0355 11.625 12 11.625C10.9645 11.625 10.125 10.7855 10.125 9.75C10.125 8.71447 10.9645 7.875 12 7.875C13.0355 7.875 13.875 8.71447 13.875 9.75Z%22          fill%3D%22%2351566F%22%2F%3E    %3Cpath d%3D%22M15.9968 16.7631C15.5425 15.3973 14.0368 14.25 12 14.25C9.9632 14.25 8.45748 15.3973 8.00319 16.7631C7.91242 17.0359 7.67416 17.25 7.38657 17.25C7.04536 17.25 6.77507 16.9539 6.86275 16.6241C7.39546 14.6206 9.49327 13.125 12 13.125C14.5067 13.125 16.6045 14.6206 17.1373 16.6241C17.2249 16.9539 16.9546 17.25 16.6134 17.25C16.3259 17.25 16.0876 17.0359 15.9968 16.7631Z%22          fill%3D%22%2351566F%22%2F%3E%3C%2Fsvg%3E\") no-repeat!important;background-size:cover}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:50%;background:red;color:#fff;font-size:12px}.users-section__user--clickable{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.online:after,.users-section__user.offline:after,.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online:after{background:#03a678}.users-section__user.offline:after{background:#de2833}.users-section__user.warning:after{background:#fda014}.users-section__user-more{font-size:12px;line-height:16px;font-weight:400;background:#dfe0e3;color:#333;cursor:pointer}\n"] }]
     }], null, { users: [{
             type: Input
         }], showUnassigned: [{

package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs

@@ -34,11 +34,11 @@ export class DrBadgeStatusComponent {
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.label);
-        } }, dependencies: [i1.NgClass, i1.NgIf, i2.DrTooltipDirective], styles: [".badge-status{display:flex;align-items:center;font-family:Poppins,sans-serif;font-style:normal;font-size:12px;font-weight:600;line-height:20px;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"], encapsulation: 2 }); }
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.DrTooltipDirective], styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"], encapsulation: 2 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrBadgeStatusComponent, [{
         type: Component,
-        args: [{ selector: 'dr-badge-status', encapsulation: ViewEncapsulation.None, template: "<div class=\"badge-status\" [drTooltip]=\"tooltip\" [drTooltipClass]=\"tooltipClass\" [ngClass]=\"'badge-status--' + theme\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{display:flex;align-items:center;font-family:Poppins,sans-serif;font-style:normal;font-size:12px;font-weight:600;line-height:20px;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"] }]
+        args: [{ selector: 'dr-badge-status', encapsulation: ViewEncapsulation.None, template: "<div class=\"badge-status\" [drTooltip]=\"tooltip\" [drTooltipClass]=\"tooltipClass\" [ngClass]=\"'badge-status--' + theme\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"] }]
     }], null, { theme: [{
             type: Input
         }], icon: [{

package/esm2022/lib/dr-chat/chat.component.mjs

@@ -187,11 +187,11 @@ export class DrChatComponent {
             i0.ɵɵproperty("ngIf", ctx.messages == null ? null : ctx.messages.length);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.suggestions == null ? null : ctx.suggestions.length);
-        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.DrChatSuggestionsComponent], styles: ["[_nghost-%COMP%]{height:100%;width:100%;display:flex;flex-direction:column}.chat[_ngcontent-%COMP%]{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:22px;box-shadow:0 2px 36px #00000026}.chat__sticky-top[_ngcontent-%COMP%]{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state[_ngcontent-%COMP%]{display:flex;justify-content:center}.chat__empty-state__text[_ngcontent-%COMP%]{padding:44px 0;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:28px;text-align:center;max-width:440px;color:#4646ce}.chat__messages[_ngcontent-%COMP%]{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container[_ngcontent-%COMP%]{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll[_ngcontent-%COMP%]  dr-chat-message{padding-right:8px}.chat__suggestions[_ngcontent-%COMP%]{flex:1}.chat__suggestions[_ngcontent-%COMP%]     .chat-suggestions__container{padding:0}.chat__suggestions--full-height[_ngcontent-%COMP%]{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__header[_ngcontent-%COMP%]{padding-left:32px;padding-right:32px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__empty-state__text[_ngcontent-%COMP%]{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__messages[_ngcontent-%COMP%]  dr-chat-message{justify-content:center}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__messages[_ngcontent-%COMP%]  .message{max-width:912px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__suggestions[_ngcontent-%COMP%]  .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__suggestions[_ngcontent-%COMP%]  .chat-suggestions__items__item{font-size:16px}"] }); }
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.DrChatSuggestionsComponent], styles: ["[_nghost-%COMP%]{height:100%;width:100%;display:flex;flex-direction:column}.chat[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;box-shadow:0 2px 36px #00000026}.chat__sticky-top[_ngcontent-%COMP%]{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state[_ngcontent-%COMP%]{display:flex;justify-content:center}.chat__empty-state__text[_ngcontent-%COMP%]{font-size:18px;line-height:32px;font-weight:400;padding:44px 0;text-align:center;max-width:440px;color:#4646ce}.chat__messages[_ngcontent-%COMP%]{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container[_ngcontent-%COMP%]{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll[_ngcontent-%COMP%]  dr-chat-message{padding-right:8px}.chat__suggestions[_ngcontent-%COMP%]{flex:1}.chat__suggestions[_ngcontent-%COMP%]     .chat-suggestions__container{padding:0}.chat__suggestions--full-height[_ngcontent-%COMP%]{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__header[_ngcontent-%COMP%]{padding-left:32px;padding-right:32px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__empty-state__text[_ngcontent-%COMP%]{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__messages[_ngcontent-%COMP%]  dr-chat-message{justify-content:center}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__messages[_ngcontent-%COMP%]  .message{max-width:912px}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__suggestions[_ngcontent-%COMP%]  .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen[_ngcontent-%COMP%]   .chat__suggestions[_ngcontent-%COMP%]  .chat-suggestions__items__item{font-size:16px}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat', providers: [DrChatCustomMessageService], template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n    <div class=\"chat__sticky-top\">\n        <ng-container *ngIf=\"chatHeader\" [ngTemplateOutlet]=\"chatHeader\"></ng-container>\n\n        <div class=\"chat__alert\">\n            <ng-content select=\"dr-chat-alert\"></ng-content>\n        </div>\n    </div>\n\n    <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n        <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n    </div>\n\n    <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n        <div\n            #messagesContainer\n            class=\"chat__messages__container\"\n            [class.chat__messages__container--scroll]=\"messagesContainerWithScroll\">\n            <ng-content select=\"dr-chat-message\"></ng-content>\n            <ng-container *ngIf=\"chatContent\" [ngTemplateOutlet]=\"chatContent\"></ng-container>\n            <ng-container *ngIf=\"chatLoader\" [ngTemplateOutlet]=\"chatLoader\"></ng-container>\n        </div>\n    </div>\n\n    <dr-chat-suggestions\n        *ngIf=\"suggestions?.length\"\n        [values]=\"suggestions\"\n        [fullScreen]=\"fullScreen\"\n        [waitForReply]=\"waitForReply\"\n        class=\"chat__suggestions\"\n        [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n        [buttonMode]=\"!!messages?.length\"\n        (suggestionSelect)=\"suggestionSelect.emit($event)\">\n    </dr-chat-suggestions>\n\n    <div class=\"form\">\n        <ng-content select=\"dr-chat-form\"></ng-content>\n        <ng-content select=\"dr-ai-search-input\"></ng-content>\n    </div>\n</div>\n", styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:22px;box-shadow:0 2px 36px #00000026}.chat__sticky-top{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{padding:44px 0;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:28px;text-align:center;max-width:440px;color:#4646ce}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll::ng-deep dr-chat-message{padding-right:8px}.chat__suggestions{flex:1}.chat__suggestions ::ng-deep .chat-suggestions__container{padding:0}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{padding-left:32px;padding-right:32px}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:912px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{font-size:16px}\n"] }]
+        args: [{ selector: 'dr-chat', providers: [DrChatCustomMessageService], template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n    <div class=\"chat__sticky-top\">\n        <ng-container *ngIf=\"chatHeader\" [ngTemplateOutlet]=\"chatHeader\"></ng-container>\n\n        <div class=\"chat__alert\">\n            <ng-content select=\"dr-chat-alert\"></ng-content>\n        </div>\n    </div>\n\n    <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n        <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n    </div>\n\n    <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n        <div\n            #messagesContainer\n            class=\"chat__messages__container\"\n            [class.chat__messages__container--scroll]=\"messagesContainerWithScroll\">\n            <ng-content select=\"dr-chat-message\"></ng-content>\n            <ng-container *ngIf=\"chatContent\" [ngTemplateOutlet]=\"chatContent\"></ng-container>\n            <ng-container *ngIf=\"chatLoader\" [ngTemplateOutlet]=\"chatLoader\"></ng-container>\n        </div>\n    </div>\n\n    <dr-chat-suggestions\n        *ngIf=\"suggestions?.length\"\n        [values]=\"suggestions\"\n        [fullScreen]=\"fullScreen\"\n        [waitForReply]=\"waitForReply\"\n        class=\"chat__suggestions\"\n        [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n        [buttonMode]=\"!!messages?.length\"\n        (suggestionSelect)=\"suggestionSelect.emit($event)\">\n    </dr-chat-suggestions>\n\n    <div class=\"form\">\n        <ng-content select=\"dr-chat-form\"></ng-content>\n        <ng-content select=\"dr-ai-search-input\"></ng-content>\n    </div>\n</div>\n", styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;box-shadow:0 2px 36px #00000026}.chat__sticky-top{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{font-size:18px;line-height:32px;font-weight:400;padding:44px 0;text-align:center;max-width:440px;color:#4646ce}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll::ng-deep dr-chat-message{padding-right:8px}.chat__suggestions{flex:1}.chat__suggestions ::ng-deep .chat-suggestions__container{padding:0}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{padding-left:32px;padding-right:32px}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:912px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{font-size:16px}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { fullScreen: [{
             type: Input
         }], noMessagesPlaceholder: [{

package/esm2022/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.mjs

@@ -18,11 +18,11 @@ export class DrChatAlertComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(ctx.iconClass);
-        } }, dependencies: [i1.DrButtonComponent, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{display:flex;padding:8px 24px;align-items:center;min-height:40px;color:#6d6e6f;background-color:#f6f7f8;border-top:1px solid #dfe0e3;font-size:12px;line-height:20px;white-space:pre-line}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{margin-right:8px}[_nghost-%COMP%]   .chat-alert-close-btn[_ngcontent-%COMP%]{display:none;position:absolute;right:16px;color:#aeabac}[_nghost-%COMP%]:hover   .chat-alert-close-btn[_ngcontent-%COMP%]{display:block}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.DrButtonComponent, i2.DrTooltipDirective], styles: ["[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:8px 24px;align-items:center;min-height:40px;color:#6d6e6f;background-color:#f6f7f8;border-top:1px solid #dfe0e3;white-space:pre-line}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{margin-right:8px}[_nghost-%COMP%]   .chat-alert-close-btn[_ngcontent-%COMP%]{display:none;position:absolute;right:16px;color:#aeabac}[_nghost-%COMP%]:hover   .chat-alert-close-btn[_ngcontent-%COMP%]{display:block}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatAlertComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<i [class]=\"iconClass\"></i>\n<ng-content></ng-content>\n<dr-button (click)=\"close.emit()\" theme=\"icon\" icon=\"dr-icon-exit\" class=\"chat-alert-close-btn\" drTooltip=\"Close\"> </dr-button>\n", styles: [":host{display:flex;padding:8px 24px;align-items:center;min-height:40px;color:#6d6e6f;background-color:#f6f7f8;border-top:1px solid #dfe0e3;font-size:12px;line-height:20px;white-space:pre-line}:host i{margin-right:8px}:host .chat-alert-close-btn{display:none;position:absolute;right:16px;color:#aeabac}:host:hover .chat-alert-close-btn{display:block}\n"] }]
+        args: [{ selector: 'dr-chat-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<i [class]=\"iconClass\"></i>\n<ng-content></ng-content>\n<dr-button (click)=\"close.emit()\" theme=\"icon\" icon=\"dr-icon-exit\" class=\"chat-alert-close-btn\" drTooltip=\"Close\"> </dr-button>\n", styles: [":host{font-size:12px;line-height:16px;font-weight:400;display:flex;padding:8px 24px;align-items:center;min-height:40px;color:#6d6e6f;background-color:#f6f7f8;border-top:1px solid #dfe0e3;white-space:pre-line}:host i{margin-right:8px}:host .chat-alert-close-btn{display:none;position:absolute;right:16px;color:#aeabac}:host:hover .chat-alert-close-btn{display:block}\n"] }]
     }], null, { iconClass: [{
             type: Input
         }], close: [{

package/esm2022/lib/dr-chat/dr-chat-dropped-files/dr-chat-dropped-files.component.mjs

@@ -48,11 +48,11 @@ export class DrChatDroppedFilesComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.files);
-        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ShorterNamingPipe, i3.FileClassNamePipe], styles: [".dropped-files[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap;gap:8px;padding-left:16px}.dropped-files__item[_ngcontent-%COMP%]{max-width:183px;display:flex;flex-direction:row;gap:4px;justify-content:space-between;align-items:center;margin-top:16px;padding:4px 8px;background-color:#f6f7f8;border:1px solid rgb(223,224,227);box-sizing:border-box;border-radius:8px}.dropped-files__item-name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;color:#6d6e6f}.dropped-files__item-remove[_ngcontent-%COMP%]{cursor:pointer;color:#6d6e6f}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ShorterNamingPipe, i3.FileClassNamePipe], styles: [".dropped-files[_ngcontent-%COMP%]{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap;gap:8px;padding-left:16px}.dropped-files__item[_ngcontent-%COMP%]{max-width:183px;display:flex;flex-direction:row;gap:4px;justify-content:space-between;align-items:center;margin-top:16px;padding:4px 8px;background-color:#f6f7f8;border:1px solid rgb(223,224,227);box-sizing:border-box;border-radius:8px}.dropped-files__item-name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;font-weight:400;color:#6d6e6f}.dropped-files__item-remove[_ngcontent-%COMP%]{cursor:pointer;color:#6d6e6f}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatDroppedFilesComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat-dropped-files', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropped-files\">\n    <div class=\"dropped-files__item\" *ngFor=\"let file of files\">\n        <i class=\"dr-icon-{{ file.name | fileClassName }}\"></i>\n        <div class=\"dropped-files__item-name\">{{ file.name | shorterNaming: maxLengthText }}</div>\n        <i *ngIf=\"isRemovable\" class=\"dr-icon-noty-error dropped-files__item-remove\" (click)=\"removeFile(file, $event)\"></i>\n    </div>\n</div>\n", styles: [".dropped-files{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap;gap:8px;padding-left:16px}.dropped-files__item{max-width:183px;display:flex;flex-direction:row;gap:4px;justify-content:space-between;align-items:center;margin-top:16px;padding:4px 8px;background-color:#f6f7f8;border:1px solid rgb(223,224,227);box-sizing:border-box;border-radius:8px}.dropped-files__item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:12px;line-height:20px;font-weight:500;font-weight:400;color:#6d6e6f}.dropped-files__item-remove{cursor:pointer;color:#6d6e6f}\n"] }]
+        args: [{ selector: 'dr-chat-dropped-files', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dropped-files\">\n    <div class=\"dropped-files__item\" *ngFor=\"let file of files\">\n        <i class=\"dr-icon-{{ file.name | fileClassName }}\"></i>\n        <div class=\"dropped-files__item-name\">{{ file.name | shorterNaming: maxLengthText }}</div>\n        <i *ngIf=\"isRemovable\" class=\"dr-icon-noty-error dropped-files__item-remove\" (click)=\"removeFile(file, $event)\"></i>\n    </div>\n</div>\n", styles: [".dropped-files{display:flex;flex-direction:row;margin-bottom:.5rem;flex-wrap:wrap;gap:8px;padding-left:16px}.dropped-files__item{max-width:183px;display:flex;flex-direction:row;gap:4px;justify-content:space-between;align-items:center;margin-top:16px;padding:4px 8px;background-color:#f6f7f8;border:1px solid rgb(223,224,227);box-sizing:border-box;border-radius:8px}.dropped-files__item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;font-weight:400;color:#6d6e6f}.dropped-files__item-remove{cursor:pointer;color:#6d6e6f}\n"] }]
     }], null, { files: [{
             type: Input
         }], isRemovable: [{

package/esm2022/lib/dr-chat/dr-chat-form-dropdown/dr-chat-form-dropdown.component.mjs

@@ -244,11 +244,11 @@ export class DrChatFormDropdownComponent {
             i0.ɵɵproperty("ngIf", ctx.waitForReply && !ctx.showDotFlashing);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.waitForReply && ctx.showDotFlashing);
-        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.NgClass, i3.NgIf, i4.DrDotFlashingComponent, i5.DrChatDroppedFilesComponent, i3.AsyncPipe], styles: ["[_nghost-%COMP%] {--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}[_nghost-%COMP%]  .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%]  .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}[_nghost-%COMP%]  .message-row__input .abort-button, [_nghost-%COMP%]  .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%]  .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}[_nghost-%COMP%]  .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}[_nghost-%COMP%]  .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}[_nghost-%COMP%]  .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}[_nghost-%COMP%]  .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}[_nghost-%COMP%]  .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-family:Poppins,sans-serif;font-size:14px;line-height:22px}[_nghost-%COMP%]  .message-row__input textarea:focus{border:none}[_nghost-%COMP%]  .message-row__input textarea::placeholder{color:#9ea1aa}[_nghost-%COMP%]  .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}[_nghost-%COMP%]  .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}[_nghost-%COMP%]  dr-chat-dropped-files{margin-right:auto}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files{padding:0}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files__item{margin:0}[_nghost-%COMP%]  .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}"], changeDetection: 0 }); }
+        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.NgClass, i3.NgIf, i4.DrDotFlashingComponent, i5.DrChatDroppedFilesComponent, i3.AsyncPipe], styles: ["[_nghost-%COMP%] {--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}[_nghost-%COMP%]  .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%]  .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}[_nghost-%COMP%]  .message-row__input .abort-button, [_nghost-%COMP%]  .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%]  .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}[_nghost-%COMP%]  .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}[_nghost-%COMP%]  .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}[_nghost-%COMP%]  .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}[_nghost-%COMP%]  .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}[_nghost-%COMP%]  .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-size:14px;line-height:24px;font-weight:400}[_nghost-%COMP%]  .message-row__input textarea:focus{border:none}[_nghost-%COMP%]  .message-row__input textarea::placeholder{color:#9ea1aa}[_nghost-%COMP%]  .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}[_nghost-%COMP%]  .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}[_nghost-%COMP%]  dr-chat-dropped-files{margin-right:auto}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files{padding:0}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files__item{margin:0}[_nghost-%COMP%]  .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatFormDropdownComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat-form-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isUploadingFiles }\">\n    <div\n        class=\"message-row__input\"\n        [ngClass]=\"{\n            'message-row__input--focused': inputFocus,\n            'message-row__input--filled': !!message?.trim()?.length || !!(droppedFiles$ | async).length,\n        }\">\n        <dr-chat-dropped-files\n            *ngIf=\"(droppedFiles$ | async).length\"\n            [files]=\"droppedFiles$ | async\"\n            [isRemovable]=\"true\"\n            [maxLengthText]=\"15\"\n            (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n        <div class=\"message-row__input-textarea-wrap\">\n            <textarea\n                #textAreaElement\n                (focus)=\"inputFocus = true\"\n                (blur)=\"inputFocus = false\"\n                (mouseenter)=\"inputHover = true\"\n                (mouseleave)=\"inputHover = false\"\n                [(ngModel)]=\"message\"\n                [rows]=\"1\"\n                [style]=\"getTextAreaHeight(textAreaElement)\"\n                (ngModelChange)=\"onModelChange($event)\"\n                type=\"text\"\n                placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n                (keydown.enter)=\"sendMessage($event)\">\n            </textarea>\n        </div>\n        <div class=\"message-row__btns\">\n            <ng-content></ng-content>\n            <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n            <i *ngIf=\"!waitForReply\" (click)=\"sendMessage($event)\" class=\"dr-icon-send-arrow-up send-button\"></i>\n\n            <i *ngIf=\"waitForReply && !showDotFlashing\" class=\"dr-icon-stop abort-button\" (click)=\"abortMessage()\"></i>\n            <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n        </div>\n        <ng-content select=\"[dropItem]\"></ng-content>\n    </div>\n</div>\n", styles: [":host::ng-deep{--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}:host::ng-deep .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}:host::ng-deep .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}:host::ng-deep .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}:host::ng-deep .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}:host::ng-deep .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-family:Poppins,sans-serif;font-size:14px;line-height:22px}:host::ng-deep .message-row__input textarea:focus{border:none}:host::ng-deep .message-row__input textarea::placeholder{color:#9ea1aa}:host::ng-deep .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}:host::ng-deep .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}:host::ng-deep dr-chat-dropped-files{margin-right:auto}:host::ng-deep dr-chat-dropped-files .dropped-files{padding:0}:host::ng-deep dr-chat-dropped-files .dropped-files__item{margin:0}:host::ng-deep .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}\n"] }]
+        args: [{ selector: 'dr-chat-form-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isUploadingFiles }\">\n    <div\n        class=\"message-row__input\"\n        [ngClass]=\"{\n            'message-row__input--focused': inputFocus,\n            'message-row__input--filled': !!message?.trim()?.length || !!(droppedFiles$ | async).length,\n        }\">\n        <dr-chat-dropped-files\n            *ngIf=\"(droppedFiles$ | async).length\"\n            [files]=\"droppedFiles$ | async\"\n            [isRemovable]=\"true\"\n            [maxLengthText]=\"15\"\n            (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n        <div class=\"message-row__input-textarea-wrap\">\n            <textarea\n                #textAreaElement\n                (focus)=\"inputFocus = true\"\n                (blur)=\"inputFocus = false\"\n                (mouseenter)=\"inputHover = true\"\n                (mouseleave)=\"inputHover = false\"\n                [(ngModel)]=\"message\"\n                [rows]=\"1\"\n                [style]=\"getTextAreaHeight(textAreaElement)\"\n                (ngModelChange)=\"onModelChange($event)\"\n                type=\"text\"\n                placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n                (keydown.enter)=\"sendMessage($event)\">\n            </textarea>\n        </div>\n        <div class=\"message-row__btns\">\n            <ng-content></ng-content>\n            <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n            <i *ngIf=\"!waitForReply\" (click)=\"sendMessage($event)\" class=\"dr-icon-send-arrow-up send-button\"></i>\n\n            <i *ngIf=\"waitForReply && !showDotFlashing\" class=\"dr-icon-stop abort-button\" (click)=\"abortMessage()\"></i>\n            <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n        </div>\n        <ng-content select=\"[dropItem]\"></ng-content>\n    </div>\n</div>\n", styles: [":host::ng-deep{--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease;will-change:box-shadow}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}:host::ng-deep .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}:host::ng-deep .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}:host::ng-deep .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:32px}:host::ng-deep .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}:host::ng-deep .message-row__input textarea{color:#333;width:100%;outline:none;min-height:30px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px;font-size:14px;line-height:24px;font-weight:400}:host::ng-deep .message-row__input textarea:focus{border:none}:host::ng-deep .message-row__input textarea::placeholder{color:#9ea1aa}:host::ng-deep .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}:host::ng-deep .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}:host::ng-deep dr-chat-dropped-files{margin-right:auto}:host::ng-deep dr-chat-dropped-files .dropped-files{padding:0}:host::ng-deep dr-chat-dropped-files .dropped-files__item{margin:0}:host::ng-deep .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, { textAreaElementRef: [{
             type: ViewChild,
             args: ['textAreaElement']