@datarailsshared/datarailsshared 1.6.359 → 1.6.363

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, HostBinding, inject, ElementRef, booleanAttribute, Directive, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, ViewChild, TemplateRef, HostListener, NgModule, EventEmitter, Output, forwardRef, ContentChild, PLATFORM_ID, Inject, ContentChildren, ChangeDetectorRef, ViewEncapsulation, Injectable, DestroyRef, signal, Pipe, ComponentFactoryResolver, Optional, SkipSelf, Host, ViewChildren, InjectionToken, Renderer2, numberAttribute } from '@angular/core';
+import { Component, Input, HostBinding, inject, ElementRef, booleanAttribute, Directive, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, ViewChild, TemplateRef, HostListener, NgModule, EventEmitter, Output, forwardRef, ContentChild, PLATFORM_ID, Inject, ContentChildren, ChangeDetectorRef, ViewEncapsulation, Injectable, DestroyRef, signal, Pipe, ComponentFactoryResolver, Optional, SkipSelf, Host, ViewChildren, ANIMATION_MODULE_TYPE, computed, InjectionToken, Renderer2, numberAttribute } from '@angular/core';
 import * as _ from 'lodash';
 import { reduce, uniqueId as uniqueId$1, isNil, isObject, isEqual, cloneDeep, indexOf, find, map as map$2, isNumber, merge as merge$1, forEach, some, orderBy, filter as filter$1, includes, pull, concat, isString, isBoolean, keys, get, has, isArray } from 'lodash';
 import * as i1 from '@angular/common';
@@ -8,11 +8,11 @@ import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, FormBuilder, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
 import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayConfig, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
-import * as i4 from '@angular/cdk/portal';
-import { ComponentPortal, CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';
+import * as i1$6 from '@angular/cdk/portal';
+import { ComponentPortal, PortalModule, CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
 import { transition, style, animate, trigger, state } from '@angular/animations';
-import { BehaviorSubject, noop as noop$3, Subject, from, merge, fromEvent, Observable, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, delay, combineLatest, map as map$1, takeUntil as takeUntil$1, filter as filter$2, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, tap as tap$1, finalize as finalize$1, EMPTY, defer, firstValueFrom, throttleTime } from 'rxjs';
-import { skip, debounceTime, filter, distinctUntilChanged, startWith, switchMap, takeUntil, map, tap, shareReplay, first, catchError, finalize, take } from 'rxjs/operators';
+import { BehaviorSubject, noop as noop$3, Subject, from, merge, fromEvent, Observable, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, delay, combineLatest, map as map$1, takeUntil as takeUntil$1, filter as filter$2, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, firstValueFrom, take, tap as tap$1, finalize as finalize$1, EMPTY, defer, throttleTime } from 'rxjs';
+import { skip, debounceTime, filter, distinctUntilChanged, startWith, switchMap, takeUntil, map, tap, shareReplay, first, catchError, finalize, take as take$1 } from 'rxjs/operators';
 import { provideNgxMask, NgxMaskDirective } from 'ngx-mask';
 import * as i3 from '@ng-select/ng-select';
 import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
@@ -36,13 +36,14 @@ import 'codemirror/mode/javascript/javascript';
 import 'codemirror/addon/edit/matchbrackets';
 import 'codemirror/addon/hint/show-hint';
 import '@codemirror/autocomplete';
-import * as i1$6 from '@angular/cdk/a11y';
-import { CdkDialogContainer, DialogModule, Dialog, DialogConfig } from '@angular/cdk/dialog';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
+import * as i1$7 from '@angular/cdk/dialog';
+import { CdkDialogContainer, DialogModule, Dialog, DialogConfig } from '@angular/cdk/dialog';
+import * as i1$8 from '@angular/cdk/a11y';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
-import * as i1$8 from 'ag-grid-angular';
+import * as i1$a from 'ag-grid-angular';
 import { AgGridModule } from 'ag-grid-angular';
-import * as i1$7 from '@angular/router';
+import * as i1$9 from '@angular/router';
 import { Router, NavigationEnd } from '@angular/router';
 
 // instead of getting this from the server each time
@@ -89,7 +90,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$14 = ["*"];
+const _c0$15 = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -98,12 +99,13 @@ class DrButtonComponent {
         this.disabled = false;
         this.isLoading = false;
         this.isActive = false;
+        this.type = 'submit'; // default HTML button type
     }
     /** @nocollapse */ static { this.ɵfac = function DrButtonComponent_Factory(t) { return new (t || 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$14, 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", type: "type" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$15, decls: 5, vars: 5, consts: [[3, "disabled", "type"], ["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);
@@ -112,7 +114,7 @@ class DrButtonComponent {
             i0.ɵɵtemplate(4, DrButtonComponent_i_4_Template, 1, 6, "i", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("disabled", ctx.disabled);
+            i0.ɵɵproperty("disabled", ctx.disabled)("type", ctx.type);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(2);
@@ -123,7 +125,7 @@ class DrButtonComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrButtonComponent, [{
         type: Component,
-        args: [{ selector: 'dr-button', standalone: true, imports: [CommonModule], template: "<button [disabled]=\"disabled\">\n    <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n    </i>\n    <ng-content></ng-content>\n    <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n        <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n    </div>\n    <i\n        *ngIf=\"iconAfter\"\n        class=\"dr-button__icon dr-button__icon--after\"\n        [class]=\"iconAfter\"\n        [style.font-size]=\"iconAfterSize\"\n        [style.color]=\"iconAfterColor || 'inherit'\">\n    </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:#ffffff1a;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px;text-decoration:none}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.dropdown button,:host.selection button{font-size:12px;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;color:#6d6e6f;background-color:#fff}:host.dropdown button:hover,:host.selection button:hover{background-color:#f5f5f5;border-color:#4e566c}:host.dropdown.active button,:host.selection.active button{color:#4646ce}:host.dropdown.active button i:last-child,:host.selection.active button i:last-child{color:#333}:host.dropdown button:active,:host.selection button:active{border-color:#4646ce}:host.dropdown.disabled button,:host.selection.disabled button{background-color:#f0f1f4;color:#aeabac}:host.dropdown.disabled button i:last-child,:host.selection.disabled button i:last-child{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}:host.marketing button{color:#fff;background:#f93576;border-color:#f93576}:host.marketing button:hover,:host.marketing.active button,:host.marketing button:active{background:#c9245b;border-color:#c9245b}:host.marketing.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        args: [{ selector: 'dr-button', standalone: true, imports: [CommonModule], template: "<button [disabled]=\"disabled\" [type]=\"type\">\n    <i *ngIf=\"icon\" class=\"dr-button__icon\" [class]=\"icon\" [style.font-size]=\"iconSize\" [style.color]=\"iconColor || 'inherit'\">\n    </i>\n    <ng-content></ng-content>\n    <div *ngIf=\"isLoading\" class=\"dr-button__spinner\">\n        <i [style.font-size]=\"iconSize\" class=\"dr-icon-load\"></i>\n    </div>\n    <i\n        *ngIf=\"iconAfter\"\n        class=\"dr-button__icon dr-button__icon--after\"\n        [class]=\"iconAfter\"\n        [style.font-size]=\"iconAfterSize\"\n        [style.color]=\"iconAfterColor || 'inherit'\">\n    </i>\n</button>\n", styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button{font-size:14px;line-height:24px;font-weight:400;position:relative;display:flex;align-items:center;flex-wrap:nowrap;cursor:pointer;border-radius:16px;padding:4px 16px;height:32px;border:1px solid}:host button .dr-button__spinner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:inherit;border-radius:inherit}:host button .dr-button__spinner i{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}:host.with-icon button{padding-left:8px}:host.with-icon button i:first-child{margin-right:4px}:host.with-icon-after button{padding-right:8px}:host.with-icon-after button i:last-child{margin-left:4px}:host.split-primary-first button,:host.split-secondary-first button{border-bottom-right-radius:0;border-top-right-radius:0;padding-right:8px}:host.help button{padding:4px 16px 4px 8px;color:#333;height:28px;border:none;min-width:84px}:host.help button i{min-width:4px}:host.split-primary-last button,:host.split-secondary-last button{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:8px;padding-left:4px;border-left:none}:host.split-primary-last button i,:host.split-secondary-last button i{margin:0!important}:host.primary button,:host.split-primary-first button,:host.split-primary-last button{color:#fff;background:#4646ce;border-color:#4646ce}:host.primary button:hover,:host.split-primary-first button:hover,:host.split-primary-last button:hover{background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.primary.active button,:host.primary button:active,:host.split-primary-first.active button,:host.split-primary-first button:active,:host.split-primary-last.active button,:host.split-primary-last button:active{background:#25258c;border-color:#25258c}:host.primary.disabled button,:host.split-primary-first.disabled button,:host.split-primary-last.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.split-primary-first button{border-right-color:#dfe0e3}:host.split-primary-first.disabled button{border-right-color:#aeabac}:host.secondary button,:host.split-secondary-first button,:host.split-secondary-last button{color:#4646ce;background:#fff;border-color:#4646ce}:host.secondary button:hover,:host.split-secondary-first button:hover,:host.split-secondary-last button:hover{background:#f5f5f5;box-shadow:0 4px 14px #0000001a}:host.secondary.active button,:host.secondary button:active,:host.split-secondary-first.active button,:host.split-secondary-first button:active,:host.split-secondary-last.active button,:host.split-secondary-last button:active{background:#eaeaff;box-shadow:none}:host.secondary.disabled button,:host.split-secondary-first.disabled button,:host.split-secondary-last.disabled button{color:#aeabac;border-color:#aeabac}:host.secondary-white button{color:#fff;background:transparent;border-color:#fff}:host.secondary-white button:hover{background:#ffffff1a;box-shadow:0 4px 14px #0000001a}:host.secondary-white.active button,:host.secondary-white button:active{background:transparent;box-shadow:none}:host.secondary-white.disabled button{color:#aeabac;border-color:#aeabac}:host.split-secondary-first button{border-right-color:#4646ce}:host.split-secondary-first.disabled button{border-right-color:#aeabac}:host.icon button,:host.icon-primary button,:host.icon-secondary button{width:28px;height:28px;padding:0;justify-content:center}:host.icon button i,:host.icon-primary button i,:host.icon-secondary button i{margin:0!important}:host.icon button{background:transparent;border-color:transparent;color:#6d6e6f}:host.icon button:hover{color:#333;background:#dfe0e3;border-color:#dfe0e3}:host.icon.active button,:host.icon button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.icon.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.icon-primary button{color:#fff;background:#4646ce;border-color:#4646ce}:host.icon-primary button:hover{color:#fff;background:linear-gradient(96.89deg,#25258c,#4646ce);border-color:linear-gradient(96.89deg,#25258c 0%,#4646ce 100%)}:host.icon-primary.active button,:host.icon-primary button:active{color:#fff;background:#25258c;border-color:#25258c}:host.icon-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.icon-secondary button{color:#4646ce;background:#fff;border-color:#4646ce}:host.icon-secondary button:hover{color:#4646ce;background:#f5f5f5;border-color:#4646ce}:host.icon-secondary.active button,:host.icon-secondary button:active{color:#4646ce;background:#eaeaff;border-color:#4646ce}:host.icon-secondary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ghost button{border-radius:4px;padding:4px;background:transparent;border-color:transparent;color:#6d6e6f}:host.ghost button .dr-button__spinner{color:#4646ce;background:#fff}:host.ghost button:hover{color:#333;background:#f5f5f5;border-color:#f5f5f5}:host.ghost.active button,:host.ghost button:active{color:#4646ce;background:#eaeaff;border-color:#eaeaff}:host.ghost.disabled button{color:#aeabac;background:transparent;border-color:transparent}:host.highlight button{border:none;background:none;color:#4646ce;padding:0 4px;text-decoration:none}:host.highlight button:hover,:host.highlight.active button,:host.highlight button:active{text-decoration:underline}:host.highlight.disabled button{color:#aeabac}:host.dropdown button,:host.selection button{font-size:12px;line-height:16px;font-weight:400;border:1px solid #dfe0e3;border-radius:6px;padding:6px 8px;color:#6d6e6f;background-color:#fff}:host.dropdown button:hover,:host.selection button:hover{background-color:#f5f5f5;border-color:#4e566c}:host.dropdown.active button,:host.selection.active button{color:#4646ce}:host.dropdown.active button i:last-child,:host.selection.active button i:last-child{color:#333}:host.dropdown button:active,:host.selection button:active{border-color:#4646ce}:host.dropdown.disabled button,:host.selection.disabled button{background-color:#f0f1f4;color:#aeabac}:host.dropdown.disabled button i:last-child,:host.selection.disabled button i:last-child{color:#aeabac}:host.danger button{color:#fff;background:#bf1d30;border-color:#bf1d30}:host.danger button:hover{background:#981440;border-color:#981440}:host.danger.active button,:host.danger button:active{background:#680325;border-color:#680325}:host.danger.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-primary button{color:#fff;border:none;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary button:hover{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.active button,:host.ai-primary button:active{background:linear-gradient(0deg,#4d4dcd66 0% 100%),linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%)}:host.ai-primary.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}:host.ai-secondary button{color:#4646ce;border:none!important;z-index:1;background:linear-gradient(269.57deg,#6969ff -4.23%,#4eb7df 103.6%)!important}:host.ai-secondary button:before{content:\"\";position:absolute;inset:1px;border-radius:15px;background-color:#fff;z-index:-1}:host.ai-secondary button:hover{box-shadow:0 4px 14px #0000001a}:host.ai-secondary.active button,:host.ai-secondary button:active{box-shadow:none}:host.ai-secondary.active button:before,:host.ai-secondary button:active:before{background:linear-gradient(270deg,#6969ff33 -4.23%,#4eb7df33 103.6%),#fff}:host.ai-secondary.disabled button{color:#aeabac;background:#f0f1f4!important;border:1px solid #aeabac!important}:host.ai-secondary.disabled button:before{display:none}:host.marketing button{color:#fff;background:#f93576;border-color:#f93576}:host.marketing button:hover,:host.marketing.active button,:host.marketing button:active{background:#c9245b;border-color:#c9245b}:host.marketing.disabled button{color:#aeabac;background:#f0f1f4;border-color:#f0f1f4}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
     }], null, { theme: [{
             type: Input
         }, {
@@ -162,6 +164,8 @@ class DrButtonComponent {
         }, {
             type: HostBinding,
             args: ['class.active']
+        }], type: [{
+            type: Input
         }] }); })();
 
 class DrButtonLinkDirective {
@@ -376,7 +380,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
 
-const _c0$13 = ["*"];
+const _c0$14 = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -384,7 +388,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$13, 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$14, 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);
@@ -404,7 +408,7 @@ class TooltipDefaultComponent {
             args: ['class']
         }] }); })();
 
-const _c0$12 = ["container"];
+const _c0$13 = ["container"];
 class TooltipCustomComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -435,7 +439,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$12, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$13, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -496,7 +500,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$11 = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$12 = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -529,7 +533,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$11, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$12, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -872,8 +876,8 @@ class DrTooltipModule {
         TooltipComponent,
         DrTooltipDirective] }); })();
 
