@datarailsshared/datarailsshared 1.6.137 → 1.6.139

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/assets/styles/_storybook-styles.scss +2 -2
  2. package/assets/styles/mixins.scss +79 -96
  3. package/assets/styles/vars.scss +23 -21
  4. package/datarailsshared-datarailsshared-1.6.139.tgz +0 -0
  5. package/esm2022/lib/dr-accordion/accordion-item-header.component.mjs +3 -3
  6. package/esm2022/lib/dr-alert/dr-alert.component.mjs +2 -2
  7. package/esm2022/lib/dr-avatar/dr-avatar.component.mjs +2 -2
  8. package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs +2 -2
  9. package/esm2022/lib/dr-chat/chat.component.mjs +2 -2
  10. package/esm2022/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.mjs +2 -2
  11. package/esm2022/lib/dr-chat/dr-chat-dropped-files/dr-chat-dropped-files.component.mjs +2 -2
  12. package/esm2022/lib/dr-chat/dr-chat-form-dropdown/dr-chat-form-dropdown.component.mjs +2 -2
  13. package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs +2 -2
  14. package/esm2022/lib/dr-chip/dr-chip.component.mjs +2 -2
  15. package/esm2022/lib/dr-code-editor/dr-code-editor.component.mjs +2 -2
  16. package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs +2 -2
  17. package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs +2 -2
  18. package/esm2022/lib/dr-dropdown/dr-dropdown-item/dr-dropdown-item.component.mjs +2 -2
  19. package/esm2022/lib/dr-inputs/button/button.component.mjs +2 -2
  20. package/esm2022/lib/dr-inputs/checkbox/checkbox.component.mjs +2 -2
  21. package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-range/dr-date-picker-range.component.mjs +2 -2
  22. package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +2 -2
  23. package/esm2022/lib/dr-inputs/date-pickers/week-selector/week-selector.component.mjs +2 -2
  24. package/esm2022/lib/dr-inputs/dr-input/dr-input.component.mjs +2 -2
  25. package/esm2022/lib/dr-inputs/dr-link/dr-link.component.mjs +2 -2
  26. package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +2 -2
  27. package/esm2022/lib/dr-progress-bar/dr-progress-bar.component.mjs +2 -2
  28. package/esm2022/lib/dr-toastr/default-toastr/default-toastr.component.mjs +2 -2
  29. package/esm2022/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.mjs +2 -2
  30. package/esm2022/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.mjs +2 -2
  31. package/esm2022/lib/filter-dropdown/filter-dropdown.component.mjs +2 -2
  32. package/esm2022/lib/separate-table/separate-table.component.mjs +2 -2
  33. package/esm2022/lib/stepper/stepper.component.mjs +2 -2
  34. package/fesm2022/datarailsshared-datarailsshared.mjs +58 -58
  35. package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
  36. package/package.json +1 -1
  37. package/datarailsshared-datarailsshared-1.6.137.tgz +0 -0
package/assets/styles/_storybook-styles.scss CHANGED
@@ -27,11 +27,11 @@ body.sb-show-main {
27
27
  }
28
28
 
29
29
  font-family: $dr-primary-font-family;
30
- font-size: $dr-primary-font-size-x-small;
30
+ font-size: $dr-font-size-x-small;
31
31
  }
32
32
 
33
33
  .dr-badge-status-tooltip-test-style {
34
- font-weight: $dr-primary-font-weight-semi-bold;
34
+ font-weight: $dr-font-weight-semi-bold;
35
35
  text-transform: uppercase;
36
36
  text-decoration: underline;
37
37
  }
package/assets/styles/mixins.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  @import './vars';
2
2
 
3
3
  @mixin dr-primary-font(
4
- $fontSize: $dr-primary-font-size-x-small,
5
- $fontWeight: $dr-primary-font-weight-light,
6
- $line-height: $dr-primary-font-line-height-x-small
4
+ $fontSize: $dr-font-size-x-small,
5
+ $fontWeight: $dr-font-weight-regular,
6
+ $line-height: $dr-line-height-x-small
7
7
  ) {
8
8
  font-family: $dr-primary-font-family;
9
9
  font-style: normal;
@@ -21,97 +21,80 @@
21
21
  padding: $top $right $bottom $left;
22
22
  }
23
23
 
