@datarailsshared/datarailsshared 1.6.338 → 1.6.342

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -11,7 +11,7 @@ import { OverlayConfig, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/c
 import * as i4 from '@angular/cdk/portal';
 import { ComponentPortal, CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';
 import { transition, style, animate, trigger, state } from '@angular/animations';
-import { BehaviorSubject, noop as noop$3, Subject, from, merge, fromEvent, Observable, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, delay, combineLatest, map as map$1, takeUntil as takeUntil$1, filter as filter$2, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, finalize as finalize$1, tap as tap$1, defer, firstValueFrom, throttleTime } from 'rxjs';
+import { BehaviorSubject, noop as noop$3, Subject, from, merge, fromEvent, Observable, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, delay, combineLatest, map as map$1, takeUntil as takeUntil$1, filter as filter$2, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, tap as tap$1, finalize as finalize$1, EMPTY, defer, firstValueFrom, throttleTime } from 'rxjs';
 import { skip, debounceTime, filter, distinctUntilChanged, startWith, switchMap, takeUntil, map, tap, shareReplay, first, catchError, finalize, take } from 'rxjs/operators';
 import { provideNgxMask, NgxMaskDirective } from 'ngx-mask';
 import * as i3 from '@ng-select/ng-select';
@@ -89,7 +89,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$13 = ["*"];
+const _c0$14 = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -103,7 +103,7 @@ class DrButtonComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrButtonComponent, selectors: [["dr-button"]], hostVars: 12, hostBindings: function DrButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("with-icon", ctx.icon)("with-icon-after", ctx.iconAfter)("disabled", ctx.disabled)("loading", ctx.isLoading)("active", ctx.isActive);
-        } }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$13, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { theme: "theme", icon: "icon", iconColor: "iconColor", iconSize: "iconSize", iconAfter: "iconAfter", iconAfterColor: "iconAfterColor", iconAfterSize: "iconAfterSize", disabled: "disabled", isLoading: "isLoading", isActive: "isActive" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$14, decls: 5, vars: 4, consts: [[3, "disabled"], ["class", "dr-button__icon", 3, "class", "font-size", "color", 4, "ngIf"], ["class", "dr-button__spinner", 4, "ngIf"], ["class", "dr-button__icon dr-button__icon--after", 3, "class", "font-size", "color", 4, "ngIf"], [1, "dr-button__icon"], [1, "dr-button__spinner"], [1, "dr-icon-load"], [1, "dr-button__icon", "dr-button__icon--after"]], template: function DrButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵtemplate(1, DrButtonComponent_i_1_Template, 1, 6, "i", 1);
@@ -376,7 +376,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
 
-const _c0$12 = ["*"];
+const _c0$13 = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -384,7 +384,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$12, 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$13, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "span", 0);
             i0.ɵɵprojection(1);
@@ -404,7 +404,7 @@ class TooltipDefaultComponent {
             args: ['class']
         }] }); })();
 
-const _c0$11 = ["container"];
+const _c0$12 = ["container"];
 class TooltipCustomComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -435,7 +435,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$11, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$12, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -496,7 +496,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$10 = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$11 = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -529,7 +529,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$10, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$11, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -872,7 +872,7 @@ class DrTooltipModule {
         TooltipComponent,
         DrTooltipDirective] }); })();
 
-const _c0$$ = ["checkboxContent"];
+const _c0$10 = ["checkboxContent"];
 const _c1$q = ["*"];
 class CheckboxComponent {
     get indeterminate() {
@@ -923,7 +923,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$$, 5);
+            i0.ɵɵviewQuery(_c0$10, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -1018,7 +1018,7 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
 
-const _c0$_ = ["prefix"];
+const _c0$$ = ["prefix"];
 const _c1$p = ["suffix"];
 const _c2$d = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
@@ -1244,7 +1244,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$_, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$$, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$p, 5);
         } if (rf & 2) {
             let _t;
@@ -1491,7 +1491,7 @@ class DrSpinnerModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrSpinnerModule, { declarations: [DrSpinnerComponent, DrSpinnerDirective], imports: [CommonModule], exports: [DrSpinnerComponent, DrSpinnerDirective] }); })();
 
