npm - @datarailsshared/datarailsshared - Versions diffs - 1.6.260 → 1.6.263 - Mend

@datarailsshared/datarailsshared 1.6.260 → 1.6.263

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 (29) hide show

package/fesm2022/datarailsshared-datarailsshared.mjs CHANGED Viewed

@@ -698,7 +698,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
-const _c0$X = ["*"];
+const _c0$11 = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -706,7 +706,7 @@ class TooltipDefaultComponent {
     /** @nocollapse */ static { this.ɵfac = function TooltipDefaultComponent_Factory(t) { return new (t || TooltipDefaultComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipDefaultComponent, selectors: [["dr-tooltip-default"]], hostVars: 2, hostBindings: function TooltipDefaultComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$X, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$11, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "span", 0);
             i0.ɵɵprojection(1);
@@ -726,7 +726,7 @@ class TooltipDefaultComponent {
             args: ['class']
         }] }); })();
-const _c0$W = ["container"];
+const _c0$10 = ["container"];
 class TooltipCustomComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -757,7 +757,7 @@ class TooltipCustomComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function TooltipCustomComponent_Factory(t) { return new (t || TooltipCustomComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipCustomComponent, selectors: [["dr-tooltip-custom"]], viewQuery: function TooltipCustomComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$W, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$10, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -818,7 +818,7 @@ function TooltipComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     const ctx_r5 = i0.ɵɵnextContext();
     i0.ɵɵproperty("content", ctx_r5.content)("theme", ctx_r5.theme);
 } }
-const _c0$V = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$$ = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -851,7 +851,7 @@ class TooltipComponent {
         } if (rf & 2) {
             const _r2 = i0.ɵɵreference(4);
             i0.ɵɵclassMap(ctx.position + " " + ctx.class + " " + ctx.theme);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$V, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$$, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -1208,8 +1208,8 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
-const _c0$U = ["prefix"];
-const _c1$m = ["suffix"];
+const _c0$_ = ["prefix"];
+const _c1$n = ["suffix"];
 const _c2$c = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -1421,8 +1421,8 @@ class DrInputComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrInputComponent_Factory(t) { return new (t || DrInputComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrInputComponent, selectors: [["dr-input"]], contentQueries: function DrInputComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$U, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$m, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$_, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$n, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefixIcon = _t.first);
@@ -1545,8 +1545,8 @@ class DrInputComponent {
             args: ['tabindex']
         }] }); })();
-const _c0$T = ["labelTemplate"];
-const _c1$l = ["multiLabelTemplate"];
+const _c0$Z = ["labelTemplate"];
+const _c1$m = ["multiLabelTemplate"];
 const _c2$b = ["optionTemplate"];
 const _c3$6 = ["optionHeaderTemplate"];
 const _c4$3 = ["optionFooterTemplate"];
@@ -1807,8 +1807,8 @@ class DrSelectComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrSelectComponent_Factory(t) { return new (t || DrSelectComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrSelectComponent, selectors: [["dr-select"]], contentQueries: function DrSelectComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$T, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$l, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$Z, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$m, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$b, 5);
             i0.ɵɵcontentQuery(dirIndex, _c3$6, 5);
             i0.ɵɵcontentQuery(dirIndex, _c4$3, 5);
@@ -1876,7 +1876,7 @@ class DrSelectComponent {
             i0.ɵɵproperty("ngIf", ctx.notFoundTemplate);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.type === "search-input");
-        } }, dependencies: [i2.NgControlStatus, i2.NgModel, i1.NgIf, i1.NgTemplateOutlet, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgNotFoundTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, DrSpinnerDirective, DrInputComponent], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]   .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}  ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}  ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}  ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,   ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}  .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
+        } }, dependencies: [i2.NgControlStatus, i2.NgModel, i1.NgIf, i1.NgTemplateOutlet, i3.NgSelectComponent, i3.NgOptgroupTemplateDirective, i3.NgOptionTemplateDirective, i3.NgLabelTemplateDirective, i3.NgMultiLabelTemplateDirective, i3.NgHeaderTemplateDirective, i3.NgFooterTemplateDirective, i3.NgNotFoundTemplateDirective, i3.NgLoadingSpinnerTemplateDirective, DrSpinnerDirective, DrInputComponent], styles: ["[_nghost-%COMP%]{width:100%;height:32px;font-family:Poppins,sans-serif}.textView[_nghost-%COMP%] {width:auto}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}.textView[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, .textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}.textView[_nghost-%COMP%]  ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}.no-left-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.no-right-border-radius[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.no-right-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-right:none!important}.no-left-border[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{border-left:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}[_nghost-%COMP%]     ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}[_nghost-%COMP%]     ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}[_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value, [_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}[_nghost-%COMP%]     ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container, [_nghost-%COMP%]     ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}[_nghost-%COMP%]     ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label, [_nghost-%COMP%]     ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}.ng-invalid.ng-touched[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-color:#bf1d30}[_nghost-%COMP%]   .dr-select__loading[_ngcontent-%COMP%]{position:relative;height:32px;width:24px}.search-input[_nghost-%COMP%]{position:relative}.search-input[_nghost-%COMP%]   .search-icon[_ngcontent-%COMP%]{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container{border-radius:16px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}.search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-input input, .search-input[_nghost-%COMP%]  ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}  ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}  ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,   ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}  ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}  ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}  ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,   ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}  .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop[_ngcontent-%COMP%]{position:fixed;inset:0;overflow:hidden;pointer-events:none}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSelectComponent, [{
         type: Component,
@@ -1886,7 +1886,7 @@ class DrSelectComponent {
                         useExisting: DrSelectComponent,
                         multi: true,
                     },
-                ], template: "<ng-select\n    [(ngModel)]=\"selectedItem\"\n    [items]=\"items\"\n    [bindLabel]=\"bindLabel\"\n    [bindValue]=\"bindValue\"\n    [multiple]=\"multiple\"\n    [addTag]=\"addTag\"\n    [appendTo]=\"appendTo\"\n    [clearable]=\"clearable\"\n    [searchable]=\"searchable\"\n    [hideSelected]=\"hideSelected\"\n    [placeholder]=\"placeholder\"\n    [loading]=\"loading\"\n    [loadingText]=\"loadingText\"\n    [readonly]=\"readonly\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [disabled]=\"disabled\"\n    [labelForId]=\"id\"\n    [maxSelectedItems]=\"maxSelectedItems\"\n    [keyDownFn]=\"keyDownFn\"\n    [searchFn]=\"searchFn\"\n    [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n    [groupBy]=\"groupBy\"\n    [attr.autofocus]=\"autofocus\"\n    [selectOnTab]=\"selectOnTabKeyPress\"\n    [virtualScroll]=\"virtualScroll\"\n    [typeahead]=\"typeahead\"\n    (search)=\"search.emit($event)\"\n    (scrollToEnd)=\"scrollToEnd.emit($event)\"\n    (keydown.tab)=\"onTabKeypress($event)\"\n    [compareWith]=\"compareWith\"\n    (change)=\"onValueSelected(selectedItem)\"\n    (open)=\"open.emit($event); onDropdownOpen()\"\n    (close)=\"onClose($event)\"\n    class=\"dr-select\"\n    [class.ng-select--no-value-padding]=\"noValuePadding\"\n    [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n    #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template\n        ng-header-tmp\n        *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n        let-item=\"item\">\n        <dr-input\n            class=\"dr-select__search\"\n            [ngModel]=\"selectComponent.searchTerm\"\n            (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n            type=\"search\">\n        </dr-input>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n        </ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container\n            [ngTemplateOutlet]=\"optionFooterTemplate\"\n            [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp>\n        <div\n            *ngIf=\"loading\"\n            class=\"dr-select__loading\"\n            [drSpinner]=\"loading\"\n            [drSpinnerType]=\"'circle'\"\n            [drSpinnerSize]=\"'small'\"\n            [drSpinnerNoOverlay]=\"true\"></div>\n    </ng-template>\n    <ng-template *ngIf=\"notFoundTemplate\" ng-notfound-tmp>\n        <ng-container [ngTemplateOutlet]=\"notFoundTemplate\"></ng-container>\n    </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:\"\\ea73\";font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
+                ], template: "<ng-select\n    [(ngModel)]=\"selectedItem\"\n    [items]=\"items\"\n    [bindLabel]=\"bindLabel\"\n    [bindValue]=\"bindValue\"\n    [multiple]=\"multiple\"\n    [addTag]=\"addTag\"\n    [appendTo]=\"appendTo\"\n    [clearable]=\"clearable\"\n    [searchable]=\"searchable\"\n    [hideSelected]=\"hideSelected\"\n    [placeholder]=\"placeholder\"\n    [loading]=\"loading\"\n    [loadingText]=\"loadingText\"\n    [readonly]=\"readonly\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [disabled]=\"disabled\"\n    [labelForId]=\"id\"\n    [maxSelectedItems]=\"maxSelectedItems\"\n    [keyDownFn]=\"keyDownFn\"\n    [searchFn]=\"searchFn\"\n    [isOpen]=\"(type !== 'search-input' || !!selectComponent.searchTerm?.length) && isOpen\"\n    [groupBy]=\"groupBy\"\n    [attr.autofocus]=\"autofocus\"\n    [selectOnTab]=\"selectOnTabKeyPress\"\n    [virtualScroll]=\"virtualScroll\"\n    [typeahead]=\"typeahead\"\n    (search)=\"search.emit($event)\"\n    (scrollToEnd)=\"scrollToEnd.emit($event)\"\n    (keydown.tab)=\"onTabKeypress($event)\"\n    [compareWith]=\"compareWith\"\n    (change)=\"onValueSelected(selectedItem)\"\n    (open)=\"open.emit($event); onDropdownOpen()\"\n    (close)=\"onClose($event)\"\n    class=\"dr-select\"\n    [class.ng-select--no-value-padding]=\"noValuePadding\"\n    [class.ng-select--multiple-height-increased]=\"multipleHeightIncreased\"\n    #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template\n        ng-header-tmp\n        *ngIf=\"!optionHeaderTemplate && isDisplayingSearchInHeader && items?.length >= minItemsToDisplaySearchInHeader\"\n        let-item=\"item\">\n        <dr-input\n            class=\"dr-select__search\"\n            [ngModel]=\"selectComponent.searchTerm\"\n            (ngModelChange)=\"selectComponent.itemsList.filter($event + '')\"\n            type=\"search\">\n        </dr-input>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{ item: item }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"multiLabelTemplate\" ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"multiLabelTemplate\" [ngTemplateOutletContext]=\"{ items: items, clear: clear }\">\n        </ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\" let-item$=\"item$\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{ item: item, item$: item$ }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\">{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container\n            [ngTemplateOutlet]=\"optionFooterTemplate\"\n            [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp>\n        <div\n            *ngIf=\"loading\"\n            class=\"dr-select__loading\"\n            [drSpinner]=\"loading\"\n            [drSpinnerType]=\"'circle'\"\n            [drSpinnerSize]=\"'small'\"\n            [drSpinnerNoOverlay]=\"true\"></div>\n    </ng-template>\n    <ng-template *ngIf=\"notFoundTemplate\" ng-notfound-tmp>\n        <ng-container [ngTemplateOutlet]=\"notFoundTemplate\"></ng-container>\n    </ng-template>\n</ng-select>\n<i *ngIf=\"type === 'search-input'\" class=\"search-icon dr-icon-search\"></i>\n", styles: [":host{width:100%;height:32px;font-family:Poppins,sans-serif}:host.textView::ng-deep{width:auto}:host.textView::ng-deep ng-select.ng-select .ng-select-container{border:none!important;cursor:pointer}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0;color:#4646ce}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-value-container:hover{text-decoration-line:underline}:host.textView::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#fff!important;border:none!important;cursor:default}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host.textView::ng-deep ng-select.ng-select.ng-select-disabled .ng-value-container:hover{text-decoration-line:none}:host.no-left-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-left-radius:0!important;border-top-left-radius:0!important}:host.no-right-border-radius ::ng-deep ng-select.ng-select .ng-select-container{border-bottom-right-radius:0!important;border-top-right-radius:0!important}:host.no-right-border ::ng-deep ng-select.ng-select .ng-select-container{border-right:none!important}:host.no-left-border ::ng-deep ng-select.ng-select .ng-select-container{border-left:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container{min-height:32px;height:32px;width:100%;border-radius:6px;border:1px solid #9ea1aa;box-shadow:none!important}:host ::ng-deep ng-select.ng-select .ng-select-container:hover{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container:focus-within{border-color:#4646ce}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input{font-size:14px;line-height:24px;font-weight:400;top:0!important;padding:0 50px 0 8px!important;color:#333}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-input input::placeholder{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;padding:0 0 0 8px;height:100%;overflow:auto}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 0 0 3px!important}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{margin-right:7px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border:none;width:auto;height:auto;display:flex;text-decoration-line:none;top:0}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:before{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f}:host ::ng-deep ng-select.ng-select.ng-select-opened .ng-select-container{border-radius:6px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container{max-height:58px;height:100%}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container{font-size:14px;line-height:24px;font-weight:400;max-height:58px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:12px;line-height:16px;font-weight:400;color:#333;height:24px;padding:2px 16px;margin:2px 4px 2px 0;background:#f0f1f4;display:flex;flex-direction:row-reverse;align-items:center;border-radius:12px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-label{padding:0!important}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon{border:none!important;padding:0!important;width:20px;display:flex;align-items:center;color:transparent;margin-left:4px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:before{font-family:DataRails!important;content:var(--dr-icon-exit, \"\\ea77\");font-size:20px;color:#333}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon,:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value-icon:hover{background:transparent!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within{background:#f0f1f4!important;border:1px solid #aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:hover .ng-value,:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container:focus-within .ng-value{color:#aeabac!important}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-arrow:before{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-disabled .ng-select-container .ng-input input::placeholder{color:#aeabac}:host ::ng-deep ng-select.ng-select.ng-select-single.ng-invalid.ng-touched .ng-select-container,:host ::ng-deep ng-select.ng-select.ng-select-multiple.ng-invalid.ng-touched .ng-select-container{border-color:#bf1d30}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container{max-height:88px}:host ::ng-deep ng-select.ng-select--multiple-height-increased.ng-select-multiple .ng-select-container .ng-value-container{max-height:88px}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value{padding:0}:host ::ng-deep ng-select.ng-select--no-value-padding .ng-select-container .ng-value-container .ng-value .ng-select-user-label,:host ::ng-deep ng-select.ng-select--no-value-padding.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-select-user-label{height:100%}:host.ng-invalid.ng-touched::ng-deep ng-select.ng-select .ng-select-container{border-color:#bf1d30}:host .dr-select__loading{position:relative;height:32px;width:24px}:host.search-input{position:relative}:host.search-input .search-icon{position:absolute;top:4px;right:16px;color:#6d6e6f;z-index:1001}:host.search-input::ng-deep ng-select.ng-select .ng-select-container{border-radius:16px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-arrow-wrapper{display:none!important}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper{display:flex;justify-content:center;align-items:center;right:40px;top:1px;width:24px;height:24px}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-clear-wrapper .ng-clear{font-size:24px;font-weight:300;color:#6d6e6f}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding:0 0 0 16px!important;width:calc(100% - 63px)}:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-input input,:host.search-input::ng-deep ng-select.ng-select .ng-select-container .ng-value-container input{height:100%}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select{font-family:Poppins,sans-serif;border:1px solid #dfe0e3;border-radius:4px!important;margin:8px 0;box-shadow:0 4px 8px 1px #00000040;background-color:#fff;overflow:hidden;padding:8px 0}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.textView{width:auto!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option:empty{display:none}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option{display:flex;align-items:center;min-height:36px;padding:8px 12px;font-size:14px;line-height:22px;background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option>.ng-option-label{text-overflow:ellipsis;overflow:hidden}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-marked{background:#f5f5f5}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background:#eaeaff;color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected span,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked span{font-weight:400!important}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled{cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled>div.dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#aeabac}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]{font-size:14px;line-height:22px;color:#aeabac;cursor:default}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:not(:first-of-type){border-top:1px solid #dfe0e3}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .ng-dropdown-panel-items .ng-option.ng-option-disabled[role=group]:hover{background:#fff}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper{color:#333}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{max-width:-moz-fit-content;max-width:fit-content;word-break:break-word;white-space:normal;color:#6d6e6f;font-weight:400;font-size:12px;line-height:20px}::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description,::ng-deep ng-dropdown-panel.ng-dropdown-panel.dr-select.ng-option-selected.ng-option-marked .dr-select__option-with-desc__wrapper .dr-select__option-with-desc__description{color:#6d6e6f}::ng-deep .ng-dropdown-panel--with-search .ng-dropdown-header{border-bottom:none}.custom-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}\n"] }]
     }], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { type: [{
             type: Input
         }, {
@@ -2017,8 +2017,8 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
-const _c0$S = ["class", "component"];
-const _c1$k = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$Y = ["class", "component"];
+const _c1$l = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
 function DrDatePickerCustomHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14);
@@ -2028,7 +2028,7 @@ function DrDatePickerCustomHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) {
 } if (rf & 2) {
     const tag_r5 = ctx.$implicit;
     const ctx_r4 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$k, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$l, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", tag_r5.label, " ");
 } }