24
- @mixin dr-typography-caption() {
25
- font-family: $dr-primary-font-family;
26
- font-size: 12px;
27
- line-height: 20px;
28
- font-weight: 500;
29
- }
30
-
31
- @mixin dr-typography-caption-light() {
32
- @include dr-typography-caption();
33
- font-weight: 400;
34
- }
35
-
36
- @mixin dr-typography-caption-bold() {
37
- @include dr-typography-caption();
38
- font-weight: 600;
39
- }
40
-
41
- @mixin dr-typography-body() {
42
- font-family: $dr-primary-font-family;
43
- font-size: 14px;
44
- line-height: 22px;
45
- }
46
-
47
- @mixin dr-typography-body-large() {
48
- @include dr-typography-body();
49
- font-size: 16px;
50
- line-height: 24px;
51
- }
52
-
53
- @mixin dr-typography-body-x-large() {
54
- @include dr-typography-body();
55
- font-size: 18px;
56
- line-height: 27px;
57
- }
58
-
59
- @mixin dr-typography-subtitle() {
60
- font-family: $dr-primary-font-family;
61
- font-size: 14px;
62
- font-weight: 500;
63
- line-height: 21px;
64
- }
65
-
66
- @mixin dr-typography-subtitle-light() {
67
- @include dr-typography-subtitle();
68
- font-weight: 400;
69
- }
70
-
71
- @mixin dr-typography-subtitle-bold() {
72
- @include dr-typography-subtitle();
73
- font-weight: 600;
74
- }
75
-
76
- @mixin dr-typography-head() {
77
- font-family: $dr-primary-font-family;
78
- font-size: 16px;
79
- font-weight: 500;
80
- line-height: 24px;
81
- }
82
-
83
- @mixin dr-typography-head-bold() {
84
- @include dr-typography-head();
85
- font-weight: 600;
86
- }
87
-
88
- @mixin dr-typography-head-large() {
89
- font-family: $dr-primary-font-family;
90
- font-size: 18px;
91
- font-weight: 500;
92
- line-height: 24px;
93
- }
94
-
95
- @mixin dr-typography-head-large-bold() {
96
- @include dr-typography-head-large();
97
- font-weight: 600;
98
- }
99
-
100
- @mixin dr-typography-head-x-large() {
101
- font-family: $dr-primary-font-family;
102
- font-size: 20px;
103
- font-weight: 600;
104
- line-height: 28px;
105
- }
106
-
107
- @mixin dr-typography-head-xx-large() {
108
- @include dr-typography-head-x-large();
109
- font-size: 24px;
110
- line-height: 32px;
111
- }
112
-
113
- @mixin dr-typography-head-xxx-large() {
114
- @include dr-typography-head-x-large();
115
- font-size: 32px;
116
- line-height: normal;
24
+ @mixin dr-typography-caption-1() {
25
+ font-size: $dr-font-size-xx-small;
26
+ line-height: $dr-line-height-xx-small;
27
+ font-weight: $dr-font-weight-regular;
28
+ }
29
+ @mixin dr-typography-caption-2() {
30
+ font-size: $dr-font-size-xx-small;
31
+ line-height: $dr-line-height-xx-small;
32
+ font-weight: $dr-font-weight-medium;
33
+ }
34
+ @mixin dr-typography-caption-3() {
35
+ font-size: $dr-font-size-xx-small;
36
+ line-height: $dr-line-height-xx-small;
37
+ font-weight: $dr-font-weight-semi-bold;
38
+ }
39
+ @mixin dr-typography-body-1() {
40
+ font-size: $dr-font-size-x-small;
41
+ line-height: $dr-line-height-x-small;
42
+ font-weight: $dr-font-weight-regular;
43
+ }
44
+ @mixin dr-typography-body-2() {
45
+ font-size: $dr-font-size-small;
46
+ line-height: $dr-line-height-small;
47
+ font-weight: $dr-font-weight-regular;
48
+ }
49
+ @mixin dr-typography-body-3() {
50
+ font-size: $dr-font-size-medium;
51
+ line-height: $dr-line-height-medium;
52
+ font-weight: $dr-font-weight-regular;
53
+ }
54
+
55
+ @mixin dr-typography-subtitle-1() {
56
+ font-size: $dr-font-size-x-small;
57
+ line-height: $dr-line-height-x-small;
58
+ font-weight: $dr-font-weight-medium;
59
+ }
60
+ @mixin dr-typography-subtitle-2() {
61
+ font-size: $dr-font-size-x-small;
62
+ line-height: $dr-line-height-x-small;
63
+ font-weight: $dr-font-weight-semi-bold;
64
+ }
65
+
66
+ @mixin dr-typography-heading-1() {
67
+ font-size: $dr-font-size-small;
68
+ line-height: $dr-line-height-small;
69
+ font-weight: $dr-font-weight-medium;
70
+ }
71
+ @mixin dr-typography-heading-2() {
72
+ font-size: $dr-font-size-small;
73
+ line-height: $dr-line-height-small;
74
+ font-weight: $dr-font-weight-semi-bold;
75
+ }
76
+ @mixin dr-typography-heading-3() {
77
+ font-size: $dr-font-size-medium;
78
+ line-height: $dr-line-height-medium;
79
+ font-weight: $dr-font-weight-medium;
80
+ }
81
+ @mixin dr-typography-heading-4() {
82
+ font-size: $dr-font-size-medium;
83
+ line-height: $dr-line-height-medium;
84
+ font-weight: $dr-font-weight-semi-bold;
85
+ }
86
+ @mixin dr-typography-heading-5() {
87
+ font-size: $dr-font-size-large;
88
+ line-height: $dr-line-height-large;
89
+ font-weight: $dr-font-weight-semi-bold;
90
+ }
91
+ @mixin dr-typography-heading-6() {
92
+ font-size: $dr-font-size-x-large;
93
+ line-height: $dr-line-height-x-large;
94
+ font-weight: $dr-font-weight-semi-bold;
95
+ }
96
+ @mixin dr-typography-heading-7() {
97
+ font-size: $dr-font-size-xx-large;
98
+ line-height: $dr-line-height-xx-large;
99
+ font-weight: $dr-font-weight-semi-bold;
117
100
  }
package/assets/styles/vars.scss CHANGED
@@ -21,26 +21,28 @@ $dr-spacing-xxx-large: 56px;
21
21
  // DR font variables (family, weight, size, line-height)
22
22
  $dr-primary-font-family: 'Poppins', sans-serif;
23
23
 
24
- $dr-primary-font-weight-x-light: 300;
25
- $dr-primary-font-weight-light: 400;
26
- $dr-primary-font-weight-regular: 500;
27
- $dr-primary-font-weight-semi-bold: 600;
28
- $dr-primary-font-weight-bold: 700;
24
+ $dr-font-weight-thin: 250;
25
+ $dr-font-weight-extra-light: 275;
26
+ $dr-font-weight-light: 300;
27
+ $dr-font-weight-regular: 400;
28
+ $dr-font-weight-medium: 500;
29
+ $dr-font-weight-semi-bold: 600;
30
+ $dr-font-weight-bold: 700;
31
+ $dr-font-weight-extra-bold: 800;
32
+ $dr-font-weight-black: 900;
29
33
 
30
- $dr-primary-font-size-xxx-small: 10px;
31
- $dr-primary-font-size-xx-small: 12px;
32
- $dr-primary-font-size-x-small: 14px;
33
- $dr-primary-font-size-small: 16px;
34
- $dr-primary-font-size-medium: 18px;
35
- $dr-primary-font-size-large: 20px;
36
- $dr-primary-font-size-x-large: 24px;
37
- $dr-primary-font-size-xx-large: 32px;
34
+ $dr-font-size-xx-small: 12px;
35
+ $dr-font-size-x-small: 14px;
36
+ $dr-font-size-small: 16px;
37
+ $dr-font-size-medium: 18px;
38
+ $dr-font-size-large: 20px;
39
+ $dr-font-size-x-large: 24px;
40
+ $dr-font-size-xx-large: 32px;
38
41
 
39
- $dr-primary-font-line-height-xxx-small: 13px;
40
- $dr-primary-font-line-height-xx-small: 20px;
41
- $dr-primary-font-line-height-x-small: 22px;
42
- $dr-primary-font-line-height-small: 24px;
43
- $dr-primary-font-line-height-medium: 24px;
44
- $dr-primary-font-line-height-large: 28px;
45
- $dr-primary-font-line-height-x-large: 32px;
46
- $dr-primary-font-line-height-xx-large: 42px;
42
+ $dr-line-height-xx-small: 16px;
43
+ $dr-line-height-x-small: 24px;
44
+ $dr-line-height-small: 24px;
45
+ $dr-line-height-medium: 32px;
46
+ $dr-line-height-large: 32px;
47
+ $dr-line-height-x-large: 40px;
48
+ $dr-line-height-xx-large: 48px;
package/esm2022/lib/dr-accordion/accordion-item-header.component.mjs CHANGED
@@ -92,7 +92,7 @@ export class DrAccordionItemHeaderComponent {
92
92
  i0.ɵɵproperty("ngIf", ctx.icon);
93
93
  i0.ɵɵadvance(1);
94
94
  i0.ɵɵproperty("ngIf", !ctx.disabled);
95
- } }, 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: [
95
+ } }, 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: [
96
96
  trigger('expansionIndicator', [
97
97
  state('expanded', style({
98
98
  transform: 'rotate({{ rotationDegree }}deg)',
@@ -112,7 +112,7 @@ export class DrAccordionItemHeaderComponent {
112
112
  transition('collapsed => expanded', animate('100ms ease-in')),
113
113
  transition('expanded => collapsed', animate('100ms ease-out')),
114
114
  ]),
115
- ], 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"] }]
115
+ ], 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"] }]
116
116
  }], function () { return [{ type: i1.DrAccordionItemComponent, decorators: [{
117
117
  type: Host
118
118
  }] }, { type: i0.ChangeDetectorRef }]; }, { chevronOrientation: [{
@@ -151,4 +151,4 @@ export class DrAccordionItemHeaderComponent {
151
151
  type: HostListener,
152
152
  args: ['keydown.enter']
153
153
  }] }); })();
