@datarailsshared/datarailsshared 1.6.361 → 1.6.365

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -1,18 +1,18 @@
 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 { 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, sortBy, capitalize, get, has, isArray } from 'lodash';
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser, DOCUMENT, NgIf, AsyncPipe, NgTemplateOutlet } from '@angular/common';
 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);
@@ -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,662 +15747,2130 @@ class DrSystemMessageComponent {
             args: ['class']
         }] }); })();
 
-/**
- * Configuration used when opening a drawer.
- */
-class DrawerConfig {
-    constructor() {
-        /** Data being injected into the child component. */
-        this.data = null;
-        /** Whether the drawer has a backdrop. */
-        this.hasBackdrop = false;
-        /** Whether the user can use escape or clicking outside to close the drawer. */
-        this.disableClose = false;
-        /** Aria label to assign to the drawer element. */
-        this.ariaLabel = null;
-        /** Aria role for the drawer container */
-        this.role = 'dialog';
-        /** Whether the drawer should be treated as a modal dialog */
-        this.isModal = true;
-        /**
-         * Whether the drawer should close when the user goes backwards/forwards in history.
-         * Note that this usually doesn't include clicking on links (unless the user is using
-         * the `HashLocationStrategy`).
-         */
-        this.closeOnNavigation = true;
-        /**
-         * Where the drawer should focus on open.
-         * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or
-         * AutoFocusTarget instead.
-         */
-        this.autoFocus = 'first-tabbable';
-        /**
-         * Whether the drawer should restore focus to the
-         * previously-focused element, after it's closed.
-         */
-        this.restoreFocus = true;
-        /** Position of the drawer. */
-        this.position = 'bottom';
-        /** Whether to render the drawer without default container styles and handle. */
-        this.unstyled = false;
-        /** Drag behavior for bottom drawer. */
-        this.dragMode = 'dismiss';
-    }
+class DrModalConfig {
 }
 
-/** Animations used by the drawer. */
-const drDrawerAnimations = {
-    /** Animation that shows and hides a drawer. */
-    drawerState: trigger('state', [
-        state('void, hidden', style({
-            'box-shadow': 'none',
-            visibility: 'hidden',
-        })),
-        state('visible', style({
-            transform: 'none',
-            visibility: 'visible',
-        })),
-        transition('visible => void, visible => hidden', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
-        transition('void => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
-    ]),
-};
-
-class BottomDismissPositionStrategy {
-    constructor() {
-        this.startMouseY = null;
-        this.deltaY = 0;
-    }
-    extractMousePosition(event) {
-        return event.clientY;
-    }
-    onDragStart(container) {
-        this.startMouseY = null;
-        this.deltaY = 0;
-    }
-    onDragMove(mouseY, container) {
-        if (this.startMouseY === null) {
-            this.startMouseY = mouseY;
-            return;
-        }
-        this.deltaY = mouseY - this.startMouseY;
-        if (this.deltaY < 0) {
-            this.deltaY = 0;
-        }
-        container.style.transition = 'none';
-        container.style.transform = `translate3d(0px, ${this.deltaY}px, 0px)`;
-    }
-    onDragEnd(container) {
-        const containerHeight = container.getBoundingClientRect().height;
-        const shouldClose = this.deltaY > containerHeight / 2;
-        if (!shouldClose) {
-            container.style.transition = 'transform 0.5s cubic-bezier(0.32, 0.72, 0, 1)';
-            container.style.transform = `translate3d(0px, 0px, 0px)`;
-        }
-        return { shouldClose };
-    }
-}
-class BottomResizePositionStrategy {
-    constructor(config) {
+class DrModalRef {
+    constructor(innerRef, config) {
+        this.innerRef = innerRef;
         this.config = config;
-        this.startMouseY = null;
-        this.startHeightPx = 0;
-        this.currentHeightPx = 0;
-        const viewportH = window.innerHeight;
-        this.minHeightPx = this.toPx(config.minHeight ?? '10vh', viewportH);
-        this.maxHeightPx = this.toPx(config.maxHeight ?? '90vh', viewportH);
-        this.minHeightPx = Math.max(0, this.minHeightPx);
-        this.maxHeightPx = Math.max(this.minHeightPx, this.maxHeightPx);
-    }
-    extractMousePosition(event) {
-        return event.clientY;
-    }
-    onDragStart(container, overlayElement) {
-        this.startMouseY = null;
-        const rect = overlayElement.getBoundingClientRect();
-        this.startHeightPx = rect.height;
-        this.currentHeightPx = this.startHeightPx;
-        overlayElement.style.transition = 'none';
-        overlayElement.style.height = `${this.startHeightPx}px`;
-        overlayElement.style.maxHeight = 'none';
-        container.style.height = '100%';
+        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);
+        });
     }
-    onDragMove(mouseY, container, overlayElement) {
-        if (this.startMouseY === null) {
-            this.startMouseY = mouseY;
+    close(result) {
+        if (this.isClosing) {
             return;
         }
-        const delta = this.startMouseY - mouseY;
-        let nextHeight = this.startHeightPx + delta;
-        nextHeight = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, nextHeight));
-        this.currentHeightPx = nextHeight;
-        overlayElement.style.height = `${nextHeight}px`;
-    }
-    onDragEnd(container, overlayElement) {
-        let height = this.currentHeightPx || overlayElement.getBoundingClientRect().height;
-        height = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, height));
-        overlayElement.style.transition = 'height 200ms cubic-bezier(0.32, 0.72, 0, 1)';
-        overlayElement.style.height = `${height}px`;
-        this.startMouseY = NaN;
-        this.currentHeightPx = height;
-        return { shouldClose: false, height };
+        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());
     }
-    toPx(value, viewportH) {
-        if (typeof value === 'number') {
-            return value;
-        }
-        const raw = String(value).trim();
-        if (!raw) {
-            return 0;
-        }
-        if (raw.endsWith('vh')) {
-            const n = parseFloat(raw);
-            return Number.isFinite(n) ? (n / 100) * viewportH : 0;
-        }
-        if (raw.endsWith('px')) {
-            const n = parseFloat(raw);
-            return Number.isFinite(n) ? n : 0;
-        }
-        const asNumber = parseFloat(raw);
-        return Number.isFinite(asNumber) ? asNumber : 0;
+    cdkClose(result) {
+        this.innerRef.close(result);
     }
 }
 
-const _c0$k = ["handleRef"];
-function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 3, 4);
+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.ɵɵclassProp("handle--resize", ctx_r0._config.dragMode === "resize")("handle--dismiss", ctx_r0._config.dragMode === "dismiss");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r0.withCloseBtn);
 } }
-function DrawerContainer_ng_template_2_Template(rf, ctx) { }
-/**
- * Internal component that wraps user-provided drawer content.
- * @docs-private
- */
-class DrawerContainer extends CdkDialogContainer {
-    get _drawerPosition() {
-        return this._config.unstyled ? '' : `dr-drawer-${this._config.position}`;
-    }
-    constructor(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor) {
-        super(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor);
-        this.overlayRef = overlayRef;
-        /** Emits final height (px) after resize. Available only in resize mode. */
-        this.afterResized = new EventEmitter();
-        /** The state of the drawer animations. */
-        this._animationState = 'void';
-        /** Emits whenever the state of the animation changes. */
-        this._animationStateChanged = new EventEmitter();
-        /** Whether the component has been destroyed. */
-        this._destroyed = false;
-        this._changeDetectorRef = inject(ChangeDetectorRef);
-        this.destroy$ = new Subject();
+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.enter();
-    }
-    /** Begin animation of bottom sheet entrance into view. */
-    enter() {
-        if (!this._destroyed) {
-            this._animationState = 'visible';
-            this._changeDetectorRef.markForCheck();
-            this._changeDetectorRef.detectChanges();
-        }
-    }
-    /** Begin animation of the bottom sheet exiting from view. */
-    exit() {
-        this._elementRef.nativeElement.style.transition = undefined;
-        if (!this._destroyed) {
-            this._animationState = 'hidden';
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    ngAfterViewInit() {
-        this.positionStrategy = this.resolvePositionStrategy();
-        if (this.positionStrategy && !this._config.unstyled && this._handleRef) {
-            this.setupDragListener();
-        }
-    }
-    resolvePositionStrategy() {
-        switch (this._config.position) {
-            case 'bottom':
-                return this._config.dragMode === 'resize'
-                    ? new BottomResizePositionStrategy(this._config)
-                    : new BottomDismissPositionStrategy();
-            default:
-                return undefined;
-        }
+        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;
     }
-    setupDragListener() {
-        const strategy = this.positionStrategy;
-        if (!strategy)
+}
+
+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 mousedown$ = fromEvent(this._handleRef.nativeElement, 'mousedown');
-        const mousemove$ = fromEvent(document, 'mousemove');
-        const mouseup$ = fromEvent(document, 'mouseup');
-        const container = this._elementRef.nativeElement;
-        const overlayElement = this.overlayRef.overlayElement;
-        mousedown$
-            .pipe(tap$1(() => strategy.onDragStart(container, overlayElement)), switchMap$1(() => mousemove$.pipe(takeUntil$1(mouseup$), finalize$1(() => {
-            const result = strategy.onDragEnd(container, overlayElement);
-            if (result.shouldClose) {
-                this.overlayRef.dispose();
-                return;
-            }
-            if (result.height !== undefined) {
-                this.afterResized.emit(result.height);
-            }
-        }))), map$1((event) => strategy.extractMousePosition(event)), distinctUntilChanged$1(), tap$1((position) => strategy.onDragMove(position, container, overlayElement)), takeUntil$1(this.destroy$))
-            .subscribe();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.destroy$.next();
-        this.destroy$.complete();
-        this._destroyed = true;
-    }
-    _onAnimationDone(event) {
-        if (event.toState === 'visible') {
-            this._trapFocus();
-        }
-        this._animationStateChanged.emit(event);
-    }
-    _onAnimationStart(event) {
-        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.ɵ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);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._handleRef = _t.first);
-        } }, hostAttrs: ["tabindex", "-1"], hostVars: 9, hostBindings: function DrawerContainer_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵsyntheticHostListener("@state.start", function DrawerContainer_animation_state_start_HostBindingHandler($event) { return ctx._onAnimationStart($event); })("@state.done", function DrawerContainer_animation_state_done_HostBindingHandler($event) { return ctx._onAnimationDone($event); });
-        } if (rf & 2) {
-            i0.ɵɵhostProperty("id", ctx._config.id);
-            i0.ɵɵattribute("role", ctx._config.role)("aria-modal", ctx._config.isModal)("aria-label", ctx._config.ariaLabel);
-            i0.ɵɵsyntheticHostProperty("@state", ctx._animationState);
-            i0.ɵɵclassMap(ctx._drawerPosition);
-            i0.ɵɵclassProp("dr-drawer-container", !ctx._config.unstyled);
-        } }, outputs: { afterResized: "afterResized" }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["class", "handle", 3, "handle--resize", "handle--dismiss", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, DrawerContainer_div_0_Template, 2, 4, "div", 0);
-            i0.ɵɵelementStart(1, "div", 1);
-            i0.ɵɵtemplate(2, DrawerContainer_ng_template_2_Template, 0, 0, "ng-template", 2);
+        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("ngIf", ctx._config.position === "bottom" && !ctx._config.unstyled);
+            i0.ɵɵproperty("formGroup", ctx.form)("withCloseBtn", ctx.data.withCloseBtn)("size", ctx.data.size)("maxHeight", ctx.data.maxHeight);
             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] } }); }