@@ -2304,7 +2304,7 @@ class DrDatePickerCustomHeaderComponent {
         calendar.insertBefore(selector.location.nativeElement, calendar.firstChild);
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerCustomHeaderComponent_Factory(t) { return new (t || DrDatePickerCustomHeaderComponent)(i0.ɵɵdirectiveInject(i6.MatCalendar), i0.ɵɵdirectiveInject(i1$3.DateAdapter), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], attrs: _c0$S, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrDatePickerCustomHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], attrs: _c0$Y, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrDatePickerCustomHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrDatePickerCustomHeaderComponent_div_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrDatePickerCustomHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -2392,7 +2392,7 @@ function DrButtonComponent_i_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap(ctx_r2.iconAfter);
     i0.ɵɵstyleProp("font-size", ctx_r2.iconAfterSize)("color", ctx_r2.iconAfterColor || "inherit");
 } }
-const _c0$R = ["*"];
+const _c0$X = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -2406,7 +2406,7 @@ class DrButtonComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrButtonComponent, selectors: [["dr-button"]], hostVars: 12, hostBindings: function DrButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("with-icon", ctx.icon)("with-icon-after", ctx.iconAfter)("disabled", ctx.disabled)("loading", ctx.isLoading)("active", ctx.isActive);
-        } }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$R, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$X, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵtemplate(1, DrButtonComponent_i_1_Template, 1, 6, "i", 1);
@@ -2515,7 +2515,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
-const _c0$Q = ["datePicker"];
+const _c0$W = ["datePicker"];
 function DrDatePickerComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -2883,7 +2883,7 @@ class DrDatePickerComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerComponent_Factory(t) { return new (t || DrDatePickerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.DateAdapter), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerComponent, selectors: [["dr-date-picker"]], viewQuery: function DrDatePickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$Q, 5);
+            i0.ɵɵviewQuery(_c0$W, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -2907,7 +2907,7 @@ class DrDatePickerComponent {
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 3, ctx.datePickerService.timeframe$) === "week");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.datePickerService.timeframe$) !== "week");
-        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i1.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, DrDatePickerFormatDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}", ".mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,   .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}"], changeDetection: 0 }); }
+        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i1.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, DrDatePickerFormatDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}", ".mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,   .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}  .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}  .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,   .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerComponent, [{
         type: Component,
@@ -2916,7 +2916,7 @@ class DrDatePickerComponent {
                     { provide: DateAdapter, useClass: CustomDateAdapter },
                     { provide: MAT_DATE_RANGE_SELECTION_STRATEGY, useClass: WeekSelectionStrategy },
                     DrDatePickerService,
-                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n", "::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}\n"] }]
+                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n", "::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme{background-color:#0c142b;color:#fff;border-radius:12px}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-label{visibility:hidden}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell-content,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-table-header th{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#373c4c}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border:none;background-color:#1d1d6d;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .dr-quarterly-datepicker .quarter-selector:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#373c4c;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks__container{color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background-color:#4646ce!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme.dr-week-datepicker .weeks .btn:hover{background:#373c4c!important;color:#fff!important}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-selected{background-color:#4646ce;color:#fff}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging:hover{background-color:transparent}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left{color:#aeabac}::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-right:hover,::ng-deep .mat-datepicker-popup .dr-datepicker-dark-theme dr-date-picker_custom-header .dr-date-paging>.dr-icon-arrow-left:hover{background:#373c4c;border-radius:12px;cursor:pointer}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$3.DateAdapter }, { type: DrDatePickerService }]; }, { id: [{
             type: Input
         }], hostId: [{
@@ -4090,7 +4090,7 @@ class ListTagComponent {
             type: Output
         }] }); })();
-const _c0$P = ["dynamicInputRef"];
+const _c0$V = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
@@ -4198,7 +4198,7 @@ class DrSelectAddItemComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrSelectAddItemComponent_Factory(t) { return new (t || DrSelectAddItemComponent)(i0.ɵɵdirectiveInject(DrSelectComponent)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrSelectAddItemComponent, selectors: [["dr-select-add-item"]], viewQuery: function DrSelectAddItemComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$P, 5);
+            i0.ɵɵviewQuery(_c0$V, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -4687,7 +4687,7 @@ class DrTagComponent {
             type: Output
         }] }); })();
-const _c0$O = ["*"];
+const _c0$U = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -4741,7 +4741,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ])], ngContentSelectors: _c0$O, decls: 4, vars: 5, consts: [["type", "radio", 3, "name", "value", "ngModel", "disabled", "change", "ngModelChange", "click"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            ])], ngContentSelectors: _c0$U, decls: 4, vars: 5, consts: [["type", "radio", 3, "name", "value", "ngModel", "disabled", "change", "ngModelChange", "click"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "label")(1, "input", 0);
             i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_1_listener() { return ctx.valueChanged(ctx.value); })("ngModelChange", function RadioButtonComponent_Template_input_ngModelChange_1_listener($event) { return ctx.modelValue = $event; })("click", function RadioButtonComponent_Template_input_click_1_listener($event) { return ctx.toggleChange($event); });
@@ -4780,8 +4780,8 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
-const _c0$N = [[["dr-radio-button"]]];
-const _c1$j = ["dr-radio-button"];
+const _c0$T = [[["dr-radio-button"]]];
+const _c1$k = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
         return this._value;
@@ -4920,8 +4920,8 @@ class RadioGroupComponent {
                     useExisting: forwardRef((() => RadioGroupComponent)),
                     multi: true,
                 },
-            ])], ngContentSelectors: _c1$j, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$N);
+            ])], ngContentSelectors: _c1$k, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$T);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -4958,8 +4958,8 @@ class RadioGroupComponent {
             type: Output
         }] }); })();
-const _c0$M = ["checkboxContent"];
-const _c1$i = ["*"];
+const _c0$S = ["checkboxContent"];
+const _c1$j = ["*"];
 class CheckboxComponent {
     get indeterminate() {
         return this._indeterminate;
@@ -5009,7 +5009,7 @@ class CheckboxComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function CheckboxComponent_Factory(t) { return new (t || CheckboxComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CheckboxComponent, selectors: [["dr-checkbox"]], viewQuery: function CheckboxComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$M, 5);
+            i0.ɵɵviewQuery(_c0$S, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -5017,7 +5017,7 @@ class CheckboxComponent {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("disabled", ctx.disabled)("text-nowrap", ctx.textNowrap);
-        } }, inputs: { id: "id", checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$i, decls: 5, vars: 9, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { id: "id", checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$j, decls: 5, vars: 9, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "label")(1, "input", 0);
             i0.ɵɵlistener("change", function CheckboxComponent_Template_input_change_1_listener($event) { return ctx.setValue($event); })("click", function CheckboxComponent_Template_input_click_1_listener($event) { return $event.stopPropagation(); });
@@ -5071,7 +5071,7 @@ class CheckboxComponent {
             args: ['checkboxContent']
         }] }); })();
-const _c0$L = ["*"];
+const _c0$R = ["*"];
 var LinkTheme;
 (function (LinkTheme) {
     LinkTheme["DEFAULT"] = "DEFAULT";
@@ -5087,7 +5087,7 @@ class DrLinkComponent {
         this.theme = LinkTheme.DEFAULT;
     }
     /** @nocollapse */ static { this.ɵfac = function DrLinkComponent_Factory(t) { return new (t || DrLinkComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLinkComponent, selectors: [["dr-link"]], inputs: { link: "link", fontSize: "fontSize", fontWeight: "fontWeight", theme: "theme" }, ngContentSelectors: _c0$L, decls: 2, vars: 7, consts: [[1, "dr-link", 3, "href"]], template: function DrLinkComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLinkComponent, selectors: [["dr-link"]], inputs: { link: "link", fontSize: "fontSize", fontWeight: "fontWeight", theme: "theme" }, ngContentSelectors: _c0$R, decls: 2, vars: 7, consts: [[1, "dr-link", 3, "href"]], template: function DrLinkComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "a", 0);
             i0.ɵɵprojection(1);
@@ -5112,8 +5112,8 @@ class DrLinkComponent {
             type: Input
         }] }); })();
-const _c0$K = ["class", "component"];
-const _c1$h = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$Q = ["class", "component"];
+const _c1$i = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
 function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14);
@@ -5123,7 +5123,7 @@ function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_div_2_Template(rf, ctx
 } if (rf & 2) {
     const tag_r5 = ctx.$implicit;
     const ctx_r4 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$h, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$i, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", tag_r5.label, " ");
 } }