154
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDZHRFLG9CQUcrRjs7O0lBRDNGLDZEQUFpRDtJQUNqRCxzR0FBc0Y7Ozs7OztJQUMxRiw0QkFJc0I7SUFEbEIsb0tBQVMsOENBQXdCLDZCQUFzQixDQUFBLElBQUM7SUFDdEMsaUJBQUk7OztJQUh0QixzQ0FBMEI7SUFDMUIsd0lBQTJGOzs7O0FEaUMvRixNQUFNLE9BQU8sOEJBQThCO0lBUXZDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFB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T0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzs0QkFDRixTQUFTLEVBQUUsaUNBQWlDO3lCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7d0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt3QkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO3FCQUNqRSxDQUFDO2lCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFzRDFDLElBQUk7d0RBakRBLGtCQUFrQjtrQkFBMUIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFHRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsdUNBQXVDO1lBT2hELFFBQVE7a0JBRlgsV0FBVzttQkFBQyxzQ0FBc0M7O2tCQUNsRCxXQUFXO21CQUFDLG9CQUFvQjtZQU03QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsZUFBZTtZQU14QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsb0JBQW9CO1lBTXpCLEtBQUs7a0JBRFosV0FBVzttQkFBQyxPQUFPO1lBTXBCLE1BQU07a0JBSEwsWUFBWTttQkFBQyxPQUFPOztrQkFDcEIsWUFBWTttQkFBQyxlQUFlOztrQkFDNUIsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFREckFjY29yZGlvblRoZW1lIH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JyB8ICdsZWZ0JztcbmV4cG9ydCB0eXBlIFREckFjY29yZGlvbkNoZXZyb25PcmllbnRhdGlvbiA9ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2V4cGFuc2lvbkluZGljYXRvcicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoe3sgcm90YXRpb25EZWdyZWUgfX1kZWcpJyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogeyByb3RhdGlvbkRlZ3JlZTogJzE4MCcgfSB9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2NvbGxhcHNlZCA9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgQElucHV0KCkgY2hldnJvbk9yaWVudGF0aW9uOiBURHJBY2NvcmRpb25DaGV2cm9uT3JpZW50YXRpb24gPSAndmVydGljYWwnO1xuICAgIEBJbnB1dCgpIGNoZXZyb25Qb3NpdGlvbjogVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9nZ2xlT25DaGV2cm9uQ2xpY2sgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0taGVhZGVyLWNvbGxhcHNlZCcpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25JdGVtLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1leHBhbmRlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmJhYmxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHJpdmF0ZSB0aGVtZTogVERyQWNjb3JkaW9uVGhlbWU7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicpXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAodGhpcy50b2dnbGVPbkNoZXZyb25DbGljaykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS50b2dnbGUoKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hldnJvbkljb25DbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjaGV2cm9uUm90YXRpb25EZWdyZWU6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb25JdGVtOiBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICB0aGlzLnRoZW1lID0gYWNjb3JkaW9uSXRlbT8uYWNjb3JkaW9uPy50aGVtZSB8fCAncmVndWxhcic7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2QubWFya0ZvckNoZWNrKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb25JY29uQ2xhc3MgPSB0aGlzLmdldENoZXZyb25JY29uQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5jaGV2cm9uUm90YXRpb25EZWdyZWUgPSB0aGlzLmNoZXZyb25PcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDE4MCA6IDkwO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q2hldnJvbkljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgJ2V4cGFuc2lvbi1pbmRpY2F0b3IgJyArXG4gICAgICAgICAgICAodGhpcy5jaGV2cm9uT3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnZHItaWNvbi1hcnJvdy1kb3duJyA6ICdkci1pY29uLWFycm93LXJpZ2h0JykgK1xuICAgICAgICAgICAgYCBleHBhbnNpb24taW5kaWNhdG9yLS0ke3RoaXMuY2hldnJvblBvc2l0aW9ufWBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8aVxuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2NsYXNzXT1cIidkci1hY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbiAnICsgaWNvblwiXG4gICAgW2NsYXNzLmRyLWFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLS1hZGRpdGlvbmFsLXBhZGRpbmddPVwiY2hldnJvblBvc2l0aW9uID09PSAnbGVmdCdcIj48L2k+XG48aVxuICAgIFtjbGFzc109XCJjaGV2cm9uSWNvbkNsYXNzXCJcbiAgICBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJ7IHZhbHVlOiBzdGF0ZSwgcGFyYW1zOiB7IHJvdGF0aW9uRGVncmVlOiBjaGV2cm9uUm90YXRpb25EZWdyZWUgfSB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlT25DaGV2cm9uQ2xpY2sgJiYgYWNjb3JkaW9uSXRlbS50b2dnbGUoKVwiXG4gICAgKm5nSWY9XCIhZGlzYWJsZWRcIj48L2k+XG48bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLWFjY29yZGlvbi1pdGVtLWRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
154
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDZHRFLG9CQUcrRjs7O0lBRDNGLDZEQUFpRDtJQUNqRCxzR0FBc0Y7Ozs7OztJQUMxRiw0QkFJc0I7SUFEbEIsb0tBQVMsOENBQXdCLDZCQUFzQixDQUFBLElBQUM7SUFDdEMsaUJBQUk7OztJQUh0QixzQ0FBMEI7SUFDMUIsd0lBQTJGOzs7O0FEaUMvRixNQUFNLE9BQU8sOEJBQThCO0lBUXZDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1IsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDcEQsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDdkMsQ0FBQztJQVFELE1BQU07UUFDRixJQUFJLElBQUksQ0FBQyxvQkFBb0I7WUFBRSxPQUFPO1FBRXRDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQUksS0FBSztRQUNMLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNsQixPQUFPLFdBQVcsQ0FBQztTQUN0QjtRQUNELE9BQU8sVUFBVSxDQUFDO0lBQ3RCLENBQUM7SUFLRCxZQUNtQixhQUF1QyxFQUM5QyxFQUFxQjtRQURkLGtCQUFhLEdBQWIsYUFBYSxDQUEwQjtRQUM5QyxPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQXBEekIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFOUIsdUJBQWtCLEdBQW1DLFVBQVUsQ0FBQztRQUNoRSxvQkFBZSxHQUFnQyxPQUFPLENBQUM7UUFFdkQseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBaURsQyxJQUFJLENBQUMsS0FBSyxHQUFHLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFNBQVMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ2xILElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUNuRCxJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDbkYsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVPLG1CQUFtQjtRQUN2QixPQUFPLENBQ0gsc0JBQXNCO1lBQ3RCLENBQUMsSUFBSSxDQUFDLGtCQUFrQixLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDO1lBQ3ZGLHlCQUF5QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQ2xELENBQUM7SUFDTixDQUFDO2tIQTNFUSw4QkFBOEI7bUdBQTlCLDhCQUE4QjsrR0FBOUIsWUFBUSwwR0FBUixZQUFRLDBHQUFSLFlBQVE7Ozs7Ozs7WUN2Q3JCLDJFQUcrRjtZQUMvRiwyRUFJMEI7WUFDMUIsa0JBQTBEO1lBQzFELHFCQUFnRTtZQUNoRSxxQkFBeUI7O1lBVnBCLCtCQUFVO1lBT1YsZUFBZTtZQUFmLG9DQUFlO3l3QkRnQko7Z0JBQ1IsT0FBTyxDQUFDLG9CQUFvQixFQUFFO29CQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzt3QkFDRixTQUFTLEVBQUUsaUNBQWlDO3FCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7b0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztvQkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2lCQUNqRSxDQUFDO2FBQ0w7O3VGQUdRLDhCQUE4QjtjQW5CMUMsU0FBUzsyQkFDSSwwQkFBMEIsY0FHeEI7b0JBQ1IsT0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzs0QkFDRixTQUFTLEVBQUUsaUNBQWlDO3lCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7d0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt3QkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO3FCQUNqRSxDQUFDO2lCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFzRDFDLElBQUk7d0RBakRBLGtCQUFrQjtrQkFBMUIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFHRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsdUNBQXVDO1lBT2hELFFBQVE7a0JBRlgsV0FBVzttQkFBQyxzQ0FBc0M7O2tCQUNsRCxXQUFXO21CQUFDLG9CQUFvQjtZQU03QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsZUFBZTtZQU14QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsb0JBQW9CO1lBTXpCLEtBQUs7a0JBRFosV0FBVzttQkFBQyxPQUFPO1lBTXBCLE1BQU07a0JBSEwsWUFBWTttQkFBQyxPQUFPOztrQkFDcEIsWUFBWTttQkFBQyxlQUFlOztrQkFDNUIsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFREckFjY29yZGlvblRoZW1lIH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JyB8ICdsZWZ0JztcbmV4cG9ydCB0eXBlIFREckFjY29yZGlvbkNoZXZyb25PcmllbnRhdGlvbiA9ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2V4cGFuc2lvbkluZGljYXRvcicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoe3sgcm90YXRpb25EZWdyZWUgfX1kZWcpJyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogeyByb3RhdGlvbkRlZ3JlZTogJzE4MCcgfSB9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2NvbGxhcHNlZCA9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgQElucHV0KCkgY2hldnJvbk9yaWVudGF0aW9uOiBURHJBY2NvcmRpb25DaGV2cm9uT3JpZW50YXRpb24gPSAndmVydGljYWwnO1xuICAgIEBJbnB1dCgpIGNoZXZyb25Qb3NpdGlvbjogVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9nZ2xlT25DaGV2cm9uQ2xpY2sgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0taGVhZGVyLWNvbGxhcHNlZCcpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25JdGVtLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1leHBhbmRlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmJhYmxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHJpdmF0ZSB0aGVtZTogVERyQWNjb3JkaW9uVGhlbWU7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicpXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAodGhpcy50b2dnbGVPbkNoZXZyb25DbGljaykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS50b2dnbGUoKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hldnJvbkljb25DbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjaGV2cm9uUm90YXRpb25EZWdyZWU6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb25JdGVtOiBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICB0aGlzLnRoZW1lID0gYWNjb3JkaW9uSXRlbT8uYWNjb3JkaW9uPy50aGVtZSB8fCAncmVndWxhcic7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2QubWFya0ZvckNoZWNrKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb25JY29uQ2xhc3MgPSB0aGlzLmdldENoZXZyb25JY29uQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5jaGV2cm9uUm90YXRpb25EZWdyZWUgPSB0aGlzLmNoZXZyb25PcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDE4MCA6IDkwO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q2hldnJvbkljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgJ2V4cGFuc2lvbi1pbmRpY2F0b3IgJyArXG4gICAgICAgICAgICAodGhpcy5jaGV2cm9uT3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnZHItaWNvbi1hcnJvdy1kb3duJyA6ICdkci1pY29uLWFycm93LXJpZ2h0JykgK1xuICAgICAgICAgICAgYCBleHBhbnNpb24taW5kaWNhdG9yLS0ke3RoaXMuY2hldnJvblBvc2l0aW9ufWBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8aVxuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2NsYXNzXT1cIidkci1hY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbiAnICsgaWNvblwiXG4gICAgW2NsYXNzLmRyLWFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLS1hZGRpdGlvbmFsLXBhZGRpbmddPVwiY2hldnJvblBvc2l0aW9uID09PSAnbGVmdCdcIj48L2k+XG48aVxuICAgIFtjbGFzc109XCJjaGV2cm9uSWNvbkNsYXNzXCJcbiAgICBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJ7IHZhbHVlOiBzdGF0ZSwgcGFyYW1zOiB7IHJvdGF0aW9uRGVncmVlOiBjaGV2cm9uUm90YXRpb25EZWdyZWUgfSB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlT25DaGV2cm9uQ2xpY2sgJiYgYWNjb3JkaW9uSXRlbS50b2dnbGUoKVwiXG4gICAgKm5nSWY9XCIhZGlzYWJsZWRcIj48L2k+XG48bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLWFjY29yZGlvbi1pdGVtLWRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
package/esm2022/lib/dr-alert/dr-alert.component.mjs CHANGED
@@ -46,11 +46,11 @@ export class DrAlertComponent {
46
46
  i0.ɵɵclassMap("dr-alert__icon " + ctx.themeIconClass);
47
47
  i0.ɵɵadvance(1);
48
48
  i0.ɵɵproperty("ngIf", !_r1.innerHTML.trim());
49
- } }, 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 }); }
49
+ } }, 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 }); }
50
50
  }
