@datarailsshared/datarailsshared 1.6.415 → 1.6.417

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, HostBinding, inject, ElementRef, booleanAttribute, Directive, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, ViewChild, TemplateRef, HostListener, NgModule, EventEmitter, Output, forwardRef, ContentChild, PLATFORM_ID, Inject, ContentChildren, ChangeDetectorRef, ViewEncapsulation, Injectable, DestroyRef, signal, Pipe, ComponentFactoryResolver, Optional, SkipSelf, Host, ViewChildren, ANIMATION_MODULE_TYPE, computed, 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, InjectionToken, PLATFORM_ID, Inject, ContentChildren, ChangeDetectorRef, ViewEncapsulation, Injectable, DestroyRef, signal, Pipe, ComponentFactoryResolver, Optional, SkipSelf, Host, ViewChildren, ANIMATION_MODULE_TYPE, computed, 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, sortBy, capitalize, get, has, isArray } from 'lodash';
 import * as i1 from '@angular/common';
@@ -90,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$15 = ["*"];
+const _c0$16 = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -105,7 +105,7 @@ class DrButtonComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrButtonComponent, selectors: [["dr-button"]], hostVars: 12, hostBindings: function DrButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("with-icon", ctx.icon)("with-icon-after", ctx.iconAfter)("disabled", ctx.disabled)("loading", ctx.isLoading)("active", ctx.isActive);
-        } }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive", 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) {
+        } }, 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$16, 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);
@@ -380,7 +380,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
 
-const _c0$14 = ["*"];
+const _c0$15 = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -388,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$14, 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$15, 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);
@@ -408,7 +408,7 @@ class TooltipDefaultComponent {
             args: ['class']
         }] }); })();
 
-const _c0$13 = ["container"];
+const _c0$14 = ["container"];
 class TooltipCustomComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -439,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$13, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$14, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -500,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$12 = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$13 = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -533,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$12, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$13, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -876,7 +876,7 @@ class DrTooltipModule {
         TooltipComponent,
         DrTooltipDirective] }); })();
 
-const _c0$11 = ["checkboxContent"];
+const _c0$12 = ["checkboxContent"];
 const _c1$r = ["*"];
 class CheckboxComponent {
     get indeterminate() {
@@ -927,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$11, 5);
+            i0.ɵɵviewQuery(_c0$12, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -1022,7 +1022,7 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
 
-const _c0$10 = ["prefix"];
+const _c0$11 = ["prefix"];
 const _c1$q = ["suffix"];
 const _c2$d = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
@@ -1248,7 +1248,7 @@ 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$10, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$11, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$q, 5);
         } if (rf & 2) {
             let _t;
@@ -1495,7 +1495,7 @@ class DrSpinnerModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrSpinnerModule, { declarations: [DrSpinnerComponent, DrSpinnerDirective], imports: [CommonModule], exports: [DrSpinnerComponent, DrSpinnerDirective] }); })();
 
-const _c0$$ = ["labelTemplate"];
+const _c0$10 = ["labelTemplate"];
 const _c1$p = ["multiLabelTemplate"];
 const _c2$c = ["optionTemplate"];
 const _c3$7 = ["optionHeaderTemplate"];
@@ -1622,6 +1622,7 @@ function DrSelectComponent_11_Template(rf, ctx) { if (rf & 1) {
 function DrSelectComponent_i_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 19);
 } }
+const DR_SELECT_APPEND_TO = new InjectionToken('DR_SELECT_APPEND_TO');
 const SELECT_HOST_ATTRIBUTES = ['no-left-border', 'no-left-border-radius', 'no-right-border', 'no-right-border-radius'];
 class DrSelectComponent {
     set borderless(val) {
@@ -1636,7 +1637,7 @@ class DrSelectComponent {
         this.type = 'select';
         this.clearInputTextAfterSelection = false;
         this.items = [];
-        this.appendTo = 'body';
+        this.appendTo = inject(DR_SELECT_APPEND_TO, { optional: true }) ?? 'body';
         this.minItemsToDisplaySearchInHeader = 11;
         this.loadingText = 'Loading...';
         this.disabled = false;
@@ -1761,7 +1762,7 @@ 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, _c0$10, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$p, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$c, 5);
             i0.ɵɵcontentQuery(dirIndex, _c3$7, 5);
@@ -1962,7 +1963,7 @@ class DrSelectComponent {
             args: ['class.borderless']
         }] }); })();
 