@@ -5215,7 +5215,7 @@ class DrFiscalMonthCalendarHeaderComponent extends DrDatePickerCustomHeaderCompo
         });
     }
     /** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory; return function DrFiscalMonthCalendarHeaderComponent_Factory(t) { return (ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory || (ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrFiscalMonthCalendarHeaderComponent)))(t || DrFiscalMonthCalendarHeaderComponent); }; }(); }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFiscalMonthCalendarHeaderComponent, selectors: [["dr-fiscal-month-calendar-header", 8, "component"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$K, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFiscalMonthCalendarHeaderComponent, selectors: [["dr-fiscal-month-calendar-header", 8, "component"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$Q, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrFiscalMonthCalendarHeaderComponent_div_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrFiscalMonthCalendarHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -5395,7 +5395,7 @@ class DrFiscalMonthCalendarPickerComponent extends DrDatePickerComponent {
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 3, ctx.datePickerService.timeframe$) === "week");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.datePickerService.timeframe$) !== "week");
-        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i1.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, DrDatePickerFormatDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}"], changeDetection: 0 }); }
+        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.FormGroupDirective, i2.FormControlName, i1.NgIf, i6.MatDatepicker, i6.MatDatepickerInput, i6.MatDateRangeInput, i6.MatStartDate, i6.MatEndDate, i6.MatDateRangePicker, DrDatePickerFormatDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrFiscalMonthCalendarPickerComponent, [{
         type: Component,
@@ -5403,7 +5403,7 @@ class DrFiscalMonthCalendarPickerComponent extends DrDatePickerComponent {
                     { provide: NG_VALUE_ACCESSOR, useExisting: DrFiscalMonthCalendarPickerComponent, multi: true },
                     { provide: DateAdapter, useClass: FiscalMonthAdapter },
                     DrDatePickerService,
-                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n"] }]
+                ], template: "<i *ngIf=\"!useButton\" class=\"dr-icon-date\" (click)=\"datePicker.open()\"></i>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) === 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"input.value\"\n        (click)=\"datePicker.open()\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n\n    <mat-date-range-input [formGroup]=\"rangeForm\" [rangePicker]=\"datePicker\" [dateFilter]=\"dateFilter\" class=\"range-input\">\n        <input\n            matStartDate\n            #input\n            [drDatePickerFormat]=\"datePickerService.format$ | async\"\n            formControlName=\"start\"\n            (dateChange)=\"valueChangedInCalendar(rangeForm.value.start)\" />\n        <input matEndDate [drDatePickerFormat]=\"datePickerService.format$ | async\" formControlName=\"end\" />\n    </mat-date-range-input>\n\n    <mat-date-range-picker\n        #datePicker\n        [startAt]=\"_startAt\"\n        [panelClass]=\"'dr-week-datepicker' + (panelClass ? ' ' + panelClass : '')\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-date-range-picker>\n</ng-container>\n\n<ng-container *ngIf=\"(datePickerService.timeframe$ | async) !== 'week'\">\n    <input\n        [attr.id]=\"id\"\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [matDatepickerFilter]=\"dateFilter\"\n        [disabled]=\"disabled\"\n        [placeholder]=\"placeholder\"\n        [drDatePickerFormat]=\"datePickerService.format$ | async\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\"\n        [class.hidden-calendar-input]=\"useButton\" />\n\n    <dr-button\n        *ngIf=\"useButton\"\n        [icon]=\"'dr-icon-date'\"\n        [iconAfter]=\"iconAfterButton\"\n        (click)=\"datePicker.open()\"\n        class=\"datepicker-button\">\n        {{ buttonLabel || 'Select Date' }}\n    </dr-button>\n\n    <mat-datepicker\n        #datePicker\n        [panelClass]=\"panelClass\"\n        [startAt]=\"_startAt\"\n        [calendarHeaderComponent]=\"customHeader\"\n        (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n        (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n        (opened)=\"onOpen()\"\n        (closed)=\"onCLose()\">\n    </mat-datepicker>\n</ng-container>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}\n"] }]
     }], null, null); })();
 function DrDatePickerWithTimeframeComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
@@ -5434,7 +5434,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r4.isNextDateDisabled);
 } }
-const _c0$J = function (a0) { return { formattedValue: a0 }; };
+const _c0$P = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     set dateFormatConfig(value) {
         if (value) {
@@ -5623,14 +5623,14 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("drTooltip", ctx.datepickerTooltip)("drTooltipPosition", ctx.datepickerTooltipPosition)("drTooltipMousleaveTimeout", ctx.datepickerTooltipTimeout);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c0$J, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
+            i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c0$P, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngModel", i0.ɵɵpipeBind1(10, 16, ctx.displayValue$))("matDatepicker", _r5)("readonly", ctx.readonly)("min", ctx._min)("max", ctx._max);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", !ctx.disabled);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("calendarHeaderComponent", ctx.customHeader)("panelClass", ctx.combinedPanelClass);
-        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i1.NgIf, i1.NgTemplateOutlet, i6.MatDatepicker, i6.MatDatepickerInput, DrTooltipDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}[_nghost-%COMP%]{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}[_nghost-%COMP%]:after{visibility:hidden}.disabled[_nghost-%COMP%]{border:none;padding:0 28px;background:transparent}.disabled[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]{cursor:default;color:#aeabac}.disabled[_nghost-%COMP%]   .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{text-decoration:none}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]:hover, [_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]:hover   .dr-icon-date[_ngcontent-%COMP%]{color:#333}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:100%}[_nghost-%COMP%]   .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]   .dr-icon-date[_ngcontent-%COMP%]{display:block;position:relative;left:unset}  .date-picker-preset-tag{width:386px!important}  .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input[_ngcontent-%COMP%]{width:100vw!important}  .date-picker-preset-tag{width:calc(100vw - 16px)!important}  .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}"], changeDetection: 0 }); }
+        } }, dependencies: [DrButtonComponent, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i1.NgIf, i1.NgTemplateOutlet, i6.MatDatepicker, i6.MatDatepickerInput, DrTooltipDirective, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}.use-button-picker[_nghost-%COMP%]{border:none}[_nghost-%COMP%]:hover{border-color:#9ea1aa}.active[_nghost-%COMP%], [_nghost-%COMP%]:focus-within{border-color:#4646ce!important;color:#333}.disabled[_nghost-%COMP%]{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}.disabled[_nghost-%COMP%]:after{color:#aeabac}.ng-valid.ng-dirty[_nghost-%COMP%]{border-color:#037c5a}.ng-invalid.ng-dirty[_nghost-%COMP%]:not(:focus-within){border-color:#bf1d30!important}.ng-untouched.ng-valid[_nghost-%COMP%]{border-color:#9ea1aa}.use-button-picker[_nghost-%COMP%]:after{display:none}[_nghost-%COMP%]:not(.use-button-picker):after, [_nghost-%COMP%]:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}[_nghost-%COMP%]:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}[_nghost-%COMP%]   input.when-quarter[_ngcontent-%COMP%]{position:absolute;visibility:hidden}[_nghost-%COMP%]   input[_ngcontent-%COMP%]:disabled{border:none;color:#aeabac;background:transparent}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-decoration, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-cancel-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-button, [_nghost-%COMP%]   input[_ngcontent-%COMP%]::-webkit-search-results-decoration{-webkit-appearance:none}[_nghost-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}[_nghost-%COMP%]   input.hidden-calendar-input[_ngcontent-%COMP%]{width:0;height:0;padding:0}[_nghost-%COMP%]   .datepicker-button[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .range-input[_ngcontent-%COMP%]{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}  .mat-datepicker-popup .dr-week-datepicker{width:386px!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}  .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,   .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}  .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}  .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}  .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}  .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),   .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}  .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}  .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}  .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}  .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}  .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}  .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}  .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}  .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}  .mat-datepicker-popup .mat-calendar-content{display:flex}  .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}  .mat-datepicker-popup .mat-calendar-content mat-month-view,   .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,   .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}[_nghost-%COMP%]{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}[_nghost-%COMP%]:after{visibility:hidden}.disabled[_nghost-%COMP%]{border:none;padding:0 28px;background:transparent}.disabled[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]{cursor:default;color:#aeabac}.disabled[_nghost-%COMP%]   .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{text-decoration:none}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]:hover, [_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]:hover   .dr-icon-date[_ngcontent-%COMP%]{color:#333}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{visibility:hidden;position:absolute;width:100%}[_nghost-%COMP%]   .dr-datepicker-input-container__formatted-value-display[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}[_nghost-%COMP%]   .dr-datepicker-input-container[_ngcontent-%COMP%]   .dr-icon-date[_ngcontent-%COMP%]{display:block;position:relative;left:unset}  .date-picker-preset-tag{width:386px!important}  .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input[_ngcontent-%COMP%]{width:100vw!important}  .date-picker-preset-tag{width:calc(100vw - 16px)!important}  .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDatePickerWithTimeframeComponent, [{
         type: Component,
@@ -5638,7 +5638,7 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
                     { provide: NG_VALUE_ACCESSOR, useExisting: DrDatePickerWithTimeframeComponent, multi: true },
                     { provide: DateAdapter, useClass: CustomDateAdapter },
                     { provide: DrDatePickerService },
-                ], template: "<dr-button\n    [disabled]=\"isPrevDateDisabled\"\n    *ngIf=\"!disabled\"\n    theme=\"icon\"\n    icon=\"dr-icon-arrow-left\"\n    (click)=\"pagingClicked(false)\"></dr-button>\n<div\n    [drTooltip]=\"datepickerTooltip\"\n    [drTooltipPosition]=\"datepickerTooltipPosition\"\n    [drTooltipMousleaveTimeout]=\"datepickerTooltipTimeout\"\n    class=\"dr-datepicker-input-container\">\n    <i class=\"dr-icon-date\" (click)=\"datepickerInput.click()\"></i>\n\n    <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n        <ng-container\n            [ngTemplateOutlet]=\"formattedValueTmpl\"\n            [ngTemplateOutletContext]=\"{\n                formattedValue: displayedFormattedValue$ | async,\n            }\">\n        </ng-container>\n        <ng-template #formattedValueTmpl let-value=\"formattedValue\">\n            <span>\n                {{\n                    datePickerService.isUsingDateTagPresets && !!presetTagSelected\n                        ? presetTagSelected + ' (' + value + ')'\n                        : value\n                }}\n            </span>\n        </ng-template>\n    </div>\n    <input\n        #datepickerInput\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n</div>\n<dr-button\n    [disabled]=\"isNextDateDisabled\"\n    *ngIf=\"!disabled\"\n    theme=\"icon\"\n    icon=\"dr-icon-arrow-right\"\n    (click)=\"pagingClicked(true)\"></dr-button>\n\n<mat-datepicker\n    #datePicker\n    class=\"dr-timeframe-datepicker\"\n    [calendarHeaderComponent]=\"customHeader\"\n    (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n    (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n    (opened)=\"onOpen()\"\n    (closed)=\"onCLose()\"\n    [panelClass]=\"combinedPanelClass\">\n</mat-datepicker>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:\"\\ea17\";font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}:host{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}:host:after{visibility:hidden}:host.disabled{border:none;padding:0 28px;background:transparent}:host.disabled .dr-datepicker-input-container{cursor:default;color:#aeabac}:host.disabled .dr-datepicker-input-container__formatted-value-display{text-decoration:none}:host .dr-datepicker-input-container{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}:host .dr-datepicker-input-container:hover,:host .dr-datepicker-input-container:hover .dr-icon-date{color:#333}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}:host .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;left:unset}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input{width:100vw!important}::ng-deep .date-picker-preset-tag{width:calc(100vw - 16px)!important}::ng-deep .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}\n"] }]
+                ], template: "<dr-button\n    [disabled]=\"isPrevDateDisabled\"\n    *ngIf=\"!disabled\"\n    theme=\"icon\"\n    icon=\"dr-icon-arrow-left\"\n    (click)=\"pagingClicked(false)\"></dr-button>\n<div\n    [drTooltip]=\"datepickerTooltip\"\n    [drTooltipPosition]=\"datepickerTooltipPosition\"\n    [drTooltipMousleaveTimeout]=\"datepickerTooltipTimeout\"\n    class=\"dr-datepicker-input-container\">\n    <i class=\"dr-icon-date\" (click)=\"datepickerInput.click()\"></i>\n\n    <div class=\"dr-datepicker-input-container__formatted-value-display\" (click)=\"datepickerInput.click()\">\n        <ng-container\n            [ngTemplateOutlet]=\"formattedValueTmpl\"\n            [ngTemplateOutletContext]=\"{\n                formattedValue: displayedFormattedValue$ | async,\n            }\">\n        </ng-container>\n        <ng-template #formattedValueTmpl let-value=\"formattedValue\">\n            <span>\n                {{\n                    datePickerService.isUsingDateTagPresets && !!presetTagSelected\n                        ? presetTagSelected + ' (' + value + ')'\n                        : value\n                }}\n            </span>\n        </ng-template>\n    </div>\n    <input\n        #datepickerInput\n        [ngModel]=\"displayValue$ | async\"\n        (ngModelChange)=\"valueChangedInCalendar($event)\"\n        (click)=\"datePicker.open()\"\n        [matDatepicker]=\"datePicker\"\n        [readonly]=\"readonly\"\n        [min]=\"_min\"\n        [max]=\"_max\" />\n</div>\n<dr-button\n    [disabled]=\"isNextDateDisabled\"\n    *ngIf=\"!disabled\"\n    theme=\"icon\"\n    icon=\"dr-icon-arrow-right\"\n    (click)=\"pagingClicked(true)\"></dr-button>\n\n<mat-datepicker\n    #datePicker\n    class=\"dr-timeframe-datepicker\"\n    [calendarHeaderComponent]=\"customHeader\"\n    (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR, datePicker)\"\n    (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH, datePicker)\"\n    (opened)=\"onOpen()\"\n    (closed)=\"onCLose()\"\n    [panelClass]=\"combinedPanelClass\">\n</mat-datepicker>\n", styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:Poppins,sans-serif;background-color:#fff;border:1px solid #9ea1aa;border-radius:6px;color:#333;overflow:hidden;outline:none;cursor:pointer}:host.use-button-picker{border:none}:host:hover{border-color:#9ea1aa}:host.active,:host:focus-within{border-color:#4646ce!important;color:#333}:host.disabled{pointer-events:none;border:1px solid #aeabac;background:#f0f1f4;color:#aeabac}:host.disabled:after{color:#aeabac}:host.ng-valid.ng-dirty{border-color:#037c5a}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#bf1d30!important}:host.ng-untouched.ng-valid{border-color:#9ea1aa}:host.use-button-picker:after{display:none}:host:not(.use-button-picker):after,:host:not(.use-button-picker):before{position:absolute;display:flex;border-color:#6d6e6f transparent transparent;color:#6d6e6f}:host:not(.use-button-picker):after{font-family:DataRails!important;content:var(--dr-icon-arrow-down, \"\\ea18\");font-size:24px;color:#6d6e6f;top:0;bottom:0;right:8px;pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center}:host i{display:flex;align-items:center;position:absolute;color:#6d6e6f;left:8px;top:0;bottom:0}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#aeabac;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}:host input::placeholder{color:#6d6e6f;font-size:14px;line-height:18px}:host input.hidden-calendar-input{width:0;height:0;padding:0}:host .datepicker-button{width:100%}:host .range-input{position:absolute;height:0;width:0;bottom:0;left:0;z-index:-1}::ng-deep .mat-datepicker-popup .dr-week-datepicker{width:386px!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range:before{background:initial!important}::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-selected,::ng-deep .mat-datepicker-popup .dr-week-datepicker .mat-calendar-body-in-range .mat-calendar-body-cell-content{background:#f2f2fb!important;color:#4646ce!important;font-weight:600!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-popup .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-datepicker-popup .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),::ng-deep .mat-datepicker-popup .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:#fff}::ng-deep .mat-datepicker-popup .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-datepicker-popup .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-datepicker-popup .mat-button-focus-overlay{background:#f5f5f5}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f5f5f5;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-controls .mat-calendar-period-button:hover{background:#f5f5f5;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-datepicker-popup .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#333}::ng-deep .mat-datepicker-popup .mat-calendar-table-header-divider{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-body-label{color:#fff;padding:0}::ng-deep .mat-datepicker-popup .mat-calendar-body>tr[aria-hidden=true]>.mat-calendar-body-label{display:none}::ng-deep .mat-datepicker-popup .mat-calendar-content{display:flex}::ng-deep .mat-datepicker-popup .mat-calendar-content dr-week-selector{flex:0}::ng-deep .mat-datepicker-popup .mat-calendar-content mat-month-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-multi-year-view,::ng-deep .mat-datepicker-popup .mat-calendar-content mat-year-view{flex:1}:host{border:none;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;background:transparent}:host:after{visibility:hidden}:host.disabled{border:none;padding:0 28px;background:transparent}:host.disabled .dr-datepicker-input-container{cursor:default;color:#aeabac}:host.disabled .dr-datepicker-input-container__formatted-value-display{text-decoration:none}:host .dr-datepicker-input-container{display:flex;align-items:center;gap:4px;cursor:pointer;color:#6d6e6f;padding-right:4px}:host .dr-datepicker-input-container:hover,:host .dr-datepicker-input-container:hover .dr-icon-date{color:#333}:host .dr-datepicker-input-container input{visibility:hidden;position:absolute;width:100%}:host .dr-datepicker-input-container__formatted-value-display{font-size:14px;line-height:24px;font-weight:400;width:auto;text-decoration-line:underline}:host .dr-datepicker-input-container .dr-icon-date{display:block;position:relative;left:unset}::ng-deep .date-picker-preset-tag{width:386px!important}::ng-deep .date-picker-preset-tag .mat-calendar-content{padding-left:32px!important;padding-right:32px!important}@media screen and (max-width: 410px){.mat-datepicker-input{width:100vw!important}::ng-deep .date-picker-preset-tag{width:calc(100vw - 16px)!important}::ng-deep .date-picker-preset-tag .dr-datepicker-preset-date__tags{justify-content:center;margin-left:-32px;margin-right:-32px}}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$3.DateAdapter }, { type: DrDatePickerService }]; }, { dateFormatConfig: [{
             type: Input
         }], canSelectTimeframe: [{
@@ -5839,7 +5839,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$I = ["*"];
+const _c0$O = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -5884,7 +5884,7 @@ class DrToggleComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassMap(ctx.elementClass);
-        } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$I, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$O, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
             i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
@@ -6513,8 +6513,8 @@ class DateTimePickerComponent {
             type: Input
         }] }); })();
-const _c0$H = ["stepTextLabel"];
-const _c1$g = ["stepper"];
+const _c0$N = ["stepTextLabel"];
+const _c1$h = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
@@ -6739,12 +6739,12 @@ class StepperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function StepperComponent_Factory(t) { return new (t || StepperComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["dr-stepper"]], contentQueries: function StepperComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$H, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$N, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
         } }, viewQuery: function StepperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c1$g, 5, ElementRef);
+            i0.ɵɵviewQuery(_c1$h, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepper = _t.first);
@@ -6914,7 +6914,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$G = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$M = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -7070,7 +7070,7 @@ class DrChatFormComponent {
             const _r1 = i0.ɵɵreference(4);
             i0.ɵɵproperty("ngIf", ctx.droppedFiles == null ? null : ctx.droppedFiles.length);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$G, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$M, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
             i0.ɵɵadvance(1);
             i0.ɵɵstyleMap(ctx.getTextAreaHeight(_r1));
             i0.ɵɵpropertyInterpolate("placeholder", ctx.fileOver ? ctx.dropFilePlaceholder : ctx.messagePlaceholder);
@@ -7185,7 +7185,7 @@ function DrAvatarComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("width", ctx_r0.drAvatarSize || null)("height", ctx_r0.drAvatarSize || null);
 } }
-const _c0$F = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$L = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
 function DrAvatarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5);
@@ -7199,7 +7199,7 @@ function DrAvatarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(user_r5.status);
     i0.ɵɵstyleProp("width", ctx_r1.drAvatarSize || null)("height", ctx_r1.drAvatarSize || null)("background-color", ctx_r1.getAvatarColor(user_r5));
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c0$F, ctx_r1.showUnassigned && !user_r5.email, ctx_r1.drAvatarIsClickable))("drTooltip", i0.ɵɵpipeBind1(1, 13, user_r5))("drTooltipClass", ctx_r1.drAvatarTooltipClass)("drTooltipPosition", ctx_r1.drAvatarTooltipPosition);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c0$L, ctx_r1.showUnassigned && !user_r5.email, ctx_r1.drAvatarIsClickable))("drTooltip", i0.ɵɵpipeBind1(1, 13, user_r5))("drTooltipClass", ctx_r1.drAvatarTooltipClass)("drTooltipPosition", ctx_r1.drAvatarTooltipPosition);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 15, user_r5, "initials"), "\n");
 } }
@@ -7475,7 +7475,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
-const _c0$E = ["drChatMessageActions"];
+const _c0$K = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -7577,7 +7577,7 @@ class DrChatMessageComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatMessageComponent_Factory(t) { return new (t || DrChatMessageComponent)(i0.ɵɵdirectiveInject(DrChatCustomMessageService)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatMessageComponent, selectors: [["dr-chat-message"]], contentQueries: function DrChatMessageComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$E, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$K, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -7648,7 +7648,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
-const _c0$D = ["suggestionsContainer"];
+const _c0$J = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -7687,14 +7687,14 @@ function DrChatSuggestionsComponent_ng_template_3_div_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", item_r9, " ");
 } }
-const _c1$f = function (a0, a1, a2) { return { "chat-suggestions__items--three-cols": a0, "chat-suggestions__items--two-cols": a1, "chat-suggestions__items--one-col": a2 }; };
+const _c1$g = function (a0, a1, a2) { return { "chat-suggestions__items--three-cols": a0, "chat-suggestions__items--two-cols": a1, "chat-suggestions__items--one-col": a2 }; };
 function DrChatSuggestionsComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtemplate(1, DrChatSuggestionsComponent_ng_template_3_div_1_Template, 2, 1, "div", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1$f, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1$g, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r3.visibleValues);
 } }
@@ -7793,7 +7793,7 @@ class DrChatSuggestionsComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatSuggestionsComponent_Factory(t) { return new (t || DrChatSuggestionsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatSuggestionsComponent, selectors: [["dr-chat-suggestions"]], viewQuery: function DrChatSuggestionsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$D, 5);
+            i0.ɵɵviewQuery(_c0$J, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -7827,8 +7827,8 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
-const _c0$C = ["drChatHeader"];
-const _c1$e = ["drChatLoader"];
+const _c0$I = ["drChatHeader"];
+const _c1$f = ["drChatLoader"];
 const _c2$6 = ["drChatContent"];
 const _c3$4 = ["messagesContainer"];
 function DrChatComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
@@ -7964,8 +7964,8 @@ class DrChatComponent {
     /** @nocollapse */ static { this.ɵfac = function DrChatComponent_Factory(t) { return new (t || DrChatComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatComponent, selectors: [["dr-chat"]], contentQueries: function DrChatComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, DrChatFormComponent, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c0$C, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$e, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$I, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$f, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$6, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
         } if (rf & 2) {
@@ -8053,8 +8053,8 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
-const _c0$B = ["textAreaElement"];
-const _c1$d = ["fileInput"];
+const _c0$H = ["textAreaElement"];
+const _c1$e = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-chat-dropped-files", 12);
@@ -8286,8 +8286,8 @@ class DrChatFormDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatFormDropdownComponent_Factory(t) { return new (t || DrChatFormDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.DomSanitizer)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatFormDropdownComponent, selectors: [["dr-chat-form-dropdown"]], viewQuery: function DrChatFormDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$B, 5);
-            i0.ɵɵviewQuery(_c1$d, 5);
+            i0.ɵɵviewQuery(_c0$H, 5);
+            i0.ɵɵviewQuery(_c1$e, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textAreaElementRef = _t.first);
@@ -8435,14 +8435,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
-const _c0$A = ["*"];
+const _c0$G = ["*"];
 class DrChatAlertComponent {
     constructor() {
         this.iconClass = 'dr-icon-info';
         this.close = new EventEmitter();
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatAlertComponent_Factory(t) { return new (t || DrChatAlertComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatAlertComponent, selectors: [["dr-chat-alert"]], inputs: { iconClass: "iconClass" }, outputs: { close: "close" }, ngContentSelectors: _c0$A, decls: 3, vars: 2, consts: [["theme", "icon", "icon", "dr-icon-exit", "drTooltip", "Close", 1, "chat-alert-close-btn", 3, "click"]], template: function DrChatAlertComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatAlertComponent, selectors: [["dr-chat-alert"]], inputs: { iconClass: "iconClass" }, outputs: { close: "close" }, ngContentSelectors: _c0$G, decls: 3, vars: 2, consts: [["theme", "icon", "icon", "dr-icon-exit", "drTooltip", "Close", 1, "chat-alert-close-btn", 3, "click"]], template: function DrChatAlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "i");
             i0.ɵɵprojection(1);
@@ -8539,7 +8539,7 @@ function DrAlertComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r0.text);
 } }
-const _c0$z = ["*"];
+const _c0$F = ["*"];
 const ALERT_THEME_ICONS = {
     [DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
     [DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
@@ -8560,7 +8560,7 @@ class DrAlertComponent {
     /** @nocollapse */ static { this.ɵfac = function DrAlertComponent_Factory(t) { return new (t || DrAlertComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAlertComponent, selectors: [["dr-alert"]], hostVars: 2, hostBindings: function DrAlertComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.elementClass);
-        } }, inputs: { theme: "theme", customIconClass: "customIconClass", text: "text" }, ngContentSelectors: _c0$z, decls: 6, vars: 3, consts: [[1, "dr-alert__content-wrapper"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], [1, "dr-alert__text"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { theme: "theme", customIconClass: "customIconClass", text: "text" }, ngContentSelectors: _c0$F, decls: 6, vars: 3, consts: [[1, "dr-alert__content-wrapper"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], [1, "dr-alert__text"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "i");
@@ -8606,7 +8606,7 @@ class CodeEditorHintWrapperComponent {
             }]
     }], null, null); })();
-const _c0$y = ["ref"];
+const _c0$E = ["ref"];
 class DrCodemirrorComponent {
     set options(value) {
         this._options = value;
@@ -8736,7 +8736,7 @@ class DrCodemirrorComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrCodemirrorComponent_Factory(t) { return new (t || DrCodemirrorComponent)(i0.ɵɵdirectiveInject(i0.KeyValueDiffers), i0.ɵɵdirectiveInject(i0.NgZone)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCodemirrorComponent, selectors: [["dr-codemirror"]], viewQuery: function DrCodemirrorComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$y, 5);
+            i0.ɵɵviewQuery(_c0$E, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ref = _t.first);
@@ -8888,7 +8888,7 @@ class DrErrorComponent {
             args: ['class.no-icon']
         }] }); })();
-const _c0$x = ["codeEditor"];
+const _c0$D = ["codeEditor"];
 function DrCodeEditorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
     i0.ɵɵtext(1);
@@ -9167,7 +9167,7 @@ class DrCodeEditorComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrCodeEditorComponent_Factory(t) { return new (t || DrCodeEditorComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCodeEditorComponent, selectors: [["dr-code-editor"]], viewQuery: function DrCodeEditorComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$x, 5);
+            i0.ɵɵviewQuery(_c0$D, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
@@ -9935,7 +9935,7 @@ const getAlignmentDimension = (position) => {
     return DrPopoverAlignmentDimension.Width;
 };
-const _c0$w = ["popoverContainer"];
+const _c0$C = ["popoverContainer"];
 function DrPopoverComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -10025,7 +10025,7 @@ class DrPopoverComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrPopoverComponent_Factory(t) { return new (t || DrPopoverComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(DrPopoverRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrPopoverComponent, selectors: [["dr-popover"]], viewQuery: function DrPopoverComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$w, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$C, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverContainer = _t.first);
@@ -10349,7 +10349,7 @@ var __decorate$1 = (this && this.__decorate) || function (decorators, target, ke
 var __metadata$1 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const _c0$v = ["menuContainer"];
+const _c0$B = ["menuContainer"];
 function DrDropdownComponent_dr_dropdown_item_4_ng_container_1_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 11);
 } if (rf & 2) {
@@ -10399,12 +10399,12 @@ function DrDropdownComponent_dr_dropdown_item_4_ng_container_2_Template(rf, ctx)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r5.hasChildren(act_r2));
 } }
-const _c1$c = function (a0) { return { $implicit: a0 }; };
+const _c1$d = function (a0) { return { $implicit: a0 }; };
 function DrDropdownComponent_dr_dropdown_item_4_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 17);
 } if (rf & 2) {
     const act_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$c, act_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$d, act_r2));
 } }
 function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