51
51
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAlertComponent, [{
52
52
  type: Component,
53
- 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"] }]
53
+ 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"] }]
54
54
  }], null, { theme: [{
55
55
  type: Input
56
56
  }], customIconClass: [{
package/esm2022/lib/dr-avatar/dr-avatar.component.mjs CHANGED
@@ -114,11 +114,11 @@ export class DrAvatarComponent {
114
114
  i0.ɵɵproperty("ngForOf", ctx.getFirstUsers());
115
115
  i0.ɵɵadvance(1);
116
116
  i0.ɵɵproperty("ngIf", ctx.parsedUsers.length > ctx.USERS_TO_SHOW);
117
- } }, 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 }); }
117
+ } }, 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 }); }
118
118
  }
119
119
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAvatarComponent, [{
120
120
  type: Component,
121
- 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"] }]
121
+ 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"] }]
122
122
  }], null, { users: [{
123
123
  type: Input
124
124
  }], showUnassigned: [{
package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs CHANGED
@@ -34,11 +34,11 @@ export class DrBadgeStatusComponent {
34
34
  i0.ɵɵproperty("ngIf", ctx.icon);
35
35
  i0.ɵɵadvance(1);
36
36
  i0.ɵɵproperty("ngIf", ctx.label);
37
- } }, 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 }); }
37
+ } }, 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 }); }
38
38
  }