-const _c0$10 = ["checkboxContent"];
-const _c1$q = ["*"];
+const _c0$11 = ["checkboxContent"];
+const _c1$r = ["*"];
 class CheckboxComponent {
     get indeterminate() {
         return this._indeterminate;
@@ -923,7 +927,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$10, 5);
+            i0.ɵɵviewQuery(_c0$11, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -931,7 +935,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" }, standalone: true, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$q, 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" }, standalone: true, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$r, 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(); });
@@ -1018,8 +1022,8 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
 
-const _c0$$ = ["prefix"];
-const _c1$p = ["suffix"];
+const _c0$10 = ["prefix"];
+const _c1$q = ["suffix"];
 const _c2$d = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -1244,8 +1248,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$$, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$p, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$10, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$q, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefixIcon = _t.first);
@@ -1491,8 +1495,8 @@ class DrSpinnerModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrSpinnerModule, { declarations: [DrSpinnerComponent, DrSpinnerDirective], imports: [CommonModule], exports: [DrSpinnerComponent, DrSpinnerDirective] }); })();
 
-const _c0$_ = ["labelTemplate"];
-const _c1$o = ["multiLabelTemplate"];
+const _c0$$ = ["labelTemplate"];
+const _c1$p = ["multiLabelTemplate"];
 const _c2$c = ["optionTemplate"];
 const _c3$7 = ["optionHeaderTemplate"];
 const _c4$4 = ["optionFooterTemplate"];
@@ -1753,8 +1757,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$_, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$o, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$$, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$p, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$c, 5);
             i0.ɵɵcontentQuery(dirIndex, _c3$7, 5);
             i0.ɵɵcontentQuery(dirIndex, _c4$4, 5);
@@ -1949,7 +1953,7 @@ class DrSelectComponent {
             args: ['class.textView']
         }] }); })();
 
-const _c0$Z = ["dynamicInputRef"];
+const _c0$_ = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
@@ -2057,7 +2061,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$Z, 5);
+            i0.ɵɵviewQuery(_c0$_, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -2167,7 +2171,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$Y = ["*"];
+const _c0$Z = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -2217,7 +2221,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" }, standalone: true, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$Y, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], 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" }, standalone: true, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$Z, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], 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);
@@ -2411,7 +2415,7 @@ class DrToggleButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$X = ["*"];
+const _c0$Y = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -2465,7 +2469,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$X, 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.ɵɵStandaloneFeature], ngContentSelectors: _c0$Y, 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); });
@@ -2504,8 +2508,8 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$W = [[["dr-radio-button"]]];
-const _c1$n = ["dr-radio-button"];
+const _c0$X = [[["dr-radio-button"]]];
+const _c1$o = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
         return this._value;
@@ -2644,8 +2648,8 @@ class RadioGroupComponent {
                     useExisting: forwardRef((() => RadioGroupComponent)),
                     multi: true,
                 },
-            ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$n, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$W);
+            ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$o, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$X);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -3341,8 +3345,8 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
 
-const _c0$V = ["class", "component"];
-const _c1$m = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$W = ["class", "component"];
+const _c1$n = 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);
@@ -3352,7 +3356,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$m, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$n, 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, " ");
 } }
@@ -3637,7 +3641,7 @@ class DrDatePickerCustomHeaderComponent {
         return selector;
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerCustomHeaderComponent_Factory(t) { return new (t || DrDatePickerCustomHeaderComponent)(i0.ɵɵdirectiveInject(i5.MatCalendar), i0.ɵɵdirectiveInject(i1$2.DateAdapter), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$V, 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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$W, 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); });
@@ -3751,7 +3755,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
 
-const _c0$U = ["datePicker"];
+const _c0$V = ["datePicker"];
 function DrDatePickerComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -4129,7 +4133,7 @@ class DrDatePickerComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerComponent_Factory(t) { return new (t || DrDatePickerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.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$U, 5);
+            i0.ɵɵviewQuery(_c0$V, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -4555,7 +4559,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r4.isNextDateDisabled);
 } }
-const _c0$T = function (a0) { return { formattedValue: a0 }; };
+const _c0$U = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     set dateFormatConfig(value) {
         if (value) {
@@ -4754,7 +4758,7 @@ 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$T, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
+            i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c0$U, 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);
@@ -4804,8 +4808,8 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
             type: Output
         }] }); })();
 
-const _c0$S = ["class", "component"];
-const _c1$l = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$T = ["class", "component"];
+const _c1$m = 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);
@@ -4815,7 +4819,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$l, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$m, 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, " ");
 } }
@@ -4907,7 +4911,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"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], 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 DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFiscalMonthCalendarHeaderComponent, selectors: [["dr-fiscal-month-calendar-header", 8, "component"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$T, 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); });
@@ -7359,8 +7363,8 @@ class DrTagsAndScenarioConstructorComponent {
             type: Output
         }] }); })();
 
-const _c0$R = ["stepTextLabel"];
-const _c1$k = ["stepper"];
+const _c0$S = ["stepTextLabel"];
+const _c1$l = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
@@ -7585,12 +7589,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$R, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$S, 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$k, 5, ElementRef);
+            i0.ɵɵviewQuery(_c1$l, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepper = _t.first);
@@ -7760,7 +7764,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$Q = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$R = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -7916,7 +7920,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$Q, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$R, 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);
@@ -8031,7 +8035,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$P = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$Q = 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);
@@ -8045,7 +8049,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$P, 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$Q, 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");
 } }
@@ -8321,7 +8325,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$O = ["drChatMessageActions"];
+const _c0$P = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -8423,7 +8427,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$O, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$P, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -8494,7 +8498,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$N = ["suggestionsContainer"];
+const _c0$O = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8533,14 +8537,14 @@ function DrChatSuggestionsComponent_ng_template_3_div_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", item_r9, " ");
 } }
-const _c1$j = 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$k = 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$j, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1$k, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r3.visibleValues);
 } }
@@ -8639,7 +8643,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$N, 5);
+            i0.ɵɵviewQuery(_c0$O, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -8673,8 +8677,8 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$M = ["drChatHeader"];
-const _c1$i = ["drChatLoader"];
+const _c0$N = ["drChatHeader"];
+const _c1$j = ["drChatLoader"];
 const _c2$7 = ["drChatContent"];
 const _c3$5 = ["messagesContainer"];
 function DrChatComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
@@ -8810,8 +8814,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$M, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$i, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$N, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$j, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$7, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
         } if (rf & 2) {
@@ -8899,8 +8903,8 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$L = ["textAreaElement"];
-const _c1$h = ["fileInput"];
+const _c0$M = ["textAreaElement"];
+const _c1$i = ["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);
@@ -9132,8 +9136,8 @@ class DrChatFormDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatFormDropdownComponent_Factory(t) { return new (t || DrChatFormDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.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$L, 5);
-            i0.ɵɵviewQuery(_c1$h, 5);
+            i0.ɵɵviewQuery(_c0$M, 5);
+            i0.ɵɵviewQuery(_c1$i, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textAreaElementRef = _t.first);
@@ -9281,14 +9285,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$K = ["*"];
+const _c0$L = ["*"];
 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$K, 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$L, 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);
@@ -9334,7 +9338,7 @@ function DrBadgeStatusComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-const _c0$J = function (a0, a1) { return [a0, a1]; };
+const _c0$K = function (a0, a1) { return [a0, a1]; };
 class DrBadgeStatusComponent {
     constructor() {
         this.theme = BadgeStatus.REGULAR;
@@ -9347,7 +9351,7 @@ class DrBadgeStatusComponent {
             i0.ɵɵtemplate(2, DrBadgeStatusComponent_span_2_Template, 2, 1, "span", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("drTooltip", ctx.tooltip)("drTooltipClass", ctx.tooltipClass)("ngClass", i0.ɵɵpureFunction2(5, _c0$J, "badge-status--" + ctx.theme, !ctx.showBackground ? "badge-status--no-background" : ""));
+            i0.ɵɵproperty("drTooltip", ctx.tooltip)("drTooltipClass", ctx.tooltipClass)("ngClass", i0.ɵɵpureFunction2(5, _c0$K, "badge-status--" + ctx.theme, !ctx.showBackground ? "badge-status--no-background" : ""));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
@@ -9425,7 +9429,7 @@ function DrAlertComponent_i_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function DrAlertComponent_i_6_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.hidden = true); });
     i0.ɵɵelementEnd();
 } }
-const _c0$I = ["*"];
+const _c0$J = ["*"];
 const ALERT_THEME_ICONS = {
     [DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
     [DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
@@ -9449,7 +9453,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", title: "title", text: "text", showClose: "showClose" }, ngContentSelectors: _c0$I, decls: 7, vars: 4, consts: [[1, "dr-alert__content-wrapper"], [4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], ["class", "dr-alert__close-icon dr-icon-exit", 3, "click", 4, "ngIf"], ["class", "dr-alert__title", 4, "ngIf"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__title"], [1, "dr-alert__text"], [1, "dr-alert__close-icon", "dr-icon-exit", 3, "click"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { theme: "theme", customIconClass: "customIconClass", title: "title", text: "text", showClose: "showClose" }, ngContentSelectors: _c0$J, decls: 7, vars: 4, consts: [[1, "dr-alert__content-wrapper"], [4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], ["class", "dr-alert__close-icon dr-icon-exit", 3, "click", 4, "ngIf"], ["class", "dr-alert__title", 4, "ngIf"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__title"], [1, "dr-alert__text"], [1, "dr-alert__close-icon", "dr-icon-exit", 3, "click"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "i");
             i0.ɵɵelementStart(1, "div", 0);
@@ -9501,7 +9505,7 @@ class CodeEditorHintWrapperComponent {
             }]
     }], null, null); })();
 
-const _c0$H = ["ref"];
+const _c0$I = ["ref"];
 class DrCodemirrorComponent {
     set options(value) {
         this._options = value;
@@ -9631,7 +9635,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$H, 5);
+            i0.ɵɵviewQuery(_c0$I, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ref = _t.first);
@@ -9783,7 +9787,7 @@ class DrErrorComponent {
             args: ['class.no-icon']
         }] }); })();
 
-const _c0$G = ["codeEditor"];
+const _c0$H = ["codeEditor"];
 function DrCodeEditorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
     i0.ɵɵtext(1);