-const _c0$Z = ["labelTemplate"];
+const _c0$_ = ["labelTemplate"];
 const _c1$o = ["multiLabelTemplate"];
 const _c2$c = ["optionTemplate"];
 const _c3$7 = ["optionHeaderTemplate"];
@@ -1753,7 +1753,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$Z, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$_, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$o, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$c, 5);
             i0.ɵɵcontentQuery(dirIndex, _c3$7, 5);
@@ -1949,7 +1949,7 @@ class DrSelectComponent {
             args: ['class.textView']
         }] }); })();
 
-const _c0$Y = ["dynamicInputRef"];
+const _c0$Z = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
@@ -2057,7 +2057,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$Y, 5);
+            i0.ɵɵviewQuery(_c0$Z, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -2167,7 +2167,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$X = ["*"];
+const _c0$Y = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -2217,7 +2217,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$X, 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$Y, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 3, "click", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 3, "click", 4, "ngIf"], [1, "toggle-title", "mr-3", 3, "click"], [1, "toggle-title", "ml-3", 3, "click"]], template: function DrToggleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
             i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
@@ -2411,7 +2411,7 @@ class DrToggleButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$W = ["*"];
+const _c0$X = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -2465,7 +2465,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$W, 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$X, decls: 4, vars: 5, consts: [["type", "radio", 3, "name", "value", "ngModel", "disabled", "change", "ngModelChange", "click"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "label")(1, "input", 0);
             i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_1_listener() { return ctx.valueChanged(ctx.value); })("ngModelChange", function RadioButtonComponent_Template_input_ngModelChange_1_listener($event) { return ctx.modelValue = $event; })("click", function RadioButtonComponent_Template_input_click_1_listener($event) { return ctx.toggleChange($event); });
@@ -2504,7 +2504,7 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$V = [[["dr-radio-button"]]];
+const _c0$W = [[["dr-radio-button"]]];
 const _c1$n = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
@@ -2645,7 +2645,7 @@ class RadioGroupComponent {
                     multi: true,
                 },
             ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$n, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$V);
+            i0.ɵɵprojectionDef(_c0$W);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -3341,7 +3341,7 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
 
-const _c0$U = ["class", "component"];
+const _c0$V = ["class", "component"];
 const _c1$m = 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();
@@ -3637,7 +3637,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$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 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$V, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrDatePickerCustomHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrDatePickerCustomHeaderComponent_div_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrDatePickerCustomHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -3751,7 +3751,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
 
-const _c0$T = ["datePicker"];
+const _c0$U = ["datePicker"];
 function DrDatePickerComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -4129,7 +4129,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$T, 5);
+            i0.ɵɵviewQuery(_c0$U, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -4555,7 +4555,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r4.isNextDateDisabled);
 } }
-const _c0$S = function (a0) { return { formattedValue: a0 }; };
+const _c0$T = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     set dateFormatConfig(value) {
         if (value) {
@@ -4754,7 +4754,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$S, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
+            i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(18, _c0$T, i0.ɵɵpipeBind1(5, 14, ctx.displayedFormattedValue$)));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngModel", i0.ɵɵpipeBind1(10, 16, ctx.displayValue$))("matDatepicker", _r5)("readonly", ctx.readonly)("min", ctx._min)("max", ctx._max);
             i0.ɵɵadvance(3);
@@ -4804,7 +4804,7 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
             type: Output
         }] }); })();
 
-const _c0$R = ["class", "component"];
+const _c0$S = ["class", "component"];
 const _c1$l = 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();
@@ -4907,7 +4907,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$R, 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$S, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrFiscalMonthCalendarHeaderComponent_div_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrFiscalMonthCalendarHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -7359,7 +7359,7 @@ class DrTagsAndScenarioConstructorComponent {
             type: Output
         }] }); })();
 
-const _c0$Q = ["stepTextLabel"];
+const _c0$R = ["stepTextLabel"];
 const _c1$k = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -7585,7 +7585,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$Q, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$R, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