@@ -10580,7 +10580,7 @@ class DrDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDropdownComponent_Factory(t) { return new (t || DrDropdownComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDropdownComponent, selectors: [["dr-dropdown"]], viewQuery: function DrDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$v, 7);
+            i0.ɵɵviewQuery(_c0$B, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
@@ -10819,8 +10819,8 @@ class DrDropdownChildDirective {
             }]
     }], null, null); })();
-const _c0$u = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
-const _c1$b = ["[dropdownItemContent]", "[dropdownItemActions]"];
+const _c0$A = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
+const _c1$c = ["[dropdownItemContent]", "[dropdownItemActions]"];
 class DrDropdownItemComponent {
     constructor() {
         this.role = 'option';
@@ -10828,8 +10828,8 @@ class DrDropdownItemComponent {
     /** @nocollapse */ static { this.ɵfac = function DrDropdownItemComponent_Factory(t) { return new (t || DrDropdownItemComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDropdownItemComponent, selectors: [["dr-dropdown-item"]], hostVars: 1, hostBindings: function DrDropdownItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role);
-        } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$b, decls: 5, vars: 6, consts: [[1, "dr-dropdown-item"], [1, "dr-dropdown-text"], [1, "dr-dropdown-actions"]], template: function DrDropdownItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$u);
+        } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$c, decls: 5, vars: 6, consts: [[1, "dr-dropdown-item"], [1, "dr-dropdown-text"], [1, "dr-dropdown-actions"]], template: function DrDropdownItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$A);
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -10871,7 +10871,7 @@ class DrDropdownItemShowPipe {
 function DrTabComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$t = ["*"];
+const _c0$z = ["*"];
 class DrTabComponent {
     constructor() { }
     ngOnInit() { }
@@ -10881,7 +10881,7 @@ class DrTabComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contentTemplate = _t.first);
-        } }, inputs: { id: "id", label: "label", icon: "icon", disabled: "disabled", tooltip: "tooltip", customLabelTemplate: "customLabelTemplate" }, ngContentSelectors: _c0$t, decls: 1, vars: 0, template: function DrTabComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { id: "id", label: "label", icon: "icon", disabled: "disabled", tooltip: "tooltip", customLabelTemplate: "customLabelTemplate" }, ngContentSelectors: _c0$z, decls: 1, vars: 0, template: function DrTabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrTabComponent_ng_template_0_Template, 1, 0, "ng-template");
         } }, encapsulation: 2 }); }