@@ -10062,7 +10066,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$G, 5);
+            i0.ɵɵviewQuery(_c0$H, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
@@ -10079,11 +10083,11 @@ class DrCodeEditorComponent {
             i0.ɵɵproperty("ngIf", !ctx.isFocused && !ctx.innerValue);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("control", ctx.control)("displayAsLabel", true);
-        } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, DrErrorComponent, DrCodemirrorComponent], styles: ["dr-codemirror[_ngcontent-%COMP%]     .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker:first-child, dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-matchingbracket{color:#0f0!important}[_nghost-%COMP%] {position:relative}[_nghost-%COMP%]  .mirror-error .CodeMirror{border:1px solid #bf1d30}[_nghost-%COMP%]  .mark-hints .hint-variable{color:#4646ce}dr-error[_ngcontent-%COMP%]{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error[_ngcontent-%COMP%]:not(:last-child){display:none}.codemirror-placeholder[_ngcontent-%COMP%]{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}  .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}  .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}  .CodeMirror-hints .CodeMirror-hint,   .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}  .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,   .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, DrErrorComponent, DrCodemirrorComponent], styles: ["dr-codemirror[_ngcontent-%COMP%]     .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker:first-child, dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror[_ngcontent-%COMP%]     .CodeMirror-matchingbracket{color:#0f0!important}[_nghost-%COMP%] {position:relative}[_nghost-%COMP%]  .mirror-error .CodeMirror{border:1px solid #bf1d30}[_nghost-%COMP%]  .mark-hints .hint-variable{color:#4646ce}dr-error[_ngcontent-%COMP%]{position:absolute;bottom:5px;left:7px;background:#fff;margin:0;width:calc(100% - 9px)}dr-error[_ngcontent-%COMP%]:not(:last-child){display:none}.codemirror-placeholder[_ngcontent-%COMP%]{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}  .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}  .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}  .CodeMirror-hints .CodeMirror-hint,   .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}  .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,   .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCodeEditorComponent, [{
         type: Component,
-        args: [{ selector: 'dr-code-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrCodeEditorComponent)), multi: true }], template: "<dr-codemirror\n    #codeEditor\n    [(ngModel)]=\"value\"\n    [options]=\"codeMirrorOptions\"\n    [class.mark-hints]=\"highlightHints\"\n    [class.mirror-error]=\"control.status === 'INVALID' && !control.pristine\"\n    (focusChange)=\"focusChanged($event)\"\n    (codeMirrorLoaded)=\"afterCodeMirrorLoaded()\"></dr-codemirror>\n<span *ngIf=\"!isFocused && !innerValue\" class=\"codemirror-placeholder\">{{ placeholder }}</span>\n<dr-error [control]=\"control\" [displayAsLabel]=\"true\"></dr-error>\n", styles: ["dr-codemirror ::ng-deep .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror ::ng-deep .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror ::ng-deep .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror ::ng-deep .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror ::ng-deep .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror ::ng-deep .CodeMirror .marker:first-child,dr-codemirror ::ng-deep .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror ::ng-deep .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror ::ng-deep .CodeMirror-matchingbracket{color:#0f0!important}:host::ng-deep{position:relative}:host::ng-deep .mirror-error .CodeMirror{border:1px solid #bf1d30}:host::ng-deep .mark-hints .hint-variable{color:#4646ce}dr-error{position:absolute;bottom:5px;left:7px;background:#fff;margin:0}dr-error:not(:last-child){display:none}.codemirror-placeholder{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}::ng-deep .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}::ng-deep .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}::ng-deep .CodeMirror-hints .CodeMirror-hint,::ng-deep .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}::ng-deep .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,::ng-deep .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}\n"] }]
+        args: [{ selector: 'dr-code-editor', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => DrCodeEditorComponent)), multi: true }], template: "<dr-codemirror\n    #codeEditor\n    [(ngModel)]=\"value\"\n    [options]=\"codeMirrorOptions\"\n    [class.mark-hints]=\"highlightHints\"\n    [class.mirror-error]=\"control.status === 'INVALID' && !control.pristine\"\n    (focusChange)=\"focusChanged($event)\"\n    (codeMirrorLoaded)=\"afterCodeMirrorLoaded()\"></dr-codemirror>\n<span *ngIf=\"!isFocused && !innerValue\" class=\"codemirror-placeholder\">{{ placeholder }}</span>\n<dr-error [control]=\"control\" [displayAsLabel]=\"true\"></dr-error>\n", styles: ["dr-codemirror ::ng-deep .CodeMirror{height:10rem;border:1px solid #9ea1aa;border-radius:6px}dr-codemirror ::ng-deep .CodeMirror-focused{border-color:#4646ce!important}dr-codemirror ::ng-deep .CodeMirror-line{font-size:12px;line-height:16px;font-weight:400}dr-codemirror ::ng-deep .CodeMirror .CodeMirror-scroll{padding:0}dr-codemirror ::ng-deep .CodeMirror .marker{color:#fff;background:#20a452}dr-codemirror ::ng-deep .CodeMirror .marker:first-child,dr-codemirror ::ng-deep .CodeMirror .cm-variable:not(.marker)+.marker{padding-left:2px;margin-left:2px}dr-codemirror ::ng-deep .CodeMirror .marker+.cm-variable:not(.marker){margin-left:2px}dr-codemirror ::ng-deep .CodeMirror-matchingbracket{color:#0f0!important}:host::ng-deep{position:relative}:host::ng-deep .mirror-error .CodeMirror{border:1px solid #bf1d30}:host::ng-deep .mark-hints .hint-variable{color:#4646ce}dr-error{position:absolute;bottom:5px;left:7px;background:#fff;margin:0;width:calc(100% - 9px)}dr-error:not(:last-child){display:none}.codemirror-placeholder{color:#6d6e6f;position:absolute;top:10px;left:10px;font-size:12px;pointer-events:none;white-space:pre}::ng-deep .CodeMirror-hints{background:#fff;border:1px solid #e5e6ea;box-shadow:0 4px 8px 1px #00000040;border-radius:6px;z-index:100;padding:8px 0}::ng-deep .CodeMirror-hints .CodeMirror-hint{font-size:12px;line-height:16px;font-weight:400;padding:0 12px;display:flex;align-items:center;height:32px;background:#fff;color:#333}::ng-deep .CodeMirror-hints .CodeMirror-hint,::ng-deep .CodeMirror-hints .CodeMirror-hint-active{background:#fff;color:#333}::ng-deep .CodeMirror-hints:not(:hover) .CodeMirror-hint-active,::ng-deep .CodeMirror-hints .CodeMirror-hint:hover{background:#eaeaff;cursor:pointer}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; }, { markers: [{
             type: Input
         }], highlightHints: [{
@@ -10146,7 +10150,7 @@ const getAlignmentDimension = (position) => {
     return DrPopoverAlignmentDimension.Width;
 };
 
-const _c0$F = ["popoverContainer"];
+const _c0$G = ["popoverContainer"];
 function DrPopoverComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -10236,7 +10240,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$F, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$G, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverContainer = _t.first);
@@ -10560,7 +10564,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$E = ["menuContainer"];
+const _c0$F = ["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) {
@@ -10610,12 +10614,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$g = function (a0) { return { $implicit: a0 }; };
+const _c1$h = 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$g, act_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$h, act_r2));
 } }
 function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
@@ -10791,7 +10795,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$E, 7);
+            i0.ɵɵviewQuery(_c0$F, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
@@ -11030,8 +11034,8 @@ class DrDropdownChildDirective {
             }]
     }], null, null); })();
 
-const _c0$D = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
-const _c1$f = ["[dropdownItemContent]", "[dropdownItemActions]"];
+const _c0$E = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
+const _c1$g = ["[dropdownItemContent]", "[dropdownItemActions]"];
 class DrDropdownItemComponent {
     constructor() {
         this.role = 'option';
@@ -11039,8 +11043,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$f, 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$D);
+        } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$g, 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$E);
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -11082,7 +11086,7 @@ class DrDropdownItemShowPipe {
 function DrTabComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$C = ["*"];
+const _c0$D = ["*"];
 class DrTabComponent {
     constructor() { }
     ngOnInit() { }
@@ -11092,7 +11096,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$C, 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$D, 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 }); }
@@ -11367,8 +11371,8 @@ class DrTabsComponent {
             args: [DrTabComponent]
         }] }); })();
 
-const _c0$B = [[["dr-accordion-item"]]];
-const _c1$e = ["dr-accordion-item"];
+const _c0$C = [[["dr-accordion-item"]]];
+const _c1$f = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
         this.openCloseItems = new Subject();
@@ -11401,8 +11405,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$e, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$B);
+        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$f, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$C);
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
@@ -11419,8 +11423,8 @@ class DrAccordionComponent {
             args: ['class']
         }] }); })();
 
-const _c0$A = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
-const _c1$d = ["dr-accordion-item-header", "dr-accordion-item-body"];
+const _c0$B = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
+const _c1$e = ["dr-accordion-item-header", "dr-accordion-item-body"];
 class DrAccordionItemComponent {
     /**
      * Item is collapse (`true` by default)
@@ -11520,8 +11524,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$d, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$A);
+        } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$e, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$B);
             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 }); }
@@ -11563,8 +11567,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$z = function (a0) { return { rotationDegree: a0 }; };
-const _c1$c = function (a0, a1) { return { value: a0, params: a1 }; };
+const _c0$A = function (a0) { return { rotationDegree: a0 }; };
+const _c1$d = 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);
@@ -11573,7 +11577,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$c, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$z, ctx_r1.chevronRotationDegree)));
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$d, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$A, ctx_r1.chevronRotationDegree)));
 } }
 const _c2$4 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
 const _c3$2 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
@@ -11702,8 +11706,8 @@ class DrAccordionItemHeaderComponent {
             args: ['keydown.enter']
         }] }); })();
 
-const _c0$y = function (a0) { return { value: a0 }; };
-const _c1$b = ["*"];
+const _c0$z = function (a0) { return { value: a0 }; };
+const _c1$c = ["*"];
 const accordionItemBodyTrigger = trigger('accordionItemBody', [
     state('collapsed', style({
         overflow: 'hidden',
@@ -11734,13 +11738,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$b, 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$c, 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$y, ctx.state));
+            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$z, 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, [{
@@ -11756,13 +11760,13 @@ class DrAccordionItemBodyComponent {
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$x = [[["dr-layout-header"]], [["dr-layout-body"]]];
-const _c1$a = ["dr-layout-header", "dr-layout-body"];
+const _c0$y = [[["dr-layout-header"]], [["dr-layout-body"]]];
+const _c1$b = ["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$a, 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$x);
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutComponent, selectors: [["dr-layout"]], ngContentSelectors: _c1$b, 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$y);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
@@ -11775,11 +11779,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$w = ["*"];
+const _c0$x = ["*"];
 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$w, 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$x, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "nav");
             i0.ɵɵprojection(1);
@@ -11798,11 +11802,11 @@ class DrLayoutHeaderComponent {
             }]
     }], function () { return []; }, null); })();
 
-const _c0$v = ["*"];
+const _c0$w = ["*"];
 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$v, 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$w, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 }); }
@@ -11888,8 +11892,8 @@ function DrEmptyStateComponent_p_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r2.description);
 } }
-const _c0$u = [[["dr-empty-state-media"], ["", "dr-empty-state-media", ""], ["", "drEmptyStateMedia", ""]], [["dr-empty-state-title"], ["", "dr-empty-state-title", ""], ["", "drEmptyStateTitle", ""]], [["dr-empty-state-description"], ["", "dr-empty-state-description", ""], ["", "drEmptyStateDescription", ""]]];
-const _c1$9 = ["dr-empty-state-media, [dr-empty-state-media], [drEmptyStateMedia]", "dr-empty-state-title, [dr-empty-state-title], [drEmptyStateTitle]", "dr-empty-state-description, [dr-empty-state-description], [drEmptyStateDescription]"];
+const _c0$v = [[["dr-empty-state-media"], ["", "dr-empty-state-media", ""], ["", "drEmptyStateMedia", ""]], [["dr-empty-state-title"], ["", "dr-empty-state-title", ""], ["", "drEmptyStateTitle", ""]], [["dr-empty-state-description"], ["", "dr-empty-state-description", ""], ["", "drEmptyStateDescription", ""]]];
+const _c1$a = ["dr-empty-state-media, [dr-empty-state-media], [drEmptyStateMedia]", "dr-empty-state-title, [dr-empty-state-title], [drEmptyStateTitle]", "dr-empty-state-description, [dr-empty-state-description], [drEmptyStateDescription]"];
 class DrEmptyStateComponent {
     constructor() {
         this.title = '';
@@ -11927,8 +11931,8 @@ class DrEmptyStateComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.projectedMedia = _t.first);
         } }, hostAttrs: [1, "dr-empty-state"], hostVars: 4, hostBindings: function DrEmptyStateComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role)("aria-live", ctx.ariaLive)("aria-atomic", ctx.ariaAtomic)("aria-label", ctx.ariaLabelAttr);
-        } }, inputs: { title: "title", description: "description", illustrationUrl: "illustrationUrl", illustrationAlt: "illustrationAlt", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$9, decls: 6, vars: 3, consts: [["class", "dr-empty-state__illustration", 3, "src", 4, "ngIf"], ["class", "dr-empty-state__title", 4, "ngIf"], ["class", "dr-empty-state__description", 4, "ngIf"], [1, "dr-empty-state__illustration", 3, "src"], [1, "dr-empty-state__title"], [1, "dr-empty-state__description"]], template: function DrEmptyStateComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$u);
+        } }, inputs: { title: "title", description: "description", illustrationUrl: "illustrationUrl", illustrationAlt: "illustrationAlt", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$a, decls: 6, vars: 3, consts: [["class", "dr-empty-state__illustration", 3, "src", 4, "ngIf"], ["class", "dr-empty-state__title", 4, "ngIf"], ["class", "dr-empty-state__description", 4, "ngIf"], [1, "dr-empty-state__illustration", 3, "src"], [1, "dr-empty-state__title"], [1, "dr-empty-state__description"]], template: function DrEmptyStateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$v);
             i0.ɵɵprojection(0);
             i0.ɵɵtemplate(1, DrEmptyStateComponent_img_1_Template, 1, 3, "img", 0);
             i0.ɵɵprojection(2, 1);
@@ -12017,7 +12021,7 @@ function DrDetailsListComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(item_r1);
 } }
-const _c0$t = function (a0) { return { value: a0 }; };
+const _c0$u = function (a0) { return { value: a0 }; };
 class DrDetailsListComponent {
     set items(val) {
         if (!val) {
@@ -12064,7 +12068,7 @@ class DrDetailsListComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$t, ctx.state));
+            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$u, 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: [
@@ -12108,8 +12112,8 @@ class DrDetailsListComponent {
             type: Input
         }] }); })();
 
-const _c0$s = ["content"];
-const _c1$8 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
+const _c0$t = ["content"];
+const _c1$9 = 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);
@@ -12117,7 +12121,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$8, !ctx_r0.isMaximized, ctx_r0.isMaximized));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$9, !ctx_r0.isMaximized, ctx_r0.isMaximized));
 } }
 function DialogWrapperComponent_i_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -12303,7 +12307,7 @@ class DialogWrapperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DialogWrapperComponent_Factory(t) { return new (t || DialogWrapperComponent)(i0.ɵɵdirectiveInject(i1$4.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$s, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$t, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -12507,8 +12511,8 @@ function DialogModalWrapperComponent_form_7_div_2_label_9_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r19.dialogData.serverErrorMessage, " ");
 } }
-const _c0$r = function (a0) { return { display: a0 }; };
-const _c1$7 = function (a0, a1) { return { "col-md-10": a0, "col-md-12": a1 }; };
+const _c0$s = function (a0) { return { display: a0 }; };
+const _c1$8 = 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);
@@ -12525,11 +12529,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$r, field_r11.isLabelFullWidth ? "block" : "flex"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$s, 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$7, field_r11.label && !field_r11.isLabelFullWidth, !field_r11.label || field_r11.isLabelFullWidth));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c1$8, 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);
@@ -12723,12 +12727,15 @@ class DialogModalWrapperComponent {
 
 const DEFAULT_PANE_CLASS_NAME = 'wrapper-dialog';
 const DEFAULT_CONFIRM_THEME = { themeSize: 'small-modal' };
+/** @deprecated use DrModalService instead */
 class DialogService {
     constructor(dialog) {
         this.dialog = dialog;
     }
     /**
      * Function to open modal with custom form
+     *
+     * @deprecated use DrModalService.open instead
      */
     openDialogWrapper(componentTypeChild, dialogData, componentTypeWrapper) {
         if (!componentTypeWrapper)
@@ -12745,6 +12752,8 @@ class DialogService {
     }
     /**
      * Function to open confirmation modal
+     *
+     * @deprecated use DrModalService.confirm instead
      */
     openConfirmDialog(confirmDialogData) {
         const dialogData = {
@@ -12760,6 +12769,8 @@ class DialogService {
     }
     /**
      * Function to open confirmation modal with inputs
+     *
+     * @deprecated use DrModalService.confirm instead
      */
     openConfirmDialogModal(confirmDialogData) {
         const dialogData = {
@@ -13233,7 +13244,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$q = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
+const _c0$r = 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);
@@ -13242,7 +13253,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$q, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$r, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r0.item.collapsed);
 } }
@@ -13840,6 +13851,37 @@ class DataAnalyticsService {
             }]
     }], function () { return []; }, null); })();
 