@@ -7760,7 +7760,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$P = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$Q = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -7916,7 +7916,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$P, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$Q, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
             i0.ɵɵadvance(1);
             i0.ɵɵstyleMap(ctx.getTextAreaHeight(_r1));
             i0.ɵɵpropertyInterpolate("placeholder", ctx.fileOver ? ctx.dropFilePlaceholder : ctx.messagePlaceholder);
@@ -8031,7 +8031,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$O = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$P = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
 function DrAvatarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5);
@@ -8045,7 +8045,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$O, 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$P, ctx_r1.showUnassigned && !user_r5.email, ctx_r1.drAvatarIsClickable))("drTooltip", i0.ɵɵpipeBind1(1, 13, user_r5))("drTooltipClass", ctx_r1.drAvatarTooltipClass)("drTooltipPosition", ctx_r1.drAvatarTooltipPosition);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 15, user_r5, "initials"), "\n");
 } }
@@ -8321,7 +8321,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$N = ["drChatMessageActions"];
+const _c0$O = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -8423,7 +8423,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$N, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$O, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -8494,7 +8494,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$M = ["suggestionsContainer"];
+const _c0$N = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8639,7 +8639,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$M, 5);
+            i0.ɵɵviewQuery(_c0$N, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -8673,7 +8673,7 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$L = ["drChatHeader"];
+const _c0$M = ["drChatHeader"];
 const _c1$i = ["drChatLoader"];
 const _c2$7 = ["drChatContent"];
 const _c3$5 = ["messagesContainer"];
@@ -8810,7 +8810,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$L, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$M, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$i, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$7, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
@@ -8899,7 +8899,7 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$K = ["textAreaElement"];
+const _c0$L = ["textAreaElement"];
 const _c1$h = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -9132,7 +9132,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$K, 5);
+            i0.ɵɵviewQuery(_c0$L, 5);
             i0.ɵɵviewQuery(_c1$h, 5);
         } if (rf & 2) {
             let _t;
@@ -9281,14 +9281,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$J = ["*"];
+const _c0$K = ["*"];
 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$J, 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$K, decls: 3, vars: 2, consts: [["theme", "icon", "icon", "dr-icon-exit", "drTooltip", "Close", 1, "chat-alert-close-btn", 3, "click"]], template: function DrChatAlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "i");
             i0.ɵɵprojection(1);
@@ -9334,27 +9334,29 @@ function DrBadgeStatusComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
+const _c0$J = function (a0, a1) { return [a0, a1]; };
 class DrBadgeStatusComponent {
     constructor() {
         this.theme = BadgeStatus.REGULAR;
+        this.showBackground = true;
     }
     /** @nocollapse */ static { this.ɵfac = function DrBadgeStatusComponent_Factory(t) { return new (t || DrBadgeStatusComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrBadgeStatusComponent, selectors: [["dr-badge-status"]], inputs: { theme: "theme", icon: "icon", label: "label", tooltip: "tooltip", tooltipClass: "tooltipClass" }, decls: 3, vars: 5, consts: [[1, "badge-status", 3, "drTooltip", "drTooltipClass", "ngClass"], [3, "class", 4, "ngIf"], [4, "ngIf"]], template: function DrBadgeStatusComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrBadgeStatusComponent, selectors: [["dr-badge-status"]], inputs: { theme: "theme", icon: "icon", label: "label", tooltip: "tooltip", tooltipClass: "tooltipClass", showBackground: "showBackground" }, decls: 3, vars: 8, consts: [[1, "badge-status", 3, "drTooltip", "drTooltipClass", "ngClass"], [3, "class", 4, "ngIf"], [4, "ngIf"]], template: function DrBadgeStatusComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, DrBadgeStatusComponent_i_1_Template, 1, 3, "i", 1);
             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", "badge-status--" + ctx.theme);
+            i0.ɵɵproperty("drTooltip", ctx.tooltip)("drTooltipClass", ctx.tooltipClass)("ngClass", i0.ɵɵpureFunction2(5, _c0$J, "badge-status--" + ctx.theme, !ctx.showBackground ? "badge-status--no-background" : ""));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.label);
-        } }, dependencies: [i1.NgClass, i1.NgIf, DrTooltipDirective], styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"], encapsulation: 2 }); }
+        } }, dependencies: [i1.NgClass, i1.NgIf, DrTooltipDirective], styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}.badge-status--no-background{background:transparent!important}\n"], encapsulation: 2 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrBadgeStatusComponent, [{
         type: Component,