@@ -11156,8 +11156,8 @@ class DrTabsComponent {
             args: [DrTabComponent]
         }] }); })();
-const _c0$s = [[["dr-accordion-item"]]];
-const _c1$a = ["dr-accordion-item"];
+const _c0$y = [[["dr-accordion-item"]]];
+const _c1$b = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
         this.openCloseItems = new Subject();
@@ -11190,8 +11190,8 @@ class DrAccordionComponent {
     /** @nocollapse */ static { this.ɵfac = function DrAccordionComponent_Factory(t) { return new (t || DrAccordionComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], hostVars: 2, hostBindings: function DrAccordionComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$a, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$s);
+        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$b, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$y);
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
@@ -11208,8 +11208,8 @@ class DrAccordionComponent {
             args: ['class']
         }] }); })();
-const _c0$r = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
-const _c1$9 = ["dr-accordion-item-header", "dr-accordion-item-body"];
+const _c0$x = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
+const _c1$a = ["dr-accordion-item-header", "dr-accordion-item-body"];
 class DrAccordionItemComponent {
     /**
      * Item is collapse (`true` by default)
@@ -11309,8 +11309,8 @@ class DrAccordionItemComponent {
     /** @nocollapse */ static { this.ɵfac = function DrAccordionItemComponent_Factory(t) { return new (t || DrAccordionItemComponent)(i0.ɵɵdirectiveInject(DrAccordionComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemComponent, selectors: [["dr-accordion-item"]], hostVars: 6, hostBindings: function DrAccordionItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("collapsed", ctx.collapsed)("expanded", ctx.expanded)("disabled", ctx.disabled);
-        } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$9, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$r);
+        } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$a, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$x);
             i0.ɵɵprojection(0);
             i0.ɵɵprojection(1, 1);
         } }, styles: ["[_nghost-%COMP%]{background-color:#fff;color:#222b45;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}"], changeDetection: 0 }); }
@@ -11352,8 +11352,8 @@ function DrAccordionItemHeaderComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap("dr-accordion-item-header-icon " + ctx_r0.icon);
     i0.ɵɵclassProp("dr-accordion-item-header-icon--additional-padding", ctx_r0.chevronPosition === "left");
 } }
-const _c0$q = function (a0) { return { rotationDegree: a0 }; };
-const _c1$8 = function (a0, a1) { return { value: a0, params: a1 }; };
+const _c0$w = function (a0) { return { rotationDegree: a0 }; };
+const _c1$9 = function (a0, a1) { return { value: a0, params: a1 }; };
 function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -11362,7 +11362,7 @@ function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.chevronIconClass);
-    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$8, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$q, ctx_r1.chevronRotationDegree)));
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$9, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$w, ctx_r1.chevronRotationDegree)));
 } }
 const _c2$3 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
 const _c3$1 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
@@ -11491,8 +11491,8 @@ class DrAccordionItemHeaderComponent {
             args: ['keydown.enter']
         }] }); })();
-const _c0$p = function (a0) { return { value: a0 }; };
-const _c1$7 = ["*"];
+const _c0$v = function (a0) { return { value: a0 }; };
+const _c1$8 = ["*"];
 const accordionItemBodyTrigger = trigger('accordionItemBody', [
     state('collapsed', style({
         overflow: 'hidden',
@@ -11523,13 +11523,13 @@ class DrAccordionItemBodyComponent {
         this.destroy$.complete();
     }
     /** @nocollapse */ static { this.ɵfac = function DrAccordionItemBodyComponent_Factory(t) { return new (t || DrAccordionItemBodyComponent)(i0.ɵɵdirectiveInject(DrAccordionItemComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemBodyComponent, selectors: [["dr-accordion-item-body"]], ngContentSelectors: _c1$7, decls: 3, vars: 3, consts: [[1, "item-body"]], template: function DrAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemBodyComponent, selectors: [["dr-accordion-item-body"]], ngContentSelectors: _c1$8, decls: 3, vars: 3, consts: [[1, "item-body"]], template: function DrAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$p, ctx.state));
+            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$v, ctx.state));
         } }, styles: [".item-body[_ngcontent-%COMP%]{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}"], data: { animation: [accordionItemBodyTrigger] }, changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionItemBodyComponent, [{
@@ -11545,13 +11545,13 @@ class DrAccordionItemBodyComponent {
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, null); })();
-const _c0$o = [[["dr-layout-header"]], [["dr-layout-body"]]];
-const _c1$6 = ["dr-layout-header", "dr-layout-body"];
+const _c0$u = [[["dr-layout-header"]], [["dr-layout-body"]]];
+const _c1$7 = ["dr-layout-header", "dr-layout-body"];
 class DrLayoutComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutComponent_Factory(t) { return new (t || DrLayoutComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutComponent, selectors: [["dr-layout"]], ngContentSelectors: _c1$6, decls: 6, vars: 0, consts: [[1, "dr-layout"], [1, "dr-layout__container"], [1, "content"], [1, "columns"]], template: function DrLayoutComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$o);
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutComponent, selectors: [["dr-layout"]], ngContentSelectors: _c1$7, decls: 6, vars: 0, consts: [[1, "dr-layout"], [1, "dr-layout__container"], [1, "content"], [1, "columns"]], template: function DrLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$u);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
@@ -11564,11 +11564,11 @@ class DrLayoutComponent {
         args: [{ selector: 'dr-layout', template: "<div class=\"dr-layout\">\n    <ng-content select=\"dr-layout-header\"></ng-content>\n    <div class=\"dr-layout__container\">\n        <div class=\"content\">\n            <div class=\"columns\">\n                <ng-content select=\"dr-layout-body\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [":host{font-size:16px;font-weight:400;font-family:Poppins,sans-serif;line-height:1.25rem;-webkit-font-smoothing:antialiased}:host .dr-layout{display:flex;flex-direction:column;min-height:100vh;font-size:16px;font-weight:400;line-height:1.4rem}:host .dr-layout ::ng-deep dr-layout-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1040}:host .dr-layout ::ng-deep dr-layout-header nav{align-items:center;justify-content:flex-start;display:flex}:host .dr-layout__container{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}:host .dr-layout__container .content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}:host .dr-layout__container .content .columns{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}:host .dr-layout__container .content .columns ::ng-deep dr-layout-body{flex:1 0;min-width:0}\n"] }]
     }], function () { return []; }, null); })();
-const _c0$n = ["*"];
+const _c0$t = ["*"];
 class DrLayoutHeaderComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutHeaderComponent_Factory(t) { return new (t || DrLayoutHeaderComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutHeaderComponent, selectors: [["dr-layout-header"]], ngContentSelectors: _c0$n, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutHeaderComponent, selectors: [["dr-layout-header"]], ngContentSelectors: _c0$t, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "nav");
             i0.ɵɵprojection(1);
@@ -11587,11 +11587,11 @@ class DrLayoutHeaderComponent {
             }]
     }], function () { return []; }, null); })();
-const _c0$m = ["*"];
+const _c0$s = ["*"];
 class DrLayoutBodyComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutBodyComponent_Factory(t) { return new (t || DrLayoutBodyComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutBodyComponent, selectors: [["dr-layout-body"]], ngContentSelectors: _c0$m, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutBodyComponent, selectors: [["dr-layout-body"]], ngContentSelectors: _c0$s, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 }); }
@@ -11613,7 +11613,7 @@ function DrDetailsListComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(item_r1);
 } }
-const _c0$l = function (a0) { return { value: a0 }; };
+const _c0$r = function (a0) { return { value: a0 }; };
 class DrDetailsListComponent {
     set items(val) {
         if (!val) {
@@ -11660,7 +11660,7 @@ class DrDetailsListComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$l, ctx.state));
+            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$r, ctx.state));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.list);
         } }, dependencies: [i1.NgForOf], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-size:14px;line-height:22px;color:#6d6e6f;font-weight:400}[_nghost-%COMP%]   .details[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .details__header[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer}[_nghost-%COMP%]   .details__header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin-right:4px}[_nghost-%COMP%]   .details__list[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-left:28px;margin:8px 0}[_nghost-%COMP%]   .details__list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{list-style-type:disc}"], data: { animation: [
@@ -11704,8 +11704,8 @@ class DrDetailsListComponent {
             type: Input
         }] }); })();
-const _c0$k = ["content"];
-const _c1$5 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
+const _c0$q = ["content"];
+const _c1$6 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
 function DialogWrapperComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 11);
@@ -11713,7 +11713,7 @@ function DialogWrapperComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$5, !ctx_r0.isMaximized, ctx_r0.isMaximized));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$6, !ctx_r0.isMaximized, ctx_r0.isMaximized));
 } }
 function DialogWrapperComponent_i_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -11899,7 +11899,7 @@ class DialogWrapperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DialogWrapperComponent_Factory(t) { return new (t || DialogWrapperComponent)(i0.ɵɵdirectiveInject(i1$5.MatLegacyDialogRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(MAT_LEGACY_DIALOG_DATA)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DialogWrapperComponent, selectors: [["dr-dialog-wrapper"]], viewQuery: function DialogWrapperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$k, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$q, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -12103,8 +12103,8 @@ function DialogModalWrapperComponent_form_7_div_2_label_9_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r19.dialogData.serverErrorMessage, " ");
 } }
-const _c0$j = function (a0) { return { display: a0 }; };
-const _c1$4 = function (a0, a1) { return { "col-md-10": a0, "col-md-12": a1 }; };
+const _c0$p = function (a0) { return { display: a0 }; };
+const _c1$5 = function (a0, a1) { return { "col-md-10": a0, "col-md-12": a1 }; };
 function DialogModalWrapperComponent_form_7_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
     i0.ɵɵtemplate(1, DialogModalWrapperComponent_form_7_div_2_label_1_Template, 2, 2, "label", 17);
@@ -12121,11 +12121,11 @@ function DialogModalWrapperComponent_form_7_div_2_Template(rf, ctx) { if (rf & 1
     const field_r11 = ctx.$implicit;
     const ctx_r10 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(field_r11.formGroupClass);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$j, field_r11.isLabelFullWidth ? "block" : "flex"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$p, field_r11.isLabelFullWidth ? "block" : "flex"));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.label && field_r11.type !== ctx_r10.dialogFieldType.CHECKBOX);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c1$4, field_r11.label && !field_r11.isLabelFullWidth, !field_r11.label || field_r11.isLabelFullWidth));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c1$5, field_r11.label && !field_r11.isLabelFullWidth, !field_r11.label || field_r11.isLabelFullWidth));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.type === ctx_r10.dialogFieldType.SELECT);
     i0.ɵɵadvance(1);
@@ -12829,7 +12829,7 @@ function TreeviewItemComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r2.item.children);
 } }
-const _c0$i = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
+const _c0$o = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
 function TreeviewItemComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵtemplate(1, TreeviewItemComponent_div_0_ng_template_1_Template, 0, 0, "ng-template", 2);
@@ -12838,7 +12838,7 @@ function TreeviewItemComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$i, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$o, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r0.item.collapsed);
 } }
@@ -14306,7 +14306,7 @@ class DrImageCropperCanvasService {
         type: Injectable
     }], null, null); })();
-const _c0$h = ["imageCanvas"];
+const _c0$n = ["imageCanvas"];
 class DrImageCropperComponent {
     constructor(canvasService) {
         this.canvasService = canvasService;
@@ -14364,7 +14364,7 @@ class DrImageCropperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrImageCropperComponent_Factory(t) { return new (t || DrImageCropperComponent)(i0.ɵɵdirectiveInject(DrImageCropperCanvasService)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrImageCropperComponent, selectors: [["dr-image-cropper"]], viewQuery: function DrImageCropperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$h, 7);
+            i0.ɵɵviewQuery(_c0$n, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
@@ -14679,7 +14679,7 @@ class DrTagsConstructorModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTagsConstructorModule, { declarations: [DrTagsConstructorComponent], imports: [CommonModule, DrInputsModule, FormsModule], exports: [DrTagsConstructorComponent] }); })();
-const COMPONENTS = [DrScenarioConfigurationComponent, DrScenarioTagConfigurationComponent];
+const COMPONENTS$1 = [DrScenarioConfigurationComponent, DrScenarioTagConfigurationComponent];
 class DrScenarioModule {
     /** @nocollapse */ static { this.ɵfac = function DrScenarioModule_Factory(t) { return new (t || DrScenarioModule)(); }; }
     /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrScenarioModule }); }
@@ -14688,10 +14688,10 @@ class DrScenarioModule {
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrScenarioModule, [{
         type: NgModule,
         args: [{
-                declarations: [...COMPONENTS],
+                declarations: [...COMPONENTS$1],
                 providers: [ScenarioService],
                 imports: [CommonModule, DrInputsModule, FormsModule, DrTagModule, DrTagsConstructorModule],
-                exports: [...COMPONENTS],
+                exports: [...COMPONENTS$1],
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrScenarioModule, { declarations: [DrScenarioConfigurationComponent, DrScenarioTagConfigurationComponent], imports: [CommonModule, DrInputsModule, FormsModule, DrTagModule, DrTagsConstructorModule], exports: [DrScenarioConfigurationComponent, DrScenarioTagConfigurationComponent] }); })();
@@ -14807,13 +14807,13 @@ function DrChipComponent_i_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function DrChipComponent_i_4_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.remove.next(null)); });
     i0.ɵɵelementEnd();
 } }