-const _c0$_ = ["dynamicInputRef"];
+const _c0$$ = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
@@ -2070,7 +2071,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$_, 5);
+            i0.ɵɵviewQuery(_c0$$, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -2180,7 +2181,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$Z = ["*"];
+const _c0$_ = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -2230,7 +2231,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$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) {
+        } }, 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$_, 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);
@@ -2424,7 +2425,7 @@ class DrToggleButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$Y = ["*"];
+const _c0$Z = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -2478,7 +2479,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ]), 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.ɵɵStandaloneFeature], ngContentSelectors: _c0$Z, 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); });
@@ -2517,7 +2518,7 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$X = [[["dr-radio-button"]]];
+const _c0$Y = [[["dr-radio-button"]]];
 const _c1$o = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
@@ -2658,7 +2659,7 @@ class RadioGroupComponent {
                     multi: true,
                 },
             ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$o, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$X);
+            i0.ɵɵprojectionDef(_c0$Y);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -3354,7 +3355,7 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
 
-const _c0$W = ["class", "component"];
+const _c0$X = ["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();
@@ -3650,7 +3651,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$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) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$X, 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); });
@@ -3764,7 +3765,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
 
-const _c0$V = ["datePicker"];
+const _c0$W = ["datePicker"];
 function DrDatePickerComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -4147,7 +4148,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$V, 5);
+            i0.ɵɵviewQuery(_c0$W, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -4573,7 +4574,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r4.isNextDateDisabled);
 } }
-const _c0$U = function (a0) { return { formattedValue: a0 }; };
+const _c0$V = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     set dateFormatConfig(value) {
         if (value) {
@@ -4772,7 +4773,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$U, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
+            i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c0$V, 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);
@@ -4822,7 +4823,7 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
             type: Output
         }] }); })();
 