39
39
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrBadgeStatusComponent, [{
40
40
  type: Component,
41
- 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"] }]
41
+ 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"] }]
42
42
  }], null, { theme: [{
43
43
  type: Input
44
44
  }], icon: [{
package/esm2022/lib/dr-chat/chat.component.mjs CHANGED
@@ -187,11 +187,11 @@ export class DrChatComponent {
187
187
  i0.ɵɵproperty("ngIf", ctx.messages == null ? null : ctx.messages.length);
188
188
  i0.ɵɵadvance(1);
189
189
  i0.ɵɵproperty("ngIf", ctx.suggestions == null ? null : ctx.suggestions.length);
190
- } }, 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}"] }); }
190
+ } }, 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}"] }); }
191
191
  }
192
192
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatComponent, [{
193
193
  type: Component,
194
- 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"] }]
194
+ 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"] }]
195
195
  }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { fullScreen: [{
196
196
  type: Input
197
197
  }], noMessagesPlaceholder: [{
package/esm2022/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.mjs CHANGED
@@ -18,11 +18,11 @@ export class DrChatAlertComponent {
18
18
  i0.ɵɵelementEnd();
19
19
  } if (rf & 2) {
20
20
  i0.ɵɵclassMap(ctx.iconClass);
21
- } }, 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 }); }
21
+ } }, 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 }); }
22
22
  }