+            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(DrawerContainer, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrConfirmModalComponent, [{
         type: Component,
-        args: [{ selector: 'dr-drawer-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [drDrawerAnimations.drawerState], host: {
-                    '[class.dr-drawer-container]': '!_config.unstyled',
-                    '[class]': '_drawerPosition',
-                    tabindex: '-1',
-                    '[id]': '_config.id',
-                    '[attr.role]': '_config.role',
-                    '[attr.aria-modal]': '_config.isModal',
-                    '[attr.aria-label]': '_config.ariaLabel',
-                    '[@state]': '_animationState',
-                    '(@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: [{
-                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: ViewChild,
-            args: [CdkPortalOutlet, { static: true }]
-        }], _handleRef: [{
-            type: ViewChild,
-            args: ['handleRef']
-        }], afterResized: [{
-            type: Output
-        }] }); })();
+        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); })();
 
-/**
- * Reference to a drawer dispatched from the drawer service.
- */
-class DrawerRef {
-    /** Instance of the component making up the content of the drawer. */
-    get instance() {
-        return this._ref.componentInstance;
-    }
-    /**
-     * `ComponentRef` of the component opened into the drawer. Will be
-     * null when the drawer is opened using a `TemplateRef`.
-     */
-    get componentRef() {
-        return this._ref.componentRef;
+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;
     }
-    /** Gets the overlay element for the drawer. */
-    get overlayElement() {
-        return this._ref.overlayRef.overlayElement;
+    async confirm(data = {}) {
+        const modalRef = this.open(await this.confirmComponentPromise, { data: this.getConfirmData(data) });
+        return (await firstValueFrom(modalRef.afterClosed$)) || false;
     }
-    constructor(_ref, config, containerInstance) {
-        this._ref = _ref;
-        /** Subject for notifying the user that the drawer has been dismissed. */
-        this._afterDismissed = new Subject();
-        /** Subject for notifying the user that the drawer has opened and appeared. */
-        this._afterOpened = new Subject();
-        this.containerInstance = containerInstance;
-        this.disableClose = config.disableClose;
-        this.id = _ref.id;
-        // Emit when opening animation completes
-        containerInstance._animationStateChanged
-            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'visible'), take(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))
-            .subscribe(() => {
-            clearTimeout(this._closeFallbackTimeout);
-            this._ref.close(this._result);
-        });
-        _ref.overlayRef.detachments().subscribe(() => {
-            this._ref.close(this._result);
-            this._afterDismissed.next(this._result);
-            this._afterDismissed.complete();
-        });
-        merge(this.backdropClick(), this.keydownEvents().pipe(filter((event) => event.keyCode === ESCAPE))).subscribe((event) => {
-            if (!this.disableClose && (event.type !== 'keydown' || !hasModifierKey(event))) {
-                event.preventDefault();
-                this.dismiss();
-            }
-        });
-        this._afterResized$ = containerInstance?.afterResized?.asObservable() ?? EMPTY;
+    closeAll() {
+        [...this.modals].reverse().forEach((modal) => modal.close());
     }
-    /**
-     * Dismisses the drawer.
-     * @param result Data to be passed back to the drawer opener.
-     */
-    dismiss(result) {
-        this._afterDismissed.next(result);
-        this._afterDismissed.complete();
-        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))
-                .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
-                // timeout which will clean everything up if the animation hasn't fired within the specified
-                // amount of time plus 100ms. We don't need to run this outside the NgZone, because for the
-                // vast majority of cases the timeout will have been cleared before it has fired.
-                this._closeFallbackTimeout = setTimeout(() => {
-                    this._ref.close(this._result);
-                }, event.totalTime + 100);
-                this._ref.overlayRef.detachBackdrop();
-            });
-            this._result = result;
-            this.containerInstance.exit();
-            this.containerInstance = null;
-        }
+    getConfirmData(data) {
+        return {
+            size: 'xs',
+            maxHeight: 'size',
+            withCloseBtn: true,
+            cancelBtn: { theme: 'secondary', label: 'Cancel' },
+            acceptBtn: { theme: 'primary', label: 'Confirm' },
+            ...data,
+        };
     }