-        args: [{ selector: 'dr-badge-status', encapsulation: ViewEncapsulation.None, template: "<div class=\"badge-status\" [drTooltip]=\"tooltip\" [drTooltipClass]=\"tooltipClass\" [ngClass]=\"'badge-status--' + theme\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}\n"] }]
+        args: [{ selector: 'dr-badge-status', encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"badge-status\"\n    [drTooltip]=\"tooltip\"\n    [drTooltipClass]=\"tooltipClass\"\n    [ngClass]=\"['badge-status--' + theme, !showBackground ? 'badge-status--no-background' : '']\">\n    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i>\n    <span *ngIf=\"label\">{{ label }}</span>\n</div>\n", styles: [".badge-status{font-size:12px;line-height:16px;font-weight:500;display:flex;align-items:center;height:24px;padding:2px 8px 2px 4px;border-radius:4px;cursor:pointer}.badge-status i{font-size:20px;margin-right:4px}.badge-status--info{color:#0b5af9;background:#e6efff}.badge-status--error{color:#bf1d30;background:#f7d9dc}.badge-status--warning{color:#9e5f00;background:#ffefc7}.badge-status--success{color:#037c5a;background:#dbf5e6}.badge-status--regular{color:#7e828e;background:#f0f1f4}.badge-status--progress{color:#4646ce;background:#f2f2fb}.badge-status--dotted{color:#7e828e;background:transparent}.badge-status--dotted i{display:none}.badge-status--no-background{background:transparent!important}\n"] }]
     }], null, { theme: [{
             type: Input
         }], icon: [{
@@ -9365,6 +9367,8 @@ class DrBadgeStatusComponent {
             type: Input
         }], tooltipClass: [{
             type: Input
+        }], showBackground: [{
+            type: Input
         }] }); })();
 
 var DrAlertTheme;
@@ -15680,6 +15684,10 @@ class DrawerConfig {
         this.disableClose = false;
         /** Aria label to assign to the drawer element. */
         this.ariaLabel = null;
+        /** Aria role for the drawer container */
+        this.role = 'dialog';
+        /** Whether the drawer should be treated as a modal dialog */
+        this.isModal = true;
         /**
          * Whether the drawer should close when the user goes backwards/forwards in history.
          * Note that this usually doesn't include clicking on links (unless the user is using
@@ -15701,6 +15709,8 @@ class DrawerConfig {
         this.position = 'bottom';
         /** Whether to render the drawer without default container styles and handle. */
         this.unstyled = false;
+        /** Drag behavior for bottom drawer. */
+        this.dragMode = 'dismiss';
     }
 }
 
@@ -15721,23 +15731,112 @@ const drDrawerAnimations = {
     ]),
 };
 