23
23
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatAlertComponent, [{
24
24
  type: Component,
25
- 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"] }]
25
+ 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"] }]
26
26
  }], null, { iconClass: [{
27
27
  type: Input
28
28
  }], close: [{
package/esm2022/lib/dr-chat/dr-chat-dropped-files/dr-chat-dropped-files.component.mjs CHANGED
@@ -48,11 +48,11 @@ export class DrChatDroppedFilesComponent {
48
48
  } if (rf & 2) {
49
49
  i0.ɵɵadvance(1);
50
50
  i0.ɵɵproperty("ngForOf", ctx.files);
51
- } }, 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 }); }
51
+ } }, 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 }); }
52
52
  }
53
53
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatDroppedFilesComponent, [{
54
54
  type: Component,
55
- 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"] }]
55
+ 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"] }]
56
56
  }], null, { files: [{
57
57
  type: Input
58
58
  }], isRemovable: [{
package/esm2022/lib/dr-chat/dr-chat-form-dropdown/dr-chat-form-dropdown.component.mjs CHANGED
@@ -244,11 +244,11 @@ export class DrChatFormDropdownComponent {
244
244
  i0.ɵɵproperty("ngIf", ctx.waitForReply && !ctx.showDotFlashing);
245
245
  i0.ɵɵadvance(1);
246
246
  i0.ɵɵproperty("ngIf", ctx.waitForReply && ctx.showDotFlashing);
247
- } }, 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 }); }
247
+ } }, 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 }); }
248
248
  }