+/**
+ * A utility function to handle asynchronous operations with a try-catch mechanism.
+ * It wraps a promise and returns a tuple containing either the resolved value or the caught error.
+ *
+ * @example
+ * ```typescript
+ * const [data, error] = await withResult(someAsyncFunction());
+ * if (error != null) {
+ *   console.log('Success:', data);
+ * } else {
+ *   console.error('Error:', error);
+ * }
+ * ```
+ */
+const withResult = async (value) => {
+    if (!(value instanceof Promise) && !(value instanceof Observable)) {
+        throw new TypeError('The provided argument is not a Promise or Observable.');
+    }
+    if (value instanceof Observable) {
+        value = firstValueFrom(value);
+    }
+    try {
+        const data = await value;
+        return [data, null];
+    }
+    catch (error) {
+        return [null, error];
+    }
+};
+const fromPromise = (promise) => from(promise).pipe(take(1));
+
 /**
  * This file is auto-generated from colors.scss
  * Do not edit this file manually. Edit colors.scss instead.
@@ -14631,7 +14673,7 @@ class DrImageCropperCanvasService {
         type: Injectable
     }], null, null); })();
 
-const _c0$p = ["imageCanvas"];
+const _c0$q = ["imageCanvas"];
 class DrImageCropperComponent {
     constructor(canvasService) {
         this.canvasService = canvasService;
@@ -14689,7 +14731,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$p, 7);
+            i0.ɵɵviewQuery(_c0$q, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
@@ -14890,6 +14932,7 @@ class DrDetailsListModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrDetailsListModule, { declarations: [DrDetailsListComponent], imports: [CommonModule], exports: [DrDetailsListComponent] }); })();
 
+/** @deprecated use DrModalModule instead */
 class DrDialogModule {
     /** @nocollapse */ static { this.ɵfac = function DrDialogModule_Factory(t) { return new (t || DrDialogModule)(); }; }
     /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrDialogModule }); }
@@ -15105,7 +15148,7 @@ function DrChipComponent_button_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵattribute("aria-label", ctx_r2.removeAriaLabel);
 } }
-const _c0$o = ["*"];
+const _c0$p = ["*"];
 class DrChipComponent {
     constructor() {
         this.removeAriaLabel = 'Remove';
@@ -15119,7 +15162,7 @@ class DrChipComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChipComponent, selectors: [["dr-chip"]], hostVars: 3, hostBindings: function DrChipComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("aria-label", ctx.label);
             i0.ɵɵclassProp("--compact", ctx.compact);
-        } }, inputs: { label: "label", icon: "icon", removable: ["removable", "removable", booleanAttribute], removeAriaLabel: "removeAriaLabel", compact: ["compact", "compact", booleanAttribute] }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$o, decls: 5, vars: 4, consts: [["class", "chip__icon", "aria-hidden", "true", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["type", "button", "class", "chip__remove", 3, "click", 4, "ngIf"], ["aria-hidden", "true", 1, "chip__icon"], ["type", "button", 1, "chip__remove", 3, "click"], ["aria-hidden", "true", 1, "dr-icon-exit"]], template: function DrChipComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: "label", icon: "icon", removable: ["removable", "removable", booleanAttribute], removeAriaLabel: "removeAriaLabel", compact: ["compact", "compact", booleanAttribute] }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$p, decls: 5, vars: 4, consts: [["class", "chip__icon", "aria-hidden", "true", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["type", "button", "class", "chip__remove", 3, "click", 4, "ngIf"], ["aria-hidden", "true", 1, "chip__icon"], ["type", "button", 1, "chip__remove", 3, "click"], ["aria-hidden", "true", 1, "dr-icon-exit"]], 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, "span", 1);
@@ -15161,8 +15204,8 @@ class DrChipComponent {
             args: ['class.--compact']
         }] }); })();
 
-const _c0$n = ["carouselContainer"];
-const _c1$6 = ["carouselItem"];
+const _c0$o = ["carouselContainer"];
+const _c1$7 = ["carouselItem"];
 function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-button", 5);
@@ -15387,8 +15430,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$n, 5);
-            i0.ɵɵviewQuery(_c1$6, 5);
+            i0.ɵɵviewQuery(_c0$o, 5);
+            i0.ɵɵviewQuery(_c1$7, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRef = _t.first);
@@ -15460,7 +15503,7 @@ function DrProgressBarComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     const progressPercent_r4 = ctx.progressPercent;
     i0.ɵɵtextInterpolate1("", progressPercent_r4, "%");
 } }
-const _c0$m = ["*"];
+const _c0$n = ["*"];
 class DrProgressBarComponent {
     constructor() {
         this.roundProgress = false;
@@ -15540,7 +15583,7 @@ class DrProgressBarComponent {
         } }, hostVars: 7, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role)("aria-valuemin", ctx.ariaValueMin)("aria-valuemax", ctx.ariaValueMax)("aria-valuenow", ctx.ariaValueNow)("aria-label", ctx.ariaLabel);
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { progress: "progress", total: "total", roundProgress: "roundProgress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls: 7, vars: 3, consts: [["aria-hidden", "true", 1, "progress-bar__background"], [1, "progress-bar__background__fill"], ["aria-hidden", "true", 1, "progress-bar__value"], [4, "ngIf"], ["defaultValueTemplate", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { progress: "progress", total: "total", roundProgress: "roundProgress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$n, decls: 7, vars: 3, consts: [["aria-hidden", "true", 1, "progress-bar__background"], [1, "progress-bar__background__fill"], ["aria-hidden", "true", 1, "progress-bar__value"], [4, "ngIf"], ["defaultValueTemplate", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
@@ -15596,7 +15639,7 @@ class DrProgressBarComponent {
             args: ['attr.aria-label']
         }] }); })();
 
-const _c0$l = ["*"];
+const _c0$m = ["*"];
 class DrBadgeComponent {
     constructor() {
         this.color = 'stone';
@@ -15608,7 +15651,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$l, 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$m, 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}.purple[_nghost-%COMP%]{color:#fff;background-color:#7b61ff}.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 }); }
@@ -15704,6 +15747,642 @@ class DrSystemMessageComponent {
             args: ['class']
         }] }); })();
 