-class BottomPositionStrategy {
+class BottomDismissPositionStrategy {
+    constructor() {
+        this.startMouseY = null;
+        this.deltaY = 0;
+    }
     extractMousePosition(event) {
         return event.clientY;
     }
-    calculateTransform(currentPosition, containerPosition) {
-        return currentPosition > containerPosition
-            ? `translate3d(0px, ${currentPosition - containerPosition}px, 0px)`
-            : `translate3d(0px, 0px, 0px)`;
+    onDragStart(container) {
+        this.startMouseY = null;
+        this.deltaY = 0;
     }
-    shouldClose(currentPosition, initPosition, lastPosition) {
-        return Math.abs(currentPosition - initPosition) <= currentPosition - lastPosition;
+    onDragMove(mouseY, container) {
+        if (this.startMouseY === null) {
+            this.startMouseY = mouseY;
+            return;
+        }
+        this.deltaY = mouseY - this.startMouseY;
+        if (this.deltaY < 0) {
+            this.deltaY = 0;
+        }
+        container.style.transition = 'none';
+        container.style.transform = `translate3d(0px, ${this.deltaY}px, 0px)`;
+    }
+    onDragEnd(container) {
+        const containerHeight = container.getBoundingClientRect().height;
+        const shouldClose = this.deltaY > containerHeight / 2;
+        if (!shouldClose) {
+            container.style.transition = 'transform 0.5s cubic-bezier(0.32, 0.72, 0, 1)';
+            container.style.transform = `translate3d(0px, 0px, 0px)`;
+        }
+        return { shouldClose };
+    }
+}
+class BottomResizePositionStrategy {
+    constructor(config) {
+        this.config = config;
+        this.startMouseY = null;
+        this.startHeightPx = 0;
+        this.currentHeightPx = 0;
+        const viewportH = window.innerHeight;
+        this.minHeightPx = this.toPx(config.minHeight ?? '10vh', viewportH);
+        this.maxHeightPx = this.toPx(config.maxHeight ?? '90vh', viewportH);
+        this.minHeightPx = Math.max(0, this.minHeightPx);
+        this.maxHeightPx = Math.max(this.minHeightPx, this.maxHeightPx);
+    }
+    extractMousePosition(event) {
+        return event.clientY;
+    }
+    onDragStart(container, overlayElement) {
+        this.startMouseY = null;
+        const rect = overlayElement.getBoundingClientRect();
+        this.startHeightPx = rect.height;
+        this.currentHeightPx = this.startHeightPx;
+        overlayElement.style.transition = 'none';
+        overlayElement.style.height = `${this.startHeightPx}px`;
+        overlayElement.style.maxHeight = 'none';
+        container.style.height = '100%';
+    }
+    onDragMove(mouseY, container, overlayElement) {
+        if (this.startMouseY === null) {
+            this.startMouseY = mouseY;
+            return;
+        }
+        const delta = this.startMouseY - mouseY;
+        let nextHeight = this.startHeightPx + delta;
+        nextHeight = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, nextHeight));
+        this.currentHeightPx = nextHeight;
+        overlayElement.style.height = `${nextHeight}px`;
+    }
+    onDragEnd(container, overlayElement) {
+        let height = this.currentHeightPx || overlayElement.getBoundingClientRect().height;
+        height = Math.max(this.minHeightPx, Math.min(this.maxHeightPx, height));
+        overlayElement.style.transition = 'height 200ms cubic-bezier(0.32, 0.72, 0, 1)';
+        overlayElement.style.height = `${height}px`;
+        this.startMouseY = NaN;
+        this.currentHeightPx = height;
+        return { shouldClose: false, height };
+    }
+    toPx(value, viewportH) {
+        if (typeof value === 'number') {
+            return value;
+        }
+        const raw = String(value).trim();
+        if (!raw) {
+            return 0;
+        }
+        if (raw.endsWith('vh')) {
+            const n = parseFloat(raw);
+            return Number.isFinite(n) ? (n / 100) * viewportH : 0;
+        }
+        if (raw.endsWith('px')) {
+            const n = parseFloat(raw);
+            return Number.isFinite(n) ? n : 0;
+        }
+        const asNumber = parseFloat(raw);
+        return Number.isFinite(asNumber) ? asNumber : 0;
     }
 }
 
 const _c0$k = ["handleRef"];
 function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 3, 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("handle--resize", ctx_r0._config.dragMode === "resize")("handle--dismiss", ctx_r0._config.dragMode === "dismiss");
 } }
 function DrawerContainer_ng_template_2_Template(rf, ctx) { }
 /**
@@ -15751,6 +15850,8 @@ class DrawerContainer extends CdkDialogContainer {
     constructor(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor) {
         super(elementRef, focusTrapFactory, document, config, checker, ngZone, overlayRef, focusMonitor);
         this.overlayRef = overlayRef;
+        /** Emits final height (px) after resize. Available only in resize mode. */
+        this.afterResized = new EventEmitter();
         /** The state of the drawer animations. */
         this._animationState = 'void';
         /** Emits whenever the state of the animation changes. */