-const _c0$T = ["class", "component"];
+const _c0$U = ["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();
@@ -4925,7 +4926,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$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) {
+    /** @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$U, 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); });
@@ -7418,7 +7419,7 @@ class DrTagsAndScenarioConstructorComponent {
             type: Output
         }] }); })();
 
-const _c0$S = ["stepTextLabel"];
+const _c0$T = ["stepTextLabel"];
 const _c1$l = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -7644,7 +7645,7 @@ 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$S, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$T, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
@@ -7819,7 +7820,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$R = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$S = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -7975,7 +7976,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$R, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$S, 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);
@@ -8090,7 +8091,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$Q = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$R = 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);
@@ -8104,7 +8105,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$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.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c0$R, 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");
 } }
@@ -8380,7 +8381,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$P = ["drChatMessageActions"];
+const _c0$Q = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -8482,7 +8483,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$P, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$Q, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -8553,7 +8554,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$O = ["suggestionsContainer"];
+const _c0$P = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8698,7 +8699,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$O, 5);
+            i0.ɵɵviewQuery(_c0$P, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -8732,7 +8733,7 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$N = ["drChatHeader"];
+const _c0$O = ["drChatHeader"];
 const _c1$j = ["drChatLoader"];
 const _c2$7 = ["drChatContent"];
 const _c3$5 = ["messagesContainer"];
@@ -8869,7 +8870,7 @@ 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$N, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$O, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$j, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$7, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
@@ -8958,7 +8959,7 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$M = ["textAreaElement"];
+const _c0$N = ["textAreaElement"];
 const _c1$i = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -9191,7 +9192,7 @@ 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$M, 5);
+            i0.ɵɵviewQuery(_c0$N, 5);
             i0.ɵɵviewQuery(_c1$i, 5);
         } if (rf & 2) {
             let _t;
@@ -9340,14 +9341,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$L = ["*"];
+const _c0$M = ["*"];
 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$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) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatAlertComponent, selectors: [["dr-chat-alert"]], inputs: { iconClass: "iconClass" }, outputs: { close: "close" }, ngContentSelectors: _c0$M, 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);
@@ -9393,7 +9394,7 @@ function DrBadgeStatusComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-const _c0$K = function (a0, a1) { return [a0, a1]; };
+const _c0$L = function (a0, a1) { return [a0, a1]; };
 class DrBadgeStatusComponent {
     constructor() {
         this.theme = BadgeStatus.REGULAR;
@@ -9406,7 +9407,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$K, "badge-status--" + ctx.theme, !ctx.showBackground ? "badge-status--no-background" : ""));
+            i0.ɵɵproperty("drTooltip", ctx.tooltip)("drTooltipClass", ctx.tooltipClass)("ngClass", i0.ɵɵpureFunction2(5, _c0$L, "badge-status--" + ctx.theme, !ctx.showBackground ? "badge-status--no-background" : ""));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
@@ -9484,7 +9485,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$J = ["*"];
+const _c0$K = ["*"];
 const ALERT_THEME_ICONS = {
     [DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
     [DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
@@ -9508,7 +9509,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$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) {
+        } }, inputs: { theme: "theme", customIconClass: "customIconClass", title: "title", text: "text", showClose: "showClose" }, ngContentSelectors: _c0$K, 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);
@@ -9562,7 +9563,7 @@ class CodeEditorHintWrapperComponent {
             }]
     }], null, null); })();
 
-const _c0$I = ["ref"];
+const _c0$J = ["ref"];
 class DrCodemirrorComponent {
     set options(value) {
         this._options = value;
@@ -9692,7 +9693,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$I, 5);
+            i0.ɵɵviewQuery(_c0$J, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ref = _t.first);
@@ -9861,7 +9862,7 @@ class DrErrorModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrErrorModule, { declarations: [DrErrorComponent], imports: [CommonModule, FormsModule, DrTooltipModule], exports: [DrErrorComponent] }); })();
 
-const _c0$H = ["codeEditor"];
+const _c0$I = ["codeEditor"];
 function DrCodeEditorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
     i0.ɵɵtext(1);
@@ -10140,7 +10141,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$H, 5);
+            i0.ɵɵviewQuery(_c0$I, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
@@ -10224,7 +10225,7 @@ const getAlignmentDimension = (position) => {
     return DrPopoverAlignmentDimension.Width;
 };
 
-const _c0$G = ["popoverContainer"];
+const _c0$H = ["popoverContainer"];
 function DrPopoverComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -10314,7 +10315,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$G, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$H, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverContainer = _t.first);
@@ -10629,7 +10630,7 @@ function Debounce$1(ms) {
     };
 }
 
-const _c0$F = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
+const _c0$G = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
 const _c1$h = ["[dropdownItemContent]", "[dropdownItemActions]"];
 class DrDropdownItemComponent {
     constructor() {
@@ -10639,7 +10640,7 @@ class 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" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$h, 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$F);
+            i0.ɵɵprojectionDef(_c0$G);
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -10688,7 +10689,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) {
@@ -10919,7 +10920,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);
@@ -11172,7 +11173,7 @@ class DrDropdownChildDirective {
 function DrTabComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$D = ["*"];
+const _c0$E = ["*"];
 class DrTabComponent {
     constructor() { }
     ngOnInit() { }
@@ -11182,7 +11183,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" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$D, 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" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$E, 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 }); }
@@ -11458,7 +11459,7 @@ class DrTabsComponent {
             args: [DrTabComponent]
         }] }); })();
 
-const _c0$C = [[["dr-accordion-item"]]];
+const _c0$D = [[["dr-accordion-item"]]];
 const _c1$f = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
@@ -11493,7 +11494,7 @@ class 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" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$f, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$C);
+            i0.ɵɵprojectionDef(_c0$D);
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
@@ -11510,7 +11511,7 @@ class DrAccordionComponent {
             args: ['class']
         }] }); })();
 
-const _c0$B = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
+const _c0$C = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
 const _c1$e = ["dr-accordion-item-header", "dr-accordion-item-body"];
 class DrAccordionItemComponent {
     /**
@@ -11612,7 +11613,7 @@ class DrAccordionItemComponent {
     /** @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" }, standalone: true, features: [i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$e, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$B);
+            i0.ɵɵprojectionDef(_c0$C);
             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 }); }
@@ -11654,7 +11655,7 @@ 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$A = function (a0) { return { rotationDegree: a0 }; };
+const _c0$B = 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();
@@ -11664,7 +11665,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$d, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$A, ctx_r1.chevronRotationDegree)));
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$d, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$B, 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", "*"];
@@ -11793,7 +11794,7 @@ class DrAccordionItemHeaderComponent {
             args: ['keydown.enter']
         }] }); })();
 
-const _c0$z = function (a0) { return { value: a0 }; };
+const _c0$A = function (a0) { return { value: a0 }; };
 const _c1$c = ["*"];
 const accordionItemBodyTrigger = trigger('accordionItemBody', [
     state('collapsed', style({
@@ -11831,7 +11832,7 @@ class DrAccordionItemBodyComponent {
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$z, ctx.state));
+            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$A, 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, [{
@@ -11847,13 +11848,13 @@ class DrAccordionItemBodyComponent {
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$y = [[["dr-layout-header"]], [["dr-layout-body"]]];
+const _c0$z = [[["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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], 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.ɵɵprojectionDef(_c0$z);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
@@ -11866,11 +11867,11 @@ class DrLayoutComponent {
         args: [{ standalone: true, 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$x = ["*"];
+const _c0$y = ["*"];
 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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$x, 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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$y, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "nav");
             i0.ɵɵprojection(1);
@@ -11890,11 +11891,11 @@ class DrLayoutHeaderComponent {
             }]
     }], function () { return []; }, null); })();
 
-const _c0$w = ["*"];
+const _c0$x = ["*"];
 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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$w, 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"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$x, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 }); }
@@ -11981,7 +11982,7 @@ function DrEmptyStateComponent_p_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r2.description);
 } }
-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 _c0$w = [[["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() {
@@ -12021,7 +12022,7 @@ class DrEmptyStateComponent {
         } }, 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$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.ɵɵprojectionDef(_c0$w);
             i0.ɵɵprojection(0);
             i0.ɵɵtemplate(1, DrEmptyStateComponent_img_1_Template, 1, 3, "img", 0);
             i0.ɵɵprojection(2, 1);
@@ -12110,7 +12111,7 @@ function DrDetailsListComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(item_r1);
 } }
-const _c0$u = function (a0) { return { value: a0 }; };
+const _c0$v = function (a0) { return { value: a0 }; };
 class DrDetailsListComponent {
     set items(val) {
         if (!val) {
@@ -12157,7 +12158,7 @@ class DrDetailsListComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$u, ctx.state));
+            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$v, 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: [
@@ -12201,7 +12202,7 @@ class DrDetailsListComponent {
             type: Input
         }] }); })();
 
-const _c0$t = ["content"];
+const _c0$u = ["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();
@@ -12396,7 +12397,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$t, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$u, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -12600,7 +12601,7 @@ function DialogModalWrapperComponent_form_7_div_2_label_9_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r19.dialogData.serverErrorMessage, " ");
 } }
-const _c0$s = function (a0) { return { display: a0 }; };
+const _c0$t = 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);
@@ -12618,7 +12619,7 @@ 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$s, field_r11.isLabelFullWidth ? "block" : "flex"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$t, field_r11.isLabelFullWidth ? "block" : "flex"));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.label && field_r11.type !== ctx_r10.dialogFieldType.CHECKBOX);
     i0.ɵɵadvance(1);
@@ -13333,7 +13334,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$r = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
+const _c0$s = 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);
@@ -13342,7 +13343,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$r, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$s, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r0.item.collapsed);
 } }
@@ -14763,7 +14764,7 @@ class DrImageCropperCanvasService {
         type: Injectable
     }], null, null); })();
 
-const _c0$q = ["imageCanvas"];
+const _c0$r = ["imageCanvas"];
 class DrImageCropperComponent {
     constructor(canvasService) {
         this.canvasService = canvasService;
@@ -14821,7 +14822,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$q, 7);
+            i0.ɵɵviewQuery(_c0$r, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
@@ -15209,7 +15210,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$p = ["*"];
+const _c0$q = ["*"];
 class DrChipComponent {
     constructor() {
         this.removeAriaLabel = 'Remove';
@@ -15223,7 +15224,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$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) {
+        } }, 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$q, 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);
@@ -15265,7 +15266,7 @@ class DrChipComponent {
             args: ['class.--compact']
         }] }); })();
 
-const _c0$o = ["carouselContainer"];
+const _c0$p = ["carouselContainer"];
 const _c1$7 = ["carouselItem"];
 function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -15491,7 +15492,7 @@ 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$o, 5);
+            i0.ɵɵviewQuery(_c0$p, 5);
             i0.ɵɵviewQuery(_c1$7, 5);
         } if (rf & 2) {
             let _t;
@@ -15564,7 +15565,7 @@ function DrProgressBarComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     const progressPercent_r4 = ctx.progressPercent;
     i0.ɵɵtextInterpolate1("", progressPercent_r4, "%");
 } }
-const _c0$n = ["*"];
+const _c0$o = ["*"];
 class DrProgressBarComponent {
     constructor() {
         /**
@@ -15655,7 +15656,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", progressPrecision: "progressPrecision", 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) {
+        } }, inputs: { progress: "progress", total: "total", progressPrecision: "progressPrecision", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$o, 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);
@@ -15711,7 +15712,7 @@ class DrProgressBarComponent {
             args: ['attr.aria-label']
         }] }); })();
 
-const _c0$m = ["*"];
+const _c0$n = ["*"];
 class DrBadgeComponent {
     constructor() {
         this.color = 'stone';
@@ -15723,7 +15724,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$m, 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$n, 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 }); }
@@ -15740,6 +15741,84 @@ class DrBadgeComponent {
             args: ['class']
         }] }); })();
 
+function DrBadgeNewComponent_i_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r0.icon);
+    i0.ɵɵclassProp("spin", ctx_r0.spinIcon);
+} }
+function DrBadgeNewComponent_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 3);
+} }
+function DrBadgeNewComponent_i_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r2.icon + " suffixIcon");
+} }
+const _c0$m = ["*"];
+class DrBadgeNewComponent {
+    constructor() {
+        this.bgColor = 'stone';
+        this.textColor = 'main';
+        this.textStyle = 'caption-2';
+        this.size = 'medium';
+        this.spinIcon = false;
+    }
+    get elementClasses() {
+        return `bg-${this.bgColor} text-${this.textColor} ts-${this.textStyle} ${this.size}${this.icon ? ' has-icon' : ''}`;
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrBadgeNewComponent_Factory(t) { return new (t || DrBadgeNewComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrBadgeNewComponent, selectors: [["dr-badge-new"]], hostVars: 2, hostBindings: function DrBadgeNewComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassMap(ctx.elementClasses);
+        } }, inputs: { bgColor: "bgColor", textColor: "textColor", textStyle: "textStyle", size: "size", showDot: "showDot", icon: "icon", spinIcon: "spinIcon", suffixIcon: "suffixIcon", tooltip: "tooltip", tooltipClass: "tooltipClass" }, standalone: true, features: [i0.ɵɵStandaloneFeature, i0.ɵɵHostDirectivesFeature([{ directive: DrTooltipDirective, inputs: ["drTooltip", "tooltip", "drTooltipClass", "tooltipClass"] }])], ngContentSelectors: _c0$m, decls: 4, vars: 3, consts: [[3, "class", "spin", 4, "ngIf"], ["class", "dot", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "dot"]], template: function DrBadgeNewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, DrBadgeNewComponent_i_0_Template, 1, 4, "i", 0);
+            i0.ɵɵtemplate(1, DrBadgeNewComponent_span_1_Template, 1, 0, "span", 1);
+            i0.ɵɵprojection(2);
+            i0.ɵɵtemplate(3, DrBadgeNewComponent_i_3_Template, 1, 2, "i", 2);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.icon);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.showDot);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.suffixIcon);
+        } }, dependencies: [CommonModule, i1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer}.bg-light-purple[_nghost-%COMP%]{background-color:#dfd9ff}.bg-water[_nghost-%COMP%]{background-color:#d9f2ff}.bg-baby-blue[_nghost-%COMP%]{background-color:#d9e6ff}.bg-baby-pink[_nghost-%COMP%]{background-color:#ffdbf1}.bg-light-turquoise[_nghost-%COMP%]{background-color:#d6fcf9}.bg-bright-green[_nghost-%COMP%]{background-color:#d9ffea}.bg-stone[_nghost-%COMP%]{background-color:#f6f4f4}.bg-peach[_nghost-%COMP%]{background-color:#ffe5b4}.bg-soft-coral[_nghost-%COMP%]{background-color:#ffd2c2}.bg-pale-yellow[_nghost-%COMP%]{background-color:#fffacd}.bg-pastel-olive[_nghost-%COMP%]{background-color:#dce2b9}.bg-powder-blue-grey[_nghost-%COMP%]{background-color:#d3dbe3}.bg-muted-plum[_nghost-%COMP%]{background-color:#e7c7db}.bg-purple[_nghost-%COMP%]{background-color:#7b61ff}.bg-transparent[_nghost-%COMP%]{background-color:transparent}.bg-status-info[_nghost-%COMP%]{background-color:#e6efff}.bg-status-progress[_nghost-%COMP%]{background-color:#f2f2fb}.bg-status-error[_nghost-%COMP%]{background-color:#f7d9dc}.bg-status-warning[_nghost-%COMP%]{background-color:#ffefc7}.bg-status-success[_nghost-%COMP%]{background-color:#dbf5e6}.bg-status-regular[_nghost-%COMP%]{background-color:#f0f1f4}.text-main[_nghost-%COMP%]{color:#333}.text-secondary[_nghost-%COMP%]{color:#6d6e6f}.text-white[_nghost-%COMP%]{color:#fff}.text-status-info[_nghost-%COMP%]{color:#0b5af9}.text-status-progress[_nghost-%COMP%]{color:#4646ce}.text-status-error[_nghost-%COMP%]{color:#bf1d30}.text-status-warning[_nghost-%COMP%]{color:#ffb800}.text-status-success[_nghost-%COMP%]{color:#037c5a}.text-status-regular[_nghost-%COMP%]{color:#7e828e}.ts-caption-1[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:400}.ts-caption-2[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:500}.ts-caption-3[_nghost-%COMP%]{font-size:12px;line-height:16px;font-weight:600}[_nghost-%COMP%]   i[_ngcontent-%COMP%]{font-size:20px}[_nghost-%COMP%]   i.suffixIcon[_ngcontent-%COMP%]{color:#6d6e6f}[_nghost-%COMP%]   .spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spin 2s linear infinite}[_nghost-%COMP%]   .dot[_ngcontent-%COMP%]{width:4px;height:4px;border-radius:50%;background-color:currentColor}.x-small[_nghost-%COMP%]{height:16px;gap:2px;padding:0 8px}.small[_nghost-%COMP%]{height:20px;gap:2px;padding:0 4px}.medium[_nghost-%COMP%]{height:24px;gap:4px;padding:0 8px}.has-icon[_nghost-%COMP%]{padding-left:4px}@keyframes _ngcontent-%COMP%_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrBadgeNewComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-badge-new', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                    {
+                        directive: DrTooltipDirective,
+                        inputs: ['drTooltip: tooltip', 'drTooltipClass: tooltipClass'],
+                    },
+                ], template: "<i *ngIf=\"icon\" [class]=\"icon\" [class.spin]=\"spinIcon\"></i>\n<span *ngIf=\"showDot\" class=\"dot\"></span>\n<ng-content></ng-content>\n<i *ngIf=\"suffixIcon\" [class]=\"icon + ' suffixIcon'\"></i>\n", styles: [":host{display:inline-flex;align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer}:host.bg-light-purple{background-color:#dfd9ff}:host.bg-water{background-color:#d9f2ff}:host.bg-baby-blue{background-color:#d9e6ff}:host.bg-baby-pink{background-color:#ffdbf1}:host.bg-light-turquoise{background-color:#d6fcf9}:host.bg-bright-green{background-color:#d9ffea}:host.bg-stone{background-color:#f6f4f4}:host.bg-peach{background-color:#ffe5b4}:host.bg-soft-coral{background-color:#ffd2c2}:host.bg-pale-yellow{background-color:#fffacd}:host.bg-pastel-olive{background-color:#dce2b9}:host.bg-powder-blue-grey{background-color:#d3dbe3}:host.bg-muted-plum{background-color:#e7c7db}:host.bg-purple{background-color:#7b61ff}:host.bg-transparent{background-color:transparent}:host.bg-status-info{background-color:#e6efff}:host.bg-status-progress{background-color:#f2f2fb}:host.bg-status-error{background-color:#f7d9dc}:host.bg-status-warning{background-color:#ffefc7}:host.bg-status-success{background-color:#dbf5e6}:host.bg-status-regular{background-color:#f0f1f4}:host.text-main{color:#333}:host.text-secondary{color:#6d6e6f}:host.text-white{color:#fff}:host.text-status-info{color:#0b5af9}:host.text-status-progress{color:#4646ce}:host.text-status-error{color:#bf1d30}:host.text-status-warning{color:#ffb800}:host.text-status-success{color:#037c5a}:host.text-status-regular{color:#7e828e}:host.ts-caption-1{font-size:12px;line-height:16px;font-weight:400}:host.ts-caption-2{font-size:12px;line-height:16px;font-weight:500}:host.ts-caption-3{font-size:12px;line-height:16px;font-weight:600}:host i{font-size:20px}:host i.suffixIcon{color:#6d6e6f}:host .spin{animation:spin 2s linear infinite}:host .dot{width:4px;height:4px;border-radius:50%;background-color:currentColor}:host.x-small{height:16px;gap:2px;padding:0 8px}:host.small{height:20px;gap:2px;padding:0 4px}:host.medium{height:24px;gap:4px;padding:0 8px}:host.has-icon{padding-left:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+    }], null, { bgColor: [{
+            type: Input
+        }], textColor: [{
+            type: Input
+        }], textStyle: [{
+            type: Input
+        }], size: [{
+            type: Input
+        }], showDot: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], spinIcon: [{
+            type: Input
+        }], suffixIcon: [{
+            type: Input
+        }], tooltip: [{
+            type: Input
+        }], tooltipClass: [{
+            type: Input
+        }], elementClasses: [{
+            type: HostBinding,
+            args: ['class']
+        }] }); })();
+
 function DrSystemMessageComponent_dr_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-button", 3);
@@ -15819,9 +15898,6 @@ class DrSystemMessageComponent {
             args: ['class']
         }] }); })();
 
-class DrModalConfig {
-}
-
 class DrModalRef {
     constructor(innerRef, config) {
         this.innerRef = innerRef;
@@ -15874,14 +15950,15 @@ class DrModalHeaderDirective {
             }]
     }], null, null); })();
 class DrModalTitleDirective {
-    constructor() {
-        this.id = inject(DrModalConfig).id;
-        const modalRef = inject(DrModalRef);
-        setTimeout(() => modalRef.container.hasTitle.set(true));
+    constructor(modalRef) {
+        this.modalRef = modalRef;
+        this.id = `modal-${this.modalRef.id}-title`;
+        // setTimeout to avoid NG0100 error: Expression Changed After Checked
+        setTimeout(() => this.modalRef.container.labelledBy.set(this.id));
     }
-    /** @nocollapse */ static { this.ɵfac = function DrModalTitleDirective_Factory(t) { return new (t || DrModalTitleDirective)(); }; }
+    /** @nocollapse */ static { this.ɵfac = function DrModalTitleDirective_Factory(t) { return new (t || DrModalTitleDirective)(i0.ɵɵdirectiveInject(DrModalRef)); }; }
     /** @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");
+            i0.ɵɵhostProperty("id", ctx.id);
         } }, standalone: true }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalTitleDirective, [{
@@ -15889,24 +15966,19 @@ class DrModalTitleDirective {
         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',
-                },
+                host: { '[id]': 'id', class: 'dr-modal-title', role: 'heading', 'aria-level': '1', 'data-test': 'dialogTitle' },
             }]
-    }], function () { return []; }, null); })();
+    }], function () { return [{ type: DrModalRef }]; }, null); })();
 class DrModalSubtitleDirective {
-    constructor() {
-        this.id = inject(DrModalConfig).id;
-        const modalRef = inject(DrModalRef);
-        setTimeout(() => modalRef.container.hasSubtitle.set(true));
+    constructor(modalRef) {
+        this.modalRef = modalRef;
+        this.id = `modal-${this.modalRef.id}-subtitle`;
+        // setTimeout to avoid NG0100 error: Expression Changed After Checked
+        setTimeout(() => this.modalRef.container.describedBy.set(this.id));
     }
-    /** @nocollapse */ static { this.ɵfac = function DrModalSubtitleDirective_Factory(t) { return new (t || DrModalSubtitleDirective)(); }; }
+    /** @nocollapse */ static { this.ɵfac = function DrModalSubtitleDirective_Factory(t) { return new (t || DrModalSubtitleDirective)(i0.ɵɵdirectiveInject(DrModalRef)); }; }
     /** @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");
+            i0.ɵɵhostProperty("id", ctx.id);
         } }, standalone: true }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalSubtitleDirective, [{
@@ -15914,15 +15986,9 @@ class DrModalSubtitleDirective {
         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',
-                },
+                host: { '[id]': 'id', class: 'dr-modal-subtitle', role: 'heading', 'aria-level': '2', 'data-test': 'dialogSubtitle' },
             }]
-    }], function () { return []; }, null); })();
+    }], function () { return [{ type: DrModalRef }]; }, 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 }); }
@@ -16050,6 +16116,9 @@ class DrModalComponent {
             args: [DrModalHeaderDirective]
         }] }); })();
 
+class DrModalConfig {
+}
+
 function DrModalContainerComponent_ng_template_0_Template(rf, ctx) { }
 class DrModalContainerComponent extends CdkDialogContainer {
     constructor() {
@@ -16062,8 +16131,8 @@ class DrModalContainerComponent extends CdkDialogContainer {
         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.labelledBy = signal(null); // updated from title directive
+        this.describedBy = signal(null); // updated from subtitle directive
         this.elementRef = inject(ElementRef);
     }
     _contentAttached() {
@@ -16092,7 +16161,7 @@ class DrModalContainerComponent extends CdkDialogContainer {
     /** @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.ɵɵattribute("tabindex", -1)("role", "dialog")("aria-modal", true)("aria-labelledby", ctx.labelledBy())("aria-describedby", ctx.describedBy());
             i0.ɵɵclassMap(ctx.animationClass());
             i0.ɵɵstyleProp("--dr-modal-animation-time", ctx.animationTime() + "ms");
             i0.ɵɵclassProp("animation-noop", ctx.animationNoop);
@@ -16111,8 +16180,8 @@ class DrModalContainerComponent extends CdkDialogContainer {
                     '[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',
+                    '[attr.aria-labelledby]': 'labelledBy()',
+                    '[attr.aria-describedby]': 'describedBy()',
                 }, 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); })();
 
@@ -16395,6 +16464,7 @@ class DrModalService {
                 return [
                     { provide: DrModalRef, useValue: modalRef },
                     { provide: DrModalConfig, useValue: drModalConfig },
+                    { provide: DR_SELECT_APPEND_TO, useValue: '.cdk-overlay-container' },
                 ];
             },
             container: {
@@ -22419,5 +22489,5 @@ class EmojiPickerComponent {
  * Generated bundle index. Do not edit.
  */
 
-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, LAST_DAY_OF_MONTH, 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 };
+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_SELECT_APPEND_TO, 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, DrBadgeNewComponent, 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, LAST_DAY_OF_MONTH, 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