-const _c0$g = ["*"];
+const _c0$m = ["*"];
 class DrChipComponent {
     constructor() {
         this.remove = new EventEmitter();
     }
     /** @nocollapse */ static { this.ɵfac = function DrChipComponent_Factory(t) { return new (t || DrChipComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChipComponent, selectors: [["dr-chip"]], inputs: { label: "label", icon: "icon", removable: "removable" }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$g, decls: 5, vars: 4, consts: [["class", "chip__icon", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["class", "chip__remove dr-icon-exit", 3, "click", 4, "ngIf"], [1, "chip__icon"], [1, "chip__remove", "dr-icon-exit", 3, "click"]], template: function DrChipComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChipComponent, selectors: [["dr-chip"]], inputs: { label: "label", icon: "icon", removable: "removable" }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls: 5, vars: 4, consts: [["class", "chip__icon", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["class", "chip__remove dr-icon-exit", 3, "click", 4, "ngIf"], [1, "chip__icon"], [1, "chip__remove", "dr-icon-exit", 3, "click"]], template: function DrChipComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrChipComponent_i_0_Template, 1, 2, "i", 0);
             i0.ɵɵelementStart(1, "div", 1);
@@ -14844,8 +14844,8 @@ class DrChipComponent {
             type: Output
         }] }); })();
-const _c0$f = ["carouselContainer"];
-const _c1$3 = ["carouselItem"];
+const _c0$l = ["carouselContainer"];
+const _c1$4 = ["carouselItem"];
 function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-button", 5);
@@ -15070,8 +15070,8 @@ class DrGalleryComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
         } }, viewQuery: function DrGalleryComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$f, 5);
-            i0.ɵɵviewQuery(_c1$3, 5);
+            i0.ɵɵviewQuery(_c0$l, 5);
+            i0.ɵɵviewQuery(_c1$4, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRef = _t.first);
@@ -15132,7 +15132,7 @@ function DrProgressBarComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1("", ctx_r0.progress || 0, "%");
 } }
-const _c0$e = ["*"];
+const _c0$k = ["*"];
 class DrProgressBarComponent {
     constructor() {
         /**
@@ -15144,7 +15144,7 @@ class DrProgressBarComponent {
     /** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], hostVars: 2, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { progress: "progress", showValue: "showValue", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$e, decls: 5, vars: 3, consts: [[1, "progress-bar__background"], [1, "progress-bar__background__fill"], [1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { progress: "progress", showValue: "showValue", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$k, decls: 5, vars: 3, consts: [[1, "progress-bar__background"], [1, "progress-bar__background__fill"], [1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
@@ -15175,7 +15175,7 @@ class DrProgressBarComponent {
             args: ['class']
         }] }); })();
-const _c0$d = ["*"];
+const _c0$j = ["*"];
 class DrBadgeComponent {
     constructor() {
         this.color = 'stone';
@@ -15187,7 +15187,7 @@ class DrBadgeComponent {
     /** @nocollapse */ static { this.ɵfac = function DrBadgeComponent_Factory(t) { return new (t || DrBadgeComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrBadgeComponent, selectors: [["dr-badge"]], hostVars: 2, hostBindings: function DrBadgeComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.elementClasses);
-        } }, inputs: { color: "color", size: "size" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$d, decls: 1, vars: 0, template: function DrBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { color: "color", size: "size" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$j, decls: 1, vars: 0, template: function DrBadgeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;color:#333;border-radius:4px;box-sizing:border-box;font-size:12px;line-height:16px;font-weight:500}.small[_nghost-%COMP%]{gap:2px;padding:2px 4px}.medium[_nghost-%COMP%]{gap:4px;padding:4px 8px}.light-purple[_nghost-%COMP%]{background-color:#dfd9ff}.water[_nghost-%COMP%]{background-color:#d9f2ff}.baby-blue[_nghost-%COMP%]{background-color:#d9e6ff}.baby-pink[_nghost-%COMP%]{background-color:#ffdbf1}.light-turquoise[_nghost-%COMP%]{background-color:#d6fcf9}.bright-green[_nghost-%COMP%]{background-color:#d9ffea}.stone[_nghost-%COMP%]{background-color:#f6f4f4}.peach[_nghost-%COMP%]{background-color:#ffe5b4}.soft-coral[_nghost-%COMP%]{background-color:#ffd2c2}.pale-yellow[_nghost-%COMP%]{background-color:#fffacd}.pastel-olive[_nghost-%COMP%]{background-color:#dce2b9}.powder-blue-grey[_nghost-%COMP%]{background-color:#d3dbe3}.muted-plum[_nghost-%COMP%]{background-color:#e7c7db}"], changeDetection: 0 }); }
@@ -15272,7 +15272,7 @@ class BottomPositionStrategy {
     }
 }
-const _c0$c = ["handleRef"];
+const _c0$i = ["handleRef"];
 function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 3, 4);
 } }
@@ -15386,7 +15386,7 @@ class DrawerContainer extends CdkDialogContainer {
     /** @nocollapse */ static { this.ɵfac = function DrawerContainer_Factory(t) { return new (t || DrawerContainer)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$7.FocusTrapFactory), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(DrawerConfig), i0.ɵɵdirectiveInject(i1$7.InteractivityChecker), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.OverlayRef), i0.ɵɵdirectiveInject(i1$7.FocusMonitor)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrawerContainer, selectors: [["dr-drawer-container"]], viewQuery: function DrawerContainer_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(CdkPortalOutlet, 7);
-            i0.ɵɵviewQuery(_c0$c, 5);
+            i0.ɵɵviewQuery(_c0$i, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
@@ -15943,7 +15943,7 @@ function SeparateTableComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
 function SeparateTableComponent_div_2_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$b = function (a0, a1) { return { $implicit: a0, column: a1 }; };
+const _c0$h = function (a0, a1) { return { $implicit: a0, column: a1 }; };
 function SeparateTableComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11);
@@ -15957,7 +15957,7 @@ function SeparateTableComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵreference(4);
     i0.ɵɵproperty("ngStyle", column_r11.styles);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", column_r11.cellTemplate || _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c0$b, row_r3, column_r11));
+    i0.ɵɵproperty("ngTemplateOutlet", column_r11.cellTemplate || _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c0$h, row_r3, column_r11));
 } }
 function SeparateTableComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
@@ -16074,7 +16074,7 @@ class ElementOverflowDirective {
             type: Input
         }] }); })();
-const _c0$a = ["container"];
+const _c0$g = ["container"];
 function DrListOverflowComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵtext(1, "...");
@@ -16090,7 +16090,7 @@ function DrListOverflowComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(", +", ctx_r2.overflowed, "");
 } }
-const _c1$2 = ["*"];
+const _c1$3 = ["*"];
 /**
  * Calculate number in HORIZONTAL list that has been overflowed
  */
@@ -16169,11 +16169,11 @@ class DrListOverflowComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrListOverflowComponent_Factory(t) { return new (t || DrListOverflowComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrListOverflowComponent, selectors: [["dr-list-overflow"], ["", "drListOverflow", ""]], viewQuery: function DrListOverflowComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$a, 7);
+            i0.ɵɵviewQuery(_c0$g, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-        } }, inputs: { drListCounterWidth: ["drListCounterWidth", "drListCounterWidth", numberAttribute] }, outputs: { drListOverflowedChange: "drListOverflowedChange" }, exportAs: ["listOverflow"], standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$2, decls: 5, vars: 2, consts: [[1, "overflow-container"], ["container", ""], ["class", "overflow-ellipsis", 4, "ngIf"], ["class", "overflow-counter", 3, "width", 4, "ngIf"], [1, "overflow-ellipsis"], [1, "overflow-counter"]], template: function DrListOverflowComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { drListCounterWidth: ["drListCounterWidth", "drListCounterWidth", numberAttribute] }, outputs: { drListOverflowedChange: "drListOverflowedChange" }, exportAs: ["listOverflow"], standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$3, decls: 5, vars: 2, consts: [[1, "overflow-container"], ["container", ""], ["class", "overflow-ellipsis", 4, "ngIf"], ["class", "overflow-counter", 3, "width", 4, "ngIf"], [1, "overflow-ellipsis"], [1, "overflow-counter"]], template: function DrListOverflowComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0, 1);
             i0.ɵɵprojection(2);
@@ -16200,7 +16200,7 @@ class DrListOverflowComponent {
             args: ['container', { static: true }]
         }] }); })();
-const _c0$9 = ["*"];
+const _c0$f = ["*"];
 class TextOverflowComponent {
     constructor() {
         this.overflowType = 'horizontal';
@@ -16209,7 +16209,7 @@ class TextOverflowComponent {
         this.isOverflow = false;
     }
     /** @nocollapse */ static { this.ɵfac = function TextOverflowComponent_Factory(t) { return new (t || TextOverflowComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TextOverflowComponent, selectors: [["dr-text-overflow"]], inputs: { overflowType: "overflowType", showTooltip: "showTooltip", tooltipPosition: "tooltipPosition" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$9, decls: 3, vars: 4, consts: [[1, "overflow-element", 3, "drElementOverflow", "drElementOverflowType", "drTooltip", "drTooltipPosition", "drElementOverflowChange"], ["el", ""]], template: function TextOverflowComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TextOverflowComponent, selectors: [["dr-text-overflow"]], inputs: { overflowType: "overflowType", showTooltip: "showTooltip", tooltipPosition: "tooltipPosition" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$f, decls: 3, vars: 4, consts: [[1, "overflow-element", 3, "drElementOverflow", "drElementOverflowType", "drTooltip", "drTooltipPosition", "drElementOverflowChange"], ["el", ""]], template: function TextOverflowComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0, 1);
             i0.ɵɵlistener("drElementOverflowChange", function TextOverflowComponent_Template_div_drElementOverflowChange_0_listener($event) { return ctx.isOverflow = $event; });
@@ -16377,8 +16377,8 @@ class AutofocusDirective {
             }]
     }], null, null); })();
-const _c0$8 = ["dropdownItemTemplate"];
-const _c1$1 = ["labelItemTemplate"];
+const _c0$e = ["dropdownItemTemplate"];
+const _c1$2 = ["labelItemTemplate"];
 function FilterDropdownComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementContainer(1, 12);
@@ -16709,8 +16709,8 @@ class FilterDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function FilterDropdownComponent_Factory(t) { return new (t || FilterDropdownComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: FilterDropdownComponent, selectors: [["dr-filter-dropdown"]], contentQueries: function FilterDropdownComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$8, 5, TemplateRef);
-            i0.ɵɵcontentQuery(dirIndex, _c1$1, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, _c0$e, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, _c1$2, 5, TemplateRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownItemTemplate = _t.first);
@@ -17084,7 +17084,7 @@ class CellSetAsDefaultComponent {
 function CellIconActionsComponent_div_1_span_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$7 = function (a0) { return { $implicit: a0 }; };
+const _c0$d = function (a0) { return { $implicit: a0 }; };
 function CellIconActionsComponent_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtemplate(1, CellIconActionsComponent_div_1_span_1_ng_container_1_Template, 1, 0, "ng-container", 7);
@@ -17098,7 +17098,7 @@ function CellIconActionsComponent_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("badge", icon_r5.badgeColor);
     i0.ɵɵproperty("drTooltipMouseEnterTimeout", 100)("drTooltip", icon_r5.customTooltip ? icon_r5.customTooltip(ctx_r8.field, ctx_r8.rowIndex, ctx_r8.rowData) : icon_r5.tooltip);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", icon_r5.isSimpleIcon ? _r3 : _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c0$7, icon_r5));
+    i0.ɵɵproperty("ngTemplateOutlet", icon_r5.isSimpleIcon ? _r3 : _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c0$d, icon_r5));
 } }
 function CellIconActionsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
@@ -17206,7 +17206,7 @@ function CellSplitRowsComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngForOf", ctx_r3.rows);
 } }
-const _c0$6 = function () { return { isMainText: true }; };
+const _c0$c = function () { return { isMainText: true }; };
 class CellSplitRowsComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -17246,7 +17246,7 @@ class CellSplitRowsComponent {
             i0.ɵɵstyleProp("gap", ctx.rowGap);
             i0.ɵɵproperty("drTooltip", ctx.showTooltip || ctx.hasOverflownRow ? _r0 : null);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction0(7, _c0$6));