@@ -15791,45 +15892,35 @@ class DrawerContainer extends CdkDialogContainer {
     resolvePositionStrategy() {
         switch (this._config.position) {
             case 'bottom':
-                return new BottomPositionStrategy();
+                return this._config.dragMode === 'resize'
+                    ? new BottomResizePositionStrategy(this._config)
+                    : new BottomDismissPositionStrategy();
+            default:
+                return undefined;
         }
     }
     setupDragListener() {
+        const strategy = this.positionStrategy;
+        if (!strategy)
+            return;
         const mousedown$ = fromEvent(this._handleRef.nativeElement, 'mousedown');
         const mousemove$ = fromEvent(document, 'mousemove');
         const mouseup$ = fromEvent(document, 'mouseup');
-        let lastPosition = 0;
-        let initPosition = 0;
-        let currentPosition = 0;
         const container = this._elementRef.nativeElement;
-        setTimeout(() => {
-            lastPosition = this.getContainerPosition(container);
-            initPosition = lastPosition;
-        });
+        const overlayElement = this.overlayRef.overlayElement;
         mousedown$
-            .pipe(switchMap$1(() => mousemove$.pipe(finalize$1(() => {
-            const container = this._elementRef.nativeElement;
-            if (this.positionStrategy.shouldClose(currentPosition, initPosition, lastPosition)) {
+            .pipe(tap$1(() => strategy.onDragStart(container, overlayElement)), switchMap$1(() => mousemove$.pipe(takeUntil$1(mouseup$), finalize$1(() => {
+            const result = strategy.onDragEnd(container, overlayElement);
+            if (result.shouldClose) {
                 this.overlayRef.dispose();
                 return;
             }
-            container.style.transition = 'transform 0.5s cubic-bezier(0.32, 0.72, 0, 1)';
-            container.style.transform = `translate3d(0px, 0px, 0px)`;
-        }), takeUntil$1(mouseup$))), map$1((event) => this.positionStrategy.extractMousePosition(event)), distinctUntilChanged$1(), tap$1((position) => {
-            let containerPosition = this.getContainerPosition(container);
-            containerPosition = Math.min(containerPosition, lastPosition);
-            lastPosition = Math.min(containerPosition, lastPosition);
-            currentPosition = position;
-            container.style.transition = 'none';
-            container.style.transform = this.positionStrategy.calculateTransform(position, containerPosition);
-        }), takeUntil$1(this.destroy$))
+            if (result.height !== undefined) {
+                this.afterResized.emit(result.height);
+            }
+        }))), map$1((event) => strategy.extractMousePosition(event)), distinctUntilChanged$1(), tap$1((position) => strategy.onDragMove(position, container, overlayElement)), takeUntil$1(this.destroy$))
             .subscribe();
     }
-    getContainerPosition(container) {
-        return this._config.position === 'bottom' || this._config.position === 'top'
-            ? container.getBoundingClientRect().top
-            : container.getBoundingClientRect().left;
-    }
     ngOnDestroy() {
         super.ngOnDestroy();
         this.destroy$.next();
@@ -15862,8 +15953,8 @@ class DrawerContainer extends CdkDialogContainer {
             i0.ɵɵsyntheticHostProperty("@state", ctx._animationState);
             i0.ɵɵclassMap(ctx._drawerPosition);
             i0.ɵɵclassProp("dr-drawer-container", !ctx._config.unstyled);
-        } }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["class", "handle", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, DrawerContainer_div_0_Template, 2, 0, "div", 0);
+        } }, outputs: { afterResized: "afterResized" }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 3, consts: [["class", "handle", 3, "handle--resize", "handle--dismiss", 4, "ngIf"], [1, "dr-drawer-container__wrapper"], ["cdkPortalOutlet", ""], [1, "handle"], ["handleRef", ""]], template: function DrawerContainer_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrawerContainer_div_0_Template, 2, 4, "div", 0);
             i0.ɵɵelementStart(1, "div", 1);
             i0.ɵɵtemplate(2, DrawerContainer_ng_template_2_Template, 0, 0, "ng-template", 2);
             i0.ɵɵelementEnd();