249
249
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatFormDropdownComponent, [{
250
250
  type: Component,
251
- 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"] }]
251
+ 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"] }]
252
252
  }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, { textAreaElementRef: [{
253
253
  type: ViewChild,
254
254
  args: ['textAreaElement']
package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs CHANGED
@@ -165,11 +165,11 @@ export class DrChatSuggestionsComponent {
165
165
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
166
166
  i0.ɵɵadvance(2);
167
167
  i0.ɵɵproperty("ngIf", ctx.buttonMode)("ngIfElse", _r2);
168
- } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:flex-start;justify-content:center}[_nghost-%COMP%] .chat-suggestions[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:center;max-width:956px}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%]{justify-content:flex-start}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding-top:32px}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{padding-left:0}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%]{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{color:#4646ce;background:#f2f2fb}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:grid;align-items:center;justify-content:center}[_nghost-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]{display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
168
+ } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:flex-start;justify-content:center}[_nghost-%COMP%] .chat-suggestions[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:center;max-width:956px}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%]{justify-content:flex-start}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding-top:32px}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{padding-left:0}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%]{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{color:#4646ce;background:#f2f2fb}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:grid;align-items:center;justify-content:center}[_nghost-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;color:#25258c}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
169
169
  }
170
170
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatSuggestionsComponent, [{
171
171
  type: Component,
172
- args: [{ selector: 'dr-chat-suggestions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"chat-suggestions\"\n #suggestionsContainer\n [ngClass]=\"{\n 'chat-suggestions--three-cols': colsCount === 3,\n 'chat-suggestions--two-cols': colsCount === 2,\n 'chat-suggestions--one-col': colsCount === 1,\n 'chat-suggestions--button-mode': buttonMode\n }\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div\n class=\"chat-suggestions__container\"\n [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n *ngIf=\"visibleValues.length\">\n <dr-button theme=\"secondary\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n Suggested chats\n </dr-button>\n <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n <div\n class=\"chat-suggestions__items\"\n [ngClass]=\"{\n 'chat-suggestions__items--three-cols': colsCount === 3,\n 'chat-suggestions__items--two-cols': colsCount === 2,\n 'chat-suggestions__items--one-col': colsCount === 1\n }\">\n <div *ngFor=\"let item of visibleValues\" class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n", styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;justify-content:center;max-width:956px}:host .chat-suggestions--button-mode{justify-content:flex-start}:host .chat-suggestions--button-mode .chat-suggestions__items{padding-top:32px}:host .chat-suggestions--one-col{padding-left:0;grid-template-columns:repeat(1,300px)}:host .chat-suggestions--one-col .chat-suggestions__items{grid-template-columns:repeat(1,300px)}:host .chat-suggestions--two-cols{padding-left:0;grid-template-columns:repeat(2,300px)}:host .chat-suggestions--two-cols .chat-suggestions__items{grid-template-columns:repeat(2,300px)}:host .chat-suggestions--three-cols{padding-left:0;grid-template-columns:repeat(3,300px)}:host .chat-suggestions--three-cols .chat-suggestions__container{padding-left:0}:host .chat-suggestions--three-cols .chat-suggestions__items{grid-template-columns:repeat(3,300px)}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}:host .chat-suggestions__container__button{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}:host .chat-suggestions__container__button::ng-deep button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#f2f2fb}:host .chat-suggestions__container--opened .chat-suggestions__items{display:grid;align-items:center;justify-content:center}:host .chat-suggestions__items{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}:host .chat-suggestions__items__item{display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#eaeaff}\n"] }]
172
+ args: [{ selector: 'dr-chat-suggestions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"chat-suggestions\"\n #suggestionsContainer\n [ngClass]=\"{\n 'chat-suggestions--three-cols': colsCount === 3,\n 'chat-suggestions--two-cols': colsCount === 2,\n 'chat-suggestions--one-col': colsCount === 1,\n 'chat-suggestions--button-mode': buttonMode\n }\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div\n class=\"chat-suggestions__container\"\n [class.chat-suggestions__container--opened]=\"isSuggestedMenuOpen\"\n *ngIf=\"visibleValues.length\">\n <dr-button theme=\"secondary\" class=\"chat-suggestions__container__button\" (click)=\"toggleSuggestedMenu()\">\n Suggested chats\n </dr-button>\n <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n <div\n class=\"chat-suggestions__items\"\n [ngClass]=\"{\n 'chat-suggestions__items--three-cols': colsCount === 3,\n 'chat-suggestions__items--two-cols': colsCount === 2,\n 'chat-suggestions__items--one-col': colsCount === 1\n }\">\n <div *ngFor=\"let item of visibleValues\" class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n", styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;justify-content:center;max-width:956px}:host .chat-suggestions--button-mode{justify-content:flex-start}:host .chat-suggestions--button-mode .chat-suggestions__items{padding-top:32px}:host .chat-suggestions--one-col{padding-left:0;grid-template-columns:repeat(1,300px)}:host .chat-suggestions--one-col .chat-suggestions__items{grid-template-columns:repeat(1,300px)}:host .chat-suggestions--two-cols{padding-left:0;grid-template-columns:repeat(2,300px)}:host .chat-suggestions--two-cols .chat-suggestions__items{grid-template-columns:repeat(2,300px)}:host .chat-suggestions--three-cols{padding-left:0;grid-template-columns:repeat(3,300px)}:host .chat-suggestions--three-cols .chat-suggestions__container{padding-left:0}:host .chat-suggestions--three-cols .chat-suggestions__items{grid-template-columns:repeat(3,300px)}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}:host .chat-suggestions__container__button{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}:host .chat-suggestions__container__button::ng-deep button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}:host .chat-suggestions__container--opened{width:100%}:host .chat-suggestions__container--opened .chat-suggestions__container__button::ng-deep button{color:#4646ce;background:#f2f2fb}:host .chat-suggestions__container--opened .chat-suggestions__items{display:grid;align-items:center;justify-content:center}:host .chat-suggestions__items{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}:host .chat-suggestions__items__item{font-size:14px;line-height:24px;font-weight:400;display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#eaeaff}\n"] }]
173
173
  }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { values: [{
174
174
  type: Input
175
175
  }], fullScreen: [{