+class DrModalConfig {
+}
+
+class DrModalRef {
+    constructor(innerRef, config) {
+        this.innerRef = innerRef;
+        this.config = config;
+        this.id = this.innerRef.id;
+        this.ref = this.innerRef.componentInstance;
+        this.data = this.config.data;
+        this.afterClosed$ = this.innerRef.closed;
+        this.container = this.innerRef.containerInstance;
+        this.disableClose = this.config.disableClose;
+        this.isClosing = false;
+        const escapeKeydownEvents$ = this.innerRef.keydownEvents.pipe(filter((event) => event.keyCode === ESCAPE && !this.disableClose && !hasModifierKey(event)));
+        merge(this.innerRef.backdropClick, escapeKeydownEvents$).subscribe((event) => {
+            if (!this.disableClose) {
+                event.preventDefault();
+                this.close(null);
+            }
+        });
+        this.innerRef.overlayRef.detachments().subscribe(() => {
+            this.isClosing = true;
+            this.cdkClose(this.result);
+        });
+    }
+    close(result) {
+        if (this.isClosing) {
+            return;
+        }
+        this.result = result;
+        // init closing
+        this.isClosing = true;
+        this.innerRef.overlayRef.detachBackdrop(); // disable other backdrop clicks
+        this.container.animateClose();
+        setTimeout(() => this.cdkClose(result), this.container.animationTime());
+    }
+    cdkClose(result) {
+        this.innerRef.close(result);
+    }
+}
+
+class DrModalHeaderDirective {
+    /** @nocollapse */ static { this.ɵfac = function DrModalHeaderDirective_Factory(t) { return new (t || DrModalHeaderDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalHeaderDirective, selectors: [["dr-modal-header"], ["", "dr-modal-header", ""], ["", "drModalHeader", ""]], hostAttrs: [1, "dr-modal-header"], standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalHeaderDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: 'dr-modal-header, [dr-modal-header], [drModalHeader]',
+                host: { class: 'dr-modal-header' },
+            }]
+    }], null, null); })();
+class DrModalTitleDirective {
+    constructor() {
+        this.id = inject(DrModalConfig).id;
+        const modalRef = inject(DrModalRef);
+        setTimeout(() => modalRef.container.hasTitle.set(true));
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrModalTitleDirective_Factory(t) { return new (t || DrModalTitleDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalTitleDirective, selectors: [["dr-modal-title"], ["", "dr-modal-title", ""], ["", "drModalTitle", ""]], hostAttrs: ["role", "heading", "aria-level", "1", "data-test", "dialogTitle", 1, "dr-modal-title"], hostVars: 1, hostBindings: function DrModalTitleDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", "modal-" + ctx.id + "-title");
+        } }, standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalTitleDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: 'dr-modal-title, [dr-modal-title], [drModalTitle]',
+                host: {
+                    '[id]': "'modal-' + id + '-title'",
+                    class: 'dr-modal-title',
+                    role: 'heading',
+                    'aria-level': '1',
+                    'data-test': 'dialogTitle',
+                },
+            }]
+    }], function () { return []; }, null); })();
+class DrModalSubtitleDirective {
+    constructor() {
+        this.id = inject(DrModalConfig).id;
+        const modalRef = inject(DrModalRef);
+        setTimeout(() => modalRef.container.hasSubtitle.set(true));
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrModalSubtitleDirective_Factory(t) { return new (t || DrModalSubtitleDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalSubtitleDirective, selectors: [["dr-modal-subtitle"], ["", "dr-modal-subtitle", ""], ["", "drModalSubtitle", ""]], hostAttrs: ["role", "heading", "aria-level", "2", "data-test", "dialogSubtitle", 1, "dr-modal-subtitle"], hostVars: 1, hostBindings: function DrModalSubtitleDirective_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", "modal-" + ctx.id + "-subtitle");
+        } }, standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalSubtitleDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: 'dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]',
+                host: {
+                    '[id]': "'modal-' + id + '-subtitle'",
+                    class: 'dr-modal-subtitle',
+                    role: 'heading',
+                    'aria-level': '2',
+                    'data-test': 'dialogSubtitle',
+                },
+            }]
+    }], function () { return []; }, null); })();
+class DrModalBodyDirective {
+    /** @nocollapse */ static { this.ɵfac = function DrModalBodyDirective_Factory(t) { return new (t || DrModalBodyDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalBodyDirective, selectors: [["dr-modal-body"], ["", "dr-modal-body", ""], ["", "drModalBody", ""]], hostAttrs: ["data-test", "modalBody", 1, "dr-modal-body"], standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalBodyDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: 'dr-modal-body, [dr-modal-body], [drModalBody]',
+                host: { class: 'dr-modal-body', 'data-test': 'modalBody' },
+            }]
+    }], null, null); })();
+class DrModalFooterDirective {
+    /** @nocollapse */ static { this.ɵfac = function DrModalFooterDirective_Factory(t) { return new (t || DrModalFooterDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalFooterDirective, selectors: [["dr-modal-footer"], ["", "dr-modal-footer", ""], ["", "drModalFooter", ""]], hostAttrs: [1, "dr-modal-footer"], standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalFooterDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: 'dr-modal-footer, [dr-modal-footer], [drModalFooter]',
+                host: { class: 'dr-modal-footer' },
+            }]
+    }], null, null); })();
+
+class DrModalCloseDirective {
+    constructor() {
+        this.modalRef = inject(DrModalRef);
+        /**
+         * By default, Angular would assign '' in <button drModalClose>, which is not ideal as we use null for backdrop click and ESC press
+         * To understand if drModalClose used without value (<button drModalClose>) we get its attribute.
+         * '' attribute means we used drModalClose without any value, null means we used [drModalClose]="''" with binding
+         *
+         * NOTE: @Attribute will not work as Angular always sets @Attribute null value if it matches any @Input
+         */
+        this.resultAttr = inject(ElementRef).nativeElement.getAttribute('drModalClose');
+        const hostButton = inject(DrButtonComponent, { optional: true, self: true });
+        // Set closeModal as buttons if they have no result (<dr-button drModalClose>)
+        hostButton && this.resultAttr === '' && (hostButton.type = 'button');
+    }
+    onHostClick() {
+        this.modalRef.close(this.resultAttr === '' ? null : this.result);
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrModalCloseDirective_Factory(t) { return new (t || DrModalCloseDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalCloseDirective, selectors: [["", "drModalClose", ""]], hostBindings: function DrModalCloseDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function DrModalCloseDirective_click_HostBindingHandler() { return ctx.onHostClick(); });
+        } }, inputs: { result: ["drModalClose", "result"] }, standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalCloseDirective, [{
+        type: Directive,
+        args: [{
+                standalone: true,
+                selector: '[drModalClose]',
+                host: { '(click)': 'onHostClick()' },
+            }]
+    }], function () { return []; }, { result: [{
+            type: Input,
+            args: ['drModalClose']
+        }] }); })();
+
+function DrModalComponent_ng_container_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "button", 1);
+    i0.ɵɵelement(2, "i", 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} }
+function DrModalComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "dr-modal-header");
+    i0.ɵɵprojection(2, 3);
+    i0.ɵɵprojection(3, 4);
+    i0.ɵɵtemplate(4, DrModalComponent_ng_container_1_ng_container_4_Template, 3, 0, "ng-container", 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r0.withCloseBtn);
+} }
+const _c0$l = [[["dr-modal-header"], ["", "dr-modal-header", ""], ["", "drModalHeader", ""]], [["dr-modal-body"], ["", "dr-modal-body", ""], ["", "drModalBody", ""]], [["dr-modal-footer"], ["", "dr-modal-footer", ""], ["", "drModalFooter", ""]], [["dr-modal-title"], ["", "dr-modal-title", ""], ["", "drModalTitle", ""]], [["dr-modal-subtitle"], ["", "dr-modal-subtitle", ""], ["", "drModalSubtitle", ""]]];
+const _c1$6 = ["dr-modal-header, [dr-modal-header], [drModalHeader]", "dr-modal-body, [dr-modal-body], [drModalBody]", "dr-modal-footer, [dr-modal-footer], [drModalFooter]", "dr-modal-title, [dr-modal-title], [drModalTitle]", "dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]"];
+class DrModalComponent {
+    constructor() {
+        this.size = 'md'; // null for custom size
+        this.maxHeight = 'size';
+        this.withHeader = true;
+        this.withCloseBtn = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrModalComponent_Factory(t) { return new (t || DrModalComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrModalComponent, selectors: [["dr-modal"], ["form", "dr-modal", ""]], contentQueries: function DrModalComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, DrModalHeaderDirective, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customHeader = _t.first);
+        } }, hostAttrs: [1, "dr-modal"], hostVars: 4, hostBindings: function DrModalComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassMap(ctx.size);
+            i0.ɵɵclassProp("max-height", ctx.maxHeight === "max");
+        } }, inputs: { size: "size", maxHeight: "maxHeight", withHeader: ["withHeader", "withHeader", booleanAttribute], withCloseBtn: ["withCloseBtn", "withCloseBtn", booleanAttribute] }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$6, decls: 4, vars: 1, consts: [[4, "ngIf"], ["aria-label", "Close modal", "drModalClose", "", "type", "button", "data-test", "xBtn", 1, "dr-modal-close-icon"], ["aria-hidden", "true", 1, "dr-icon-exit"]], template: function DrModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$l);
+            i0.ɵɵprojection(0);
+            i0.ɵɵtemplate(1, DrModalComponent_ng_container_1_Template, 5, 1, "ng-container", 0);
+            i0.ɵɵprojection(2, 1);
+            i0.ɵɵprojection(3, 2);
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.withHeader && !ctx.customHeader);
+        } }, dependencies: [CommonModule, i1.NgIf, DrModalHeaderDirective, DrModalCloseDirective], styles: ["[_nghost-%COMP%]{display:grid;grid-template-rows:auto 1fr auto;min-height:188px;font-family:Poppins,sans-serif;background:#fff;box-shadow:0 2px 36px #00000026;border-radius:12px}[_nghost-%COMP%]     .dr-modal-header{position:relative;display:flex;flex-direction:column;min-height:56px;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}[_nghost-%COMP%]     .dr-modal-close-icon{position:absolute;top:16px;right:32px;display:flex;padding:0;background:none;border:none;cursor:pointer;color:#6d6e6f;transition:opacity .1s ease-in-out}[_nghost-%COMP%]     .dr-modal-close-icon:hover{opacity:.7}[_nghost-%COMP%]     .dr-modal-title{font-size:16px;line-height:24px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:0;color:#333;font-weight:700}[_nghost-%COMP%]     .dr-modal-title [class^=dr-icon]{font-size:32px;line-height:24px;color:#6d6e6f}[_nghost-%COMP%]     .dr-modal-subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}[_nghost-%COMP%]     .dr-modal-body{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}[_nghost-%COMP%]     .dr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:10px 32px 11px;border-top:1px solid #dfe0e3}.xs[_nghost-%COMP%]{width:min(400px,95vw);max-height:min(467px,85vh)}.sm[_nghost-%COMP%]{width:min(460px,95vw);max-height:min(345px,85vh)}.md[_nghost-%COMP%]{width:min(632px,95vw);max-height:min(467px,85vh)}.lg[_nghost-%COMP%]{width:min(750px,95vw);max-height:min(800px,85vh)}.xl[_nghost-%COMP%]{width:min(1100px,95vw);max-height:min(800px,85vh)}.max-height[_nghost-%COMP%]{max-height:85vh}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'dr-modal, form[dr-modal]', host: { class: 'dr-modal', '[class]': 'size', '[class.max-height]': 'maxHeight === "max"' }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, DrModalHeaderDirective, DrModalCloseDirective], template: "<ng-content select=\"dr-modal-header, [dr-modal-header], [drModalHeader]\"></ng-content>\n\n<ng-container *ngIf=\"withHeader && !customHeader\">\n    <dr-modal-header>\n        <ng-content select=\"dr-modal-title, [dr-modal-title], [drModalTitle]\"></ng-content>\n        <ng-content select=\"dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]\"></ng-content>\n\n        <ng-container *ngIf=\"withCloseBtn\">\n            <button class=\"dr-modal-close-icon\" aria-label=\"Close modal\" drModalClose type=\"button\" data-test=\"xBtn\">\n                <i class=\"dr-icon-exit\" aria-hidden=\"true\"></i>\n            </button>\n        </ng-container>\n    </dr-modal-header>\n</ng-container>\n\n<ng-content select=\"dr-modal-body, [dr-modal-body], [drModalBody]\"></ng-content>\n\n<ng-content select=\"dr-modal-footer, [dr-modal-footer], [drModalFooter]\"></ng-content>\n", styles: [":host{display:grid;grid-template-rows:auto 1fr auto;min-height:188px;font-family:Poppins,sans-serif;background:#fff;box-shadow:0 2px 36px #00000026;border-radius:12px}:host ::ng-deep .dr-modal-header{position:relative;display:flex;flex-direction:column;min-height:56px;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}:host ::ng-deep .dr-modal-close-icon{position:absolute;top:16px;right:32px;display:flex;padding:0;background:none;border:none;cursor:pointer;color:#6d6e6f;transition:opacity .1s ease-in-out}:host ::ng-deep .dr-modal-close-icon:hover{opacity:.7}:host ::ng-deep .dr-modal-title{font-size:16px;line-height:24px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:0;color:#333;font-weight:700}:host ::ng-deep .dr-modal-title [class^=dr-icon]{font-size:32px;line-height:24px;color:#6d6e6f}:host ::ng-deep .dr-modal-subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}:host ::ng-deep .dr-modal-body{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}:host ::ng-deep .dr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:10px 32px 11px;border-top:1px solid #dfe0e3}:host.xs{width:min(400px,95vw);max-height:min(467px,85vh)}:host.sm{width:min(460px,95vw);max-height:min(345px,85vh)}:host.md{width:min(632px,95vw);max-height:min(467px,85vh)}:host.lg{width:min(750px,95vw);max-height:min(800px,85vh)}:host.xl{width:min(1100px,95vw);max-height:min(800px,85vh)}:host.max-height{max-height:85vh}\n"] }]
+    }], null, { size: [{
+            type: Input
+        }], maxHeight: [{
+            type: Input
+        }], withHeader: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], withCloseBtn: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], customHeader: [{
+            type: ContentChild,
+            args: [DrModalHeaderDirective]
+        }] }); })();
+
+function DrModalContainerComponent_ng_template_0_Template(rf, ctx) { }
+class DrModalContainerComponent extends CdkDialogContainer {
+    constructor() {
+        super(...arguments);
+        this.config = inject(DrModalConfig);
+        this.id = this.config.id;
+        this.animationNoop = inject(ANIMATION_MODULE_TYPE, { optional: true }) === 'NoopAnimations';
+        this.animationClasses = this.getAnimationClasses(this.config.animation);
+        this.animationDuration = this.getAnimationDuration(this.config.animation);
+        this.animationState = signal(null);
+        this.animationClass = computed(() => (this.animationState() ? this.animationClasses[this.animationState()] : ''));
+        this.animationTime = computed(() => this.animationNoop ? 0 : this.animationDuration[this.animationState() ?? 'enter']);
+        this.hasTitle = signal(false); // updated from title directive
+        this.hasSubtitle = signal(false); // updated from subtitle directive
+        this.elementRef = inject(ElementRef);
+    }
+    _contentAttached() {
+        // Set the anchor class immediately after creation so "enter" animation would be properly applied
+        this.elementRef.nativeElement.classList.add(this.animationClasses.anchor);
+        // Delegate to the original dialog-container initialization (i.e. saving the
+        // previous element, setting up the focus trap and moving focus to the container).
+        super._contentAttached();
+        this.animationState.set('enter'); // triggers open animation
+        // Wait for the opening animation to finish before trapping focus
+        setTimeout(() => this._trapFocus(), this.animationDuration.enter);
+    }
+    animateClose() {
+        this.animationState.set('leave');
+        // Claim focus from any clickable elements to avoid double submits on fast click/enter press
+        this.elementRef.nativeElement.focus();
+    }
+    getAnimationDuration(animation) {
+        const { enter = 150, leave = 150 } = animation?.duration ?? {};
+        return { enter, leave };
+    }
+    getAnimationClasses(animation) {
+        const { enter = 'mat-enter', leave = 'mat-leave', anchor = 'mat-anchor' } = animation?.class ?? {};
+        return { enter, leave, anchor };
+    }
+    /** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrModalContainerComponent_BaseFactory; return function DrModalContainerComponent_Factory(t) { return (ɵDrModalContainerComponent_BaseFactory || (ɵDrModalContainerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrModalContainerComponent)))(t || DrModalContainerComponent); }; }(); }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrModalContainerComponent, selectors: [["dr-modal-container"]], hostAttrs: [1, "dr-modal-container"], hostVars: 12, hostBindings: function DrModalContainerComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵhostProperty("id", "modal-" + ctx.id);
+            i0.ɵɵattribute("tabindex", -1)("role", "dialog")("aria-modal", true)("aria-labelledby", ctx.hasTitle() ? "modal-" + ctx.id + "-title" : null)("aria-describedby", ctx.hasSubtitle() ? "modal-" + ctx.id + "-subtitle" : null);
+            i0.ɵɵclassMap(ctx.animationClass());
+            i0.ɵɵstyleProp("--dr-modal-animation-time", ctx.animationTime() + "ms");
+            i0.ɵɵclassProp("animation-noop", ctx.animationNoop);
+        } }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function DrModalContainerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrModalContainerComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
+        } }, dependencies: [PortalModule, i1$6.CdkPortalOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:grid;margin:auto;transition:all var(--dr-modal-animation-time, 0ms) ease-in-out}.animation-noop[_nghost-%COMP%]{transition:none!important}.animation-noop[_nghost-%COMP%]     .dr-modal{transition:none!important}.mat-anchor[_nghost-%COMP%]{opacity:0}.mat-anchor[_nghost-%COMP%]     .dr-modal{transform:scale(.8);transition:transform var(--dr-modal-animation-time, 0ms) cubic-bezier(0,0,.2,1)}.mat-anchor.mat-enter[_nghost-%COMP%]{opacity:1}.mat-anchor.mat-enter[_nghost-%COMP%]     .dr-modal{transform:none}.mat-anchor.mat-leave[_nghost-%COMP%]{opacity:0}.mat-anchor.mat-leave[_nghost-%COMP%]     .dr-modal{transform:none}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalContainerComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'dr-modal-container', template: `<ng-template cdkPortalOutlet></ng-template>`, host: {
+                    class: 'dr-modal-container',
+                    '[class]': 'animationClass()',
+                    '[class.animation-noop]': 'animationNoop',
+                    '[style.--dr-modal-animation-time]': 'animationTime() + "ms"',
+                    '[id]': '"modal-" + id',
+                    '[attr.tabindex]': '-1',
+                    '[attr.role]': '"dialog"',
+                    '[attr.aria-modal]': 'true',
+                    '[attr.aria-labelledby]': 'hasTitle() ? "modal-" + id + "-title" : null',
+                    '[attr.aria-describedby]': 'hasSubtitle() ? "modal-" + id + "-subtitle" : null',
+                }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PortalModule], styles: [":host{position:relative;display:grid;margin:auto;transition:all var(--dr-modal-animation-time, 0ms) ease-in-out}:host.animation-noop{transition:none!important}:host.animation-noop ::ng-deep .dr-modal{transition:none!important}:host.mat-anchor{opacity:0}:host.mat-anchor ::ng-deep .dr-modal{transform:scale(.8);transition:transform var(--dr-modal-animation-time, 0ms) cubic-bezier(0,0,.2,1)}:host.mat-anchor.mat-enter{opacity:1}:host.mat-anchor.mat-enter ::ng-deep .dr-modal{transform:none}:host.mat-anchor.mat-leave{opacity:0}:host.mat-anchor.mat-leave ::ng-deep .dr-modal{transform:none}\n"] }]
+    }], null, null); })();
+
+const slots = [
+    DrModalHeaderDirective,
+    DrModalTitleDirective,
+    DrModalSubtitleDirective,
+    DrModalBodyDirective,
+    DrModalFooterDirective,
+];
+class DrModalModule {
+    /** @nocollapse */ static { this.ɵfac = function DrModalModule_Factory(t) { return new (t || DrModalModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrModalModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [DrModalComponent] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalModule, [{
+        type: NgModule,
+        args: [{
+                imports: [DrModalComponent, slots, DrModalCloseDirective],
+                exports: [DrModalComponent, slots, DrModalCloseDirective],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrModalModule, { imports: [DrModalComponent, DrModalHeaderDirective,
+        DrModalTitleDirective,
+        DrModalSubtitleDirective,
+        DrModalBodyDirective,
+        DrModalFooterDirective, DrModalCloseDirective], exports: [DrModalComponent, DrModalHeaderDirective,
+        DrModalTitleDirective,
+        DrModalSubtitleDirective,
+        DrModalBodyDirective,
+        DrModalFooterDirective, DrModalCloseDirective] }); })();
+
+class DrModal {
+    constructor() {
+        this.modalRef = inject(DrModalRef);
+        this.data = this.modalRef.data;
+    }
+}
+
+function DrConfirmModalComponent_dr_modal_title_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dr-modal-title");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.data.title);
+} }
+function DrConfirmModalComponent_div_4_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(field_r5.isLabelFullWidth ? "col-md-12 mb-2" : "col-md-2");
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(field_r5.label);
+} }
+function DrConfirmModalComponent_div_4_div_1_dr_select_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dr-select", 18);
+    i0.ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const field_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("searchable", field_r5.searchable)("clearable", field_r5.clearable)("formControlName", field_r5.name)("addTag", field_r5.addTag)("bindLabel", "label")("bindValue", "value")("items", i0.ɵɵpipeBind1(1, 10, field_r5.items$))("loading", ctx_r7.selectLoadings[field_r5.name] == null ? null : ctx_r7.selectLoadings[field_r5.name]())("required", !field_r5.isOptional)("placeholder", field_r5.placeholder);
+} }
+function DrConfirmModalComponent_div_4_div_1_dr_input_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dr-input", 19);
+} if (rf & 2) {
+    const field_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("formControlName", field_r5.name)("placeholder", field_r5.placeholder);
+} }
+function DrConfirmModalComponent_div_4_div_1_dr_date_picker_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dr-date-picker", 20);
+} if (rf & 2) {
+    const field_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("formControlName", field_r5.name)("format", field_r5.datePickerFormat)("placeholder", field_r5.placeholder);
+} }
+function DrConfirmModalComponent_div_4_div_1_dr_checkbox_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dr-checkbox", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("formControlName", field_r5.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", field_r5.label, " ");
+} }
+function DrConfirmModalComponent_div_4_div_1_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r11 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r11.data.errorMessage, " ");
+} }
+function DrConfirmModalComponent_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtemplate(1, DrConfirmModalComponent_div_4_div_1_label_1_Template, 2, 3, "label", 9);
+    i0.ɵɵelementStart(2, "div", 10);
+    i0.ɵɵtemplate(3, DrConfirmModalComponent_div_4_div_1_dr_select_3_Template, 2, 12, "dr-select", 11);
+    i0.ɵɵtemplate(4, DrConfirmModalComponent_div_4_div_1_dr_input_4_Template, 1, 2, "dr-input", 12);
+    i0.ɵɵtemplate(5, DrConfirmModalComponent_div_4_div_1_dr_date_picker_5_Template, 1, 3, "dr-date-picker", 13);
+    i0.ɵɵtemplate(6, DrConfirmModalComponent_div_4_div_1_dr_checkbox_6_Template, 2, 2, "dr-checkbox", 14);
+    i0.ɵɵelement(7, "dr-error", 15);
+    i0.ɵɵtemplate(8, DrConfirmModalComponent_div_4_div_1_span_8_Template, 2, 1, "span", 16);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r5 = ctx.$implicit;
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassMap(field_r5.fieldClass);
+    i0.ɵɵstyleProp("display", field_r5.isLabelFullWidth ? "block" : "flex");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", field_r5.label && field_r5.type !== "checkbox");
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("col-md-10", field_r5.label && !field_r5.isLabelFullWidth)("col-md-12", !field_r5.label || field_r5.isLabelFullWidth);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", field_r5.type === "select");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", field_r5.type === "input");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", field_r5.type === "date_picker");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", field_r5.type === "checkbox");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("controlName", field_r5.name)("noIcon", true)("displayAsLabel", true);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r4.data.errorMessage && !ctx_r4.form.pristine && ctx_r4.form.invalid);
+} }
+function DrConfirmModalComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtemplate(1, DrConfirmModalComponent_div_4_div_1_Template, 9, 17, "div", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    let tmp_0_0;
+    i0.ɵɵclassMap((tmp_0_0 = ctx_r1.data.formWrapperClass) !== null && tmp_0_0 !== undefined ? tmp_0_0 : "dr-smart-form_wrapper");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r1.data.fields);
+} }
+function DrConfirmModalComponent_dr_button_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dr-button", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("theme", ctx_r2.cancelBtn.theme);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.cancelBtn.label, " ");
+} }
+function DrConfirmModalComponent_dr_button_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dr-button", 24);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("theme", ctx_r3.acceptBtn.theme)("disabled", ctx_r3.form.invalid)("isLoading", ctx_r3.isLoading());
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r3.acceptBtn.label, " ");
+} }
+class DrConfirmModalComponent extends DrModal {
+    constructor() {
+        super(...arguments);
+        this.cancelBtn = this.data.cancelBtn;
+        this.acceptBtn = this.data.acceptBtn;
+        this.fields = this.data.fields ?? [];
+        this.form = new FormGroup(this.fields.reduce((acc, field) => this.setItemControl(acc, field), {}));
+        this.selectLoadings = this.fields
+            .filter((field) => field.type === 'select')
+            .reduce((acc, field) => this.setItemSelectLoading(acc, field), {});
+        this.isLoading = signal(false);
+    }
+    async onSubmit() {
+        if (this.isLoading())
+            return;
+        const value = this.form.value;
+        this.data.confirmFn && this.isLoading.set(true);
+        const [, error] = this.data.confirmFn ? await withResult(this.data.confirmFn(value)) : [true, null];
+        this.data.confirmFn && this.isLoading.set(false);
+        !error && this.modalRef.close(true);
+    }
+    setItemControl(map, field) {
+        map[field.name] = new FormControl(field.value, {
+            validators: field.validators ?? [],
+            asyncValidators: field.asyncValidators ?? [],
+        });
+        return map;
+    }
+    setItemSelectLoading(map, field) {
+        const isLoading = signal(true);
+        map[field.name] = isLoading;
+        field.items$ = field.items$.pipe(finalize(() => isLoading.set(false)));
+        return map;
+    }
+    /** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrConfirmModalComponent_BaseFactory; return function DrConfirmModalComponent_Factory(t) { return (ɵDrConfirmModalComponent_BaseFactory || (ɵDrConfirmModalComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrConfirmModalComponent)))(t || DrConfirmModalComponent); }; }(); }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrConfirmModalComponent, selectors: [["dr-confirm-modal"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 8, vars: 9, consts: [["dr-modal", "", 3, "formGroup", "withCloseBtn", "size", "maxHeight", "ngSubmit"], [4, "ngIf"], [3, "innerHTML"], ["class", "dr-smart-form", 3, "class", 4, "ngIf"], ["drModalClose", "", "type", "button", "data-test", "modalCloseBtn", 3, "theme", 4, "ngIf"], ["type", "submit", "data-test", "modalAddBtn", 3, "theme", "disabled", "isLoading", 4, "ngIf"], [1, "dr-smart-form"], ["class", "dr-smart-form_group", 3, "class", "display", 4, "ngFor", "ngForOf"], [1, "dr-smart-form_group"], ["class", "label p-0 d-flex align-items-center", 3, "class", 4, "ngIf"], [1, "input-group", "p-0"], [3, "searchable", "clearable", "formControlName", "addTag", "bindLabel", "bindValue", "items", "loading", "required", "placeholder", 4, "ngIf"], ["data-test", "modalInput", "class", "form-control", 3, "formControlName", "placeholder", 4, "ngIf"], [3, "formControlName", "format", "placeholder", 4, "ngIf"], [3, "formControlName", 4, "ngIf"], [3, "controlName", "noIcon", "displayAsLabel"], ["class", "form-error-alert", 4, "ngIf"], [1, "label", "p-0", "d-flex", "align-items-center"], [3, "searchable", "clearable", "formControlName", "addTag", "bindLabel", "bindValue", "items", "loading", "required", "placeholder"], ["data-test", "modalInput", 1, "form-control", 3, "formControlName", "placeholder"], [3, "formControlName", "format", "placeholder"], [3, "formControlName"], [1, "form-error-alert"], ["drModalClose", "", "type", "button", "data-test", "modalCloseBtn", 3, "theme"], ["type", "submit", "data-test", "modalAddBtn", 3, "theme", "disabled", "isLoading"]], template: function DrConfirmModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "form", 0);
+            i0.ɵɵlistener("ngSubmit", function DrConfirmModalComponent_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
+            i0.ɵɵtemplate(1, DrConfirmModalComponent_dr_modal_title_1_Template, 2, 1, "dr-modal-title", 1);
+            i0.ɵɵelementStart(2, "dr-modal-body");
+            i0.ɵɵelement(3, "div", 2);
+            i0.ɵɵtemplate(4, DrConfirmModalComponent_div_4_Template, 2, 3, "div", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "dr-modal-footer");
+            i0.ɵɵtemplate(6, DrConfirmModalComponent_dr_button_6_Template, 2, 2, "dr-button", 4);
+            i0.ɵɵtemplate(7, DrConfirmModalComponent_dr_button_7_Template, 2, 4, "dr-button", 5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("formGroup", ctx.form)("withCloseBtn", ctx.data.withCloseBtn)("size", ctx.data.size)("maxHeight", ctx.data.maxHeight);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.data.title);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("innerHTML", ctx.data.content, i0.ɵɵsanitizeHtml);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.fields.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.cancelBtn);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.acceptBtn);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.AsyncPipe, DrModalModule, DrModalComponent, DrModalTitleDirective, DrModalBodyDirective, DrModalFooterDirective, DrModalCloseDirective, FormsModule, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.RequiredValidator, ReactiveFormsModule, i2.FormGroupDirective, i2.FormControlName, DrInputsModule, DrButtonComponent, CheckboxComponent, DrInputComponent, DrSelectComponent, DrDatePickerComponent, DrErrorModule, DrErrorComponent], styles: [".dr-smart-form[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px}.dr-smart-form[_ngcontent-%COMP%]   dr-checkbox[_ngcontent-%COMP%]{font-weight:400}.form-error-alert[_ngcontent-%COMP%]{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrConfirmModalComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'dr-confirm-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, DrModalModule, FormsModule, ReactiveFormsModule, DrInputsModule, DrErrorModule, DrButtonComponent], template: "<form\n    dr-modal\n    [formGroup]=\"form\"\n    [withCloseBtn]=\"data.withCloseBtn\"\n    [size]=\"data.size\"\n    [maxHeight]=\"data.maxHeight\"\n    (ngSubmit)=\"onSubmit()\">\n    <dr-modal-title *ngIf=\"data.title\">{{ data.title }}</dr-modal-title>\n\n    <dr-modal-body>\n        <div [innerHTML]=\"data.content\"></div>\n\n        <div *ngIf=\"fields.length\" class=\"dr-smart-form\" [class]=\"data.formWrapperClass ?? 'dr-smart-form_wrapper'\">\n            <div\n                *ngFor=\"let field of data.fields\"\n                class=\"dr-smart-form_group\"\n                [class]=\"field.fieldClass\"\n                [style.display]=\"field.isLabelFullWidth ? 'block' : 'flex'\">\n                <label\n                    *ngIf=\"field.label && field.type !== 'checkbox'\"\n                    class=\"label p-0 d-flex align-items-center\"\n                    [class]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                    >{{ field.label }}</label\n                >\n                <div\n                    class=\"input-group p-0\"\n                    [class.col-md-10]=\"field.label && !field.isLabelFullWidth\"\n                    [class.col-md-12]=\"!field.label || field.isLabelFullWidth\">\n                    <dr-select\n                        *ngIf=\"field.type === 'select'\"\n                        [searchable]=\"field.searchable\"\n                        [clearable]=\"field.clearable\"\n                        [formControlName]=\"field.name\"\n                        [addTag]=\"field.addTag\"\n                        [bindLabel]=\"'label'\"\n                        [bindValue]=\"'value'\"\n                        [items]=\"field.items$ | async\"\n                        [loading]=\"selectLoadings[field.name]?.()\"\n                        [required]=\"!field.isOptional\"\n                        [placeholder]=\"field.placeholder\">\n                    </dr-select>\n\n                    <dr-input\n                        *ngIf=\"field.type === 'input'\"\n                        data-test=\"modalInput\"\n                        class=\"form-control\"\n                        [formControlName]=\"field.name\"\n                        [placeholder]=\"field.placeholder\"></dr-input>\n\n                    <dr-date-picker\n                        *ngIf=\"field.type === 'date_picker'\"\n                        [formControlName]=\"field.name\"\n                        [format]=\"field.datePickerFormat\"\n                        [placeholder]=\"field.placeholder\"></dr-date-picker>\n\n                    <dr-checkbox *ngIf=\"field.type === 'checkbox'\" [formControlName]=\"field.name\">\n                        {{ field.label }}\n                    </dr-checkbox>\n\n                    <dr-error [controlName]=\"field.name\" [noIcon]=\"true\" [displayAsLabel]=\"true\"></dr-error>\n\n                    <span *ngIf=\"data.errorMessage && !form.pristine && form.invalid\" class=\"form-error-alert\">\n                        {{ data.errorMessage }}\n                    </span>\n                </div>\n            </div>\n        </div>\n    </dr-modal-body>\n\n    <dr-modal-footer>\n        <dr-button *ngIf=\"cancelBtn\" drModalClose type=\"button\" [theme]=\"cancelBtn.theme\" data-test=\"modalCloseBtn\">\n            {{ cancelBtn.label }}\n        </dr-button>\n\n        <dr-button\n            *ngIf=\"acceptBtn\"\n            type=\"submit\"\n            [theme]=\"acceptBtn.theme\"\n            [disabled]=\"form.invalid\"\n            [isLoading]=\"isLoading()\"\n            data-test=\"modalAddBtn\">\n            {{ acceptBtn.label }}\n        </dr-button>\n    </dr-modal-footer>\n</form>\n", styles: [".dr-smart-form{font-size:14px;font-weight:400;line-height:22px}.dr-smart-form dr-checkbox{font-weight:400}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}\n"] }]
+    }], null, null); })();
+
+var drConfirmModal_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DrConfirmModalComponent: DrConfirmModalComponent
+});
+
+const DR_MODAL_DEFAULT_CONFIG = new InjectionToken('DR_MODAL_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({
+        autoFocus: 'input, button[type="submit"], dr-modal-container',
+        hasBackdrop: true,
+        closeOnNavigation: false,
+        width: 'auto',
+        height: 'auto',
+        minHeight: 'auto',
+        backdropClass: 'cdk-overlay-dark-backdrop',
+    }),
+});
+
+class DrModalService {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this._modals = [];
+        this.defaultConfig = inject(DR_MODAL_DEFAULT_CONFIG);
+        // start lazy loading of confirmation modal on creation
+        this.confirmComponentPromise = Promise.resolve().then(function () { return drConfirmModal_component; }).then((m) => m.DrConfirmModalComponent);
+    }
+    get modals() {
+        return this._modals;
+    }
+    open(component, config) {
+        // Prevent from opening modal with same id
+        const existingModal = config?.id ? this.modals.find((modal) => modal.config.id === config.id) : null;
+        if (existingModal) {
+            return existingModal;
+        }
+        let modalRef;
+        let drModalConfig;
+        const id = config.id ?? uniqueId$1();
+        const newConfig = {
+            ...this.defaultConfig,
+            ...config,
+            id,
+            // Disable closing since we need to sync it up to the animation ourselves.
+            disableClose: true,
+            // Disable closing on destroy, because this service cleans up its open modals as well.
+            // We want to do the cleanup here, rather than the CDK service, because the CDK destroys
+            // the dialogs immediately whereas we want it to wait for the animations to finish.
+            closeOnDestroy: false,
+            // Disable closing on detachments so that we can sync up the animation
+            closeOnOverlayDetachments: false,
+            providers: (dialogRef, _config) => {
+                modalRef = new DrModalRef(dialogRef, drModalConfig);
+                return [
+                    { provide: DrModalRef, useValue: modalRef },
+                    { provide: DrModalConfig, useValue: drModalConfig },
+                ];
+            },
+            container: {
+                type: DrModalContainerComponent,
+                providers: (_config) => {
+                    drModalConfig = { ...config, id };
+                    return [{ provide: DrModalConfig, useValue: drModalConfig }];
+                },
+            },
+        };
+        this.dialog.open(component, newConfig);
+        this._modals[modalRef.id] = modalRef;
+        modalRef.afterClosed$.subscribe(() => delete this._modals[modalRef.id]);
+        return modalRef;
+    }
+    async confirm(data = {}) {
+        const modalRef = this.open(await this.confirmComponentPromise, { data: this.getConfirmData(data) });
+        return (await firstValueFrom(modalRef.afterClosed$)) || false;
+    }
+    closeAll() {
+        [...this.modals].reverse().forEach((modal) => modal.close());
+    }
+    getConfirmData(data) {
+        return {
+            size: 'xs',
+            maxHeight: 'size',
+            withCloseBtn: true,
+            cancelBtn: { theme: 'secondary', label: 'Cancel' },
+            acceptBtn: { theme: 'primary', label: 'Confirm' },
+            ...data,
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrModalService_Factory(t) { return new (t || DrModalService)(i0.ɵɵinject(i1$7.Dialog)); }; }
+    /** @nocollapse */ static { this.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: DrModalService, factory: DrModalService.ɵfac, providedIn: 'root' }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], function () { return [{ type: i1$7.Dialog }]; }, null); })();
+
+const modalFormInput = (config) => ({
+    ...config,
+    type: 'input',
+});
+const modalFormCheckbox = (config) => ({
+    ...config,
+    type: 'checkbox',
+});
+const modalFormDatepicker = (config) => ({
+    ...config,
+    type: 'date_picker',
+});
+const modalFormSelect = (config, items$) => ({
+    ...config,
+    items$,
+    type: 'select',
+});
+
 /**
  * Configuration used when opening a drawer.
  */