-    /** Gets an observable that is notified when the drawer is dismissed. */
-    afterDismissed() {
-        return this._afterDismissed;
+    /** @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.
+ */
+class DrawerConfig {
+    constructor() {
+        /** Data being injected into the child component. */
+        this.data = null;
+        /** Whether the drawer has a backdrop. */
+        this.hasBackdrop = false;
+        /** Whether the user can use escape or clicking outside to close the drawer. */
+        this.disableClose = false;
+        /** Aria label to assign to the drawer element. */
+        this.ariaLabel = null;
+        /** Aria role for the drawer container */
+        this.role = 'dialog';
+        /** Whether the drawer should be treated as a modal dialog */
+        this.isModal = true;
+        /**
+         * Whether the drawer should close when the user goes backwards/forwards in history.
+         * Note that this usually doesn't include clicking on links (unless the user is using
+         * the `HashLocationStrategy`).
+         */
+        this.closeOnNavigation = true;
+        /**
+         * Where the drawer should focus on open.
+         * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or
+         * AutoFocusTarget instead.
+         */
+        this.autoFocus = 'first-tabbable';
+        /**
+         * Whether the drawer should restore focus to the
+         * previously-focused element, after it's closed.
+         */
+        this.restoreFocus = true;
+        /** Position of the drawer. */
+        this.position = 'bottom';
+        /** Whether to render the drawer without default container styles and handle. */
+        this.unstyled = false;
+        /** Drag behavior for bottom drawer. */
+        this.dragMode = 'dismiss';
     }
-    /** Gets an observable that is notified when the drawer is finished closing. */
-    afterClosed() {
-        return this._ref.closed;
+}
+
+/** Animations used by the drawer. */
+const drDrawerAnimations = {
+    /** Animation that shows and hides a drawer. */
+    drawerState: trigger('state', [
+        state('void, hidden', style({
+            'box-shadow': 'none',
+            visibility: 'hidden',
+        })),
+        state('visible', style({
+            transform: 'none',
+            visibility: 'visible',
+        })),
+        transition('visible => void, visible => hidden', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
+        transition('void => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')),
+    ]),
+};
+
+class BottomDismissPositionStrategy {
+    constructor() {
+        this.startMouseY = null;
+        this.deltaY = 0;
     }
-    /** Gets an observable that is notified when the drawer has opened and appeared. */
-    afterOpened() {
-        return this._afterOpened;
+    extractMousePosition(event) {
+        return event.clientY;
     }
-    /** Gets an observable that emits the final height (px) after resize. Available only in resize mode. */
-    afterResized() {
-        return this._afterResized$;
+    onDragStart(container) {
+        this.startMouseY = null;
+        this.deltaY = 0;
     }
-    /**
-     * Gets an observable that emits when the overlay's backdrop has been clicked.
-     */
-    backdropClick() {
-        return this._ref.backdropClick;
+    onDragMove(mouseY, container) {
+        if (this.startMouseY === null) {
+            this.startMouseY = mouseY;
+            return;
+        }
+        this.deltaY = mouseY - this.startMouseY;
+        if (this.deltaY < 0) {
+            this.deltaY = 0;
+        }
+        container.style.transition = 'none';
+        container.style.transform = `translate3d(0px, ${this.deltaY}px, 0px)`;
     }
-    /**
-     * Gets an observable that emits when keydown events are targeted on the overlay.
-     */
-    keydownEvents() {
-        return this._ref.keydownEvents;
+    onDragEnd(container) {
+        const containerHeight = container.getBoundingClientRect().height;
+        const shouldClose = this.deltaY > containerHeight / 2;
+        if (!shouldClose) {
+            container.style.transition = 'transform 0.5s cubic-bezier(0.32, 0.72, 0, 1)';
+            container.style.transform = `translate3d(0px, 0px, 0px)`;
+        }
+        return { shouldClose };
     }
 }
-
-/** Injection token that can be used to access the data that was passed in to a drawer. */
-const DR_DRAWER_DATA = new InjectionToken('DrDrawerData');
-/** Injection token that can be used to specify default drawer options. */
-const DR_DRAWER_DEFAULT_OPTIONS = new InjectionToken('dr-drawer-default-options');
-// Counter for unique drawer ids.
-let uniqueId = 0;
-/**
- * Service to trigger Material Design bottom sheets.
- */
-class Drawer {
-    /** Keeps track of the currently-open dialogs. */
-    get openDrawers() {
-        return this._parentDrawer ? this._parentDrawer.openDrawers : this._openDrawersAtThisLevel;
+class BottomResizePositionStrategy {
+    constructor(config) {
+        this.config = config;
+        this.startMouseY = null;
+        this.startHeightPx = 0;
+        this.currentHeightPx = 0;
+        const viewportH = window.innerHeight;
+        this.minHeightPx = this.toPx(config.minHeight ?? '10vh', viewportH);
+        this.maxHeightPx = this.toPx(config.maxHeight ?? '90vh', viewportH);
+        this.minHeightPx = Math.max(0, this.minHeightPx);
+        this.maxHeightPx = Math.max(this.minHeightPx, this.maxHeightPx);
+    }
+    extractMousePosition(event) {
+        return event.clientY;
+    }
+    onDragStart(container, overlayElement) {
+        this.startMouseY = null;
+        const rect = overlayElement.getBoundingClientRect();
+        this.startHeightPx = rect.height;
+        this.currentHeightPx = this.startHeightPx;
+        overlayElement.style.transition = 'none';
+        overlayElement.style.height = `${this.startHeightPx}px`;
+        overlayElement.style.maxHeight = 'none';
+        container.style.height = '100%';
+    }
+    onDragMove(mouseY, container, overlayElement) {
+        if (this.startMouseY === null) {
+            this.startMouseY = mouseY;
+            return;
+        }
+        const delta = this.startMouseY - mouseY;
+        let nextHeight = this.startHeightPx + delta;
+        nextHeight = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, nextHeight));
+        this.currentHeightPx = nextHeight;
+        overlayElement.style.height = `${nextHeight}px`;
+    }
+    onDragEnd(container, overlayElement) {
+        let height = this.currentHeightPx || overlayElement.getBoundingClientRect().height;
+        height = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, height));
+        overlayElement.style.transition = 'height 200ms cubic-bezier(0.32, 0.72, 0, 1)';
+        overlayElement.style.height = `${height}px`;
+        this.startMouseY = NaN;
+        this.currentHeightPx = height;
+        return { shouldClose: false, height };
+    }
+    toPx(value, viewportH) {
+        if (typeof value === 'number') {
+            return value;
+        }
+        const raw = String(value).trim();
+        if (!raw) {
+            return 0;
+        }
+        if (raw.endsWith('vh')) {
+            const n = parseFloat(raw);
+            return Number.isFinite(n) ? (n / 100) * viewportH : 0;
+        }
+        if (raw.endsWith('px')) {
+            const n = parseFloat(raw);
+            return Number.isFinite(n) ? n : 0;
+        }
+        const asNumber = parseFloat(raw);
+        return Number.isFinite(asNumber) ? asNumber : 0;
+    }
+}
+
+const _c0$k = ["handleRef"];
+function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 3, 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("handle--resize", ctx_r0._config.dragMode === "resize")("handle--dismiss", ctx_r0._config.dragMode === "dismiss");
+} }
+function DrawerContainer_ng_template_2_Template(rf, ctx) { }
+/**
+ * Internal component that wraps user-provided drawer content.
+ * @docs-private
+ */
+class DrawerContainer extends CdkDialogContainer {
+    get _drawerPosition() {
+        return this._config.unstyled ? '' : `dr-drawer-${this._config.position}`;
+    }
+    constructor(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor) {
+        super(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor);
+        this.overlayRef = overlayRef;
+        /** Emits final height (px) after resize. Available only in resize mode. */
+        this.afterResized = new EventEmitter();
+        /** The state of the drawer animations. */
+        this._animationState = 'void';
+        /** Emits whenever the state of the animation changes. */
+        this._animationStateChanged = new EventEmitter();
+        /** Whether the component has been destroyed. */
+        this._destroyed = false;
+        this._changeDetectorRef = inject(ChangeDetectorRef);
+        this.destroy$ = new Subject();
+    }
+    _contentAttached() {
+        // 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.enter();
+    }
+    /** Begin animation of bottom sheet entrance into view. */
+    enter() {
+        if (!this._destroyed) {
+            this._animationState = 'visible';
+            this._changeDetectorRef.markForCheck();
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    /** Begin animation of the bottom sheet exiting from view. */
+    exit() {
+        this._elementRef.nativeElement.style.transition = undefined;
+        if (!this._destroyed) {
+            this._animationState = 'hidden';
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngAfterViewInit() {
+        this.positionStrategy = this.resolvePositionStrategy();
+        if (this.positionStrategy && !this._config.unstyled && this._handleRef) {
+            this.setupDragListener();
+        }
+    }
+    resolvePositionStrategy() {
+        switch (this._config.position) {
+            case 'bottom':
+                return this._config.dragMode === 'resize'
+                    ? new BottomResizePositionStrategy(this._config)
+                    : new BottomDismissPositionStrategy();
+            default:
+                return undefined;
+        }
+    }
+    setupDragListener() {
+        const strategy = this.positionStrategy;
+        if (!strategy)
+            return;
+        const mousedown$ = fromEvent(this._handleRef.nativeElement, 'mousedown');
+        const mousemove$ = fromEvent(document, 'mousemove');
+        const mouseup$ = fromEvent(document, 'mouseup');
+        const container = this._elementRef.nativeElement;
+        const overlayElement = this.overlayRef.overlayElement;
+        mousedown$
+            .pipe(tap$1(() => strategy.onDragStart(container, overlayElement)), switchMap$1(() => mousemove$.pipe(takeUntil$1(mouseup$), finalize$1(() => {
+            const result = strategy.onDragEnd(container, overlayElement);
+            if (result.shouldClose) {
+                this.overlayRef.dispose();
+                return;
+            }
+            if (result.height !== undefined) {
+                this.afterResized.emit(result.height);
+            }
+        }))), map$1((event) => strategy.extractMousePosition(event)), distinctUntilChanged$1(), tap$1((position) => strategy.onDragMove(position, container, overlayElement)), takeUntil$1(this.destroy$))
+            .subscribe();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.destroy$.next();
+        this.destroy$.complete();
+        this._destroyed = true;
+    }
+    _onAnimationDone(event) {
+        if (event.toState === 'visible') {
+            this._trapFocus();
+        }
+        this._animationStateChanged.emit(event);
+    }
+    _onAnimationStart(event) {
+        this._animationStateChanged.emit(event);
+    }
+    _captureInitialFocus() { }
+    /** @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);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._handleRef = _t.first);
+        } }, hostAttrs: ["tabindex", "-1"], hostVars: 9, hostBindings: function DrawerContainer_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵsyntheticHostListener("@state.start", function DrawerContainer_animation_state_start_HostBindingHandler($event) { return ctx._onAnimationStart($event); })("@state.done", function DrawerContainer_animation_state_done_HostBindingHandler($event) { return ctx._onAnimationDone($event); });
+        } if (rf & 2) {
+            i0.ɵɵhostProperty("id", ctx._config.id);
+            i0.ɵɵattribute("role", ctx._config.role)("aria-modal", ctx._config.isModal)("aria-label", ctx._config.ariaLabel);
+            i0.ɵɵsyntheticHostProperty("@state", ctx._animationState);
+            i0.ɵɵclassMap(ctx._drawerPosition);
+            i0.ɵɵclassProp("dr-drawer-container", !ctx._config.unstyled);
+        } }, outputs: { afterResized: "afterResized" }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["class", "handle", 3, "handle--resize", "handle--dismiss", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrawerContainer_div_0_Template, 2, 4, "div", 0);
+            i0.ɵɵelementStart(1, "div", 1);
+            i0.ɵɵtemplate(2, DrawerContainer_ng_template_2_Template, 0, 0, "ng-template", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx._config.position === "bottom" && !ctx._config.unstyled);
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassProp("unstyled-wrapper", ctx._config.unstyled);
+        } }, 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,
+        args: [{ selector: 'dr-drawer-container', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, animations: [drDrawerAnimations.drawerState], host: {
+                    '[class.dr-drawer-container]': '!_config.unstyled',
+                    '[class]': '_drawerPosition',
+                    tabindex: '-1',
+                    '[id]': '_config.id',
+                    '[attr.role]': '_config.role',
+                    '[attr.aria-modal]': '_config.isModal',
+                    '[attr.aria-label]': '_config.ariaLabel',
+                    '[@state]': '_animationState',
+                    '(@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$8.FocusTrapFactory }, { type: Document, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { 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: [{
+            type: ViewChild,
+            args: ['handleRef']
+        }], afterResized: [{
+            type: Output
+        }] }); })();
+
+/**
+ * Reference to a drawer dispatched from the drawer service.
+ */
+class DrawerRef {
+    /** Instance of the component making up the content of the drawer. */
+    get instance() {
+        return this._ref.componentInstance;
+    }
+    /**
+     * `ComponentRef` of the component opened into the drawer. Will be
+     * null when the drawer is opened using a `TemplateRef`.
+     */
+    get componentRef() {
+        return this._ref.componentRef;
+    }
+    /** Gets the overlay element for the drawer. */
+    get overlayElement() {
+        return this._ref.overlayRef.overlayElement;
+    }
+    constructor(_ref, config, containerInstance) {
+        this._ref = _ref;
+        /** Subject for notifying the user that the drawer has been dismissed. */
+        this._afterDismissed = new Subject();
+        /** Subject for notifying the user that the drawer has opened and appeared. */
+        this._afterOpened = new Subject();
+        this.containerInstance = containerInstance;
+        this.disableClose = config.disableClose;
+        this.id = _ref.id;
+        // Emit when opening animation completes
+        containerInstance._animationStateChanged
+            .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(1))
+            .subscribe(() => {
+            clearTimeout(this._closeFallbackTimeout);
+            this._ref.close(this._result);
+        });
+        _ref.overlayRef.detachments().subscribe(() => {
+            this._ref.close(this._result);
+            this._afterDismissed.next(this._result);
+            this._afterDismissed.complete();
+        });
+        merge(this.backdropClick(), this.keydownEvents().pipe(filter((event) => event.keyCode === ESCAPE))).subscribe((event) => {
+            if (!this.disableClose && (event.type !== 'keydown' || !hasModifierKey(event))) {
+                event.preventDefault();
+                this.dismiss();
+            }
+        });
+        this._afterResized$ = containerInstance?.afterResized?.asObservable() ?? EMPTY;
+    }
+    /**
+     * Dismisses the drawer.
+     * @param result Data to be passed back to the drawer opener.
+     */
+    dismiss(result) {
+        this._afterDismissed.next(result);
+        this._afterDismissed.complete();
+        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(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
+                // timeout which will clean everything up if the animation hasn't fired within the specified
+                // amount of time plus 100ms. We don't need to run this outside the NgZone, because for the
+                // vast majority of cases the timeout will have been cleared before it has fired.
+                this._closeFallbackTimeout = setTimeout(() => {
+                    this._ref.close(this._result);
+                }, event.totalTime + 100);
+                this._ref.overlayRef.detachBackdrop();
+            });
+            this._result = result;
+            this.containerInstance.exit();
+            this.containerInstance = null;
+        }
+    }
+    /** Gets an observable that is notified when the drawer is dismissed. */
+    afterDismissed() {
+        return this._afterDismissed;
+    }
+    /** Gets an observable that is notified when the drawer is finished closing. */
+    afterClosed() {
+        return this._ref.closed;
+    }
+    /** Gets an observable that is notified when the drawer has opened and appeared. */
+    afterOpened() {
+        return this._afterOpened;
+    }
+    /** Gets an observable that emits the final height (px) after resize. Available only in resize mode. */
+    afterResized() {
+        return this._afterResized$;
+    }
+    /**
+     * Gets an observable that emits when the overlay's backdrop has been clicked.
+     */
+    backdropClick() {
+        return this._ref.backdropClick;
+    }
+    /**
+     * Gets an observable that emits when keydown events are targeted on the overlay.
+     */
+    keydownEvents() {
+        return this._ref.keydownEvents;
+    }
+}
+
+/** Injection token that can be used to access the data that was passed in to a drawer. */
+const DR_DRAWER_DATA = new InjectionToken('DrDrawerData');
+/** Injection token that can be used to specify default drawer options. */
+const DR_DRAWER_DEFAULT_OPTIONS = new InjectionToken('dr-drawer-default-options');
+// Counter for unique drawer ids.
+let uniqueId = 0;
+/**
+ * Service to trigger Material Design bottom sheets.
+ */
+class Drawer {
+    /** Keeps track of the currently-open dialogs. */
+    get openDrawers() {
+        return this._parentDrawer ? this._parentDrawer.openDrawers : this._openDrawersAtThisLevel;
+    }
+    /** Stream that emits when a drawer has been opened. */
+    get afterOpened() {
+        return this._parentDrawer ? this._parentDrawer.afterOpened : this._afterOpenedAtThisLevel;
+    }
+    _getAfterAllDismissed() {
+        const parent = this._parentDrawer;
+        return parent ? parent._getAfterAllDismissed() : this._afterAllDismissedAtThisLevel;
+    }
+    constructor(_overlay, _injector, _parentDrawer, _defaultOptions) {
+        this._overlay = _overlay;
+        this._injector = _injector;
+        this._parentDrawer = _parentDrawer;
+        this._defaultOptions = _defaultOptions;
+        this._openDrawersAtThisLevel = [];
+        this._afterAllDismissedAtThisLevel = new Subject();
+        this._afterOpenedAtThisLevel = new Subject();
+        this._resizeSubscriptions = new Map();
+        /**
+         * Stream that emits when all open drawer have finished closing.
+         * Will emit on subscribe if there are no open drawers to begin with.
+         */
+        this.afterAllDismissed = defer(() => this.openDrawers.length ? this._getAfterAllDismissed() : this._getAfterAllDismissed().pipe(startWith(undefined)));
+        this._dialog = _injector.get(Dialog);
+    }
+    open(componentOrTemplateRef, config) {
+        let drawerRef;
+        const _config = { ...(this._defaultOptions || new DrawerConfig()), ...config };
+        _config.id = _config.id || `dr-drawer-${uniqueId++}`;
+        _config.width =
+            _config.position === 'left' || _config.position === 'right' ? coerceCssPixelValue(_config.width) : '100vw';
+        _config.height =
+            _config.position === 'top' || _config.position === 'bottom' ? coerceCssPixelValue(_config.height) : '100vh';
+        this._dialog.open(componentOrTemplateRef, {
+            ..._config,
+            // Disable closing since we need to sync it up to the animation ourselves.
+            disableClose: true,
+            // Disable closing on detachments so that we can sync up the animation.
+            closeOnOverlayDetachments: false,
+            container: {
+                type: DrawerContainer,
+                providers: () => [
+                    // Provide our config as the CDK config as well since it has the same interface as the
+                    // CDK one, but it contains the actual values passed in by the user for things like
+                    // `disableClose` which we disable for the CDK dialog since we handle it ourselves.
+                    { provide: DrawerConfig, useValue: _config },
+                    { provide: DialogConfig, useValue: _config },
+                ],
+            },
+            scrollStrategy: _config.scrollStrategy || this._overlay.scrollStrategies.block(),
+            positionStrategy: this._overlay.position().global()[_config.position]('0'),
+            templateContext: () => ({ drawerRef }),
+            providers: (cdkRef, _cdkConfig, container) => {
+                drawerRef = new DrawerRef(cdkRef, _config, container);
+                return [
+                    { provide: DrawerRef, useValue: drawerRef },
+                    { provide: DR_DRAWER_DATA, useValue: _config.data },
+                ];
+            },
+        });
+        this.openDrawers.push(drawerRef);
+        this.afterOpened.next(drawerRef);
+        if (_config.observedElement) {
+            this._setupResizeObservation(drawerRef, _config);
+        }
+        drawerRef.afterDismissed().subscribe(() => {
+            const index = this.openDrawers.indexOf(drawerRef);
+            if (index > -1) {
+                this.openDrawers.splice(index, 1);
+                if (drawerRef.id && this._resizeSubscriptions.has(drawerRef.id)) {
+                    this._resizeSubscriptions.get(drawerRef.id).unsubscribe();
+                    this._resizeSubscriptions.delete(drawerRef.id);
+                }
+                if (!this.openDrawers.length) {
+                    this._getAfterAllDismissed().next();
+                }
+            }
+        });
+        return drawerRef;
+    }
+    /**
+     * Dismisses all of the currently-open drawers.
+     */
+    dismissAll() {
+        this._dismissDrawers(this.openDrawers);
+    }
+    /**
+     * Finds an open drawer by its id.
+     * @param id ID to use when looking up the drawer.
+     */
+    getDrawerById(id) {
+        return this.openDrawers.find((drawer) => drawer.id === id);
+    }
+    ngOnDestroy() {
+        // Only dismiss the drawers at this level on destroy
+        // since the parent service may still be active.
+        this._dismissDrawers(this._openDrawersAtThisLevel);
+        this._resizeSubscriptions.forEach((subscription) => subscription.unsubscribe());
+        this._resizeSubscriptions.clear();
+        this._afterAllDismissedAtThisLevel.complete();
+        this._afterOpenedAtThisLevel.complete();
+    }
+    /**
+     * Sets up resize observation for the specified element and updates drawer positioning.
+     */
+    _setupResizeObservation(drawerRef, config) {
+        if (!config.observedElement || !drawerRef.id) {
+            return;
+        }
+        const resizeSubscription = DrSharedUtils.fromResizeObserver(config.observedElement).subscribe(() => {
+            this._updateDrawerPosition(drawerRef, config);
+        });
+        this._resizeSubscriptions.set(drawerRef.id, resizeSubscription);
+        // Defer initial position update to avoid conflicts with drawer initialization
+        setTimeout(() => {
+            this._updateDrawerPosition(drawerRef, config);
+        }, 0);
+    }
+    /**
+     * Calculates and applies margins to the drawer to fit within the observed element's boundaries.
+     */
+    _updateDrawerPosition(drawerRef, config) {
+        if (!config.observedElement || !config.position) {
+            return;
+        }
+        const elementRect = config.observedElement.getBoundingClientRect();
+        const margins = this._calculateMarginsToFitWithinElement(config.position, elementRect);
+        const overlayElement = drawerRef.overlayElement;
+        if (overlayElement) {
+            this._applyMarginsToOverlay(overlayElement, margins);
+        }
+    }
+    /**
+     * Calculates margins to position drawer within the observed element's boundaries.
+     */
+    _calculateMarginsToFitWithinElement(position, elementRect) {
+        const margins = { top: 0, right: 0, bottom: 0, left: 0 };
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        switch (position) {
+            case 'left':
+                margins.left = elementRect.left;
+                margins.top = elementRect.top;
+                margins.bottom = viewportHeight - elementRect.bottom;
+                break;
+            case 'right':
+                margins.right = viewportWidth - elementRect.right;
+                margins.top = elementRect.top;
+                margins.bottom = viewportHeight - elementRect.bottom;
+                break;
+            case 'top':
+                margins.top = elementRect.top;
+                margins.left = elementRect.left;
+                margins.right = viewportWidth - elementRect.right;
+                break;
+            case 'bottom':
+                margins.bottom = viewportHeight - elementRect.bottom;
+                margins.left = elementRect.left;
+                margins.right = viewportWidth - elementRect.right;
+                break;
+        }
+        return margins;
+    }
+    /**
+     * Applies calculated margins to the overlay element.
+     */
+    _applyMarginsToOverlay(overlayElement, margins) {
+        overlayElement.style.marginTop = `${margins.top}px`;
+        overlayElement.style.marginRight = `${margins.right}px`;
+        overlayElement.style.marginBottom = `${margins.bottom}px`;
+        overlayElement.style.marginLeft = `${margins.left}px`;
+    }
+    _dismissDrawers(drawers) {
+        let i = drawers.length;
+        while (i--) {
+            drawers[i].dismiss();
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = function Drawer_Factory(t) { return new (t || Drawer)(i0.ɵɵinject(i1$1.Overlay), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(Drawer, 12), i0.ɵɵinject(DR_DRAWER_DEFAULT_OPTIONS, 8)); }; }
+    /** @nocollapse */ static { this.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: Drawer, factory: Drawer.ɵfac, providedIn: 'root' }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Drawer, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: Drawer, decorators: [{
+                type: Optional
+            }, {
+                type: SkipSelf
+            }] }, { type: DrawerConfig, decorators: [{
+                type: Optional
+            }, {
+                type: Inject,
+                args: [DR_DRAWER_DEFAULT_OPTIONS]
+            }] }]; }, null); })();
+
+class DrawerModule {
+    /** @nocollapse */ static { this.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrawerModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [Drawer], imports: [DrawerContainer] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
+        type: NgModule,
+        args: [{
+                imports: [DrawerContainer],
+                exports: [DrawerContainer],
+                providers: [Drawer],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { imports: [DrawerContainer], exports: [DrawerContainer] }); })();
+
+var CronEditorPeriod;
+(function (CronEditorPeriod) {
+    CronEditorPeriod["HOUR"] = "hour";
+    CronEditorPeriod["DAY"] = "day";
+    CronEditorPeriod["WEEK"] = "week";
+    CronEditorPeriod["MONTH"] = "month";
+    CronEditorPeriod["QUARTER"] = "quarter";
+    CronEditorPeriod["YEAR"] = "year";
+})(CronEditorPeriod || (CronEditorPeriod = {}));
+const dateFormatToCronPeriod = (format) => {
+    const upperFormat = format.toUpperCase();
+    if (upperFormat.includes('H')) {
+        return CronEditorPeriod.HOUR;
+    }
+    if (upperFormat.includes('D') && !upperFormat.includes('W')) {
+        return CronEditorPeriod.DAY;
+    }
+    if (upperFormat.includes('W')) {
+        return CronEditorPeriod.WEEK;
+    }
+    if (upperFormat.includes('M') && upperFormat !== 'YYYY') {
+        return CronEditorPeriod.MONTH;
+    }
+    if (upperFormat.includes('Q')) {
+        return CronEditorPeriod.QUARTER;
+    }
+    return CronEditorPeriod.YEAR;
+};
+const getInitialQuarterArray = (fiscalYear = 1, monthArr = [1, 4, 7, 10]) => {
+    const fiscalOffset = fiscalYear - 1;
+    if (fiscalOffset) {
+        monthArr = map$2(monthArr, (month) => {
+            const val = month + fiscalOffset;
+            return val > 12 ? val - 12 : val;
+        });
+        monthArr = sortBy(monthArr);
+    }
+    return monthArr;
+};
+const getStartMonthInQuarter = (fiscalYear = 1, monthArr = [1, 4, 7, 10]) => {
+    const fiscalOffset = fiscalYear - 1;
+    let quarterMonth = monthArr[0] || 1;
+    // By default select first value in array since it can be only 1-3
+    // Value must be recalculated if fiscal year doesn't start from first month
+    // In month[] we have UTC values, we need to show fiscal month in selection.
+    // Example: We want to start task in 3rd month on each fiscal quarter.
+    // If fiscal_year_starts_from = 3 Then month should be [2,5,8,11].
+    // First fiscal quarter will be finished in month 5, 2-8, 3-11, 4-2(next year).
+    // Fiscal month = [12,3,6,9]. Presented value for user: 3.
+    if (fiscalOffset) {
+        monthArr = map$2(monthArr, (item) => {
+            const val = item - fiscalOffset;
+            return val < 1 ? val + 12 : val;
+        });
+        monthArr = sortBy(monthArr);
+        quarterMonth = monthArr[0];
+    }
+    return quarterMonth;
+};
+const getQuarterStringByMonthInQuarter = (fiscalYear = 1, month) => {
+    if (!month) {
+        return '*';
+    }
+    let monthArr = [month, month + 3, month + 6, month + 9];
+    const fiscalOffset = fiscalYear - 1;
+    if (fiscalOffset) {
+        monthArr = map$2(monthArr, (month) => {
+            const val = month + fiscalOffset;
+            return val > 12 ? val - 12 : val;
+        });
+        monthArr = sortBy(monthArr);
+    }
+    return monthArr.join(',');
+};
+const CronEditorDefaultConfigByPeriod = {
+    [CronEditorPeriod.HOUR]: (fY) => `0 12/1 * * * ${LOCAL_TIME_ZONE_OFFSET}`,
+    [CronEditorPeriod.DAY]: (fY) => `0 12 * * * ${LOCAL_TIME_ZONE_OFFSET}`,
+    [CronEditorPeriod.WEEK]: (fY) => `0 12 * * 0 ${LOCAL_TIME_ZONE_OFFSET}`,
+    [CronEditorPeriod.MONTH]: (fY) => `0 12 1 * * ${LOCAL_TIME_ZONE_OFFSET}`,
+    [CronEditorPeriod.QUARTER]: (fY) => `0 12 1 ${getInitialQuarterArray(fY).join(',')} * ${LOCAL_TIME_ZONE_OFFSET}`,
+    [CronEditorPeriod.YEAR]: (fY) => `0 12 1 1 * ${LOCAL_TIME_ZONE_OFFSET}`,
+};
+const getCronTypeAsPeriodLabel = (type) => type === CronEditorPeriod.DAY ? 'Daily' : type + 'ly';
+var CronTimePeriod;
+(function (CronTimePeriod) {
+    CronTimePeriod["AM"] = "AM";
+    CronTimePeriod["PM"] = "PM";
+})(CronTimePeriod || (CronTimePeriod = {}));
+const HOURS_DIVISIBLE_INTO_DAY = [
+    { label: '1', value: 1 },
+    { label: '2', value: 2 },
+    { label: '3', value: 3 },
+    { label: '4', value: 4 },
+    { label: '6', value: 6 },
+    { label: '8', value: 8 },
+    { label: '12', value: 12 },
+];
+const MONTH_OF_YEAR_ARRAY = [
+    { label: 'January', value: 1 },
+    { label: 'February', value: 2 },
+    { label: 'March', value: 3 },
+    { label: 'April', value: 4 },
+    { label: 'May', value: 5 },
+    { label: 'June', value: 6 },
+    { label: 'July', value: 7 },
+    { label: 'August', value: 8 },
+    { label: 'September', value: 9 },
+    { label: 'October', value: 10 },
+    { label: 'November', value: 11 },
+    { label: 'December', value: 12 },
+];
+const DAY_OF_WEEK_ARRAY = [
+    { label: 'Sunday', value: 0 },
+    { label: 'Monday', value: 1 },
+    { label: 'Tuesday', value: 2 },
+    { label: 'Wednesday', value: 3 },
+    { label: 'Thursday', value: 4 },
+    { label: 'Friday', value: 5 },
+    { label: 'Saturday', value: 6 },
+];
+const MONTH_OF_QUARTER_ARRAY = [
+    { label: '1st', value: 1 },
+    { label: '2nd', value: 2 },
+    { label: '3rd', value: 3 },
+];
+const ALLOWED_PERIODS = Object.values(CronEditorPeriod);
+const addOrdinalSuffix = (num) => {
+    const suffixes = ['th', 'st', 'nd', 'rd'];
+    const v = num % 100;
+    return num + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);
+};
+const DAY_OF_MONTH_ARRAY = new Array(28).fill(null).map((v, i) => ({
+    label: addOrdinalSuffix(i + 1),
+    value: i + 1,
+}));
+class CronEditor {
+    set value(value) {
+        this.parseCronString(value);
+    }
+    get value() {
+        return this.cronEditorObjectToString();
+    }
+    set valueObject(valueObject) {
+        if (!valueObject) {
+            return;
+        }
+        this.every = valueObject.every;
+        this.minute = valueObject.minute;
+        this.hour = valueObject.hour;
+        this.dayOfMonth = valueObject.dayOfMonth;
+        this.month = valueObject.month;
+        this.dayOfWeek = valueObject.dayOfWeek;
+        this.timePeriod = valueObject.timePeriod;
+        this.timeZone = valueObject.timeZone;
+        this.everyXHours = valueObject.everyXHours;
+    }
+    get valueObject() {
+        return {
+            every: this.every,
+            minute: this.minute,
+            hour: this.hour,
+            dayOfMonth: this.dayOfMonth,
+            month: this.month,
+            dayOfWeek: this.dayOfWeek,
+            timePeriod: this.timePeriod,
+            timeZone: this.timeZone,
+            everyXHours: this.everyXHours,
+        };
+    }
+    constructor(value, fiscalYearStart = 1, period) {
+        this._fiscalYearStart = 1;
+        this.everyXHours = 1;
+        this.dayOfMonth = 1;
+        this.dayOfWeek = 1;
+        this.every = CronEditorPeriod.YEAR;
+        this.hour = 12;
+        this.minute = 0;
+        this.month = 1;
+        this.timePeriod = CronTimePeriod.PM;
+        this.timeZone = LOCAL_TIME_ZONE_OFFSET;
+        this._fiscalYearStart = fiscalYearStart;
+        this._period = period;
+        if (value) {
+            this.value = value;
+        }
+    }
+    parseCronString(value) {
+        let [minute, hour, dayOfMonth, month, dayOfWeek, timeZone] = value.split(' ');
+        minute = minute !== '*' ? Number(minute.split(',')[0]) : 0;
+        let everyXHours;
+        if (typeof hour === 'string' && hour.includes('/')) {
+            // Case 1: If `hour` includes / to indicate step change
+            everyXHours = Number(hour.split('/')[1]);
+            hour = [Number(hour.split('/')[0])];
+        }
+        else if (hour !== '*') {
+            // Case 2: If `hour` is a single number (but not "*"), ensure it's a number
+            hour = [Number(hour.split(',')[0])];
+        }
+        else {
+            // Case 3: If `hour` is "*", set it to 0
+            hour = [0];
+        }
+        dayOfMonth = this.parseCronArray(dayOfMonth);
+        month = this.parseCronArray(month);
+        dayOfWeek = this.parseCronArray(dayOfWeek);
+        timeZone = timeZone ? Number(timeZone) : 0;
+        let type;
+        if (this._period) {
+            type = this._period;
+        }
+        else if (month?.length > 1) {
+            type = CronEditorPeriod.QUARTER;
+        }
+        else if (month?.length) {
+            type = CronEditorPeriod.YEAR;
+        }
+        else if (dayOfMonth?.length) {
+            type = CronEditorPeriod.MONTH;
+        }
+        else if (dayOfWeek?.length) {
+            type = CronEditorPeriod.WEEK;
+        }
+        else if (everyXHours) {
+            type = CronEditorPeriod.HOUR;
+        }
+        else {
+            type = CronEditorPeriod.DAY;
+        }
+        this.every = type;
+        this.everyXHours = everyXHours ? everyXHours : 1;
+        this.minute = minute;
+        this.hour = hour[0] % 12 || 12;
+        this.dayOfMonth = dayOfMonth?.[0] || null;
+        this.month =
+            type === CronEditorPeriod.QUARTER ? getStartMonthInQuarter(this._fiscalYearStart, month) : month?.[0] || null;
+        this.dayOfWeek = typeof dayOfWeek?.[0] === 'number' ? dayOfWeek[0] : null;
+        this.timePeriod = hour[0] >= 12 ? CronTimePeriod.PM : CronTimePeriod.AM;
+        this.timeZone = timeZone;
+    }
+    parseCronArray(str) {
+        return str !== '*' ? str.split(',').map((v) => Number(v)) : null;
+    }
+    cronEditorObjectToString(excludeTimezone = false) {
+        const minute = this.minute || 0;
+        let hour = this.hour || 0;
+        hour = this.hoursTo24Format(hour);
+        let hourOrHours = hour;
+        const dayOfMonth = this.dayOfMonth || '*';
+        const month = this._period === CronEditorPeriod.QUARTER || this.every === CronEditorPeriod.QUARTER
+            ? getQuarterStringByMonthInQuarter(this._fiscalYearStart, this.month)
+            : this.month || '*';
+        const dayOfWeek = typeof this.dayOfWeek === 'number' ? this.dayOfWeek : '*';
+        if (this.every === CronEditorPeriod.HOUR) {
+            hourOrHours = `${hour}/${this.everyXHours}`;
+        }
+        return `${minute} ${hourOrHours} ${dayOfMonth} ${month} ${dayOfWeek}${!excludeTimezone ? ` ${this.timeZone}` : ''}`;
+    }
+    hoursTo24Format(hour) {
+        if (this.timePeriod === CronTimePeriod.PM && hour < 12) {
+            hour += 12;
+        }
+        else if (this.timePeriod === CronTimePeriod.AM && hour === 12) {
+            hour = 0;
+        }
+        return hour;
+    }
+    getReadableString() {
+        let visibleString = 'Every ';
+        switch (this.every) {
+            case CronEditorPeriod.YEAR:
+                visibleString += `${MONTH_OF_YEAR_ARRAY[this.month - 1].label} ${DAY_OF_MONTH_ARRAY[this.dayOfMonth - 1].label} `;
+                break;
+            case CronEditorPeriod.QUARTER:
+                const month = MONTH_OF_QUARTER_ARRAY[this.month - 1].label;
+                const day = DAY_OF_MONTH_ARRAY[this.dayOfMonth - 1].label;
+                visibleString += `quarter on the ${month} month of the quarter on ${day} day `;
+                break;
+            case CronEditorPeriod.MONTH:
+                visibleString += `month on day ${this.dayOfMonth} `;
+                break;
+            case CronEditorPeriod.WEEK:
+                const dow = typeof this.dayOfWeek === 'number' ? this.dayOfWeek : 0;
+                const dayIndex = dow >= 7 ? 0 : dow;
+                visibleString += `${DAY_OF_WEEK_ARRAY[dayIndex].label} `;
+                break;
+            case CronEditorPeriod.DAY:
+                visibleString += `day `;
+                break;
+            case CronEditorPeriod.HOUR:
+                visibleString += `${this.everyXHours} hour${this.everyXHours > 1 ? 's' : ''} `;
+                break;
+        }
+        const minutePrefix = this.minute < 10 ? '0' : '';
+        const hourPrefix = this.hour < 10 ? '0' : '';
+        visibleString += `at ${hourPrefix + this.hour}:${minutePrefix + this.minute}${this.timePeriod}`;
+        visibleString += ` (${LOCAL_TIME_ZONE_OFFSET === this.timeZone ? 'Local Time' : getGMTLabel(-this.timeZone)})`;
+        return visibleString;
+    }
+}
+
+function DrCronFieldComponent_dr_input_0_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-input", 3);
+    i0.ɵɵlistener("click", function DrCronFieldComponent_dr_input_0_Template_dr_input_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(!ctx_r5.disabled ? ctx_r5.openPopover() : null); })("ngModelChange", function DrCronFieldComponent_dr_input_0_Template_dr_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.visibleString = $event); });
+    i0.ɵɵelement(1, "i", 4)(2, "i", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const _r1 = i0.ɵɵreference(2);
+    i0.ɵɵproperty("id", ctx_r0.id)("ngModel", ctx_r0.visibleString)("drPopover", !ctx_r0.disabled ? _r1 : null)("drPopoverPosition", ctx_r0.popoverPosition)("disabled", ctx_r0.disabled)("readonly", true);
+} }
+function DrCronFieldComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵelementContainer(2, 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 9)(4, "dr-button", 10);
+    i0.ɵɵlistener("click", function DrCronFieldComponent_ng_template_1_Template_dr_button_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const closePopover_r8 = restoredCtx.closePopover; return i0.ɵɵresetView(closePopover_r8()); });
+    i0.ɵɵtext(5, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "dr-button", 11);
+    i0.ɵɵlistener("click", function DrCronFieldComponent_ng_template_1_Template_dr_button_click_6_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const closePopover_r8 = restoredCtx.closePopover; const ctx_r11 = i0.ɵɵnextContext(); ctx_r11.update(); return i0.ɵɵresetView(closePopover_r8()); });
+    i0.ɵɵtext(7, "Save");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat every quarter on");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "dr-select", 21);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "month of the quarter");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r13.cronModel.month)("items", ctx_r13.MONTH_OF_QUARTER_ARRAY);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat every");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "dr-select", 22);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.cronModel.everyXHours = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "hour(s)");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r15 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r15.cronModel.everyXHours)("items", ctx_r15.HOURS_DIVISIBLE_INTO_DAY);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat every");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "dr-select", 23);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r32.cronModel.dayOfWeek = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r33); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r17.cronModel.dayOfWeek)("items", ctx_r17.DAY_OF_WEEK_ARRAY);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-select", 24);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r35.cronModel.dayOfMonth = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r37.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r19 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngModel", ctx_r19.cronModel.dayOfMonth)("items", ctx_r19.DAY_OF_MONTH_ARRAY)("searchable", true);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat every");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "dr-select", 25);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r40.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r21 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r21.cronModel.month)("items", ctx_r21.MONTH_OF_YEAR_ARRAY);
+} }
+function DrCronFieldComponent_ng_template_3_dr_radio_group_11_dr_radio_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dr-radio-button", 28);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r42 = ctx.$implicit;
+    i0.ɵɵproperty("value", option_r42.value);
+    i0.ɵɵattribute("data-analytics", "dr-cron-field_radio-button-" + option_r42.value);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", option_r42.label, " ");
+} }
+function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template(rf, ctx) { if (rf & 1) {
+    const _r44 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-radio-group", 26);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template_dr_radio_group_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r43.cronModel.every = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template_dr_radio_group_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r45 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r45.onEveryChange($event)); });
+    i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_dr_radio_group_11_dr_radio_button_1_Template, 2, 3, "dr-radio-button", 27);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r22 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngModel", ctx_r22.cronModel.every);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r22.cronEditorPeriodArray);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r12 = i0.ɵɵreference(1);
+    i0.ɵɵproperty("ngTemplateOutlet", _r12);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat every day");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r14 = i0.ɵɵreference(3);
+    i0.ɵɵproperty("ngTemplateOutlet", _r14);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r16 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", _r16);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementContainer(1, 8)(2, 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r20 = i0.ɵɵreference(9);
+    const _r18 = i0.ɵɵreference(7);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", _r20);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", _r18);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2, "Repeat on");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainer(3, 8);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5, "day of every month");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r18 = i0.ɵɵreference(7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngTemplateOutlet", _r18);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29)(1, "span");
+    i0.ɵɵtext(2, "on");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainer(3, 8);
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5, "day of the month");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r18 = i0.ɵɵreference(7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngTemplateOutlet", _r18);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    const _r54 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 29);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_2_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_container_12_span_3_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_4_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_5_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_6_Template, 3, 2, "ng-container", 31);
+    i0.ɵɵtemplate(7, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_7_Template, 6, 1, "ng-container", 31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DrCronFieldComponent_ng_template_3_ng_container_12_div_8_Template, 6, 1, "div", 32);
+    i0.ɵɵelementStart(9, "div", 33)(10, "span", 34);
+    i0.ɵɵtext(11, "at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "dr-time-picker", 35);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_12_Template_dr_time_picker_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r53.onTimePickerChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r23 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.QUARTER);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.DAY);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.HOUR);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.WEEK);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.YEAR);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.MONTH);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.QUARTER);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r23.cronModel);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelementContainer(1, 8);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r12 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", _r12);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, " Repeat every day ");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r14 = i0.ɵɵreference(3);
+    i0.ɵɵproperty("ngTemplateOutlet", _r14);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r16 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", _r16);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Repeat on ");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "on ");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 8);
+} if (rf & 2) {
+    i0.ɵɵnextContext(3);
+    const _r20 = i0.ɵɵreference(9);
+    i0.ɵɵproperty("ngTemplateOutlet", _r20);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "day of every month ");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "day of the month ");
+    i0.ɵɵelementEnd();
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_1_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_2_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_ng_container_3_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵelementContainer(4, 8);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_5_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_6_Template, 2, 0, "span", 31);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const _r18 = i0.ɵɵreference(7);
+    const ctx_r59 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.MONTH);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.QUARTER);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.YEAR);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", _r18);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.MONTH);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.QUARTER);
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const item_r67 = ctx.item;
+    const ctx_r61 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r61.LOCAL_TIME_ZONE_OFFSET !== ctx_r61.cronModel.timeZone ? item_r67.label : "Local Time", " ");
+} }
+function DrCronFieldComponent_ng_template_3_ng_template_13_Template(rf, ctx) { if (rf & 1) {
+    const _r69 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, DrCronFieldComponent_ng_template_3_ng_template_13_div_0_Template, 2, 1, "div", 36);
+    i0.ɵɵelementStart(1, "div", 37);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_template_13_span_2_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_3_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_4_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_Template, 7, 6, "ng-container", 31);
+    i0.ɵɵelementStart(6, "span", 34);
+    i0.ɵɵtext(7, "at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "dr-input", 38);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r68.cronModel.hour = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_8_listener() { i0.ɵɵrestoreView(_r69); const ctx_r70 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r70.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 39);
+    i0.ɵɵtext(10, ":");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "dr-input", 40);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r71 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r71.cronModel.minute = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_11_listener() { i0.ɵɵrestoreView(_r69); const ctx_r72 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r72.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "dr-select", 41);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r73 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r73.cronModel.timePeriod = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r69); const ctx_r74 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r74.onSelectionChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "dr-select", 42);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r75 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r75.cronModel.timeZone = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_13_listener() { i0.ɵɵrestoreView(_r69); const ctx_r76 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r76.onSelectionChange()); });
+    i0.ɵɵtemplate(14, DrCronFieldComponent_ng_template_3_ng_template_13_ng_template_14_Template, 1, 1, "ng-template", null, 43, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r25 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.QUARTER);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.DAY);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.HOUR);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.WEEK);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.WEEK && ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.HOUR && ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.DAY);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.hour)("mask", "00")("min", 1)("max", 12);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.minute)("mask", "00")("min", 0)("max", 59);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.timePeriod)("items", ctx_r25.CRON_TIME_PERIOD_ARRAY);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.timeZone)("items", ctx_r25.GMT_OFFSETS)("textView", true);
+} }
+function DrCronFieldComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, DrCronFieldComponent_ng_template_3_ng_template_0_Template, 5, 2, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_template_2_Template, 5, 2, "ng-template", null, 13, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_template_4_Template, 3, 2, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_template_6_Template, 1, 3, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(8, DrCronFieldComponent_ng_template_3_ng_template_8_Template, 3, 2, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementStart(10, "div", 17);
+    i0.ɵɵtemplate(11, DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template, 2, 2, "dr-radio-group", 18);
+    i0.ɵɵtemplate(12, DrCronFieldComponent_ng_template_3_ng_container_12_Template, 13, 8, "ng-container", 19);
+    i0.ɵɵtemplate(13, DrCronFieldComponent_ng_template_3_ng_template_13_Template, 16, 18, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r24 = i0.ɵɵreference(14);
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(10);
+    i0.ɵɵclassProp("cron-configuration--multi-row", ctx_r4.multiRowMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r4.hidePeriodSelector);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r4.multiRowMode)("ngIfElse", _r24);
+} }
+class DrCronFieldComponent {
+    set value(value) {
+        if (!value) {
+            this.visibleString = '';
+            this.cdr.markForCheck();
+            return;
+        }
+        this.valueObject.value = value;
+        this.visibleString = this.valueObject.getReadableString();
+        if (this.flatMode && !this.cronModel) {
+            this.cronModel = this.valueObject.valueObject;
+        }
+        this.cdr.markForCheck();
     }
-    /** Stream that emits when a drawer has been opened. */
-    get afterOpened() {
-        return this._parentDrawer ? this._parentDrawer.afterOpened : this._afterOpenedAtThisLevel;
+    get value() {
+        return this.valueObject.value;
     }
-    _getAfterAllDismissed() {
-        const parent = this._parentDrawer;
-        return parent ? parent._getAfterAllDismissed() : this._afterAllDismissedAtThisLevel;
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.hostId = null;
+        this.disabled = false;
+        this.allowedPeriods = ALLOWED_PERIODS;
+        this.fiscalYearStart = 1;
+        this.popoverPosition = 'bottom-left';
+        this.hidePeriodSelector = false;
+        this.flatMode = false;
+        this.multiRowMode = false;
+        this.DAY_OF_MONTH_ARRAY = DAY_OF_MONTH_ARRAY;
+        this.MONTH_OF_QUARTER_ARRAY = MONTH_OF_QUARTER_ARRAY;
+        this.MONTH_OF_YEAR_ARRAY = MONTH_OF_YEAR_ARRAY;
+        this.DAY_OF_WEEK_ARRAY = DAY_OF_WEEK_ARRAY;
+        this.HOURS_DIVISIBLE_INTO_DAY = HOURS_DIVISIBLE_INTO_DAY;
+        this.CRON_TIME_PERIOD_ARRAY = [CronTimePeriod.AM, CronTimePeriod.PM];
+        this.LOCAL_TIME_ZONE_OFFSET = LOCAL_TIME_ZONE_OFFSET;
+        this.GMT_OFFSETS = GMT_OFFSETS;
+        this.cronEditorPeriod = CronEditorPeriod;
+        this.onChange = () => { };
+        this.onTouched = () => { };
     }
-    constructor(_overlay, _injector, _parentDrawer, _defaultOptions) {
-        this._overlay = _overlay;
-        this._injector = _injector;
-        this._parentDrawer = _parentDrawer;
-        this._defaultOptions = _defaultOptions;
-        this._openDrawersAtThisLevel = [];
-        this._afterAllDismissedAtThisLevel = new Subject();
-        this._afterOpenedAtThisLevel = new Subject();
-        this._resizeSubscriptions = new Map();
-        /**
-         * Stream that emits when all open drawer have finished closing.
-         * Will emit on subscribe if there are no open drawers to begin with.
-         */
-        this.afterAllDismissed = defer(() => this.openDrawers.length ? this._getAfterAllDismissed() : this._getAfterAllDismissed().pipe(startWith(undefined)));
-        this._dialog = _injector.get(Dialog);
+    ngOnInit() {
+        this.valueObject = new CronEditor(null, this.fiscalYearStart);
+        this.valueObject.every = this.allowedPeriods[this.allowedPeriods.length - 1] ?? CronEditorPeriod.YEAR;
+        this.cronModel = this.valueObject.valueObject;
+        this.cronEditorPeriodArray = this.allowedPeriods.map((period) => ({
+            value: period,
+            label: capitalize(getCronTypeAsPeriodLabel(period)),
+        }));
     }
-    open(componentOrTemplateRef, config) {
-        let drawerRef;
-        const _config = { ...(this._defaultOptions || new DrawerConfig()), ...config };
-        _config.id = _config.id || `dr-drawer-${uniqueId++}`;
-        _config.width =
-            _config.position === 'left' || _config.position === 'right' ? coerceCssPixelValue(_config.width) : '100vw';
-        _config.height =
-            _config.position === 'top' || _config.position === 'bottom' ? coerceCssPixelValue(_config.height) : '100vh';
-        this._dialog.open(componentOrTemplateRef, {
-            ..._config,
-            // Disable closing since we need to sync it up to the animation ourselves.
-            disableClose: true,
-            // Disable closing on detachments so that we can sync up the animation.
-            closeOnOverlayDetachments: false,
-            container: {
-                type: DrawerContainer,
-                providers: () => [
-                    // Provide our config as the CDK config as well since it has the same interface as the
-                    // CDK one, but it contains the actual values passed in by the user for things like
-                    // `disableClose` which we disable for the CDK dialog since we handle it ourselves.
-                    { provide: DrawerConfig, useValue: _config },
-                    { provide: DialogConfig, useValue: _config },
-                ],
-            },
-            scrollStrategy: _config.scrollStrategy || this._overlay.scrollStrategies.block(),
-            positionStrategy: this._overlay.position().global()[_config.position]('0'),
-            templateContext: () => ({ drawerRef }),
-            providers: (cdkRef, _cdkConfig, container) => {
-                drawerRef = new DrawerRef(cdkRef, _config, container);
-                return [
-                    { provide: DrawerRef, useValue: drawerRef },
-                    { provide: DR_DRAWER_DATA, useValue: _config.data },
-                ];
-            },
-        });
-        this.openDrawers.push(drawerRef);
-        this.afterOpened.next(drawerRef);
-        if (_config.observedElement) {
-            this._setupResizeObservation(drawerRef, _config);
-        }
-        drawerRef.afterDismissed().subscribe(() => {
-            const index = this.openDrawers.indexOf(drawerRef);
-            if (index > -1) {
-                this.openDrawers.splice(index, 1);
-                if (drawerRef.id && this._resizeSubscriptions.has(drawerRef.id)) {
-                    this._resizeSubscriptions.get(drawerRef.id).unsubscribe();
-                    this._resizeSubscriptions.delete(drawerRef.id);
-                }
-                if (!this.openDrawers.length) {
-                    this._getAfterAllDismissed().next();
-                }
-            }
-        });
-        return drawerRef;
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-    /**
-     * Dismisses all of the currently-open drawers.
-     */
-    dismissAll() {
-        this._dismissDrawers(this.openDrawers);
+    registerOnTouched(fn) {
+        this.onTouched = fn;
     }
-    /**
-     * Finds an open drawer by its id.
-     * @param id ID to use when looking up the drawer.
-     */
-    getDrawerById(id) {
-        return this.openDrawers.find((drawer) => drawer.id === id);
+    writeValue(value) {
+        this.value = value;
+        if (this.flatMode && value) {
+            this.cronModel = this.valueObject.valueObject;
+            this.visibleString = this.valueObject.getReadableString();
+        }
     }
-    ngOnDestroy() {
-        // Only dismiss the drawers at this level on destroy
-        // since the parent service may still be active.
-        this._dismissDrawers(this._openDrawersAtThisLevel);
-        this._resizeSubscriptions.forEach((subscription) => subscription.unsubscribe());
-        this._resizeSubscriptions.clear();
-        this._afterAllDismissedAtThisLevel.complete();
-        this._afterOpenedAtThisLevel.complete();
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
     }
-    /**
-     * Sets up resize observation for the specified element and updates drawer positioning.
-     */
-    _setupResizeObservation(drawerRef, config) {
-        if (!config.observedElement || !drawerRef.id) {
-            return;
-        }
-        const resizeSubscription = DrSharedUtils.fromResizeObserver(config.observedElement).subscribe(() => {
-            this._updateDrawerPosition(drawerRef, config);
-        });
-        this._resizeSubscriptions.set(drawerRef.id, resizeSubscription);
-        // Defer initial position update to avoid conflicts with drawer initialization
-        setTimeout(() => {
-            this._updateDrawerPosition(drawerRef, config);
-        }, 0);
+    update() {
+        this.valueObject.valueObject = this.cronModel;
+        this.visibleString = this.valueObject.getReadableString();
+        this.cdr.markForCheck();
+        this.onTouched();
+        this.onChange(this.valueObject.value);
     }
-    /**
-     * Calculates and applies margins to the drawer to fit within the observed element's boundaries.
-     */
-    _updateDrawerPosition(drawerRef, config) {
-        if (!config.observedElement || !config.position) {
-            return;
-        }
-        const elementRect = config.observedElement.getBoundingClientRect();
-        const margins = this._calculateMarginsToFitWithinElement(config.position, elementRect);
-        const overlayElement = drawerRef.overlayElement;
-        if (overlayElement) {
-            this._applyMarginsToOverlay(overlayElement, margins);
-        }
+    openPopover() {
+        this.cronModel = this.valueObject.valueObject;
     }
-    /**
-     * Calculates margins to position drawer within the observed element's boundaries.
-     */
-    _calculateMarginsToFitWithinElement(position, elementRect) {
-        const margins = { top: 0, right: 0, bottom: 0, left: 0 };
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        switch (position) {
-            case 'left':
-                margins.left = elementRect.left;
-                margins.top = elementRect.top;
-                margins.bottom = viewportHeight - elementRect.bottom;
-                break;
-            case 'right':
-                margins.right = viewportWidth - elementRect.right;
-                margins.top = elementRect.top;
-                margins.bottom = viewportHeight - elementRect.bottom;
-                break;
-            case 'top':
-                margins.top = elementRect.top;
-                margins.left = elementRect.left;
-                margins.right = viewportWidth - elementRect.right;
-                break;
-            case 'bottom':
-                margins.bottom = viewportHeight - elementRect.bottom;
-                margins.left = elementRect.left;
-                margins.right = viewportWidth - elementRect.right;
-                break;
-        }
-        return margins;
+    onEveryChange($event) {
+        const tempValueObject = new CronEditor(CronEditorDefaultConfigByPeriod[$event](this.fiscalYearStart), this.fiscalYearStart);
+        this.cronModel = tempValueObject.valueObject;
+        this.onSelectionChange();
     }
-    /**
-     * Applies calculated margins to the overlay element.
-     */
-    _applyMarginsToOverlay(overlayElement, margins) {
-        overlayElement.style.marginTop = `${margins.top}px`;
-        overlayElement.style.marginRight = `${margins.right}px`;
-        overlayElement.style.marginBottom = `${margins.bottom}px`;
-        overlayElement.style.marginLeft = `${margins.left}px`;
+    onTimePickerChange(time) {
+        this.cronModel.hour = time.hour;
+        this.cronModel.minute = time.minute;
+        this.cronModel.timePeriod = time.timePeriod;
+        this.cronModel.timeZone = time.timeZone;
+        this.onSelectionChange();
     }
-    _dismissDrawers(drawers) {
-        let i = drawers.length;
-        while (i--) {
-            drawers[i].dismiss();
+    onSelectionChange() {
+        if (this.flatMode) {
+            this.update();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = function Drawer_Factory(t) { return new (t || Drawer)(i0.ɵɵinject(i1$1.Overlay), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(Drawer, 12), i0.ɵɵinject(DR_DRAWER_DEFAULT_OPTIONS, 8)); }; }
-    /** @nocollapse */ static { this.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: Drawer, factory: Drawer.ɵfac, providedIn: 'root' }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Drawer, [{
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: Drawer, decorators: [{
-                type: Optional
-            }, {
-                type: SkipSelf
-            }] }, { type: DrawerConfig, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [DR_DRAWER_DEFAULT_OPTIONS]
-            }] }]; }, null); })();
-
-class DrawerModule {
-    /** @nocollapse */ static { this.ɵfac = function DrawerModule_Factory(t) { return new (t || DrawerModule)(); }; }
-    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrawerModule }); }
-    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [Drawer], imports: [DrawerContainer] }); }
+    /** @nocollapse */ static { this.ɵfac = function DrCronFieldComponent_Factory(t) { return new (t || DrCronFieldComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCronFieldComponent, selectors: [["dr-cron-field"]], hostVars: 3, hostBindings: function DrCronFieldComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("id", ctx.hostId);
+            i0.ɵɵclassProp("disabled", ctx.disabled);
+        } }, inputs: { id: "id", disabled: "disabled", allowedPeriods: "allowedPeriods", fiscalYearStart: "fiscalYearStart", popoverPosition: "popoverPosition", hidePeriodSelector: ["hidePeriodSelector", "hidePeriodSelector", booleanAttribute], flatMode: ["flatMode", "flatMode", booleanAttribute], multiRowMode: ["multiRowMode", "multiRowMode", booleanAttribute] }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef((() => DrCronFieldComponent)),
+                    multi: true,
+                },
+            ]), i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 2, consts: [["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange", 4, "ngIf", "ngIfElse"], ["recurrencePopover", ""], ["cronConfiguration", ""], ["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange"], ["prefixIcon", "", 1, "dr-icon-date"], ["suffixIcon", "", 1, "dr-icon-arrow-down"], [1, "recurrence-popup"], [1, "recurrence-popup__body"], [3, "ngTemplateOutlet"], [1, "recurrence-popup__footer"], ["data-analytics", "dr-cron-field_button-cancel", "theme", "secondary", 3, "click"], ["data-analytics", "dr-cron-field_button-save", 3, "click"], ["quarterConfig", ""], ["hourConfig", ""], ["weekConfig", ""], ["dayOfMonthSelector", ""], ["yearMonthSelector", ""], [1, "cron-configuration"], ["data-analytics", "dr-cron-field_radio-group-period", "class", "cron-configuration__every", "name", "every", 3, "ngModel", "ngModelChange", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["singleRowMode", ""], ["data-analytics", "dr-cron-field_select-quarter-month", "aria-label", "Quarter month", "bindLabel", "label", "bindValue", "value", 1, "month-of-quarter", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-every-x-hours", "aria-label", "Hour interval", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-week", "aria-label", "Day of week", "bindLabel", "label", "bindValue", "value", 1, "day-of-week", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-month", "aria-label", "Day of month", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "searchable", "ngModelChange"], ["data-analytics", "dr-cron-field_select-month", "aria-label", "Month", "bindLabel", "label", "bindValue", "value", 1, "month-of-year", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_radio-group-period", "name", "every", 1, "cron-configuration__every", 3, "ngModel", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], [1, "cron-configuration__section", "cron-configuration__row"], [3, "ngTemplateOutlet", 4, "ngIf"], [4, "ngIf"], ["class", "cron-configuration__section cron-configuration__row", 4, "ngIf"], [1, "cron-configuration__section", "cron-configuration__row", "cron-configuration__row--time"], [1, "time-prefix"], [3, "ngModel", "ngModelChange"], ["class", "cron-configuration__section", 4, "ngIf"], [1, "cron-configuration__section"], ["data-analytics", "dr-cron-field_input-hour", "aria-label", "Hour", "type", "number", 1, "hours-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], [1, "time-dots"], ["data-analytics", "dr-cron-field_input-minute", "aria-label", "Minute", "type", "number", 1, "minutes-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], ["data-analytics", "dr-cron-field_select-time-period", "aria-label", "Time period", 1, "time-period-selector", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-timezone", "aria-label", "Time zone", "bindLabel", "label", "bindValue", "value", 1, "gmt-offsets", 3, "ngModel", "items", "textView", "ngModelChange"], ["labelTemplate", ""]], template: function DrCronFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrCronFieldComponent_dr_input_0_Template, 3, 6, "dr-input", 0);
+            i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_1_Template, 8, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_Template, 15, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            const _r3 = i0.ɵɵreference(4);
+            i0.ɵɵproperty("ngIf", !ctx.flatMode)("ngIfElse", _r3);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, FormsModule, i2.NgControlStatus, i2.NgModel, DrTooltipModule, DrInputsModule, DrButtonComponent, RadioButtonComponent, RadioGroupComponent, DrInputComponent, DrSelectComponent, DrPopoverModule, DrPopoverDirective, TimePickerComponent], styles: ["[_nghost-%COMP%]   dr-input[_ngcontent-%COMP%] , [_nghost-%COMP%]   dr-input[_ngcontent-%COMP%]  input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer[_ngcontent-%COMP%]{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]{margin-left:12px}.cron-configuration[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .month-of-quarter[_ngcontent-%COMP%]{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-week[_ngcontent-%COMP%]{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .month-of-year[_ngcontent-%COMP%]{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-month[_ngcontent-%COMP%]{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .hours-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .minutes-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .time-period-selector[_ngcontent-%COMP%]{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:4px}.cron-configuration[_ngcontent-%COMP%]   .time-dots[_ngcontent-%COMP%]{margin:0 4px}.cron-configuration[_ngcontent-%COMP%]   .gmt-offsets[_ngcontent-%COMP%]{margin-left:16px}.cron-configuration--multi-row[_ngcontent-%COMP%]{width:auto}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row--time[_ngcontent-%COMP%]{margin-top:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:0}"], changeDetection: 0 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerModule, [{
-        type: NgModule,
-        args: [{
-                imports: [DrawerContainer],
-                exports: [DrawerContainer],
-                providers: [Drawer],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { imports: [DrawerContainer], exports: [DrawerContainer] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCronFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-cron-field', standalone: true, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef((() => DrCronFieldComponent)),
+                        multi: true,
+                    },
+                ], imports: [CommonModule, FormsModule, DrTooltipModule, DrInputsModule, DrPopoverModule, TimePickerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-input\n    [id]=\"id\"\n    data-analytics=\"dr-cron-field_input-main\"\n    aria-label=\"Schedule\"\n    *ngIf=\"!flatMode; else cronConfiguration\"\n    placeholder=\"Select...\"\n    (click)=\"!disabled ? openPopover() : null\"\n    [(ngModel)]=\"visibleString\"\n    [drPopover]=\"!disabled ? recurrencePopover : null\"\n    [drPopoverPosition]=\"popoverPosition\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\">\n    <i class=\"dr-icon-date\" prefixIcon></i>\n    <i class=\"dr-icon-arrow-down\" suffixIcon></i>\n</dr-input>\n\n<ng-template #recurrencePopover let-closePopover=\"closePopover\">\n    <div class=\"recurrence-popup\">\n        <div class=\"recurrence-popup__body\">\n            <ng-container [ngTemplateOutlet]=\"cronConfiguration\"></ng-container>\n        </div>\n        <div class=\"recurrence-popup__footer\">\n            <dr-button data-analytics=\"dr-cron-field_button-cancel\" theme=\"secondary\" (click)=\"closePopover()\">Cancel</dr-button>\n            <dr-button data-analytics=\"dr-cron-field_button-save\" (click)=\"update(); closePopover()\">Save</dr-button>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cronConfiguration>\n    <ng-template #quarterConfig>\n        <span>Repeat every quarter on</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-quarter-month\"\n            aria-label=\"Quarter month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_QUARTER_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-quarter\"></dr-select>\n        <span>month of the quarter</span>\n    </ng-template>\n\n    <ng-template #hourConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-every-x-hours\"\n            aria-label=\"Hour interval\"\n            [(ngModel)]=\"cronModel.everyXHours\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"HOURS_DIVISIBLE_INTO_DAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n        <span>hour(s)</span>\n    </ng-template>\n\n    <ng-template #weekConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-week\"\n            aria-label=\"Day of week\"\n            [(ngModel)]=\"cronModel.dayOfWeek\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_WEEK_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-week\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #dayOfMonthSelector>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-month\"\n            aria-label=\"Day of month\"\n            [(ngModel)]=\"cronModel.dayOfMonth\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_MONTH_ARRAY\"\n            [searchable]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #yearMonthSelector>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-month\"\n            aria-label=\"Month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_YEAR_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-year\">\n        </dr-select>\n    </ng-template>\n\n    <div class=\"cron-configuration\" [class.cron-configuration--multi-row]=\"multiRowMode\">\n        <dr-radio-group\n            data-analytics=\"dr-cron-field_radio-group-period\"\n            *ngIf=\"!hidePeriodSelector\"\n            class=\"cron-configuration__every\"\n            [(ngModel)]=\"cronModel.every\"\n            (ngModelChange)=\"onEveryChange($event)\"\n            name=\"every\">\n            <dr-radio-button\n                *ngFor=\"let option of cronEditorPeriodArray\"\n                [value]=\"option.value\"\n                [attr.data-analytics]=\"'dr-cron-field_radio-button-' + option.value\">\n                {{ option.label }}\n            </dr-radio-button>\n        </dr-radio-group>\n\n        <ng-container *ngIf=\"multiRowMode; else singleRowMode\">\n            <div class=\"cron-configuration__section cron-configuration__row\">\n                <ng-container\n                    *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\"\n                    [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n                <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\">Repeat every day</span>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\" [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\" [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\">\n                    <ng-container [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">\n                    <span>Repeat on</span>\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                    <span>day of every month</span>\n                </ng-container>\n            </div>\n\n            <div class=\"cron-configuration__section cron-configuration__row\" *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">\n                <span>on</span>\n                <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                <span>day of the month</span>\n            </div>\n\n            <div class=\"cron-configuration__section cron-configuration__row cron-configuration__row--time\">\n                <span class=\"time-prefix\">at</span>\n                <dr-time-picker [ngModel]=\"cronModel\" (ngModelChange)=\"onTimePickerChange($event)\"> </dr-time-picker>\n            </div>\n        </ng-container>\n\n        <ng-template #singleRowMode>\n            <div *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\" class=\"cron-configuration__section\">\n                <ng-container [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n            </div>\n            <div class=\"cron-configuration__section\">\n                <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\"> Repeat every day </span>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\" [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\" [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n\n                <ng-container\n                    *ngIf=\"\n                        cronModel.every !== cronEditorPeriod.WEEK &&\n                        cronModel.every !== cronEditorPeriod.HOUR &&\n                        cronModel.every !== cronEditorPeriod.DAY\n                    \">\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">Repeat on </span>\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">on </span>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\"\n                        [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">day of every month </span>\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">day of the month </span>\n                </ng-container>\n                <span class=\"time-prefix\">at</span>\n                <dr-input\n                    data-analytics=\"dr-cron-field_input-hour\"\n                    aria-label=\"Hour\"\n                    [(ngModel)]=\"cronModel.hour\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [mask]=\"'00'\"\n                    [min]=\"1\"\n                    [max]=\"12\"\n                    type=\"number\"\n                    class=\"hours-input\">\n                </dr-input>\n                <span class=\"time-dots\">:</span>\n                <dr-input\n                    data-analytics=\"dr-cron-field_input-minute\"\n                    aria-label=\"Minute\"\n                    [(ngModel)]=\"cronModel.minute\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [mask]=\"'00'\"\n                    [min]=\"0\"\n                    [max]=\"59\"\n                    type=\"number\"\n                    class=\"minutes-input\">\n                </dr-input>\n                <dr-select\n                    data-analytics=\"dr-cron-field_select-time-period\"\n                    aria-label=\"Time period\"\n                    [(ngModel)]=\"cronModel.timePeriod\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [items]=\"CRON_TIME_PERIOD_ARRAY\"\n                    class=\"time-period-selector\"></dr-select>\n                <dr-select\n                    data-analytics=\"dr-cron-field_select-timezone\"\n                    aria-label=\"Time zone\"\n                    [(ngModel)]=\"cronModel.timeZone\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [items]=\"GMT_OFFSETS\"\n                    [textView]=\"true\"\n                    bindLabel=\"label\"\n                    bindValue=\"value\"\n                    class=\"gmt-offsets\">\n                    <ng-template #labelTemplate let-item=\"item\">\n                        {{ LOCAL_TIME_ZONE_OFFSET !== cronModel.timeZone ? item.label : 'Local Time' }}\n                    </ng-template>\n                </dr-select>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n", styles: [":host dr-input::ng-deep,:host dr-input::ng-deep input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer dr-button{margin-left:12px}.cron-configuration{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section span{flex-shrink:0}.cron-configuration .month-of-quarter{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration .day-of-week{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration .month-of-year{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration .day-of-month{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration .hours-input{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration .minutes-input{width:62px;flex-shrink:0}.cron-configuration .time-period-selector{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration .time-prefix{margin-left:4px}.cron-configuration .time-dots{margin:0 4px}.cron-configuration .gmt-offsets{margin-left:16px}.cron-configuration--multi-row{width:auto}.cron-configuration--multi-row .cron-configuration__row{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row .cron-configuration__row--time{margin-top:8px}.cron-configuration--multi-row .time-prefix{margin-left:0}\n"] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
+            type: Input
+        }], hostId: [{
+            type: HostBinding,
+            args: ['attr.id']
+        }], disabled: [{
+            type: Input
+        }, {
+            type: HostBinding,
+            args: ['class.disabled']
+        }], allowedPeriods: [{
+            type: Input
+        }], fiscalYearStart: [{
+            type: Input
+        }], popoverPosition: [{
+            type: Input
+        }], hidePeriodSelector: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], flatMode: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], multiRowMode: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }] }); })();
 
 class StepWizardDirective {
     /** @nocollapse */ static { this.ɵfac = function StepWizardDirective_Factory(t) { return new (t || StepWizardDirective)(); }; }
@@ -16451,7 +17962,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 +19116,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 +19135,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 +20330,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 +20815,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 +20861,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 +22222,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 { ALLOWED_PERIODS, 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, CronEditor, CronEditorDefaultConfigByPeriod, CronEditorPeriod, CronTimePeriod, CustomDateAdapter, CustomDateFormat, DAY_OF_MONTH_ARRAY, DAY_OF_WEEK_ARRAY, 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, DrCronFieldComponent, 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, HOURS_DIVISIBLE_INTO_DAY, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, MONTH_OF_QUARTER_ARRAY, MONTH_OF_YEAR_ARRAY, 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, addOrdinalSuffix, dateFormatToCronPeriod, fromPromise, getColumnSortingBySortType, getCronTypeAsPeriodLabel, getGMTLabel, getInitialQuarterArray, getQuarterStringByMonthInQuarter, getSortTypeByColumnSorting, getStartMonthInQuarter, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation, modalFormCheckbox, modalFormDatepicker, modalFormInput, modalFormSelect, withResult };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map