+            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction0(7, _c0$c));
         } }, dependencies: [CommonModule, i1.NgForOf, i1.NgTemplateOutlet, i1.NgStyle, DrTooltipModule, DrTooltipDirective, ElementOverflowDirective], styles: ["[_nghost-%COMP%]{display:flex;width:100%}.cell-split-rows[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:inherit;font-weight:400}.cell-split-rows__row[_ngcontent-%COMP%]{margin:0;padding:0;color:#0c142b;line-height:16px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-split-rows__row[_ngcontent-%COMP%]:first-child{line-height:24px;font-size:14px}.cell-split-rows.highlightMain[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]{font-size:14px;color:#6d6e6f}.cell-split-rows.highlightMain[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]:first-child{color:#333}.cell-split-rows.simple-text[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:26px}.cell-split-rows.simple-text[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]{font-weight:400;font-size:14px;line-height:24px;color:#333}.cell-split-rows__tooltip[_ngcontent-%COMP%]{padding:5px}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellSplitRowsComponent, [{
@@ -17429,7 +17429,7 @@ class CellChildrenListComponent {
 function CellCustomTemplateComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$5 = function (a0, a1) { return { data: a0, params: a1 }; };
+const _c0$b = function (a0, a1) { return { data: a0, params: a1 }; };
 class CellCustomTemplateComponent {
     agInit(params) {
         this.data = params.data;
@@ -17442,7 +17442,7 @@ class CellCustomTemplateComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellCustomTemplateComponent, selectors: [["dr-cell-custom-template"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 5, consts: [[4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function CellCustomTemplateComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CellCustomTemplateComponent_ng_container_0_Template, 1, 0, "ng-container", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.params.getTemplateFn(ctx.data))("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$5, ctx.data, ctx.params));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.params.getTemplateFn(ctx.data))("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$b, ctx.data, ctx.params));
         } }, dependencies: [CommonModule, i1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;height:100%;flex:1}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellCustomTemplateComponent, [{
@@ -17493,7 +17493,7 @@ class CellBadgeStatusComponent {
         args: [{ selector: 'dr-cell-badge-status', standalone: true, imports: [CommonModule, DrBadgeStatusModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-badge-status\n    *ngIf=\"badgeStatus\"\n    [icon]=\"badgeStatus.icon\"\n    [tooltip]=\"badgeStatus.tooltip\"\n    [label]=\"badgeStatus.label\"\n    [theme]=\"badgeStatus.theme\"\n    (click)=\"onClick()\">\n</dr-badge-status>\n", styles: [":host{display:flex;align-items:center;width:100%;height:100%}:host::ng-deep .badge-status{cursor:inherit!important}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, null); })();
-const _c0$4 = ["textSpan"];
+const _c0$a = ["textSpan"];
 function CellIconTextEditComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 5);
 } if (rf & 2) {
@@ -17579,7 +17579,7 @@ class CellIconTextEditComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function CellIconTextEditComponent_Factory(t) { return new (t || CellIconTextEditComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellIconTextEditComponent, selectors: [["dr-cell-icon-text-edit"]], viewQuery: function CellIconTextEditComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$4, 5);
+            i0.ɵɵviewQuery(_c0$a, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textSpan = _t.first);
@@ -17933,7 +17933,7 @@ const GRID_THEME_OPTIONS = {
     },
 };
-const _c0$3 = ["agGrid"];
+const _c0$9 = ["agGrid"];
 function DrGridComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵpipe(1, "async");
@@ -18209,7 +18209,7 @@ class DrGridComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrGridComponent_Factory(t) { return new (t || DrGridComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridComponent, selectors: [["dr-grid"]], viewQuery: function DrGridComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$3, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$9, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.agGridEl = _t.first);
@@ -18225,11 +18225,11 @@ class DrGridComponent {
             i0.ɵɵproperty("domLayout", ctx.domLayout)("gridOptions", ctx.gridOptions)("columnDefs", ctx.columnDefs)("rowData", ctx.rowData)("pinnedTopRowData", ctx.pinnedTopRowData)("pinnedBottomRowData", ctx.pinnedBottomRowData)("components", ctx._cellComponents)("rowBuffer", 0)("undoRedoCellEditing", true)("suppressNoRowsOverlay", !(ctx.gridOptions == null ? null : ctx.gridOptions.noRowsOverlayComponent))("suppressLoadingOverlay", true);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.theme === "dr-grid-borderless");
-        } }, dependencies: [AgGridModule, i1$9.AgGridAngular, CommonModule, i1.NgIf, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;position:relative;overflow:hidden}.grid-full-height[_nghost-%COMP%]{height:100%}.grid-with-row-selection[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover{cursor:pointer}[_nghost-%COMP%]:not(.grid-empty-with-template)   ag-grid-angular[_ngcontent-%COMP%]  .ag-center-cols-viewport{min-height:40px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper{height:100%}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip{height:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:\"\\ea5c\";font-size:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-cell-content-on-hover{visibility:hidden}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover .dr-cell-content-on-hover{visibility:visible}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-row, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-checked:after, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-header-cell-no-border{border:none!important}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value:not(.action-fb), [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell{padding-right:4px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border-radius:12px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header{overflow:visible}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-horizontal-border: 1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell, .dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{font-size:14px;color:#333}.table-blur[_ngcontent-%COMP%]{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden[_ngcontent-%COMP%]{opacity:0;transition:.2s opacity}"] }); }
+        } }, dependencies: [AgGridModule, i1$9.AgGridAngular, CommonModule, i1.NgIf, i1.AsyncPipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;position:relative;overflow:hidden}.grid-full-height[_nghost-%COMP%]{height:100%}.grid-with-row-selection[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover{cursor:pointer}[_nghost-%COMP%]:not(.grid-empty-with-template)   ag-grid-angular[_ngcontent-%COMP%]  .ag-center-cols-viewport{min-height:40px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper{height:100%}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip{height:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:var(--dr-icon-drag, \"\\ea5f\");font-size:24px}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-cell-content-on-hover{visibility:hidden}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-row-hover .dr-cell-content-on-hover{visibility:visible}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-row, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-checked:after, [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .dr-header-cell-no-border{border:none!important}[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value:not(.action-fb), [_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell{padding-right:4px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] , .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border-radius:12px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header{overflow:visible}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-row-last{border-bottom:none}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded, .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree), .dr-grid-default[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-cell-horizontal-border: 1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}.dr-grid-editable[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell, .dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-inside-card[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell, .dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}.dr-grid-borderless[_nghost-%COMP%]   ag-grid-angular[_ngcontent-%COMP%]  .ag-cell-value{font-size:14px;color:#333}.table-blur[_ngcontent-%COMP%]{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden[_ngcontent-%COMP%]{opacity:0;transition:.2s opacity}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrGridComponent, [{
         type: Component,
-        args: [{ selector: 'dr-grid', standalone: true, imports: [AgGridModule, CommonModule, ...CELL_COMPONENTS], template: "<ag-grid-angular\n    #agGrid\n    [class]=\"'ag-theme-alpine'\"\n    [domLayout]=\"domLayout\"\n    (rowClicked)=\"rowClicked.emit($event)\"\n    (gridReady)=\"onGridReady($event)\"\n    (rowDragEnd)=\"rowDragEnd.emit($event)\"\n    (selectionChanged)=\"selectionChanged.emit($event)\"\n    (rowSelected)=\"onRowSelect($event)\"\n    [gridOptions]=\"gridOptions\"\n    [columnDefs]=\"columnDefs\"\n    [rowData]=\"rowData\"\n    [pinnedTopRowData]=\"pinnedTopRowData\"\n    [pinnedBottomRowData]=\"pinnedBottomRowData\"\n    [components]=\"_cellComponents\"\n    [rowBuffer]=\"0\"\n    [undoRedoCellEditing]=\"true\"\n    [suppressNoRowsOverlay]=\"!gridOptions?.noRowsOverlayComponent\"\n    [suppressLoadingOverlay]=\"true\">\n</ag-grid-angular>\n<div *ngIf=\"theme === 'dr-grid-borderless'\" class=\"table-blur\" [class.--hidden]=\"bottomBlurHidden$ | async\"></div>\n", styles: [":host{display:flex;flex-direction:column;position:relative;overflow:hidden}:host.grid-full-height{height:100%}:host.grid-with-row-selection ag-grid-angular::ng-deep .ag-row-hover{cursor:pointer}:host:not(.grid-empty-with-template) ag-grid-angular::ng-deep .ag-center-cols-viewport{min-height:40px}:host ag-grid-angular::ng-deep{--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}:host ag-grid-angular::ng-deep .ag-cell-wrapper{height:100%}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip{height:24px}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:\"\\ea5c\";font-size:24px}:host ag-grid-angular::ng-deep .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}:host ag-grid-angular::ng-deep .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ag-grid-angular::ng-deep .dr-cell-content-on-hover{visibility:hidden}:host ag-grid-angular::ng-deep .ag-row-hover .dr-cell-content-on-hover{visibility:visible}:host ag-grid-angular::ng-deep .ag-header-row,:host ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-checked:after,:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}:host ag-grid-angular::ng-deep .dr-header-cell-no-border{border:none!important}:host ag-grid-angular::ng-deep .ag-cell-value:not(.action-fb),:host ag-grid-angular::ng-deep .ag-header-cell{padding-right:4px}:host.dr-grid-editable ag-grid-angular::ng-deep,:host.dr-grid-inside-card ag-grid-angular::ng-deep,:host.dr-grid-default ag-grid-angular::ng-deep{--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper{border-radius:12px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header{overflow:visible}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}:host.dr-grid-editable ag-grid-angular::ng-deep{--ag-cell-horizontal-border: 1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}:host.dr-grid-inside-card ag-grid-angular::ng-deep{--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}:host.dr-grid-borderless ag-grid-angular::ng-deep{--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell,:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-cell-value{font-size:14px;color:#333}.table-blur{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden{opacity:0;transition:.2s opacity}\n"] }]
+        args: [{ selector: 'dr-grid', standalone: true, imports: [AgGridModule, CommonModule, ...CELL_COMPONENTS], template: "<ag-grid-angular\n    #agGrid\n    [class]=\"'ag-theme-alpine'\"\n    [domLayout]=\"domLayout\"\n    (rowClicked)=\"rowClicked.emit($event)\"\n    (gridReady)=\"onGridReady($event)\"\n    (rowDragEnd)=\"rowDragEnd.emit($event)\"\n    (selectionChanged)=\"selectionChanged.emit($event)\"\n    (rowSelected)=\"onRowSelect($event)\"\n    [gridOptions]=\"gridOptions\"\n    [columnDefs]=\"columnDefs\"\n    [rowData]=\"rowData\"\n    [pinnedTopRowData]=\"pinnedTopRowData\"\n    [pinnedBottomRowData]=\"pinnedBottomRowData\"\n    [components]=\"_cellComponents\"\n    [rowBuffer]=\"0\"\n    [undoRedoCellEditing]=\"true\"\n    [suppressNoRowsOverlay]=\"!gridOptions?.noRowsOverlayComponent\"\n    [suppressLoadingOverlay]=\"true\">\n</ag-grid-angular>\n<div *ngIf=\"theme === 'dr-grid-borderless'\" class=\"table-blur\" [class.--hidden]=\"bottomBlurHidden$ | async\"></div>\n", styles: [":host{display:flex;flex-direction:column;position:relative;overflow:hidden}:host.grid-full-height{height:100%}:host.grid-with-row-selection ag-grid-angular::ng-deep .ag-row-hover{cursor:pointer}:host:not(.grid-empty-with-template) ag-grid-angular::ng-deep .ag-center-cols-viewport{min-height:40px}:host ag-grid-angular::ng-deep{--ag-cell-widget-spacing: 16px;flex:1 1 0;width:100%;height:100%;font-family:Poppins,sans-serif}:host ag-grid-angular::ng-deep .ag-cell-wrapper{height:100%}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip{height:24px}:host ag-grid-angular::ng-deep .ag-cell-wrapper .ag-icon-grip:before{font-family:DataRails!important;content:var(--dr-icon-drag, \"\\ea5f\");font-size:24px}:host ag-grid-angular::ng-deep .ag-cell-value{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#333}:host ag-grid-angular::ng-deep .ag-cell-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ag-grid-angular::ng-deep .dr-cell-content-on-hover{visibility:hidden}:host ag-grid-angular::ng-deep .ag-row-hover .dr-cell-content-on-hover{visibility:visible}:host ag-grid-angular::ng-deep .ag-header-row,:host ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:600;text-align:left;color:#333}:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-checked:after,:host ag-grid-angular::ng-deep .ag-checkbox-input-wrapper.ag-indeterminate:after{color:#4646ce}:host ag-grid-angular::ng-deep .dr-header-cell-no-border{border:none!important}:host ag-grid-angular::ng-deep .ag-cell-value:not(.action-fb),:host ag-grid-angular::ng-deep .ag-header-cell{padding-right:4px}:host.dr-grid-editable ag-grid-angular::ng-deep,:host.dr-grid-inside-card ag-grid-angular::ng-deep,:host.dr-grid-default ag-grid-angular::ng-deep{--ag-header-background-color: #f2f2fb;--ag-background-color: #ffffff;--ag-odd-row-background-color: #ffffff;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: #eaeaff;--ag-row-border-color: #dfe0e3;--ag-border-color: #dfe0e3;--ag-header-column-resize-handle-height: 40%;--ag-header-column-resize-handle-color: #dfe0e3;--ag-cell-horizontal-padding: 16px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper{border-radius:12px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-pinned-right-header .ag-header-row-column{border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top{border-top:1px solid var(--ag-border-color)}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action{border-bottom:none;cursor:pointer}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover .ag-cell{color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active:before{background-color:#eaeaff!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action:active .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-top .dr-row-top-action.ag-row-hover:active .ag-cell{color:#4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total{background:#f6f7f8;border-bottom:0}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom .dr-row-total .ag-cell-value{font-size:14px;line-height:24px;font-weight:400;color:#333}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-horizontal-scroll{border-top:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-body-vertical-scroll{border-left:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty){border-right:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-left-spacer.ag-scroller-corner{min-width:8px!important}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty){border-left:1px solid #9ea1aa}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-horizontal-right-spacer:not(.ag-scroller-corner) .ag-cell,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-cols-container:not(:empty) .ag-cell{border:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header{overflow:visible}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-right-header:before{content:\"\";position:absolute;bottom:0;left:0;border-left:1px solid #9ea1aa;height:1px}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .ag-row-last{border-bottom:none}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-secondary{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded,:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child{background-color:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-parent-expanded:not(.dr-row-child-last-in-tree),:host.dr-grid-default ag-grid-angular::ng-deep .ag-root-wrapper .dr-row-child:not(.dr-row-child-last-in-tree){border-bottom:transparent}:host.dr-grid-editable ag-grid-angular::ng-deep{--ag-cell-horizontal-border: 1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell{padding:0 4px 0 16px;border-right:1px solid #dfe0e3}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell .title{max-width:unset!important;font-size:14px;line-height:24px;font-weight:400}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-body .ag-cell-focus{border:1px solid #4646ce}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-pinned-left-cols-container .ag-row{background:#fbfbfe}:host.dr-grid-editable ag-grid-angular::ng-deep .ag-root-wrapper .ag-center-cols-container .ag-cell:hover:not(.ag-cell-focus){cursor:pointer;border:1px solid #9ea1aa}:host.dr-grid-inside-card ag-grid-angular::ng-deep{--ag-border-color: transparent;--ag-row-border-color: #dfe0e3;--ag-header-background-color: #ffffff}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper{border:none;border-top-left-radius:0;border-top-right-radius:0}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header{border-bottom:1px solid var(--ag-row-border-color)}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell,:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-header .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-inside-card ag-grid-angular::ng-deep .ag-root-wrapper .ag-floating-bottom{border-top:1px solid #dfe0e3}:host.dr-grid-borderless ag-grid-angular::ng-deep{--ag-header-background-color: transparent;--ag-background-color: transparent;--ag-odd-row-background-color: transparent;--ag-row-hover-color: #f5f5f5;--ag-selected-row-background-color: transparent;--ag-row-border-color: transparent;--ag-border-color: transparent}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell,:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-header-cell-text{font-size:14px;line-height:24px;font-weight:500;color:#6d6e6f}:host.dr-grid-borderless ag-grid-angular::ng-deep .ag-cell-value{font-size:14px;color:#333}.table-blur{background:linear-gradient(180deg,#fff0,#fff);position:absolute;height:80px;pointer-events:none;bottom:0;left:0;right:10px;width:100%;transition:.2s opacity}.table-blur.--hidden{opacity:0;transition:.2s opacity}\n"] }]
     }], null, { layoutThresholdCount: [{
             type: Input
         }], pinnedTopRowData: [{
@@ -18291,7 +18291,7 @@ function DrGridPaginationComponent_span_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate2("", ctx_r0.toRow, " of ", ctx_r0.count, " items ");
 } }
-const _c0$2 = function (a0) { return { disable: a0 }; };
+const _c0$8 = function (a0) { return { disable: a0 }; };
 class DrGridPaginationComponent {
     constructor() {
         this.perPage = 50;
@@ -18386,17 +18386,17 @@ class DrGridPaginationComponent {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$2, ctx.showPrev));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$8, ctx.showPrev));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$2, ctx.showPrev));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$8, ctx.showPrev));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngModel", ctx.page)("max", ctx.totalPages);
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("", ctx.totalPages, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$2, ctx.showNext));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$8, ctx.showNext));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c0$2, ctx.showNext));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c0$8, ctx.showNext));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("", ctx.perPage, "\u00A0items per page");
             i0.ɵɵadvance(3);