@@ -15970,7 +16649,7 @@ class DrawerContainer extends CdkDialogContainer {
         this._animationStateChanged.emit(event);
     }
     _captureInitialFocus() { }
-    /** @nocollapse */ static { this.ɵfac = function DrawerContainer_Factory(t) { return new (t || DrawerContainer)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$6.FocusTrapFactory), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(DrawerConfig), i0.ɵɵdirectiveInject(i1$6.InteractivityChecker), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.OverlayRef), i0.ɵɵdirectiveInject(i1$6.FocusMonitor)); }; }
+    /** @nocollapse */ static { this.ɵfac = function DrawerContainer_Factory(t) { return new (t || DrawerContainer)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$8.FocusTrapFactory), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(DrawerConfig), i0.ɵɵdirectiveInject(i1$8.InteractivityChecker), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.OverlayRef), i0.ɵɵdirectiveInject(i1$8.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$k, 5);
@@ -15995,7 +16674,7 @@ class DrawerContainer extends CdkDialogContainer {
             i0.ɵɵproperty("ngIf", ctx._config.position === "bottom" && !ctx._config.unstyled);
             i0.ɵɵadvance(1);
             i0.ɵɵclassProp("unstyled-wrapper", ctx._config.unstyled);
-        } }, dependencies: [PortalModule, i4.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;user-select:none;-webkit-user-select:none;flex-shrink:0}.handle--resize{cursor:ns-resize}.handle--dismiss{cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px;transition:background-color .2s ease}.handle:hover:after{background-color:#b6b8bf}.handle:active:after{background-color:#9b9ea8}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
+        } }, dependencies: [PortalModule, i1$6.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;user-select:none;-webkit-user-select:none;flex-shrink:0}.handle--resize{cursor:ns-resize}.handle--dismiss{cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px;transition:background-color .2s ease}.handle:hover:after{background-color:#b6b8bf}.handle:active:after{background-color:#9b9ea8}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerContainer, [{
         type: Component,
@@ -16011,12 +16690,12 @@ class DrawerContainer extends CdkDialogContainer {
                     '(@state.start)': '_onAnimationStart($event)',
                     '(@state.done)': '_onAnimationDone($event)',
                 }, standalone: true, imports: [PortalModule, DialogModule, MatCommonModule, CommonModule], template: "<div\n    *ngIf=\"_config.position === 'bottom' && !_config.unstyled\"\n    #handleRef\n    class=\"handle\"\n    [class.handle--resize]=\"_config.dragMode === 'resize'\"\n    [class.handle--dismiss]=\"_config.dragMode === 'dismiss'\"></div>\n<div class=\"dr-drawer-container__wrapper\" [class.unstyled-wrapper]=\"_config.unstyled\">\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;user-select:none;-webkit-user-select:none;flex-shrink:0}.handle--resize{cursor:ns-resize}.handle--dismiss{cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px;transition:background-color .2s ease}.handle:hover:after{background-color:#b6b8bf}.handle:active:after{background-color:#9b9ea8}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"] }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i1$6.FocusTrapFactory }, { type: Document, decorators: [{
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$8.FocusTrapFactory }, { type: Document, decorators: [{
                 type: Optional
             }, {
                 type: Inject,
                 args: [DOCUMENT]
-            }] }, { type: DrawerConfig }, { type: i1$6.InteractivityChecker }, { type: i0.NgZone }, { type: i1$1.OverlayRef }, { type: i1$6.FocusMonitor }]; }, { _portalOutlet: [{
+            }] }, { type: DrawerConfig }, { type: i1$8.InteractivityChecker }, { type: i0.NgZone }, { type: i1$1.OverlayRef }, { type: i1$8.FocusMonitor }]; }, { _portalOutlet: [{
             type: ViewChild,
             args: [CdkPortalOutlet, { static: true }]
         }], _handleRef: [{
@@ -16056,14 +16735,14 @@ class DrawerRef {
         this.id = _ref.id;
         // Emit when opening animation completes
         containerInstance._animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'visible'), take(1))
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'visible'), take$1(1))
             .subscribe(() => {
             this._afterOpened.next();
             this._afterOpened.complete();
         });
         // Dispose overlay when closing animation is complete
         containerInstance._animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'hidden'), take(1))
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'hidden'), take$1(1))
             .subscribe(() => {
             clearTimeout(this._closeFallbackTimeout);
             this._ref.close(this._result);
@@ -16091,7 +16770,7 @@ class DrawerRef {
         if (this.containerInstance && !this._afterDismissed.closed) {
             // Transition the backdrop in parallel to the drawer.
             this.containerInstance._animationStateChanged
-                .pipe(filter((event) => event.phaseName === 'start'), take(1))
+                .pipe(filter((event) => event.phaseName === 'start'), take$1(1))
                 .subscribe((event) => {
                 // The logic that disposes of the overlay depends on the exit animation completing, however
                 // it isn't guaranteed if the parent view is destroyed while it's running. Add a fallback
@@ -16451,7 +17130,7 @@ class StepperWizardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outlet = _t.first);
         } }, inputs: { currentStep: "currentStep" }, outputs: { currentStepChange: "currentStepChange" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function StepperWizardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementContainer(0, 0);
-        } }, dependencies: [PortalModule, i4.CdkPortalOutlet], encapsulation: 2, changeDetection: 0 }); }
+        } }, dependencies: [PortalModule, i1$6.CdkPortalOutlet], encapsulation: 2, changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperWizardComponent, [{
         type: Component,
@@ -17605,7 +18284,7 @@ class CellLinkComponent {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = function CellLinkComponent_Factory(t) { return new (t || CellLinkComponent)(i0.ɵɵdirectiveInject(i1$7.Router)); }; }
+    /** @nocollapse */ static { this.ɵfac = function CellLinkComponent_Factory(t) { return new (t || CellLinkComponent)(i0.ɵɵdirectiveInject(i1$9.Router)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellLinkComponent, selectors: [["dr-cell-link"]], hostVars: 2, hostBindings: function CellLinkComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function CellLinkComponent_click_HostBindingHandler() { return ctx.goTo(); });
         } if (rf & 2) {
@@ -17624,7 +18303,7 @@ class CellLinkComponent {
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellLinkComponent, [{
         type: Component,
         args: [{ selector: 'dr-cell-link', standalone: true, imports: [CommonModule, DrTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [class.disabled]=\"isCellDisabled\" [drTooltip]=\"tooltip\">\n    {{ templates[query.field] }}\n</a>\n", styles: [":host{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}:host a{color:#4646ce;text-decoration:none}:host:hover:not(.disabled) a{text-decoration:underline!important}:host.disabled a{color:#aeabac!important}\n"] }]
-    }], function () { return [{ type: i1$7.Router }]; }, { isCellDisabled: [{
+    }], function () { return [{ type: i1$9.Router }]; }, { isCellDisabled: [{
             type: HostBinding,
             args: ['class.disabled']
         }], goTo: [{
@@ -18819,7 +19498,7 @@ 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$8.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}"] }); }
+        } }, dependencies: [AgGridModule, i1$a.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,
@@ -19304,7 +19983,7 @@ class DrGridToolbarComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    /** @nocollapse */ static { this.ɵfac = function DrGridToolbarComponent_Factory(t) { return new (t || DrGridToolbarComponent)(i0.ɵɵdirectiveInject(i1$7.Router), i0.ɵɵdirectiveInject(i1$7.ActivatedRoute)); }; }
+    /** @nocollapse */ static { this.ɵfac = function DrGridToolbarComponent_Factory(t) { return new (t || DrGridToolbarComponent)(i0.ɵɵdirectiveInject(i1$9.Router), i0.ɵɵdirectiveInject(i1$9.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$3, 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);
@@ -19350,7 +20029,7 @@ __decorate([
                     DrPopoverModule,
                     DrGridColumnsFilterPopoverComponent,
                 ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-grid-toolbar__title\" data-test=\"table_title\">{{ title }}</div>\n<div class=\"dr-grid-toolbar__actions\">\n    <dr-input\n        class=\"dr-grid-toolbar__actions__search\"\n        data-analytics=\"admin_admin-table-header_input-0\"\n        *ngIf=\"showSearch\"\n        [(ngModel)]=\"searchInput\"\n        (ngModelChange)=\"searchDone = false; reactiveSearch && onSearch(this.searchInput)\"\n        type=\"search\"\n        (search)=\"$event.stopPropagation(); $event.preventDefault()\"\n        (blur)=\"searchDone ? null : onSearch(this.searchInput)\"\n        (searchHandler)=\"onSearch(this.searchInput)\"\n        (clearHandler)=\"onSearch(null)\"\n        (keyup.enter)=\"searchDone ? null : onSearch(this.searchInput)\"\n        [searchMini]=\"searchMini\"\n        [clearable]=\"true\">\n    </dr-input>\n    <dr-button\n        *ngIf=\"showColumnSettings\"\n        class=\"dr-grid-toolbar__actions__columns-settings\"\n        data-analytics=\"admin_admin-table-header_button-1\"\n        theme=\"icon-primary\"\n        drTooltip=\"Columns Menu\"\n        drTooltipPosition=\"top\"\n        [drPopover]=\"ColumnsFilterPopover\"\n        [drPopoverPosition]=\"'bottom-right'\"\n        [drPopoverContext]=\"{ gridApi, gridColumnApi }\"\n        icon=\"dr-icon-bars\">\n    </dr-button>\n    <dr-button\n        *ngIf=\"menuActions\"\n        class=\"dr-grid-toolbar__actions__more-actions\"\n        [drTooltip]=\"menuActionsTooltip\"\n        drTooltipPosition=\"top\"\n        data-analytics=\"admin_admin-table-header_button-3\"\n        theme=\"icon-primary\"\n        (click)=\"onContextMenuClick($event)\"\n        [drDropdown]=\"menuActions\"\n        drDropdownPosition=\"bottom-right\"\n        icon=\"dr-icon-more\">\n    </dr-button>\n    <ng-content></ng-content>\n    <dr-button\n        *ngIf=\"showRefresh\"\n        class=\"dr-grid-toolbar__actions__refresh\"\n        data-analytics=\"admin_admin-table-header_button-5\"\n        theme=\"icon-secondary\"\n        icon=\"dr-icon-refresh\"\n        drTooltip=\"Refresh\"\n        drTooltipPosition=\"top\"\n        (click)=\"refresh.emit()\">\n    </dr-button>\n    <dr-button\n        *ngIf=\"csvParams\"\n        class=\"dr-grid-toolbar__actions__export\"\n        drTooltip=\"Export table to csv file\"\n        drTooltipPosition=\"top-right\"\n        data-analytics=\"admin_admin-table-header_button-6\"\n        theme=\"icon-secondary\"\n        icon=\"dr-icon-export-excel\"\n        (click)=\"onExport()\">\n    </dr-button>\n</div>\n", styles: [":host{display:flex;align-items:center}:host .dr-grid-toolbar__title{flex-grow:1;font-size:16px;line-height:24px;font-weight:500}:host .dr-grid-toolbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}:host .dr-grid-toolbar__actions__columns-settings{order:20}:host .dr-grid-toolbar__actions__more-actions{order:30}:host .dr-grid-toolbar__actions__refresh{order:40}:host .dr-grid-toolbar__actions__export{order:50}:host ::ng-deep .table-view-form__add-new-integration-btn.icon-primary button{width:unset!important;padding:4px 16px 4px 8px!important}\n"] }]
-    }], function () { return [{ type: i1$7.Router }, { type: i1$7.ActivatedRoute }]; }, { gridApi: [{
+    }], function () { return [{ type: i1$9.Router }, { type: i1$9.ActivatedRoute }]; }, { gridApi: [{
             type: Input,
             args: [{ required: true }]
         }], gridColumnApi: [{
@@ -20711,5 +21390,5 @@ class EmojiPickerComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, 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, 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_PURPLE, 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_HOVER, 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_WATERMARKS_BLUE, DR_COLOR_WATERMARKS_DARK_GRAY, DR_COLOR_WATERMARKS_DARK_GREEN, DR_COLOR_WATERMARKS_DARK_PURPLE, DR_COLOR_WATERMARKS_GRAY, DR_COLOR_WATERMARKS_GREEN, DR_COLOR_WATERMARKS_MEDIUM_GREEN, DR_COLOR_WATERMARKS_MEDIUM_PURPLE, DR_COLOR_WATERMARKS_ORANGE, DR_COLOR_WATERMARKS_PINK, DR_COLOR_WATERMARKS_PURPLE, DR_COLOR_WATERMARKS_YELLOW, 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, DateTags, DateTimePickerComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrButtonLinkDirective, 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, DrEmptyStateComponent, DrEmptyStateDescriptionDirective, DrEmptyStateMediaDirective, DrEmptyStateModule, DrEmptyStateTitleDirective, DrErrorComponent, DrErrorModule, DrFileUploadComponent, DrFileUploadImageTemplateComponent, DrFileUploadItemComponent, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrListOverflowComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrSystemMessageComponent, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagDateComponent, DrTagDayComponent, DrTagForecastComponent, DrTagListComponent, DrTagMonthComponent, DrTagQuarterComponent, DrTagWeekComponent, DrTagYearComponent, DrTagsAndScenarioComponent, DrTagsAndScenarioConstructorComponent, DrTagsConstructorComponent, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FileUploadValidationService, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, OrderDownlineTreeviewEventParser, 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, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation };
+export { ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, 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, 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_PURPLE, 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_HOVER, 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_WATERMARKS_BLUE, DR_COLOR_WATERMARKS_DARK_GRAY, DR_COLOR_WATERMARKS_DARK_GREEN, DR_COLOR_WATERMARKS_DARK_PURPLE, DR_COLOR_WATERMARKS_GRAY, DR_COLOR_WATERMARKS_GREEN, DR_COLOR_WATERMARKS_MEDIUM_GREEN, DR_COLOR_WATERMARKS_MEDIUM_PURPLE, DR_COLOR_WATERMARKS_ORANGE, DR_COLOR_WATERMARKS_PINK, DR_COLOR_WATERMARKS_PURPLE, DR_COLOR_WATERMARKS_YELLOW, 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_MODAL_DEFAULT_CONFIG, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTags, DateTimePickerComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrButtonLinkDirective, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrConfirmModalComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrEmptyStateComponent, DrEmptyStateDescriptionDirective, DrEmptyStateMediaDirective, DrEmptyStateModule, DrEmptyStateTitleDirective, DrErrorComponent, DrErrorModule, DrFileUploadComponent, DrFileUploadImageTemplateComponent, DrFileUploadItemComponent, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrListOverflowComponent, DrModal, DrModalBodyDirective, DrModalCloseDirective, DrModalComponent, DrModalConfig, DrModalContainerComponent, DrModalFooterDirective, DrModalHeaderDirective, DrModalModule, DrModalRef, DrModalService, DrModalSubtitleDirective, DrModalTitleDirective, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrSystemMessageComponent, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagDateComponent, DrTagDayComponent, DrTagForecastComponent, DrTagListComponent, DrTagMonthComponent, DrTagQuarterComponent, DrTagWeekComponent, DrTagYearComponent, DrTagsAndScenarioComponent, DrTagsAndScenarioConstructorComponent, DrTagsConstructorComponent, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FileUploadValidationService, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, OrderDownlineTreeviewEventParser, 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, fromPromise, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation, modalFormCheckbox, modalFormDatepicker, modalFormInput, modalFormSelect, withResult };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map