@@ -15871,7 +15962,7 @@ class DrawerContainer extends CdkDialogContainer {
             i0.ɵɵproperty("ngIf", ctx._config.position === "bottom" && !ctx._config.unstyled);
             i0.ɵɵadvance(1);
             i0.ɵɵclassProp("unstyled-wrapper", ctx._config.unstyled);
-        } }, dependencies: [PortalModule, i4.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
+        } }, dependencies: [PortalModule, i4.CdkPortalOutlet, DialogModule, MatCommonModule, CommonModule, i1.NgIf], styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;user-select:none;-webkit-user-select:none;flex-shrink:0}.handle--resize{cursor:ns-resize}.handle--dismiss{cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px;transition:background-color .2s ease}.handle:hover:after{background-color:#b6b8bf}.handle:active:after{background-color:#9b9ea8}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"], encapsulation: 2, data: { animation: [drDrawerAnimations.drawerState] } }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerContainer, [{
         type: Component,
@@ -15886,7 +15977,7 @@ class DrawerContainer extends CdkDialogContainer {
                     '[@state]': '_animationState',
                     '(@state.start)': '_onAnimationStart($event)',
                     '(@state.done)': '_onAnimationDone($event)',
-                }, standalone: true, imports: [PortalModule, DialogModule, MatCommonModule, CommonModule], template: "<div *ngIf=\"_config.position === 'bottom' && !_config.unstyled\" #handleRef class=\"handle\"></div>\n<div class=\"dr-drawer-container__wrapper\" [class.unstyled-wrapper]=\"_config.unstyled\">\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"] }]
+                }, standalone: true, imports: [PortalModule, DialogModule, MatCommonModule, CommonModule], template: "<div\n    *ngIf=\"_config.position === 'bottom' && !_config.unstyled\"\n    #handleRef\n    class=\"handle\"\n    [class.handle--resize]=\"_config.dragMode === 'resize'\"\n    [class.handle--dismiss]=\"_config.dragMode === 'dismiss'\"></div>\n<div class=\"dr-drawer-container__wrapper\" [class.unstyled-wrapper]=\"_config.unstyled\">\n    <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".dr-drawer-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;outline:0;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 14px #d8d9de80}.dr-drawer-container__wrapper{flex:1;overflow:auto}.dr-drawer-container__wrapper.unstyled-wrapper{flex:unset;overflow:unset}.cdk-high-contrast-active .dr-drawer-container{outline:1px solid}.handle{position:relative;height:24px;user-select:none;-webkit-user-select:none;flex-shrink:0}.handle--resize{cursor:ns-resize}.handle--dismiss{cursor:pointer}.handle:after{content:\"\";position:absolute;top:16px;left:50%;transform:translate(-50%,-50%);background-color:#dfe0e3;height:4px;width:64px;border-radius:16px;transition:background-color .2s ease}.handle:hover:after{background-color:#b6b8bf}.handle:active:after{background-color:#9b9ea8}.dr-drawer-right{transform:translate(100%);border-top-left-radius:16px;border-bottom-left-radius:16px}.dr-drawer-left{transform:translate(-100%);border-top-right-radius:16px;border-bottom-right-radius:16px}.dr-drawer-bottom{transform:translateY(100%);border-top-left-radius:16px;border-top-right-radius:16px}.dr-drawer-top{transform:translateY(-100%);border-bottom-left-radius:16px;border-bottom-right-radius:16px}\n"] }]
     }], function () { return [{ type: i0.ElementRef }, { type: i1$6.FocusTrapFactory }, { type: Document, decorators: [{
                 type: Optional
             }, {
@@ -15898,6 +15989,8 @@ class DrawerContainer extends CdkDialogContainer {
         }], _handleRef: [{
             type: ViewChild,
             args: ['handleRef']
+        }], afterResized: [{
+            type: Output
         }] }); })();
 
 /**
@@ -15953,6 +16046,7 @@ class DrawerRef {
                 this.dismiss();
             }
         });
+        this._afterResized$ = containerInstance?.afterResized?.asObservable() ?? EMPTY;
     }
     /**
      * Dismisses the drawer.
@@ -15993,6 +16087,10 @@ class DrawerRef {
     afterOpened() {
         return this._afterOpened;
     }
+    /** Gets an observable that emits the final height (px) after resize. Available only in resize mode. */
+    afterResized() {
+        return this._afterResized$;
+    }
     /**
      * Gets an observable that emits when the overlay's backdrop has been clicked.
      */