@@ -18633,12 +18633,12 @@ function DrGridToolbarComponent_dr_input_3_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngModel", ctx_r0.searchInput)("searchMini", ctx_r0.searchMini)("clearable", true);
 } }
-const _c0$1 = function (a0, a1) { return { gridApi: a0, gridColumnApi: a1 }; };
+const _c0$7 = function (a0, a1) { return { gridApi: a0, gridColumnApi: a1 }; };
 function DrGridToolbarComponent_dr_button_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "dr-button", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("drPopover", ctx_r1.ColumnsFilterPopover)("drPopoverPosition", "bottom-right")("drPopoverContext", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.gridApi, ctx_r1.gridColumnApi));
+    i0.ɵɵproperty("drPopover", ctx_r1.ColumnsFilterPopover)("drPopoverPosition", "bottom-right")("drPopoverContext", i0.ɵɵpureFunction2(3, _c0$7, ctx_r1.gridApi, ctx_r1.gridColumnApi));
 } }
 function DrGridToolbarComponent_dr_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -18661,7 +18661,7 @@ function DrGridToolbarComponent_dr_button_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function DrGridToolbarComponent_dr_button_8_Template_dr_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.onExport()); });
     i0.ɵɵelementEnd();
 } }
-const _c1 = ["*"];
+const _c1$1 = ["*"];
 class DrGridToolbarComponent {
     constructor(router, activatedRoute) {
         this.router = router;
@@ -18711,7 +18711,7 @@ class DrGridToolbarComponent {
         this.destroy$.complete();
     }
     /** @nocollapse */ static { this.ɵfac = function DrGridToolbarComponent_Factory(t) { return new (t || DrGridToolbarComponent)(i0.ɵɵdirectiveInject(i1$8.Router), i0.ɵɵdirectiveInject(i1$8.ActivatedRoute)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridToolbarComponent, selectors: [["dr-grid-toolbar"]], inputs: { gridApi: "gridApi", gridColumnApi: "gridColumnApi", title: "title", showSearch: "showSearch", searchMini: "searchMini", reactiveSearch: "reactiveSearch", showColumnSettings: "showColumnSettings", menuActions: "menuActions", menuActionsTooltip: "menuActionsTooltip", showRefresh: "showRefresh", csvParams: "csvParams" }, outputs: { search: "search", menuActionsClick: "menuActionsClick", refresh: "refresh" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 9, vars: 6, consts: [["data-test", "table_title", 1, "dr-grid-toolbar__title"], [1, "dr-grid-toolbar__actions"], ["class", "dr-grid-toolbar__actions__search", "data-analytics", "admin_admin-table-header_input-0", "type", "search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__columns-settings", "data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 3, "drPopover", "drPopoverPosition", "drPopoverContext", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__more-actions", "drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 3, "drTooltip", "drDropdown", "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__refresh", "data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 3, "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__export", "drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 3, "click", 4, "ngIf"], ["data-analytics", "admin_admin-table-header_input-0", "type", "search", 1, "dr-grid-toolbar__actions__search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter"], ["data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 1, "dr-grid-toolbar__actions__columns-settings", 3, "drPopover", "drPopoverPosition", "drPopoverContext"], ["drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 1, "dr-grid-toolbar__actions__more-actions", 3, "drTooltip", "drDropdown", "click"], ["data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 1, "dr-grid-toolbar__actions__refresh", 3, "click"], ["drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 1, "dr-grid-toolbar__actions__export", 3, "click"]], template: function DrGridToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridToolbarComponent, selectors: [["dr-grid-toolbar"]], inputs: { gridApi: "gridApi", gridColumnApi: "gridColumnApi", title: "title", showSearch: "showSearch", searchMini: "searchMini", reactiveSearch: "reactiveSearch", showColumnSettings: "showColumnSettings", menuActions: "menuActions", menuActionsTooltip: "menuActionsTooltip", showRefresh: "showRefresh", csvParams: "csvParams" }, outputs: { search: "search", menuActionsClick: "menuActionsClick", refresh: "refresh" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$1, decls: 9, vars: 6, consts: [["data-test", "table_title", 1, "dr-grid-toolbar__title"], [1, "dr-grid-toolbar__actions"], ["class", "dr-grid-toolbar__actions__search", "data-analytics", "admin_admin-table-header_input-0", "type", "search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__columns-settings", "data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 3, "drPopover", "drPopoverPosition", "drPopoverContext", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__more-actions", "drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 3, "drTooltip", "drDropdown", "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__refresh", "data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 3, "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__export", "drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 3, "click", 4, "ngIf"], ["data-analytics", "admin_admin-table-header_input-0", "type", "search", 1, "dr-grid-toolbar__actions__search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter"], ["data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 1, "dr-grid-toolbar__actions__columns-settings", 3, "drPopover", "drPopoverPosition", "drPopoverContext"], ["drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 1, "dr-grid-toolbar__actions__more-actions", 3, "drTooltip", "drDropdown", "click"], ["data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 1, "dr-grid-toolbar__actions__refresh", 3, "click"], ["drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 1, "dr-grid-toolbar__actions__export", 3, "click"]], template: function DrGridToolbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtext(1);
@@ -18865,6 +18865,178 @@ class DrDividerComponent {
             args: ['class.dr-divider--vertical']
         }] }); })();
+const _c0$6 = ["*"];
+class DrCardComponent {
+    constructor() {
+        this.padding = 'medium';
+        this.appearance = 'outlined';
+        this.role = 'region';
+    }
+    get hostClasses() {
+        return `dr-card dr-card--padding-${this.padding} dr-card--appearance-${this.appearance}`;
+    }
+    get ariaLabelAttr() {
+        return this.ariaLabel || null;
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrCardComponent_Factory(t) { return new (t || DrCardComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardComponent, selectors: [["dr-card"]], hostVars: 4, hostBindings: function DrCardComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("role", ctx.role)("aria-label", ctx.ariaLabelAttr);
+            i0.ɵɵclassMap(ctx.hostClasses);
+        } }, inputs: { padding: "padding", appearance: "appearance", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$6, decls: 1, vars: 0, template: function DrCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:#fff;color:#6d6e6f}.dr-card--appearance-outlined[_nghost-%COMP%]{border-radius:12px;border:1px solid #dfe0e3}.dr-card--appearance-flat[_nghost-%COMP%]{border:none;border-radius:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-header{padding:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-content{padding:0}[_nghost-%COMP%]     .dr-card-title{display:block;font-size:16px;font-weight:500;line-height:24px;color:#333;flex-grow:1;width:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]     .dr-card-subtitle{display:block;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:#fff;color:#6d6e6f}:host.dr-card--appearance-outlined{border-radius:12px;border:1px solid #dfe0e3}:host.dr-card--appearance-flat{border:none;border-radius:0}:host.dr-card--padding-none ::ng-deep dr-card-header{padding:0}:host.dr-card--padding-none ::ng-deep dr-card-content{padding:0}:host ::ng-deep .dr-card-title{display:block;font-size:16px;font-weight:500;line-height:24px;color:#333;flex-grow:1;width:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .dr-card-subtitle{display:block;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+    }], null, { padding: [{
+            type: Input
+        }], appearance: [{
+            type: Input
+        }], ariaLabel: [{
+            type: Input
+        }], hostClasses: [{
+            type: HostBinding,
+            args: ['class']
+        }], role: [{
+            type: HostBinding,
+            args: ['attr.role']
+        }], ariaLabelAttr: [{
+            type: HostBinding,
+            args: ['attr.aria-label']
+        }] }); })();
+const _c0$5 = ["*"];
+class DrCardContentComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardContentComponent_Factory(t) { return new (t || DrCardContentComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardContentComponent, selectors: [["dr-card-content"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function DrCardContentComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardContentComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-content', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}\n"] }]
+    }], null, null); })();
+const _c0$4 = [[["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], [["dr-card-header-actions"]], [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]]];
+const _c1 = ["dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]", "dr-card-header-actions", "dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"];
+class DrCardHeaderComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardHeaderComponent_Factory(t) { return new (t || DrCardHeaderComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderComponent, selectors: [["dr-card-header"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 4, vars: 0, consts: [[1, "card__header-wrapper"]], template: function DrCardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$4);
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵprojection(2, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(3, 2);
+        } }, styles: ["[_nghost-%COMP%]{display:block;padding:24px 24px 16px;overflow:hidden;width:100%}[_nghost-%COMP%]   .card__header-wrapper[_ngcontent-%COMP%]{flex-shrink:0;overflow:hidden;width:100%;display:flex;align-items:center}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-header', template: `
+        <div class="card__header-wrapper">
+            <ng-content select="dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]"></ng-content>
+            <ng-content select="dr-card-header-actions"></ng-content>
+        </div>
+        <ng-content select="dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"></ng-content>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;padding:24px 24px 16px;overflow:hidden;width:100%}:host .card__header-wrapper{flex-shrink:0;overflow:hidden;width:100%;display:flex;align-items:center}\n"] }]
+    }], null, null); })();
+const _c0$3 = ["*"];
+class DrCardHeaderActionsComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardHeaderActionsComponent_Factory(t) { return new (t || DrCardHeaderActionsComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderActionsComponent, selectors: [["dr-card-header-actions"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, decls: 1, vars: 0, template: function DrCardHeaderActionsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, styles: ["[_nghost-%COMP%]{display:block;line-height:24px;flex-shrink:0}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardHeaderActionsComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-card-header-actions', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;line-height:24px;flex-shrink:0}\n"] }]
+    }], null, null); })();
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+const _c0$2 = ["*"];
+class DrCardTitleComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardTitleComponent_Factory(t) { return new (t || DrCardTitleComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardTitleComponent, selectors: [["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], hostAttrs: ["role", "heading", "aria-level", "2", 1, "dr-card-title"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$2, decls: 1, vars: 0, template: function DrCardTitleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardTitleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]',
+                template: '<ng-content></ng-content>',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                standalone: true,
+                host: {
+                    class: 'dr-card-title',
+                    role: 'heading',
+                    'aria-level': '2',
+                },
+            }]
+    }], null, null); })();
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+const _c0$1 = ["*"];
+class DrCardSubtitleComponent {
+    /** @nocollapse */ static { this.ɵfac = function DrCardSubtitleComponent_Factory(t) { return new (t || DrCardSubtitleComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardSubtitleComponent, selectors: [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]], hostAttrs: ["role", "heading", "aria-level", "3", 1, "dr-card-subtitle"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$1, decls: 1, vars: 0, template: function DrCardSubtitleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardSubtitleComponent, [{
+        type: Component,
+        args: [{
+                selector: 'dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]',
+                template: '<ng-content></ng-content>',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                standalone: true,
+                host: {
+                    class: 'dr-card-subtitle',
+                    role: 'heading',
+                    'aria-level': '3',
+                },
+            }]
+    }], null, null); })();
+const COMPONENTS = [
+    DrCardComponent,
+    DrCardContentComponent,
+    DrCardHeaderComponent,
+    DrCardHeaderActionsComponent,
+    DrCardTitleComponent,
+    DrCardSubtitleComponent,
+];
+class DrCardModule {
+    /** @nocollapse */ static { this.ɵfac = function DrCardModule_Factory(t) { return new (t || DrCardModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrCardModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({}); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCardModule, [{
+        type: NgModule,
+        args: [{
+                imports: [...COMPONENTS],
+                exports: [...COMPONENTS],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrCardModule, { imports: [DrCardComponent,
+        DrCardContentComponent,
+        DrCardHeaderComponent,
+        DrCardHeaderActionsComponent,
+        DrCardTitleComponent,
+        DrCardSubtitleComponent], exports: [DrCardComponent,
+        DrCardContentComponent,
+        DrCardHeaderComponent,
+        DrCardHeaderActionsComponent,
+        DrCardTitleComponent,
+        DrCardSubtitleComponent] }); })();
 /* components */
 var EmojiPickerMode;
@@ -19014,5 +19186,5 @@ class EmojiPickerComponent {
  * Generated bundle index. Do not edit.
  */
-export { AbstractSingleGridComponent, AllCheckedPipe, AnyTagComponent, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DateTimePickerComponent, DayTagComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrListOverflowComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrTagsConstructorComponent, DrTagsConstructorModule, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagComponent, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, WeekTagComponent, YearTagComponent, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation };
+export { AbstractSingleGridComponent, AllCheckedPipe, AnyTagComponent, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DateTimePickerComponent, DayTagComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrListOverflowComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrTagsConstructorComponent, DrTagsConstructorModule, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagComponent, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, WeekTagComponent, YearTagComponent, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map