@datarailsshared/datarailsshared 1.6.310 → 1.6.312

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -99,9 +99,9 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
 
-const _c0$11 = ["prefix"];
-const _c1$n = ["suffix"];
-const _c2$c = ["inputRef"];
+const _c0$13 = ["prefix"];
+const _c1$p = ["suffix"];
+const _c2$d = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
@@ -148,8 +148,8 @@ function DrInputComponent_button_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r5._buttonOptions.text, "\n");
 } }
-const _c3$7 = [[["", "prefixIcon", ""]], [["", "suffixIcon", ""]]];
-const _c4$4 = ["[prefixIcon]", "[suffixIcon]"];
+const _c3$8 = [[["", "prefixIcon", ""]], [["", "suffixIcon", ""]]];
+const _c4$5 = ["[prefixIcon]", "[suffixIcon]"];
 class DrInputComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -325,14 +325,14 @@ 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$11, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$n, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$13, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$p, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefixIcon = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suffixIcon = _t.first);
         } }, viewQuery: function DrInputComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c2$c, 5);
+            i0.ɵɵviewQuery(_c2$d, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
@@ -347,8 +347,8 @@ class DrInputComponent {
                     useExisting: forwardRef((() => DrInputComponent)),
                     multi: true,
                 },
-            ])], ngContentSelectors: _c4$4, decls: 8, vars: 5, consts: [[4, "ngIf", "ngIfElse"], ["maskedInput", ""], ["class", "clear-icon", 3, "click", 4, "ngIf"], ["class", "search-icon", 3, "click", 4, "ngIf"], [3, "click", 4, "ngIf"], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], ["inputRef", ""], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "mask", "suffix", "prefix", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], [1, "clear-icon", 3, "click"], [1, "search-icon", 3, "click"], [3, "click"]], template: function DrInputComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c3$7);
+            ])], ngContentSelectors: _c4$5, decls: 8, vars: 5, consts: [[4, "ngIf", "ngIfElse"], ["maskedInput", ""], ["class", "clear-icon", 3, "click", 4, "ngIf"], ["class", "search-icon", 3, "click", 4, "ngIf"], [3, "click", 4, "ngIf"], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], ["inputRef", ""], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "mask", "suffix", "prefix", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], [1, "clear-icon", 3, "click"], [1, "search-icon", 3, "click"], [3, "click"]], template: function DrInputComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c3$8);
             i0.ɵɵprojection(0);
             i0.ɵɵtemplate(1, DrInputComponent_ng_container_1_Template, 3, 12, "ng-container", 0);
             i0.ɵɵtemplate(2, DrInputComponent_ng_template_2_Template, 2, 15, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
@@ -553,12 +553,12 @@ class DrSpinnerDirective {
             args: ['attr.aria-busy']
         }] }); })();
 
-const _c0$10 = ["labelTemplate"];
-const _c1$m = ["multiLabelTemplate"];
-const _c2$b = ["optionTemplate"];
-const _c3$6 = ["optionHeaderTemplate"];
-const _c4$3 = ["optionFooterTemplate"];
-const _c5$3 = ["notFoundTemplate"];
+const _c0$12 = ["labelTemplate"];
+const _c1$o = ["multiLabelTemplate"];
+const _c2$c = ["optionTemplate"];
+const _c3$7 = ["optionHeaderTemplate"];
+const _c4$4 = ["optionFooterTemplate"];
+const _c5$4 = ["notFoundTemplate"];
 const _c6 = function (a0) { return { item: a0 }; };
 function DrSelectComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 6);
@@ -815,12 +815,12 @@ 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$10, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$m, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c2$b, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c3$6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c4$3, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c5$3, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$12, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$o, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c2$c, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c3$7, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c4$4, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c5$4, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelTemplate = _t.first);
@@ -1191,7 +1191,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
 
-const _c0$$ = ["*"];
+const _c0$11 = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -1199,7 +1199,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$$, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$11, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "span", 0);
             i0.ɵɵprojection(1);
@@ -1219,7 +1219,7 @@ class TooltipDefaultComponent {
             args: ['class']
         }] }); })();
 
-const _c0$_ = ["container"];
+const _c0$10 = ["container"];
 class TooltipCustomComponent {
     constructor() {
         this.injector = inject(Injector);
@@ -1250,7 +1250,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$_, 7, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$10, 7, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -1311,7 +1311,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$Z = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$$ = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -1344,7 +1344,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$Z, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$$, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -1565,8 +1565,8 @@ class DrTooltipDirective {
             args: ['mouseleave']
         }] }); })();
 
-const _c0$Y = ["checkboxContent"];
-const _c1$l = ["*"];
+const _c0$_ = ["checkboxContent"];
+const _c1$n = ["*"];
 class CheckboxComponent {
     get indeterminate() {
         return this._indeterminate;
@@ -1616,7 +1616,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$Y, 5);
+            i0.ɵɵviewQuery(_c0$_, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -1624,7 +1624,7 @@ class CheckboxComponent {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("disabled", ctx.disabled)("text-nowrap", ctx.textNowrap);
-        } }, inputs: { id: "id", checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$l, decls: 5, vars: 9, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { id: "id", checkedStatus: "checkedStatus", disabled: "disabled", icon: "icon", theme: "theme", indeterminate: "indeterminate", textNowrap: "textNowrap" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }])], ngContentSelectors: _c1$n, decls: 5, vars: 9, consts: [["type", "checkbox", 3, "checked", "disabled", "change", "click"], [3, "drTooltip"], ["checkboxContent", ""]], template: function CheckboxComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "label")(1, "input", 0);
             i0.ɵɵlistener("change", function CheckboxComponent_Template_input_change_1_listener($event) { return ctx.setValue($event); })("click", function CheckboxComponent_Template_input_click_1_listener($event) { return $event.stopPropagation(); });
@@ -1678,7 +1678,7 @@ class CheckboxComponent {
             args: ['checkboxContent']
         }] }); })();
 
-const _c0$X = ["*"];
+const _c0$Z = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -1732,7 +1732,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ])], 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) {
+            ])], 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); });
@@ -1771,8 +1771,8 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$W = [[["dr-radio-button"]]];
-const _c1$k = ["dr-radio-button"];
+const _c0$Y = [[["dr-radio-button"]]];
+const _c1$m = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
         return this._value;
@@ -1911,8 +1911,8 @@ class RadioGroupComponent {
                     useExisting: forwardRef((() => RadioGroupComponent)),
                     multi: true,
                 },
-            ])], ngContentSelectors: _c1$k, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$W);
+            ])], ngContentSelectors: _c1$m, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$Y);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -1971,7 +1971,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$V = ["*"];
+const _c0$X = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -2021,7 +2021,7 @@ class DrToggleComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrToggleComponent, selectors: [["dr-toggle"]], hostVars: 3, hostBindings: function DrToggleComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassMap(ctx.elementClass);
-        } }, inputs: { id: "id", toggleTitle: "toggleTitle", toggleTitleRight: "toggleTitleRight", successType: "successType", checkedStatus: "checkedStatus", disabled: "disabled" }, outputs: { checkedChange: "checkedChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], ngContentSelectors: _c0$V, 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" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }])], 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrToggleComponent_span_0_Template, 2, 1, "span", 0);
             i0.ɵɵelementStart(1, "label", 1)(2, "input", 2);
@@ -2092,7 +2092,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$U = ["*"];
+const _c0$W = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -2106,7 +2106,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$U, 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$W, 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);
@@ -2647,8 +2647,8 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
 
-const _c0$T = ["class", "component"];
-const _c1$j = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$V = ["class", "component"];
+const _c1$l = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
 function DrDatePickerCustomHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14);
@@ -2658,11 +2658,11 @@ function DrDatePickerCustomHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) {
 } if (rf & 2) {
     const tag_r5 = ctx.$implicit;
     const ctx_r4 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$l, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", tag_r5.label, " ");
 } }
-const _c2$a = function (a0) { return { "dr-datepicker-preset-date__tags--solo": a0 }; };
+const _c2$b = function (a0) { return { "dr-datepicker-preset-date__tags--solo": a0 }; };
 function DrDatePickerCustomHeaderComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
     i0.ɵɵtemplate(2, DrDatePickerCustomHeaderComponent_div_0_div_1_div_2_Template, 2, 6, "div", 13);
@@ -2670,7 +2670,7 @@ function DrDatePickerCustomHeaderComponent_div_0_div_1_Template(rf, ctx) { if (r
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2$a, !ctx_r2.datePickerService.isUsingTimeFrameSelect));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2$b, !ctx_r2.datePickerService.isUsingTimeFrameSelect));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r2.datePickerService.availableDateTagPresets);
 } }
@@ -2943,7 +2943,7 @@ class DrDatePickerCustomHeaderComponent {
         return selector;
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerCustomHeaderComponent_Factory(t) { return new (t || DrDatePickerCustomHeaderComponent)(i0.ɵɵdirectiveInject(i6.MatCalendar), i0.ɵɵdirectiveInject(i1$3.DateAdapter), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], 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 DrDatePickerCustomHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], attrs: _c0$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); });
@@ -3056,7 +3056,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
 
-const _c0$S = ["datePicker"];
+const _c0$U = ["datePicker"];
 function DrDatePickerComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -3434,7 +3434,7 @@ class DrDatePickerComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerComponent_Factory(t) { return new (t || DrDatePickerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$3.DateAdapter), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerComponent, selectors: [["dr-date-picker"]], viewQuery: function DrDatePickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$S, 5);
+            i0.ɵɵviewQuery(_c0$U, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -3545,7 +3545,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r4.isNextDateDisabled);
 } }
-const _c0$R = function (a0) { return { formattedValue: a0 }; };
+const _c0$T = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     set dateFormatConfig(value) {
         if (value) {
@@ -3744,7 +3744,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$R, 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);
@@ -3940,7 +3940,7 @@ class DrToggleButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$Q = ["dynamicInputRef"];
+const _c0$S = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 3);
@@ -4048,7 +4048,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$Q, 5);
+            i0.ɵɵviewQuery(_c0$S, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -4375,7 +4375,7 @@ class DrDatePickerRangeComponent {
             type: Input
         }] }); })();
 
-const _c0$P = ["*"];
+const _c0$R = ["*"];
 var LinkTheme;
 (function (LinkTheme) {
     LinkTheme["DEFAULT"] = "DEFAULT";
@@ -4391,7 +4391,7 @@ class DrLinkComponent {
         this.theme = LinkTheme.DEFAULT;
     }
     /** @nocollapse */ static { this.ɵfac = function DrLinkComponent_Factory(t) { return new (t || DrLinkComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLinkComponent, selectors: [["dr-link"]], inputs: { link: "link", fontSize: "fontSize", fontWeight: "fontWeight", theme: "theme" }, ngContentSelectors: _c0$P, decls: 2, vars: 7, consts: [[1, "dr-link", 3, "href"]], template: function DrLinkComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLinkComponent, selectors: [["dr-link"]], inputs: { link: "link", fontSize: "fontSize", fontWeight: "fontWeight", theme: "theme" }, ngContentSelectors: _c0$R, decls: 2, vars: 7, consts: [[1, "dr-link", 3, "href"]], template: function DrLinkComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "a", 0);
             i0.ɵɵprojection(1);
@@ -4416,8 +4416,8 @@ class DrLinkComponent {
             type: Input
         }] }); })();
 
-const _c0$O = ["class", "component"];
-const _c1$i = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
+const _c0$Q = ["class", "component"];
+const _c1$k = function (a0) { return { "dr-datepicker-preset-date__tags__tag--selected": a0 }; };
 function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14);
@@ -4427,11 +4427,11 @@ function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_div_2_Template(rf, ctx
 } if (rf & 2) {
     const tag_r5 = ctx.$implicit;
     const ctx_r4 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$i, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$k, tag_r5.key === ctx_r4.selectedPresetTag))("drTooltip", ctx_r4.selectedPresetTag === tag_r5.key ? "Unselect preset" : "")("drTooltipPosition", "top");
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", tag_r5.label, " ");
 } }
-const _c2$9 = function (a0) { return { "dr-datepicker-preset-date__tags--solo": a0 }; };
+const _c2$a = function (a0) { return { "dr-datepicker-preset-date__tags--solo": a0 }; };
 function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11)(1, "div", 12);
     i0.ɵɵtemplate(2, DrFiscalMonthCalendarHeaderComponent_div_0_div_1_div_2_Template, 2, 6, "div", 13);
@@ -4439,7 +4439,7 @@ function DrFiscalMonthCalendarHeaderComponent_div_0_div_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2$9, !ctx_r2.datePickerService.isUsingTimeFrameSelect));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2$a, !ctx_r2.datePickerService.isUsingTimeFrameSelect));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r2.datePickerService.availableDateTagPresets);
 } }
@@ -4519,7 +4519,7 @@ class DrFiscalMonthCalendarHeaderComponent extends DrDatePickerCustomHeaderCompo
         });
     }
     /** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory; return function DrFiscalMonthCalendarHeaderComponent_Factory(t) { return (ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory || (ɵDrFiscalMonthCalendarHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrFiscalMonthCalendarHeaderComponent)))(t || DrFiscalMonthCalendarHeaderComponent); }; }(); }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFiscalMonthCalendarHeaderComponent, selectors: [["dr-fiscal-month-calendar-header", 8, "component"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$O, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFiscalMonthCalendarHeaderComponent, selectors: [["dr-fiscal-month-calendar-header", 8, "component"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$Q, decls: 12, vars: 4, consts: [["class", "dr-datepicker__timeframe-select__wrapper", 4, "ngIf"], [1, "dr-date-paging"], [1, "dr-date-paging", "flip-page-button", 3, "click"], [1, "dr-icon-arrow-left", "presentation_buttons-navigate_input"], [1, "example-header-label"], [3, "click"], [1, "dr-icon-arrow-right", "presentation_buttons-navigate_input"], ["class", "dr-quarterly-datepicker", 4, "ngIf"], [1, "dr-datepicker__timeframe-select__wrapper"], ["class", "dr-datepicker-preset-date", 4, "ngIf"], ["class", "dr-datepicker__timeframe-select", "bindLabel", "title", "bindValue", "value", 3, "ngModel", "items", "ngModelChange", 4, "ngIf"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags", 3, "ngClass"], ["id", "preset_tag", "class", "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click", 4, "ngFor", "ngForOf"], ["id", "preset_tag", 1, "dr-datepicker-preset-date__tags__tag", 3, "ngClass", "drTooltip", "drTooltipPosition", "click"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector quarter-selector--select-current-quarter", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", "quarter-selector--select-current-quarter", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrFiscalMonthCalendarHeaderComponent_div_0_Template, 3, 2, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrFiscalMonthCalendarHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -7315,8 +7315,8 @@ class DateTimePickerComponent {
             type: Input
         }] }); })();
 
-const _c0$N = ["stepTextLabel"];
-const _c1$h = ["stepper"];
+const _c0$P = ["stepTextLabel"];
+const _c1$j = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
@@ -7332,7 +7332,7 @@ function StepperComponent_ng_container_3_div_1_ng_template_5_Template(rf, ctx) {
     i0.ɵɵelement(1, "i", 23);
     i0.ɵɵelementEnd();
 } }
-const _c2$8 = function (a0) { return { "blue with-ellipse": a0 }; };
+const _c2$9 = function (a0) { return { "blue with-ellipse": a0 }; };
 function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 24)(1, "div", 25);
     i0.ɵɵtext(2);
@@ -7341,7 +7341,7 @@ function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) {
     const step_r12 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r20 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("gray", step_r12 !== ctx_r20.currentStep);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$8, step_r12 === ctx_r20.currentStep));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2$9, step_r12 === ctx_r20.currentStep));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("hidden", step_r12 === ctx_r20.currentStep || ctx_r20.hiddenIndex);
     i0.ɵɵadvance(1);
@@ -7350,7 +7350,7 @@ function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) {
 function StepperComponent_ng_container_3_div_1_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c3$5 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
+const _c3$6 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
 function StepperComponent_ng_container_3_div_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 26);
 } if (rf & 2) {
@@ -7359,7 +7359,7 @@ function StepperComponent_ng_container_3_div_1_ng_container_9_Template(rf, ctx)
     const isLast_r14 = ctx_r26.last;
     i0.ɵɵnextContext();
     const _r6 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3$5, step_r12.index, isLast_r14, step_r12));
+    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3$6, step_r12.index, isLast_r14, step_r12));
 } }
 function StepperComponent_ng_container_3_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 27);
@@ -7378,10 +7378,10 @@ function StepperComponent_ng_container_3_div_1_ng_container_11_Template(rf, ctx)
     const isLast_r14 = ctx_r28.last;
     i0.ɵɵnextContext();
     const _r6 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3$5, step_r12.index, isLast_r14, step_r12));
+    i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3$6, step_r12.index, isLast_r14, step_r12));
 } }
-const _c4$2 = function (a0) { return { step: a0 }; };
-const _c5$2 = function (a0, a1) { return { step: a0, index: a1 }; };
+const _c4$3 = function (a0) { return { step: a0 }; };
+const _c5$3 = function (a0, a1) { return { step: a0, index: a1 }; };
 function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11);
@@ -7409,7 +7409,7 @@ function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("step-setup", ctx_r16.inlineLabels);
     i0.ɵɵattribute("data-analytics", ctx_r16.getDataAnalyticsTag(step_r12));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("drTooltip", step_r12.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(22, _c4$2, step_r12))("drTooltipPosition", "bottom");
+    i0.ɵɵproperty("drTooltip", step_r12.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(22, _c4$3, step_r12))("drTooltipPosition", "bottom");
     i0.ɵɵadvance(1);
     i0.ɵɵclassProp("active", ctx_r16.currentStep === step_r12)("completed", step_r12.completed);
     i0.ɵɵadvance(1);
@@ -7424,7 +7424,7 @@ function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("active", ctx_r16.currentStep === step_r12);
     i0.ɵɵproperty("ngClass", step_r12.completed ? "completed" : "uncompleted");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r16.stepTextLabelTemplate || _r8)("ngTemplateOutletContext", i0.ɵɵpureFunction2(24, _c5$2, step_r12, step_r12.index));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r16.stepTextLabelTemplate || _r8)("ngTemplateOutletContext", i0.ɵɵpureFunction2(24, _c5$3, step_r12, step_r12.index));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r16.inlineLabels);
     i0.ɵɵadvance(1);
@@ -7541,12 +7541,12 @@ class StepperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function StepperComponent_Factory(t) { return new (t || StepperComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["dr-stepper"]], contentQueries: function StepperComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$N, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$P, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
         } }, viewQuery: function StepperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c1$h, 5, ElementRef);
+            i0.ɵɵviewQuery(_c1$j, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepper = _t.first);
@@ -7716,7 +7716,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$M = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$O = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -7872,7 +7872,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$M, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$O, 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);
@@ -7987,7 +7987,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$L = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$N = 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);
@@ -8001,7 +8001,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$L, ctx_r1.showUnassigned && !user_r5.email, ctx_r1.drAvatarIsClickable))("drTooltip", i0.ɵɵpipeBind1(1, 13, user_r5))("drTooltipClass", ctx_r1.drAvatarTooltipClass)("drTooltipPosition", ctx_r1.drAvatarTooltipPosition);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c0$N, 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");
 } }
@@ -8277,7 +8277,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$K = ["drChatMessageActions"];
+const _c0$M = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -8379,7 +8379,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$K, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$M, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -8450,7 +8450,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$J = ["suggestionsContainer"];
+const _c0$L = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8489,18 +8489,18 @@ function DrChatSuggestionsComponent_ng_template_3_div_1_Template(rf, ctx) { if (
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", item_r9, " ");
 } }
-const _c1$g = function (a0, a1, a2) { return { "chat-suggestions__items--three-cols": a0, "chat-suggestions__items--two-cols": a1, "chat-suggestions__items--one-col": a2 }; };
+const _c1$i = function (a0, a1, a2) { return { "chat-suggestions__items--three-cols": a0, "chat-suggestions__items--two-cols": a1, "chat-suggestions__items--one-col": a2 }; };
 function DrChatSuggestionsComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtemplate(1, DrChatSuggestionsComponent_ng_template_3_div_1_Template, 2, 1, "div", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1$g, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(2, _c1$i, ctx_r3.colsCount === 3, ctx_r3.colsCount === 2, ctx_r3.colsCount === 1));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r3.visibleValues);
 } }
-const _c2$7 = function (a0, a1, a2, a3) { return { "chat-suggestions--three-cols": a0, "chat-suggestions--two-cols": a1, "chat-suggestions--one-col": a2, "chat-suggestions--button-mode": a3 }; };
+const _c2$8 = function (a0, a1, a2, a3) { return { "chat-suggestions--three-cols": a0, "chat-suggestions--two-cols": a1, "chat-suggestions--one-col": a2, "chat-suggestions--button-mode": a3 }; };
 class DrChatSuggestionsComponent {
     get hiddenValues() {
         return JSON.parse(localStorage.getItem('aiChatSuggestions')) || [];
@@ -8595,7 +8595,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$J, 5);
+            i0.ɵɵviewQuery(_c0$L, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -8606,7 +8606,7 @@ class DrChatSuggestionsComponent {
             i0.ɵɵtemplate(3, DrChatSuggestionsComponent_ng_template_3_Template, 2, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const _r2 = i0.ɵɵreference(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$7, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$8, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.buttonMode)("ngIfElse", _r2);
         } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i1$1.NgTemplateOutlet, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:flex-start;justify-content:center}[_nghost-%COMP%]   .chat-suggestions[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:center;max-width:956px}[_nghost-%COMP%]   .chat-suggestions--button-mode[_ngcontent-%COMP%]{justify-content:flex-start}[_nghost-%COMP%]   .chat-suggestions--button-mode[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{padding-top:32px}[_nghost-%COMP%]   .chat-suggestions--one-col[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(1,300px)}[_nghost-%COMP%]   .chat-suggestions--one-col[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(1,300px)}[_nghost-%COMP%]   .chat-suggestions--two-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(2,300px)}[_nghost-%COMP%]   .chat-suggestions--two-cols[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(2,300px)}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(3,300px)}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]{padding-left:0}[_nghost-%COMP%]   .chat-suggestions--three-cols[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(3,300px)}[_nghost-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}[_nghost-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}[_nghost-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]  button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}[_nghost-%COMP%]   .chat-suggestions__container[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]   .chat-suggestions__container__button[_ngcontent-%COMP%]  button{color:#4646ce;background:#f2f2fb}[_nghost-%COMP%]   .chat-suggestions__container--opened[_ngcontent-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{display:grid;align-items:center;justify-content:center}[_nghost-%COMP%]   .chat-suggestions__items[_ngcontent-%COMP%]{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}[_nghost-%COMP%]   .chat-suggestions__items__item[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;color:#25258c}[_nghost-%COMP%]   .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
@@ -8629,10 +8629,10 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$I = ["drChatHeader"];
-const _c1$f = ["drChatLoader"];
-const _c2$6 = ["drChatContent"];
-const _c3$4 = ["messagesContainer"];
+const _c0$K = ["drChatHeader"];
+const _c1$h = ["drChatLoader"];
+const _c2$7 = ["drChatContent"];
+const _c3$5 = ["messagesContainer"];
 function DrChatComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
@@ -8685,8 +8685,8 @@ function DrChatComponent_dr_chat_suggestions_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("chat__suggestions--full-height", ctx_r3.fullScreen && !(ctx_r3.messages == null ? null : ctx_r3.messages.length));
     i0.ɵɵproperty("values", ctx_r3.suggestions)("fullScreen", ctx_r3.fullScreen)("waitForReply", ctx_r3.waitForReply)("buttonMode", !!(ctx_r3.messages == null ? null : ctx_r3.messages.length));
 } }
-const _c4$1 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-ai-search-input"]], [["", "drChatFormInput", ""]], [["dr-chat-message"]]];
-const _c5$1 = ["dr-chat-alert", "dr-chat-form", "dr-ai-search-input", "[drChatFormInput]", "dr-chat-message"];
+const _c4$2 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-ai-search-input"]], [["", "drChatFormInput", ""]], [["dr-chat-message"]]];
+const _c5$2 = ["dr-chat-alert", "dr-chat-form", "dr-ai-search-input", "[drChatFormInput]", "dr-chat-message"];
 class DrChatComponent {
     set contentUpdateSubject(value) {
         if (value) {
@@ -8766,9 +8766,9 @@ 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$I, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1$f, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c2$6, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$K, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$h, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c2$7, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
         } if (rf & 2) {
             let _t;
@@ -8778,14 +8778,14 @@ class DrChatComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatContent = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messages = _t);
         } }, viewQuery: function DrChatComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c3$4, 5);
+            i0.ɵɵviewQuery(_c3$5, 5);
             i0.ɵɵviewQuery(DrChatSuggestionsComponent, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messagesContainer = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._chatSuggestions = _t.first);
-        } }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply", scrollDelay: "scrollDelay" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c5$1, decls: 12, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c4$1);
+        } }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply", scrollDelay: "scrollDelay" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c5$2, decls: 12, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c4$2);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, DrChatComponent_ng_container_2_Template, 1, 1, "ng-container", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -8855,8 +8855,8 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$H = ["textAreaElement"];
-const _c1$e = ["fileInput"];
+const _c0$J = ["textAreaElement"];
+const _c1$g = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-chat-dropped-files", 12);
@@ -8882,10 +8882,10 @@ function DrChatFormDropdownComponent_i_14_Template(rf, ctx) { if (rf & 1) {
 function DrChatFormDropdownComponent_dr_dot_flashing_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "dr-dot-flashing", 15);
 } }
-const _c2$5 = ["*", [["", "dropItem", ""]]];
-const _c3$3 = function (a0) { return { "message-row_loading": a0 }; };
-const _c4 = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
-const _c5 = ["*", "[dropItem]"];
+const _c2$6 = ["*", [["", "dropItem", ""]]];
+const _c3$4 = function (a0) { return { "message-row_loading": a0 }; };
+const _c4$1 = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c5$1 = ["*", "[dropItem]"];
 class DrChatFormDropdownComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -9088,8 +9088,8 @@ class DrChatFormDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatFormDropdownComponent_Factory(t) { return new (t || DrChatFormDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.DomSanitizer)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatFormDropdownComponent, selectors: [["dr-chat-form-dropdown"]], viewQuery: function DrChatFormDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$H, 5);
-            i0.ɵɵviewQuery(_c1$e, 5);
+            i0.ɵɵviewQuery(_c0$J, 5);
+            i0.ɵɵviewQuery(_c1$g, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textAreaElementRef = _t.first);
@@ -9098,8 +9098,8 @@ class DrChatFormDropdownComponent {
             i0.ɵɵlistener("drop", function DrChatFormDropdownComponent_drop_HostBindingHandler($event) { return ctx.onDrop($event); })("dragover", function DrChatFormDropdownComponent_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function DrChatFormDropdownComponent_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); });
         } if (rf & 2) {
             i0.ɵɵclassProp("file-over", ctx.fileOver);
-        } }, inputs: { acceptFormatFiles: "acceptFormatFiles", maxFileSizeBytes: "maxFileSizeBytes", maxFilesCount: "maxFilesCount", isUploadingFiles: "isUploadingFiles", message: "message", messagePlaceholder: "messagePlaceholder", dropFiles: "dropFiles", dropFilePlaceholder: "dropFilePlaceholder", waitForReply: "waitForReply", showDotFlashing: "showDotFlashing" }, outputs: { send: "send", uploadFiles: "uploadFiles", abort: "abort", filesRejected: "filesRejected", inputChange: "inputChange" }, ngContentSelectors: _c5, decls: 17, vars: 21, consts: [[1, "message-row", 3, "ngClass"], [1, "message-row__input", 3, "ngClass"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent", 4, "ngIf"], [1, "message-row__input-textarea-wrap"], ["type", "text", 3, "ngModel", "rows", "placeholder", "focus", "blur", "mouseenter", "mouseleave", "ngModelChange", "keydown.enter"], ["textAreaElement", ""], [1, "message-row__btns"], ["type", "file", "hidden", "", "multiple", "", 3, "accept", "change"], ["fileInput", ""], ["class", "dr-icon-send-arrow-up send-button", 3, "click", 4, "ngIf"], ["class", "dr-icon-stop abort-button", 3, "click", 4, "ngIf"], ["class", "wait-reply-dot-flashing", 4, "ngIf"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent"], [1, "dr-icon-send-arrow-up", "send-button", 3, "click"], [1, "dr-icon-stop", "abort-button", 3, "click"], [1, "wait-reply-dot-flashing"]], template: function DrChatFormDropdownComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c2$5);
+        } }, inputs: { acceptFormatFiles: "acceptFormatFiles", maxFileSizeBytes: "maxFileSizeBytes", maxFilesCount: "maxFilesCount", isUploadingFiles: "isUploadingFiles", message: "message", messagePlaceholder: "messagePlaceholder", dropFiles: "dropFiles", dropFilePlaceholder: "dropFilePlaceholder", waitForReply: "waitForReply", showDotFlashing: "showDotFlashing" }, outputs: { send: "send", uploadFiles: "uploadFiles", abort: "abort", filesRejected: "filesRejected", inputChange: "inputChange" }, ngContentSelectors: _c5$1, decls: 17, vars: 21, consts: [[1, "message-row", 3, "ngClass"], [1, "message-row__input", 3, "ngClass"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent", 4, "ngIf"], [1, "message-row__input-textarea-wrap"], ["type", "text", 3, "ngModel", "rows", "placeholder", "focus", "blur", "mouseenter", "mouseleave", "ngModelChange", "keydown.enter"], ["textAreaElement", ""], [1, "message-row__btns"], ["type", "file", "hidden", "", "multiple", "", 3, "accept", "change"], ["fileInput", ""], ["class", "dr-icon-send-arrow-up send-button", 3, "click", 4, "ngIf"], ["class", "dr-icon-stop abort-button", 3, "click", 4, "ngIf"], ["class", "wait-reply-dot-flashing", 4, "ngIf"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent"], [1, "dr-icon-send-arrow-up", "send-button", 3, "click"], [1, "dr-icon-stop", "abort-button", 3, "click"], [1, "wait-reply-dot-flashing"]], template: function DrChatFormDropdownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2$6);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵpipe(2, "async");
             i0.ɵɵtemplate(3, DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template, 2, 5, "dr-chat-dropped-files", 2);
@@ -9122,9 +9122,9 @@ class DrChatFormDropdownComponent {
         } if (rf & 2) {
             const _r1 = i0.ɵɵreference(7);
             let tmp_1_0;
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c3$3, ctx.isUploadingFiles));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c3$4, ctx.isUploadingFiles));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c4, ctx.inputFocus, !!(ctx.message == null ? null : (tmp_1_0 = ctx.message.trim()) == null ? null : tmp_1_0.length) || !!i0.ɵɵpipeBind1(2, 12, ctx.droppedFiles$).length));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c4$1, ctx.inputFocus, !!(ctx.message == null ? null : (tmp_1_0 = ctx.message.trim()) == null ? null : tmp_1_0.length) || !!i0.ɵɵpipeBind1(2, 12, ctx.droppedFiles$).length));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 14, ctx.droppedFiles$).length);
             i0.ɵɵadvance(3);
@@ -9237,14 +9237,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$G = ["*"];
+const _c0$I = ["*"];
 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$G, decls: 3, vars: 2, consts: [["theme", "icon", "icon", "dr-icon-exit", "drTooltip", "Close", 1, "chat-alert-close-btn", 3, "click"]], template: function DrChatAlertComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatAlertComponent, selectors: [["dr-chat-alert"]], inputs: { iconClass: "iconClass" }, outputs: { close: "close" }, ngContentSelectors: _c0$I, 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);
@@ -9377,7 +9377,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$F = ["*"];
+const _c0$H = ["*"];
 const ALERT_THEME_ICONS = {
     [DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
     [DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
@@ -9401,7 +9401,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$F, 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$H, 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);
@@ -9453,7 +9453,7 @@ class CodeEditorHintWrapperComponent {
             }]
     }], null, null); })();
 
-const _c0$E = ["ref"];
+const _c0$G = ["ref"];
 class DrCodemirrorComponent {
     set options(value) {
         this._options = value;
@@ -9583,7 +9583,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$E, 5);
+            i0.ɵɵviewQuery(_c0$G, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ref = _t.first);
@@ -9735,7 +9735,7 @@ class DrErrorComponent {
             args: ['class.no-icon']
         }] }); })();
 
-const _c0$D = ["codeEditor"];
+const _c0$F = ["codeEditor"];
 function DrCodeEditorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
     i0.ɵɵtext(1);
@@ -10014,7 +10014,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$D, 5);
+            i0.ɵɵviewQuery(_c0$F, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
@@ -10098,7 +10098,7 @@ const getAlignmentDimension = (position) => {
     return DrPopoverAlignmentDimension.Width;
 };
 
-const _c0$C = ["popoverContainer"];
+const _c0$E = ["popoverContainer"];
 function DrPopoverComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -10188,7 +10188,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$C, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$E, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverContainer = _t.first);
@@ -10512,7 +10512,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$B = ["menuContainer"];
+const _c0$D = ["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) {
@@ -10562,12 +10562,12 @@ function DrDropdownComponent_dr_dropdown_item_4_ng_container_2_Template(rf, ctx)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r5.hasChildren(act_r2));
 } }
-const _c1$d = function (a0) { return { $implicit: a0 }; };
+const _c1$f = function (a0) { return { $implicit: a0 }; };
 function DrDropdownComponent_dr_dropdown_item_4_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 17);
 } if (rf & 2) {
     const act_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$d, act_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$f, act_r2));
 } }
 function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
@@ -10590,8 +10590,8 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", act_r2.templateRef);
 } }
-const _c2$4 = [[["dr-dropdown-item"]]];
-const _c3$2 = ["dr-dropdown-item"];
+const _c2$5 = [[["dr-dropdown-item"]]];
+const _c3$3 = ["dr-dropdown-item"];
 class DrDropdownComponent {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
@@ -10743,12 +10743,12 @@ 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$B, 7);
+            i0.ɵɵviewQuery(_c0$D, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
-        } }, inputs: { options: "options" }, outputs: { onAction: "action" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3$2, decls: 6, vars: 5, consts: [[1, "dr-dropdown"], ["menuContainer", ""], ["tabindex", "-1", "role", "listbox", 1, "dr-dropdown__container", 3, "mouseenter", "mouseleave"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown", 4, "ngFor", "ngForOf"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown"], ["dropdownItemContent", "", 4, "ngIf"], ["dropdownItemActions", "", 4, "ngIf"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["dropdownItemContent", ""], ["class", "dr-dropdown__icon", 3, "class", 4, "ngIf"], [1, "dr-dropdown__text"], [1, "dr-dropdown__icon"], ["dropdownItemActions", ""], [3, "class", "showOnHover", "mousedown", 4, "ngFor", "ngForOf"], ["class", "dr-icon-arrow-right", 4, "ngIf"], [3, "mousedown"], [1, "dr-icon-arrow-right"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrDropdownComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c2$4);
+        } }, inputs: { options: "options" }, outputs: { onAction: "action" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3$3, decls: 6, vars: 5, consts: [[1, "dr-dropdown"], ["menuContainer", ""], ["tabindex", "-1", "role", "listbox", 1, "dr-dropdown__container", 3, "mouseenter", "mouseleave"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown", 4, "ngFor", "ngForOf"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown"], ["dropdownItemContent", "", 4, "ngIf"], ["dropdownItemActions", "", 4, "ngIf"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["dropdownItemContent", ""], ["class", "dr-dropdown__icon", 3, "class", 4, "ngIf"], [1, "dr-dropdown__text"], [1, "dr-dropdown__icon"], ["dropdownItemActions", ""], [3, "class", "showOnHover", "mousedown", 4, "ngFor", "ngForOf"], ["class", "dr-icon-arrow-right", 4, "ngIf"], [3, "mousedown"], [1, "dr-icon-arrow-right"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrDropdownComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2$5);
             i0.ɵɵelementStart(0, "div", 0, 1)(2, "div", 2);
             i0.ɵɵlistener("mouseenter", function DrDropdownComponent_Template_div_mouseenter_2_listener() { return ctx.onMouseenter(); })("mouseleave", function DrDropdownComponent_Template_div_mouseleave_2_listener() { return ctx.onMouseleave(); });
             i0.ɵɵprojection(3);
@@ -10982,8 +10982,8 @@ class DrDropdownChildDirective {
             }]
     }], null, null); })();
 
-const _c0$A = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
-const _c1$c = ["[dropdownItemContent]", "[dropdownItemActions]"];
+const _c0$C = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
+const _c1$e = ["[dropdownItemContent]", "[dropdownItemActions]"];
 class DrDropdownItemComponent {
     constructor() {
         this.role = 'option';
@@ -10991,8 +10991,8 @@ class DrDropdownItemComponent {
     /** @nocollapse */ static { this.ɵfac = function DrDropdownItemComponent_Factory(t) { return new (t || DrDropdownItemComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDropdownItemComponent, selectors: [["dr-dropdown-item"]], hostVars: 1, hostBindings: function DrDropdownItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role);
-        } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$c, decls: 5, vars: 6, consts: [[1, "dr-dropdown-item"], [1, "dr-dropdown-text"], [1, "dr-dropdown-actions"]], template: function DrDropdownItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$A);
+        } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$e, 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$C);
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -11034,7 +11034,7 @@ class DrDropdownItemShowPipe {
 function DrTabComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$z = ["*"];
+const _c0$B = ["*"];
 class DrTabComponent {
     constructor() { }
     ngOnInit() { }
@@ -11044,7 +11044,7 @@ class DrTabComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contentTemplate = _t.first);
-        } }, inputs: { id: "id", label: "label", icon: "icon", disabled: "disabled", tooltip: "tooltip", customLabelTemplate: "customLabelTemplate" }, ngContentSelectors: _c0$z, decls: 1, vars: 0, template: function DrTabComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { id: "id", label: "label", icon: "icon", disabled: "disabled", tooltip: "tooltip", customLabelTemplate: "customLabelTemplate" }, ngContentSelectors: _c0$B, 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 }); }
@@ -11319,8 +11319,8 @@ class DrTabsComponent {
             args: [DrTabComponent]
         }] }); })();
 
-const _c0$y = [[["dr-accordion-item"]]];
-const _c1$b = ["dr-accordion-item"];
+const _c0$A = [[["dr-accordion-item"]]];
+const _c1$d = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
         this.openCloseItems = new Subject();
@@ -11353,8 +11353,8 @@ class DrAccordionComponent {
     /** @nocollapse */ static { this.ɵfac = function DrAccordionComponent_Factory(t) { return new (t || DrAccordionComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], hostVars: 2, hostBindings: function DrAccordionComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
-        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$b, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$y);
+        } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$d, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$A);
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
@@ -11371,8 +11371,8 @@ class DrAccordionComponent {
             args: ['class']
         }] }); })();
 
-const _c0$x = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
-const _c1$a = ["dr-accordion-item-header", "dr-accordion-item-body"];
+const _c0$z = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
+const _c1$c = ["dr-accordion-item-header", "dr-accordion-item-body"];
 class DrAccordionItemComponent {
     /**
      * Item is collapse (`true` by default)
@@ -11472,8 +11472,8 @@ class DrAccordionItemComponent {
     /** @nocollapse */ static { this.ɵfac = function DrAccordionItemComponent_Factory(t) { return new (t || DrAccordionItemComponent)(i0.ɵɵdirectiveInject(DrAccordionComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemComponent, selectors: [["dr-accordion-item"]], hostVars: 6, hostBindings: function DrAccordionItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("collapsed", ctx.collapsed)("expanded", ctx.expanded)("disabled", ctx.disabled);
-        } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$a, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$x);
+        } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$c, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$z);
             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 }); }
@@ -11515,8 +11515,8 @@ function DrAccordionItemHeaderComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap("dr-accordion-item-header-icon " + ctx_r0.icon);
     i0.ɵɵclassProp("dr-accordion-item-header-icon--additional-padding", ctx_r0.chevronPosition === "left");
 } }
-const _c0$w = function (a0) { return { rotationDegree: a0 }; };
-const _c1$9 = function (a0, a1) { return { value: a0, params: a1 }; };
+const _c0$y = function (a0) { return { rotationDegree: a0 }; };
+const _c1$b = function (a0, a1) { return { value: a0, params: a1 }; };
 function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 2);
@@ -11525,10 +11525,10 @@ 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$9, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$w, ctx_r1.chevronRotationDegree)));
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$b, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$y, ctx_r1.chevronRotationDegree)));
 } }
-const _c2$3 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
-const _c3$1 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
+const _c2$4 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
+const _c3$2 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
 class DrAccordionItemHeaderComponent {
     get isCollapsed() {
         return this.accordionItem.collapsed;
@@ -11583,8 +11583,8 @@ class DrAccordionItemHeaderComponent {
             i0.ɵɵattribute("aria-expanded", ctx.expanded)("tabindex", ctx.tabbable)("aria-disabled", ctx.disabled);
             i0.ɵɵclassMap(ctx.theme);
             i0.ɵɵclassProp("accordion-item-header-collapsed", ctx.isCollapsed)("accordion-item-header-expanded", ctx.expanded);
-        } }, inputs: { chevronOrientation: "chevronOrientation", chevronPosition: "chevronPosition", icon: "icon", toggleOnChevronClick: "toggleOnChevronClick" }, ngContentSelectors: _c3$1, decls: 5, vars: 2, consts: [[3, "class", "dr-accordion-item-header-icon--additional-padding", 4, "ngIf"], [3, "class", "click", 4, "ngIf"], [3, "click"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c2$3);
+        } }, inputs: { chevronOrientation: "chevronOrientation", chevronPosition: "chevronPosition", icon: "icon", toggleOnChevronClick: "toggleOnChevronClick" }, ngContentSelectors: _c3$2, decls: 5, vars: 2, consts: [[3, "class", "dr-accordion-item-header-icon--additional-padding", 4, "ngIf"], [3, "class", "click", 4, "ngIf"], [3, "click"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c2$4);
             i0.ɵɵtemplate(0, DrAccordionItemHeaderComponent_i_0_Template, 1, 4, "i", 0);
             i0.ɵɵtemplate(1, DrAccordionItemHeaderComponent_i_1_Template, 1, 8, "i", 1);
             i0.ɵɵprojection(2);
@@ -11654,8 +11654,8 @@ class DrAccordionItemHeaderComponent {
             args: ['keydown.enter']
         }] }); })();
 
-const _c0$v = function (a0) { return { value: a0 }; };
-const _c1$8 = ["*"];
+const _c0$x = function (a0) { return { value: a0 }; };
+const _c1$a = ["*"];
 const accordionItemBodyTrigger = trigger('accordionItemBody', [
     state('collapsed', style({
         overflow: 'hidden',
@@ -11686,13 +11686,13 @@ class DrAccordionItemBodyComponent {
         this.destroy$.complete();
     }
     /** @nocollapse */ static { this.ɵfac = function DrAccordionItemBodyComponent_Factory(t) { return new (t || DrAccordionItemBodyComponent)(i0.ɵɵdirectiveInject(DrAccordionItemComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemBodyComponent, selectors: [["dr-accordion-item-body"]], ngContentSelectors: _c1$8, decls: 3, vars: 3, consts: [[1, "item-body"]], template: function DrAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemBodyComponent, selectors: [["dr-accordion-item-body"]], ngContentSelectors: _c1$a, decls: 3, vars: 3, consts: [[1, "item-body"]], template: function DrAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$v, ctx.state));
+            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$x, 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, [{
@@ -11708,13 +11708,13 @@ class DrAccordionItemBodyComponent {
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$u = [[["dr-layout-header"]], [["dr-layout-body"]]];
-const _c1$7 = ["dr-layout-header", "dr-layout-body"];
+const _c0$w = [[["dr-layout-header"]], [["dr-layout-body"]]];
+const _c1$9 = ["dr-layout-header", "dr-layout-body"];
 class DrLayoutComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutComponent_Factory(t) { return new (t || DrLayoutComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutComponent, selectors: [["dr-layout"]], ngContentSelectors: _c1$7, decls: 6, vars: 0, consts: [[1, "dr-layout"], [1, "dr-layout__container"], [1, "content"], [1, "columns"]], template: function DrLayoutComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$u);
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutComponent, selectors: [["dr-layout"]], ngContentSelectors: _c1$9, 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$w);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
@@ -11727,11 +11727,11 @@ class DrLayoutComponent {
         args: [{ selector: 'dr-layout', template: "<div class=\"dr-layout\">\n    <ng-content select=\"dr-layout-header\"></ng-content>\n    <div class=\"dr-layout__container\">\n        <div class=\"content\">\n            <div class=\"columns\">\n                <ng-content select=\"dr-layout-body\"></ng-content>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [":host{font-size:16px;font-weight:400;font-family:Poppins,sans-serif;line-height:1.25rem;-webkit-font-smoothing:antialiased}:host .dr-layout{display:flex;flex-direction:column;min-height:100vh;font-size:16px;font-weight:400;line-height:1.4rem}:host .dr-layout ::ng-deep dr-layout-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1040}:host .dr-layout ::ng-deep dr-layout-header nav{align-items:center;justify-content:flex-start;display:flex}:host .dr-layout__container{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}:host .dr-layout__container .content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}:host .dr-layout__container .content .columns{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}:host .dr-layout__container .content .columns ::ng-deep dr-layout-body{flex:1 0;min-width:0}\n"] }]
     }], function () { return []; }, null); })();
 
-const _c0$t = ["*"];
+const _c0$v = ["*"];
 class DrLayoutHeaderComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutHeaderComponent_Factory(t) { return new (t || DrLayoutHeaderComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutHeaderComponent, selectors: [["dr-layout-header"]], ngContentSelectors: _c0$t, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutHeaderComponent, selectors: [["dr-layout-header"]], ngContentSelectors: _c0$v, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "nav");
             i0.ɵɵprojection(1);
@@ -11750,11 +11750,11 @@ class DrLayoutHeaderComponent {
             }]
     }], function () { return []; }, null); })();
 
-const _c0$s = ["*"];
+const _c0$u = ["*"];
 class DrLayoutBodyComponent {
     constructor() { }
     /** @nocollapse */ static { this.ɵfac = function DrLayoutBodyComponent_Factory(t) { return new (t || DrLayoutBodyComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutBodyComponent, selectors: [["dr-layout-body"]], ngContentSelectors: _c0$s, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrLayoutBodyComponent, selectors: [["dr-layout-body"]], ngContentSelectors: _c0$u, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 }); }
@@ -11776,7 +11776,7 @@ function DrDetailsListComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(item_r1);
 } }
-const _c0$r = function (a0) { return { value: a0 }; };
+const _c0$t = function (a0) { return { value: a0 }; };
 class DrDetailsListComponent {
     set items(val) {
         if (!val) {
@@ -11823,7 +11823,7 @@ class DrDetailsListComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$r, ctx.state));
+            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$t, ctx.state));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.list);
         } }, dependencies: [i1$1.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: [
@@ -11867,8 +11867,8 @@ class DrDetailsListComponent {
             type: Input
         }] }); })();
 
-const _c0$q = ["content"];
-const _c1$6 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
+const _c0$s = ["content"];
+const _c1$8 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
 function DialogWrapperComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "i", 11);
@@ -11876,7 +11876,7 @@ function DialogWrapperComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$6, !ctx_r0.isMaximized, ctx_r0.isMaximized));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$8, !ctx_r0.isMaximized, ctx_r0.isMaximized));
 } }
 function DialogWrapperComponent_i_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -11980,7 +11980,7 @@ function DialogWrapperComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r6.dialogData.acceptButton);
 } }
-const _c2$2 = function (a0) { return { "flex-position": a0 }; };
+const _c2$3 = function (a0) { return { "flex-position": a0 }; };
 class DialogWrapperComponent {
     get elementClass() {
         return this.dialogData?.theme?.noThemeSizeClass ? null : this.dialogData?.theme?.themeSize || 'medium-modal';
@@ -12062,7 +12062,7 @@ class DialogWrapperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DialogWrapperComponent_Factory(t) { return new (t || DialogWrapperComponent)(i0.ɵɵdirectiveInject(i1$5.MatLegacyDialogRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(MAT_LEGACY_DIALOG_DATA)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DialogWrapperComponent, selectors: [["dr-dialog-wrapper"]], viewQuery: function DialogWrapperComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$q, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$s, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -12091,7 +12091,7 @@ class DialogWrapperComponent {
             i0.ɵɵproperty("ngIf", ctx.dialogData.title);
             i0.ɵɵadvance(1);
             i0.ɵɵclassProp("dialog-wrapper__content--no-padding", ctx.dialogData.theme == null ? null : ctx.dialogData.theme.contentNoPadding);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2$2, (ctx.dialogData.contentIcon == null ? null : ctx.dialogData.contentIcon.class) && !ctx.childComponent));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2$3, (ctx.dialogData.contentIcon == null ? null : ctx.dialogData.contentIcon.class) && !ctx.childComponent));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.dialogData.contentIcon == null ? null : ctx.dialogData.contentIcon.class);
             i0.ɵɵadvance(1);
@@ -12266,8 +12266,8 @@ function DialogModalWrapperComponent_form_7_div_2_label_9_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r19.dialogData.serverErrorMessage, " ");
 } }
-const _c0$p = function (a0) { return { display: a0 }; };
-const _c1$5 = function (a0, a1) { return { "col-md-10": a0, "col-md-12": a1 }; };
+const _c0$r = function (a0) { return { display: a0 }; };
+const _c1$7 = function (a0, a1) { return { "col-md-10": a0, "col-md-12": a1 }; };
 function DialogModalWrapperComponent_form_7_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16);
     i0.ɵɵtemplate(1, DialogModalWrapperComponent_form_7_div_2_label_1_Template, 2, 2, "label", 17);
@@ -12284,11 +12284,11 @@ function DialogModalWrapperComponent_form_7_div_2_Template(rf, ctx) { if (rf & 1
     const field_r11 = ctx.$implicit;
     const ctx_r10 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(field_r11.formGroupClass);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$p, field_r11.isLabelFullWidth ? "block" : "flex"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$r, field_r11.isLabelFullWidth ? "block" : "flex"));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.label && field_r11.type !== ctx_r10.dialogFieldType.CHECKBOX);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c1$5, field_r11.label && !field_r11.isLabelFullWidth, !field_r11.label || field_r11.isLabelFullWidth));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c1$7, field_r11.label && !field_r11.isLabelFullWidth, !field_r11.label || field_r11.isLabelFullWidth));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.type === ctx_r10.dialogFieldType.SELECT);
     i0.ɵɵadvance(1);
@@ -12992,7 +12992,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$o = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
+const _c0$q = 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);
@@ -13001,7 +13001,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$o, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$q, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r0.item.collapsed);
 } }
@@ -14383,7 +14383,7 @@ class DrImageCropperCanvasService {
         type: Injectable
     }], null, null); })();
 
-const _c0$n = ["imageCanvas"];
+const _c0$p = ["imageCanvas"];
 class DrImageCropperComponent {
     constructor(canvasService) {
         this.canvasService = canvasService;
@@ -14441,7 +14441,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$n, 7);
+            i0.ɵɵviewQuery(_c0$p, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
@@ -14845,26 +14845,37 @@ function DrChipComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(1);
     i0.ɵɵelementContainerEnd();
 } }
-function DrChipComponent_i_4_Template(rf, ctx) { if (rf & 1) {
+function DrChipComponent_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "i", 5);
-    i0.ɵɵlistener("click", function DrChipComponent_i_4_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.remove.next(null)); });
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵlistener("click", function DrChipComponent_button_4_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onRemove($event)); });
+    i0.ɵɵelement(1, "i", 6);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", ctx_r2.removeAriaLabel);
 } }
-const _c0$m = ["*"];
+const _c0$o = ["*"];
 class DrChipComponent {
     constructor() {
+        this.removeAriaLabel = 'Remove';
         this.remove = new EventEmitter();
     }
+    onRemove(event) {
+        event.stopPropagation();
+        this.remove.emit();
+    }
     /** @nocollapse */ static { this.ɵfac = function DrChipComponent_Factory(t) { return new (t || DrChipComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChipComponent, selectors: [["dr-chip"]], inputs: { label: "label", icon: "icon", removable: "removable" }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls: 5, vars: 4, consts: [["class", "chip__icon", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["class", "chip__remove dr-icon-exit", 3, "click", 4, "ngIf"], [1, "chip__icon"], [1, "chip__remove", "dr-icon-exit", 3, "click"]], template: function DrChipComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChipComponent, selectors: [["dr-chip"]], hostVars: 1, hostBindings: function DrChipComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.label);
+        } }, inputs: { label: "label", icon: "icon", removable: ["removable", "removable", booleanAttribute], removeAriaLabel: "removeAriaLabel" }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$o, decls: 5, vars: 4, consts: [["class", "chip__icon", "aria-hidden", "true", 3, "class", 4, "ngIf"], [1, "chip__label"], [4, "ngIf"], ["type", "button", "class", "chip__remove", 3, "click", 4, "ngIf"], ["aria-hidden", "true", 1, "chip__icon"], ["type", "button", 1, "chip__remove", 3, "click"], ["aria-hidden", "true", 1, "dr-icon-exit"]], template: function DrChipComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrChipComponent_i_0_Template, 1, 2, "i", 0);
-            i0.ɵɵelementStart(1, "div", 1);
+            i0.ɵɵelementStart(1, "span", 1);
             i0.ɵɵtemplate(2, DrChipComponent_ng_container_2_Template, 2, 0, "ng-container", 2);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, DrChipComponent_i_4_Template, 1, 0, "i", 3);
+            i0.ɵɵtemplate(4, DrChipComponent_button_4_Template, 2, 1, "button", 3);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.icon);
             i0.ɵɵadvance(2);
@@ -14873,23 +14884,28 @@ class DrChipComponent {
             i0.ɵɵtextInterpolate1(" ", ctx.label, "\n");
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.removable);
-        } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}[_nghost-%COMP%]   .chip__icon[_ngcontent-%COMP%]{margin-left:4px;font-size:20px;color:#6d6e6f}[_nghost-%COMP%]   .chip__label[_ngcontent-%COMP%]{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:hover{background-color:#f5f5f5;color:#333}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}[_nghost-%COMP%]   .chip__icon[_ngcontent-%COMP%]{margin-left:4px;font-size:20px;color:#6d6e6f}[_nghost-%COMP%]   .chip__label[_ngcontent-%COMP%]{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:hover{background-color:#f5f5f5;color:#333}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:focus{outline:2px solid #4646ce;outline-offset:1px}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:focus:not(:focus-visible){outline:none}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]:focus-visible{outline:2px solid #4646ce;outline-offset:1px}[_nghost-%COMP%]   .chip__remove[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:20px}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChipComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<i *ngIf=\"icon\" [class]=\"icon\" class=\"chip__icon\"></i>\n<div class=\"chip__label\">\n    <ng-container *ngIf=\"!label\">\n        <ng-content></ng-content>\n    </ng-container>\n    {{ label }}\n</div>\n<i *ngIf=\"removable\" class=\"chip__remove dr-icon-exit\" (click)=\"remove.next(null)\"></i>\n", styles: [":host{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}:host .chip__icon{margin-left:4px;font-size:20px;color:#6d6e6f}:host .chip__label{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}:host .chip__remove{border-radius:50%;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}:host .chip__remove:hover{background-color:#f5f5f5;color:#333}\n"] }]
+        args: [{ selector: 'dr-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], host: {
+                    '[attr.aria-label]': 'label',
+                }, template: "<i *ngIf=\"icon\" [class]=\"icon\" class=\"chip__icon\" aria-hidden=\"true\"></i>\n\n<span class=\"chip__label\">\n    <ng-container *ngIf=\"!label\">\n        <ng-content></ng-content>\n    </ng-container>\n    {{ label }}\n</span>\n\n<button\n    *ngIf=\"removable\"\n    type=\"button\"\n    class=\"chip__remove\"\n    [attr.aria-label]=\"removeAriaLabel\"\n    (click)=\"onRemove($event)\">\n    <i class=\"dr-icon-exit\" aria-hidden=\"true\"></i>\n</button>\n", styles: [":host{display:inline-flex;align-items:center;height:24px;border-radius:12px;padding:0 4px;background-color:#f0f1f4}:host .chip__icon{margin-left:4px;font-size:20px;color:#6d6e6f}:host .chip__label{margin:0 4px;flex-grow:1;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:16px;font-weight:400}:host .chip__remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:#6d6e6f;font-size:20px;cursor:pointer;flex-shrink:0}:host .chip__remove:hover{background-color:#f5f5f5;color:#333}:host .chip__remove:focus{outline:2px solid #4646ce;outline-offset:1px}:host .chip__remove:focus:not(:focus-visible){outline:none}:host .chip__remove:focus-visible{outline:2px solid #4646ce;outline-offset:1px}:host .chip__remove i{font-size:20px}\n"] }]
     }], null, { label: [{
             type: Input
         }], icon: [{
             type: Input
         }], removable: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], removeAriaLabel: [{
             type: Input
         }], remove: [{
             type: Output
         }] }); })();
 
-const _c0$l = ["carouselContainer"];
-const _c1$4 = ["carouselItem"];
+const _c0$n = ["carouselContainer"];
+const _c1$6 = ["carouselItem"];
 function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-button", 5);
@@ -14901,8 +14917,8 @@ function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
 function DrGalleryComponent_div_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c2$1 = function () { return {}; };
-const _c3 = function (a0) { return { $implicit: a0 }; };
+const _c2$2 = function () { return {}; };
+const _c3$1 = function (a0) { return { $implicit: a0 }; };
 function DrGalleryComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6, 7);
     i0.ɵɵtemplate(2, DrGalleryComponent_div_4_ng_container_2_Template, 1, 0, "ng-container", 8);
@@ -14913,9 +14929,9 @@ function DrGalleryComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("transition", ctx_r2.transition);
     i0.ɵɵclassProp("dr-gallery-item_active", ctx_r2.centerIndex === i_r7)("dr-gallery-item_fadein", ctx_r2.fadeIn && ctx_r2.centerIndex === i_r7 + 1);
-    i0.ɵɵproperty("ngStyle", ctx_r2.modeType === "loop" ? ctx_r2.getStyle() : i0.ɵɵpureFunction0(9, _c2$1));
+    i0.ɵɵproperty("ngStyle", ctx_r2.modeType === "loop" ? ctx_r2.getStyle() : i0.ɵɵpureFunction0(9, _c2$2));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.template)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c3, item_r6));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.template)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c3$1, item_r6));
 } }
 function DrGalleryComponent_dr_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -15114,8 +15130,8 @@ class DrGalleryComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
         } }, viewQuery: function DrGalleryComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$l, 5);
-            i0.ɵɵviewQuery(_c1$4, 5);
+            i0.ɵɵviewQuery(_c0$n, 5);
+            i0.ɵɵviewQuery(_c1$6, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRef = _t.first);
@@ -15176,19 +15192,33 @@ function DrProgressBarComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1("", ctx_r0.progress || 0, "%");
 } }
-const _c0$k = ["*"];
+const _c0$m = ["*"];
 class DrProgressBarComponent {
     constructor() {
         /**
-         * @description Option to hide value label
+         * Option to hide value label
          */
         this.showValue = true;
         this.theme = 'light';
+        this.role = 'progressbar';
+        this.ariaValueMin = 0;
+        this.ariaValueMax = 100;
+    }
+    get ariaValueNow() {
+        return this.progress || 0;
+    }
+    get ariaLabel() {
+        const progressValue = this.progress || 0;
+        if (this.customAriaLabel) {
+            return `${this.customAriaLabel}: ${progressValue}% complete`;
+        }
+        return `Progress: ${progressValue}% complete`;
     }
     /** @nocollapse */ static { this.ɵfac = function DrProgressBarComponent_Factory(t) { return new (t || DrProgressBarComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], hostVars: 2, hostBindings: function DrProgressBarComponent_HostBindings(rf, ctx) { if (rf & 2) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], 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", showValue: "showValue", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$k, decls: 5, vars: 3, consts: [[1, "progress-bar__background"], [1, "progress-bar__background__fill"], [1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { progress: "progress", showValue: "showValue", theme: "theme", customAriaLabel: ["aria-label", "customAriaLabel"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$m, decls: 5, vars: 3, consts: [["aria-hidden", "true", 1, "progress-bar__background"], [1, "progress-bar__background__fill"], ["aria-hidden", "true", 1, "progress-bar__value"], [4, "ngIf"]], template: function DrProgressBarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
@@ -15202,14 +15232,13 @@ class DrProgressBarComponent {
             i0.ɵɵstyleProp("width", (ctx.progress || 0) + "%");
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.showValue);
-        } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%], .progress-bar[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:16px}__value[_nghost-%COMP%], .progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}__background[_nghost-%COMP%], .progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}__background__fill[_nghost-%COMP%], .progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%]   .progress-bar__value[_ngcontent-%COMP%], .progress-bar.dark[_ngcontent-%COMP%]   .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
+        } }, dependencies: [CommonModule, i1$1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value[_ngcontent-%COMP%]{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__background[_ngcontent-%COMP%]{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill[_ngcontent-%COMP%]{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}.dark[_nghost-%COMP%]   .progress-bar__value[_ngcontent-%COMP%]{color:#fff}"] }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrProgressBarComponent, [{
         type: Component,
-        args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\">\n    <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host,.progress-bar{display:flex;align-items:center;width:100%;gap:16px}:host__value,.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}:host__background,.progress-bar__background{display:flex;flex-grow:1;position:relative;height:6px;background:#dfe0e3;border-radius:20px}:host__background__fill,.progress-bar__background__fill{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}:host.dark .progress-bar__value,.progress-bar.dark .progress-bar__value{color:#fff}\n"] }]
+        args: [{ selector: 'dr-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"progress-bar__background\" aria-hidden=\"true\">\n    <div class=\"progress-bar__background__fill\" [style.width]=\"(progress || 0) + '%'\"></div>\n</div>\n<span class=\"progress-bar__value\" aria-hidden=\"true\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"showValue\">{{ progress || 0 }}%</ng-container>\n</span>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:16px;height:6px}.progress-bar__value{display:flex;align-items:center;color:#333;font-size:14px;line-height:24px;font-weight:400}.progress-bar__background{display:flex;flex-grow:1;position:relative;background:#dfe0e3;border-radius:20px;height:inherit}.progress-bar__background__fill{transition:all .5s;position:absolute;left:0;top:0;width:0;height:100%;background:#4646ce;border-radius:20px}:host(.dark) .progress-bar__value{color:#fff}\n"] }]
     }], null, { progress: [{
-            type: Input,
-            args: [{ required: true }]
+            type: Input
         }], showValue: [{
             type: Input
         }], theme: [{
@@ -15217,9 +15246,27 @@ class DrProgressBarComponent {
         }, {
             type: HostBinding,
             args: ['class']
+        }], customAriaLabel: [{
+            type: Input,
+            args: ['aria-label']
+        }], role: [{
+            type: HostBinding,
+            args: ['attr.role']
+        }], ariaValueMin: [{
+            type: HostBinding,
+            args: ['attr.aria-valuemin']
+        }], ariaValueMax: [{
+            type: HostBinding,
+            args: ['attr.aria-valuemax']
+        }], ariaValueNow: [{
+            type: HostBinding,
+            args: ['attr.aria-valuenow']
+        }], ariaLabel: [{
+            type: HostBinding,
+            args: ['attr.aria-label']
         }] }); })();
 
-const _c0$j = ["*"];
+const _c0$l = ["*"];
 class DrBadgeComponent {
     constructor() {
         this.color = 'stone';
@@ -15231,7 +15278,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$j, 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$l, decls: 1, vars: 0, template: function DrBadgeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;color:#333;border-radius:4px;box-sizing:border-box;font-size:12px;line-height:16px;font-weight:500}.small[_nghost-%COMP%]{gap:2px;padding:2px 4px}.medium[_nghost-%COMP%]{gap:4px;padding:4px 8px}.light-purple[_nghost-%COMP%]{background-color:#dfd9ff}.water[_nghost-%COMP%]{background-color:#d9f2ff}.baby-blue[_nghost-%COMP%]{background-color:#d9e6ff}.baby-pink[_nghost-%COMP%]{background-color:#ffdbf1}.light-turquoise[_nghost-%COMP%]{background-color:#d6fcf9}.bright-green[_nghost-%COMP%]{background-color:#d9ffea}.stone[_nghost-%COMP%]{background-color:#f6f4f4}.peach[_nghost-%COMP%]{background-color:#ffe5b4}.soft-coral[_nghost-%COMP%]{background-color:#ffd2c2}.pale-yellow[_nghost-%COMP%]{background-color:#fffacd}.pastel-olive[_nghost-%COMP%]{background-color:#dce2b9}.powder-blue-grey[_nghost-%COMP%]{background-color:#d3dbe3}.muted-plum[_nghost-%COMP%]{background-color:#e7c7db}"], changeDetection: 0 }); }
@@ -15396,7 +15443,7 @@ class BottomPositionStrategy {
     }
 }
 
-const _c0$i = ["handleRef"];
+const _c0$k = ["handleRef"];
 function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 3, 4);
 } }
@@ -15510,7 +15557,7 @@ class DrawerContainer extends CdkDialogContainer {
     /** @nocollapse */ static { this.ɵfac = function DrawerContainer_Factory(t) { return new (t || DrawerContainer)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$7.FocusTrapFactory), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(DrawerConfig), i0.ɵɵdirectiveInject(i1$7.InteractivityChecker), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$2.OverlayRef), i0.ɵɵdirectiveInject(i1$7.FocusMonitor)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrawerContainer, selectors: [["dr-drawer-container"]], viewQuery: function DrawerContainer_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(CdkPortalOutlet, 7);
-            i0.ɵɵviewQuery(_c0$i, 5);
+            i0.ɵɵviewQuery(_c0$k, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
@@ -16067,7 +16114,7 @@ function SeparateTableComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
 function SeparateTableComponent_div_2_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$h = function (a0, a1) { return { $implicit: a0, column: a1 }; };
+const _c0$j = function (a0, a1) { return { $implicit: a0, column: a1 }; };
 function SeparateTableComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11);
@@ -16081,7 +16128,7 @@ function SeparateTableComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵreference(4);
     i0.ɵɵproperty("ngStyle", column_r11.styles);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", column_r11.cellTemplate || _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c0$h, row_r3, column_r11));
+    i0.ɵɵproperty("ngTemplateOutlet", column_r11.cellTemplate || _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c0$j, row_r3, column_r11));
 } }
 function SeparateTableComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
@@ -16198,7 +16245,7 @@ class ElementOverflowDirective {
             type: Input
         }] }); })();
 
-const _c0$g = ["container"];
+const _c0$i = ["container"];
 function DrListOverflowComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵtext(1, "...");
@@ -16214,7 +16261,7 @@ function DrListOverflowComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(", +", ctx_r2.overflowed, "");
 } }
-const _c1$3 = ["*"];
+const _c1$5 = ["*"];
 /**
  * Calculate number in HORIZONTAL list that has been overflowed
  */
@@ -16293,11 +16340,11 @@ class DrListOverflowComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrListOverflowComponent_Factory(t) { return new (t || DrListOverflowComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrListOverflowComponent, selectors: [["dr-list-overflow"], ["", "drListOverflow", ""]], viewQuery: function DrListOverflowComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$g, 7);
+            i0.ɵɵviewQuery(_c0$i, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-        } }, inputs: { drListCounterWidth: ["drListCounterWidth", "drListCounterWidth", numberAttribute] }, outputs: { drListOverflowedChange: "drListOverflowedChange" }, exportAs: ["listOverflow"], standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$3, decls: 5, vars: 2, consts: [[1, "overflow-container"], ["container", ""], ["class", "overflow-ellipsis", 4, "ngIf"], ["class", "overflow-counter", 3, "width", 4, "ngIf"], [1, "overflow-ellipsis"], [1, "overflow-counter"]], template: function DrListOverflowComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { drListCounterWidth: ["drListCounterWidth", "drListCounterWidth", numberAttribute] }, outputs: { drListOverflowedChange: "drListOverflowedChange" }, exportAs: ["listOverflow"], standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$5, decls: 5, vars: 2, consts: [[1, "overflow-container"], ["container", ""], ["class", "overflow-ellipsis", 4, "ngIf"], ["class", "overflow-counter", 3, "width", 4, "ngIf"], [1, "overflow-ellipsis"], [1, "overflow-counter"]], template: function DrListOverflowComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0, 1);
             i0.ɵɵprojection(2);
@@ -16324,7 +16371,7 @@ class DrListOverflowComponent {
             args: ['container', { static: true }]
         }] }); })();
 
-const _c0$f = ["*"];
+const _c0$h = ["*"];
 class TextOverflowComponent {
     constructor() {
         this.overflowType = 'horizontal';
@@ -16333,7 +16380,7 @@ class TextOverflowComponent {
         this.isOverflow = false;
     }
     /** @nocollapse */ static { this.ɵfac = function TextOverflowComponent_Factory(t) { return new (t || TextOverflowComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TextOverflowComponent, selectors: [["dr-text-overflow"]], inputs: { overflowType: "overflowType", showTooltip: "showTooltip", tooltipPosition: "tooltipPosition" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$f, decls: 3, vars: 4, consts: [[1, "overflow-element", 3, "drElementOverflow", "drElementOverflowType", "drTooltip", "drTooltipPosition", "drElementOverflowChange"], ["el", ""]], template: function TextOverflowComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TextOverflowComponent, selectors: [["dr-text-overflow"]], inputs: { overflowType: "overflowType", showTooltip: "showTooltip", tooltipPosition: "tooltipPosition" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$h, decls: 3, vars: 4, consts: [[1, "overflow-element", 3, "drElementOverflow", "drElementOverflowType", "drTooltip", "drTooltipPosition", "drElementOverflowChange"], ["el", ""]], template: function TextOverflowComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0, 1);
             i0.ɵɵlistener("drElementOverflowChange", function TextOverflowComponent_Template_div_drElementOverflowChange_0_listener($event) { return ctx.isOverflow = $event; });
@@ -16501,8 +16548,8 @@ class AutofocusDirective {
             }]
     }], null, null); })();
 
-const _c0$e = ["dropdownItemTemplate"];
-const _c1$2 = ["labelItemTemplate"];
+const _c0$g = ["dropdownItemTemplate"];
+const _c1$4 = ["labelItemTemplate"];
 function FilterDropdownComponent_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementContainer(1, 12);
@@ -16559,7 +16606,7 @@ function FilterDropdownComponent_ng_template_14_span_0_ng_container_1_Template(r
     i0.ɵɵtext(1, ",");
     i0.ɵɵelementContainerEnd();
 } }
-const _c2 = function (a0) { return { $implicit: a0 }; };
+const _c2$1 = function (a0) { return { $implicit: a0 }; };
 function FilterDropdownComponent_ng_template_14_span_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtemplate(1, FilterDropdownComponent_ng_template_14_span_0_ng_container_1_Template, 2, 0, "ng-container", 15);
@@ -16573,7 +16620,7 @@ function FilterDropdownComponent_ng_template_14_span_0_Template(rf, ctx) { if (r
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", i_r21);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r19.labelItemTemplate || _r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c2, item_r20));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r19.labelItemTemplate || _r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c2$1, item_r20));
 } }
 function FilterDropdownComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, FilterDropdownComponent_ng_template_14_span_0_Template, 3, 5, "span", 14);
@@ -16653,7 +16700,7 @@ function FilterDropdownComponent_ng_template_18_div_0_dr_dropdown_6_dr_dropdown_
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r37.multiple);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r37.dropdownItemTemplate || _r41)("ngTemplateOutletContext", i0.ɵɵpureFunction1(5, _c2, item_r38));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r37.dropdownItemTemplate || _r41)("ngTemplateOutletContext", i0.ɵɵpureFunction1(5, _c2$1, item_r38));
 } }
 function FilterDropdownComponent_ng_template_18_div_0_dr_dropdown_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "dr-dropdown", 30);
@@ -16833,8 +16880,8 @@ class FilterDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function FilterDropdownComponent_Factory(t) { return new (t || FilterDropdownComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: FilterDropdownComponent, selectors: [["dr-filter-dropdown"]], contentQueries: function FilterDropdownComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$e, 5, TemplateRef);
-            i0.ɵɵcontentQuery(dirIndex, _c1$2, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, _c0$g, 5, TemplateRef);
+            i0.ɵɵcontentQuery(dirIndex, _c1$4, 5, TemplateRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownItemTemplate = _t.first);
@@ -17208,7 +17255,7 @@ class CellSetAsDefaultComponent {
 function CellIconActionsComponent_div_1_span_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$d = function (a0) { return { $implicit: a0 }; };
+const _c0$f = function (a0) { return { $implicit: a0 }; };
 function CellIconActionsComponent_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtemplate(1, CellIconActionsComponent_div_1_span_1_ng_container_1_Template, 1, 0, "ng-container", 7);
@@ -17222,7 +17269,7 @@ function CellIconActionsComponent_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("badge", icon_r5.badgeColor);
     i0.ɵɵproperty("drTooltipMouseEnterTimeout", 100)("drTooltip", icon_r5.customTooltip ? icon_r5.customTooltip(ctx_r8.field, ctx_r8.rowIndex, ctx_r8.rowData) : icon_r5.tooltip);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", icon_r5.isSimpleIcon ? _r3 : _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c0$d, icon_r5));
+    i0.ɵɵproperty("ngTemplateOutlet", icon_r5.isSimpleIcon ? _r3 : _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction1(8, _c0$f, icon_r5));
 } }
 function CellIconActionsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
@@ -17330,7 +17377,7 @@ function CellSplitRowsComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngForOf", ctx_r3.rows);
 } }
-const _c0$c = function () { return { isMainText: true }; };
+const _c0$e = function () { return { isMainText: true }; };
 class CellSplitRowsComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -17370,7 +17417,7 @@ class CellSplitRowsComponent {
             i0.ɵɵstyleProp("gap", ctx.rowGap);
             i0.ɵɵproperty("drTooltip", ctx.showTooltip || ctx.hasOverflownRow ? _r0 : null);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction0(7, _c0$c));
+            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction0(7, _c0$e));
         } }, dependencies: [CommonModule, i1$1.NgForOf, i1$1.NgTemplateOutlet, i1$1.NgStyle, DrTooltipModule, DrTooltipDirective, ElementOverflowDirective], styles: ["[_nghost-%COMP%]{display:flex;width:100%}.cell-split-rows[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:inherit;font-weight:400}.cell-split-rows__row[_ngcontent-%COMP%]{margin:0;padding:0;color:#0c142b;line-height:16px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-split-rows__row[_ngcontent-%COMP%]:first-child{line-height:24px;font-size:14px}.cell-split-rows.highlightMain[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]{font-size:14px;color:#6d6e6f}.cell-split-rows.highlightMain[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]:first-child{color:#333}.cell-split-rows.simple-text[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:26px}.cell-split-rows.simple-text[_ngcontent-%COMP%] > .cell-split-rows__row[_ngcontent-%COMP%]{font-weight:400;font-size:14px;line-height:24px;color:#333}.cell-split-rows__tooltip[_ngcontent-%COMP%]{padding:5px}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellSplitRowsComponent, [{
@@ -17553,7 +17600,7 @@ class CellChildrenListComponent {
 function CellCustomTemplateComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c0$b = function (a0, a1) { return { data: a0, params: a1 }; };
+const _c0$d = function (a0, a1) { return { data: a0, params: a1 }; };
 class CellCustomTemplateComponent {
     agInit(params) {
         this.data = params.data;
@@ -17566,7 +17613,7 @@ class CellCustomTemplateComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellCustomTemplateComponent, selectors: [["dr-cell-custom-template"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 5, consts: [[4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function CellCustomTemplateComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CellCustomTemplateComponent_ng_container_0_Template, 1, 0, "ng-container", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.params.getTemplateFn(ctx.data))("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$b, ctx.data, ctx.params));
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.params.getTemplateFn(ctx.data))("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$d, ctx.data, ctx.params));
         } }, dependencies: [CommonModule, i1$1.NgTemplateOutlet], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;width:100%;height:100%;flex:1}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CellCustomTemplateComponent, [{
@@ -17617,7 +17664,7 @@ class CellBadgeStatusComponent {
         args: [{ selector: 'dr-cell-badge-status', standalone: true, imports: [CommonModule, DrBadgeStatusModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-badge-status\n    *ngIf=\"badgeStatus\"\n    [icon]=\"badgeStatus.icon\"\n    [tooltip]=\"badgeStatus.tooltip\"\n    [label]=\"badgeStatus.label\"\n    [theme]=\"badgeStatus.theme\"\n    (click)=\"onClick()\">\n</dr-badge-status>\n", styles: [":host{display:flex;align-items:center;width:100%;height:100%}:host::ng-deep .badge-status{cursor:inherit!important}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$a = ["textSpan"];
+const _c0$c = ["textSpan"];
 function CellIconTextEditComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 5);
 } if (rf & 2) {
@@ -17703,7 +17750,7 @@ class CellIconTextEditComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function CellIconTextEditComponent_Factory(t) { return new (t || CellIconTextEditComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: CellIconTextEditComponent, selectors: [["dr-cell-icon-text-edit"]], viewQuery: function CellIconTextEditComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$a, 5);
+            i0.ɵɵviewQuery(_c0$c, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textSpan = _t.first);
@@ -18057,7 +18104,7 @@ const GRID_THEME_OPTIONS = {
     },
 };
 
-const _c0$9 = ["agGrid"];
+const _c0$b = ["agGrid"];
 function DrGridComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵpipe(1, "async");
@@ -18333,7 +18380,7 @@ class DrGridComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrGridComponent_Factory(t) { return new (t || DrGridComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridComponent, selectors: [["dr-grid"]], viewQuery: function DrGridComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$9, 5, ElementRef);
+            i0.ɵɵviewQuery(_c0$b, 5, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.agGridEl = _t.first);
@@ -18415,7 +18462,7 @@ function DrGridPaginationComponent_span_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate2("", ctx_r0.toRow, " of ", ctx_r0.count, " items ");
 } }
-const _c0$8 = function (a0) { return { disable: a0 }; };
+const _c0$a = function (a0) { return { disable: a0 }; };
 class DrGridPaginationComponent {
     constructor() {
         this.perPage = 50;
@@ -18510,17 +18557,17 @@ class DrGridPaginationComponent {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$8, ctx.showPrev));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$a, ctx.showPrev));
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$8, ctx.showPrev));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$a, ctx.showPrev));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngModel", ctx.page)("max", ctx.totalPages);
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("", ctx.totalPages, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$8, ctx.showNext));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0$a, ctx.showNext));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c0$8, ctx.showNext));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c0$a, ctx.showNext));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("", ctx.perPage, "\u00A0items per page");
             i0.ɵɵadvance(3);
@@ -18757,12 +18804,12 @@ function DrGridToolbarComponent_dr_input_3_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngModel", ctx_r0.searchInput)("searchMini", ctx_r0.searchMini)("clearable", true);
 } }
-const _c0$7 = function (a0, a1) { return { gridApi: a0, gridColumnApi: a1 }; };
+const _c0$9 = function (a0, a1) { return { gridApi: a0, gridColumnApi: a1 }; };
 function DrGridToolbarComponent_dr_button_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "dr-button", 8);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("drPopover", ctx_r1.ColumnsFilterPopover)("drPopoverPosition", "bottom-right")("drPopoverContext", i0.ɵɵpureFunction2(3, _c0$7, ctx_r1.gridApi, ctx_r1.gridColumnApi));
+    i0.ɵɵproperty("drPopover", ctx_r1.ColumnsFilterPopover)("drPopoverPosition", "bottom-right")("drPopoverContext", i0.ɵɵpureFunction2(3, _c0$9, ctx_r1.gridApi, ctx_r1.gridColumnApi));
 } }
 function DrGridToolbarComponent_dr_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
@@ -18785,7 +18832,7 @@ function DrGridToolbarComponent_dr_button_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function DrGridToolbarComponent_dr_button_8_Template_dr_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.onExport()); });
     i0.ɵɵelementEnd();
 } }
-const _c1$1 = ["*"];
+const _c1$3 = ["*"];
 class DrGridToolbarComponent {
     constructor(router, activatedRoute) {
         this.router = router;
@@ -18835,7 +18882,7 @@ class DrGridToolbarComponent {
         this.destroy$.complete();
     }
     /** @nocollapse */ static { this.ɵfac = function DrGridToolbarComponent_Factory(t) { return new (t || DrGridToolbarComponent)(i0.ɵɵdirectiveInject(i1$8.Router), i0.ɵɵdirectiveInject(i1$8.ActivatedRoute)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridToolbarComponent, selectors: [["dr-grid-toolbar"]], inputs: { gridApi: "gridApi", gridColumnApi: "gridColumnApi", title: "title", showSearch: "showSearch", searchMini: "searchMini", reactiveSearch: "reactiveSearch", showColumnSettings: "showColumnSettings", menuActions: "menuActions", menuActionsTooltip: "menuActionsTooltip", showRefresh: "showRefresh", csvParams: "csvParams" }, outputs: { search: "search", menuActionsClick: "menuActionsClick", refresh: "refresh" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$1, decls: 9, vars: 6, consts: [["data-test", "table_title", 1, "dr-grid-toolbar__title"], [1, "dr-grid-toolbar__actions"], ["class", "dr-grid-toolbar__actions__search", "data-analytics", "admin_admin-table-header_input-0", "type", "search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__columns-settings", "data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 3, "drPopover", "drPopoverPosition", "drPopoverContext", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__more-actions", "drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 3, "drTooltip", "drDropdown", "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__refresh", "data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 3, "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__export", "drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 3, "click", 4, "ngIf"], ["data-analytics", "admin_admin-table-header_input-0", "type", "search", 1, "dr-grid-toolbar__actions__search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter"], ["data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 1, "dr-grid-toolbar__actions__columns-settings", 3, "drPopover", "drPopoverPosition", "drPopoverContext"], ["drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 1, "dr-grid-toolbar__actions__more-actions", 3, "drTooltip", "drDropdown", "click"], ["data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 1, "dr-grid-toolbar__actions__refresh", 3, "click"], ["drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 1, "dr-grid-toolbar__actions__export", 3, "click"]], template: function DrGridToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrGridToolbarComponent, selectors: [["dr-grid-toolbar"]], inputs: { gridApi: "gridApi", gridColumnApi: "gridColumnApi", title: "title", showSearch: "showSearch", searchMini: "searchMini", reactiveSearch: "reactiveSearch", showColumnSettings: "showColumnSettings", menuActions: "menuActions", menuActionsTooltip: "menuActionsTooltip", showRefresh: "showRefresh", csvParams: "csvParams" }, outputs: { search: "search", menuActionsClick: "menuActionsClick", refresh: "refresh" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$3, decls: 9, vars: 6, consts: [["data-test", "table_title", 1, "dr-grid-toolbar__title"], [1, "dr-grid-toolbar__actions"], ["class", "dr-grid-toolbar__actions__search", "data-analytics", "admin_admin-table-header_input-0", "type", "search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__columns-settings", "data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 3, "drPopover", "drPopoverPosition", "drPopoverContext", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__more-actions", "drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 3, "drTooltip", "drDropdown", "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__refresh", "data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 3, "click", 4, "ngIf"], ["class", "dr-grid-toolbar__actions__export", "drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 3, "click", 4, "ngIf"], ["data-analytics", "admin_admin-table-header_input-0", "type", "search", 1, "dr-grid-toolbar__actions__search", 3, "ngModel", "searchMini", "clearable", "ngModelChange", "search", "blur", "searchHandler", "clearHandler", "keyup.enter"], ["data-analytics", "admin_admin-table-header_button-1", "theme", "icon-primary", "drTooltip", "Columns Menu", "drTooltipPosition", "top", "icon", "dr-icon-bars", 1, "dr-grid-toolbar__actions__columns-settings", 3, "drPopover", "drPopoverPosition", "drPopoverContext"], ["drTooltipPosition", "top", "data-analytics", "admin_admin-table-header_button-3", "theme", "icon-primary", "drDropdownPosition", "bottom-right", "icon", "dr-icon-more", 1, "dr-grid-toolbar__actions__more-actions", 3, "drTooltip", "drDropdown", "click"], ["data-analytics", "admin_admin-table-header_button-5", "theme", "icon-secondary", "icon", "dr-icon-refresh", "drTooltip", "Refresh", "drTooltipPosition", "top", 1, "dr-grid-toolbar__actions__refresh", 3, "click"], ["drTooltip", "Export table to csv file", "drTooltipPosition", "top-right", "data-analytics", "admin_admin-table-header_button-6", "theme", "icon-secondary", "icon", "dr-icon-export-excel", 1, "dr-grid-toolbar__actions__export", 3, "click"]], template: function DrGridToolbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtext(1);
@@ -18989,7 +19036,7 @@ class DrDividerComponent {
             args: ['class.dr-divider--vertical']
         }] }); })();
 
-const _c0$6 = ["*"];
+const _c0$8 = ["*"];
 class DrCardComponent {
     constructor() {
         this.padding = 'medium';
@@ -19006,7 +19053,7 @@ class DrCardComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardComponent, selectors: [["dr-card"]], hostVars: 4, hostBindings: function DrCardComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role)("aria-label", ctx.ariaLabelAttr);
             i0.ɵɵclassMap(ctx.hostClasses);
-        } }, inputs: { padding: "padding", appearance: "appearance", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$6, decls: 1, vars: 0, template: function DrCardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { padding: "padding", appearance: "appearance", ariaLabel: "ariaLabel" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$8, decls: 1, vars: 0, template: function DrCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:#fff;color:#6d6e6f}.dr-card--appearance-outlined[_nghost-%COMP%]{border-radius:12px;border:1px solid #dfe0e3}.dr-card--appearance-flat[_nghost-%COMP%]{border:none;border-radius:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-header{padding:0}.dr-card--padding-none[_nghost-%COMP%]     dr-card-content{padding:0}[_nghost-%COMP%]     .dr-card-title{display:block;font-size:16px;font-weight:500;line-height:24px;color:#333;flex-grow:1;width:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[_nghost-%COMP%]     .dr-card-subtitle{display:block;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], changeDetection: 0 }); }
@@ -19031,10 +19078,10 @@ class DrCardComponent {
             args: ['attr.aria-label']
         }] }); })();
 
-const _c0$5 = ["*"];
+const _c0$7 = ["*"];
 class DrCardContentComponent {
     /** @nocollapse */ static { this.ɵfac = function DrCardContentComponent_Factory(t) { return new (t || DrCardContentComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardContentComponent, selectors: [["dr-card-content"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function DrCardContentComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardContentComponent, selectors: [["dr-card-content"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$7, decls: 1, vars: 0, template: function DrCardContentComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}"], changeDetection: 0 }); }
@@ -19044,12 +19091,12 @@ class DrCardContentComponent {
         args: [{ selector: 'dr-card-content', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;flex:1;overflow:auto;padding:0 24px;line-height:24px}\n"] }]
     }], null, null); })();
 
-const _c0$4 = [[["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], [["dr-card-header-actions"]], [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]]];
-const _c1 = ["dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]", "dr-card-header-actions", "dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"];
+const _c0$6 = [[["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], [["dr-card-header-actions"]], [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]]];
+const _c1$2 = ["dr-card-title, dr-card-header-title, [dr-card-title], [drCardTitle]", "dr-card-header-actions", "dr-card-subtitle, dr-card-header-subtitle, [dr-card-subtitle], [drCardSubtitle]"];
 class DrCardHeaderComponent {
     /** @nocollapse */ static { this.ɵfac = function DrCardHeaderComponent_Factory(t) { return new (t || DrCardHeaderComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderComponent, selectors: [["dr-card-header"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 4, vars: 0, consts: [[1, "card__header-wrapper"]], template: function DrCardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$4);
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderComponent, selectors: [["dr-card-header"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$2, decls: 4, vars: 0, consts: [[1, "card__header-wrapper"]], template: function DrCardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$6);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -19068,10 +19115,10 @@ class DrCardHeaderComponent {
     `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;padding:24px 24px 16px;overflow:hidden;width:100%}:host .card__header-wrapper{flex-shrink:0;overflow:hidden;width:100%;display:flex;align-items:center}\n"] }]
     }], null, null); })();
 
-const _c0$3 = ["*"];
+const _c0$5 = ["*"];
 class DrCardHeaderActionsComponent {
     /** @nocollapse */ static { this.ɵfac = function DrCardHeaderActionsComponent_Factory(t) { return new (t || DrCardHeaderActionsComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderActionsComponent, selectors: [["dr-card-header-actions"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, decls: 1, vars: 0, template: function DrCardHeaderActionsComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardHeaderActionsComponent, selectors: [["dr-card-header-actions"]], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function DrCardHeaderActionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;line-height:24px;flex-shrink:0}"], changeDetection: 0 }); }
@@ -19082,10 +19129,10 @@ class DrCardHeaderActionsComponent {
     }], null, null); })();
 
 /* eslint-disable @angular-eslint/no-host-metadata-property */
-const _c0$2 = ["*"];
+const _c0$4 = ["*"];
 class DrCardTitleComponent {
     /** @nocollapse */ static { this.ɵfac = function DrCardTitleComponent_Factory(t) { return new (t || DrCardTitleComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardTitleComponent, selectors: [["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], hostAttrs: ["role", "heading", "aria-level", "2", 1, "dr-card-title"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$2, decls: 1, vars: 0, template: function DrCardTitleComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardTitleComponent, selectors: [["dr-card-title"], ["dr-card-header-title"], ["", "dr-card-title", ""], ["", "drCardTitle", ""]], hostAttrs: ["role", "heading", "aria-level", "2", 1, "dr-card-title"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function DrCardTitleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
@@ -19106,10 +19153,10 @@ class DrCardTitleComponent {
     }], null, null); })();
 
 /* eslint-disable @angular-eslint/no-host-metadata-property */
-const _c0$1 = ["*"];
+const _c0$3 = ["*"];
 class DrCardSubtitleComponent {
     /** @nocollapse */ static { this.ɵfac = function DrCardSubtitleComponent_Factory(t) { return new (t || DrCardSubtitleComponent)(); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardSubtitleComponent, selectors: [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]], hostAttrs: ["role", "heading", "aria-level", "3", 1, "dr-card-subtitle"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$1, decls: 1, vars: 0, template: function DrCardSubtitleComponent_Template(rf, ctx) { if (rf & 1) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCardSubtitleComponent, selectors: [["dr-card-subtitle"], ["dr-card-header-subtitle"], ["", "dr-card-subtitle", ""], ["", "drCardSubtitle", ""]], hostAttrs: ["role", "heading", "aria-level", "3", 1, "dr-card-subtitle"], standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, decls: 1, vars: 0, template: function DrCardSubtitleComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
@@ -19161,6 +19208,936 @@ class DrCardModule {
         DrCardTitleComponent,
         DrCardSubtitleComponent] }); })();
 
+class DrDragDropDirective {
+    constructor() {
+        this.fileDrop = new EventEmitter();
+        this.dragStateChange = new EventEmitter();
+        this.isDragover = false;
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.isDragover) {
+            this.isDragover = true;
+            this.dragStateChange.emit(true);
+        }
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragover = false;
+        this.dragStateChange.emit(false);
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragover = false;
+        this.dragStateChange.emit(false);
+        const files = event.dataTransfer?.files;
+        if (files && files.length > 0) {
+            this.fileDrop.emit(files);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrDragDropDirective_Factory(t) { return new (t || DrDragDropDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrDragDropDirective, selectors: [["", "drDragDrop", ""]], hostVars: 2, hostBindings: function DrDragDropDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("dragover", function DrDragDropDirective_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function DrDragDropDirective_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); })("drop", function DrDragDropDirective_drop_HostBindingHandler($event) { return ctx.onDrop($event); });
+        } if (rf & 2) {
+            i0.ɵɵclassProp("dr-file-upload--dragover", ctx.isDragover);
+        } }, outputs: { fileDrop: "fileDrop", dragStateChange: "dragStateChange" }, standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDragDropDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[drDragDrop]',
+                standalone: true,
+            }]
+    }], null, { fileDrop: [{
+            type: Output
+        }], dragStateChange: [{
+            type: Output
+        }], isDragover: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--dragover']
+        }], onDragOver: [{
+            type: HostListener,
+            args: ['dragover', ['$event']]
+        }], onDragLeave: [{
+            type: HostListener,
+            args: ['dragleave', ['$event']]
+        }], onDrop: [{
+            type: HostListener,
+            args: ['drop', ['$event']]
+        }] }); })();
+
+function DrFileUploadItemComponent_ng_container_7_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "dr-progress-bar", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-label", "Uploading " + ctx_r2.item.file.name + ": " + ctx_r2.item.progress + "% complete");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("progress", ctx_r2.item.progress)("showValue", false);
+} }
+function DrFileUploadItemComponent_ng_container_7_div_2_div_2_i_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 14);
+} }
+function DrFileUploadItemComponent_ng_container_7_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵtemplate(1, DrFileUploadItemComponent_ng_container_7_div_2_div_2_i_1_Template, 1, 0, "i", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r5.item.status === "success");
+} }
+function DrFileUploadItemComponent_ng_container_7_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "dr-progress-bar", 10);
+    i0.ɵɵtemplate(2, DrFileUploadItemComponent_ng_container_7_div_2_div_2_Template, 2, 1, "div", 11);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-label", ctx_r3.item.file.name + " upload complete");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("progress", 100)("showValue", false);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r3.compact);
+} }
+function DrFileUploadItemComponent_ng_container_7_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-live", ctx_r4.item.status === "error" ? "assertive" : "polite")("role", ctx_r4.item.status === "error" ? "alert" : null);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.statusText, " ");
+} }
+function DrFileUploadItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadItemComponent_ng_container_7_div_1_Template, 2, 3, "div", 7);
+    i0.ɵɵtemplate(2, DrFileUploadItemComponent_ng_container_7_div_2_Template, 3, 4, "div", 7);
+    i0.ɵɵtemplate(3, DrFileUploadItemComponent_ng_container_7_div_3_Template, 2, 3, "div", 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.item.status === "uploading" || ctx_r0.item.status === "pending");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.item.status === "success");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.statusText && !ctx_r0.compact);
+} }
+function DrFileUploadItemComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16)(1, "button", 17);
+    i0.ɵɵlistener("click", function DrFileUploadItemComponent_div_8_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onRemoveClick()); });
+    i0.ɵɵelement(2, "i", 18);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-label", "Remove file " + ctx_r1.item.file.name);
+} }
+class DrFileUploadItemComponent {
+    constructor() {
+        this.removable = true;
+        this.compact = false;
+        this.remove = new EventEmitter();
+    }
+    get statusText() {
+        switch (this.item?.status) {
+            case 'success':
+                return 'Upload completed';
+            case 'error':
+                return this.item.errorMessage || 'Upload failed';
+            case 'uploading':
+                return 'Uploading';
+            case 'idle':
+            case 'pending':
+            default:
+                return '';
+        }
+    }
+    get statusAriaText() {
+        switch (this.item?.status) {
+            case 'success':
+                return 'Status: Upload completed';
+            case 'error':
+                return `Status: ${this.item.errorMessage || 'Upload failed'}`;
+            case 'uploading':
+                return `Status: Uploading, ${this.item.progress}% complete`;
+            case 'pending':
+                return 'Status: Pending upload';
+            case 'idle':
+                return 'Status: Ready for upload';
+            default:
+                return '';
+        }
+    }
+    get withRemoveButton() {
+        return this.removable && (!this.compact || (this.compact && this.item.status !== 'uploading'));
+    }
+    get withActions() {
+        return this.withRemoveButton;
+    }
+    onRemoveClick() {
+        this.remove.emit();
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrFileUploadItemComponent_Factory(t) { return new (t || DrFileUploadItemComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFileUploadItemComponent, selectors: [["dr-file-upload-item"]], hostAttrs: ["role", "article"], hostVars: 11, hostBindings: function DrFileUploadItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.statusAriaText);
+            i0.ɵɵclassProp("dr-file-upload-item--compact", ctx.compact)("dr-file-upload-item--success", (ctx.item == null ? null : ctx.item.status) === "success")("dr-file-upload-item--error", (ctx.item == null ? null : ctx.item.status) === "error")("dr-file-upload-item--uploading", (ctx.item == null ? null : ctx.item.status) === "uploading")("dr-file-upload-item--idle", (ctx.item == null ? null : ctx.item.status) === "idle");
+        } }, inputs: { item: "item", removable: ["removable", "removable", booleanAttribute], compact: ["compact", "compact", booleanAttribute] }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 9, vars: 3, consts: [["aria-hidden", "true", 1, "dr-file-upload-item__icon"], [1, "dr-icon-attachment"], [1, "dr-file-upload-item__content"], [1, "dr-file-upload-item__header"], [1, "dr-file-upload-item__filename"], [4, "ngIf"], ["class", "dr-file-upload-item__actions", 4, "ngIf"], ["class", "dr-file-upload-item__progress", 4, "ngIf"], ["class", "dr-file-upload-item__status", 4, "ngIf"], [1, "dr-file-upload-item__progress"], [3, "progress", "showValue"], ["class", "dr-file-upload-item__success-container", 4, "ngIf"], [1, "dr-file-upload-item__success-container"], ["class", "dr-file-upload-item__success-icon dr-icon-approve", "aria-hidden", "true", 4, "ngIf"], ["aria-hidden", "true", 1, "dr-file-upload-item__success-icon", "dr-icon-approve"], [1, "dr-file-upload-item__status"], [1, "dr-file-upload-item__actions"], ["type", "button", 1, "dr-file-upload-item__remove-btn", 3, "click"], ["aria-hidden", "true", 1, "dr-file-upload-item__remove-icon", "dr-icon-exit"]], template: function DrFileUploadItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "i", 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "span", 4)(5, "dr-text-overflow");
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵtemplate(7, DrFileUploadItemComponent_ng_container_7_Template, 4, 3, "ng-container", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(8, DrFileUploadItemComponent_div_8_Template, 3, 1, "div", 6);
+        } if (rf & 2) {
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate1(" ", ctx.item.file.name, " ");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.item.status !== "idle");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.withActions);
+        } }, dependencies: [CommonModule, i1$1.NgIf, DrProgressBarComponent, TextOverflowComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px;padding:4px 24px 4px 16px;background:#fff;border:1px solid #dfe0e3;border-radius:6px;min-height:40px;width:100%}.dr-file-upload-item--compact[_nghost-%COMP%]{padding:4px 16px 4px 8px;width:200px}.dr-file-upload-item--compact[_nghost-%COMP%]   .dr-file-upload-item__icon[_ngcontent-%COMP%]{width:24px;height:24px}.dr-file-upload-item--compact[_nghost-%COMP%]   .dr-file-upload-item__filename[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400}.dr-file-upload-item__icon[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(90deg,#4646ce1a 0% 100%),#fff;border-radius:4px;flex-shrink:0}.dr-file-upload-item__icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:24px;color:#4646ce}.dr-file-upload-item__content[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.dr-file-upload-item__header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:16px}.dr-file-upload-item__filename[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-file-upload-item__progress[_ngcontent-%COMP%]{width:100%}.dr-file-upload-item__progress[_ngcontent-%COMP%]   dr-progress-bar[_ngcontent-%COMP%]{gap:8px}.dr-file-upload-item__status[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;color:#aeabac;min-height:26px}.dr-file-upload-item__actions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;flex-shrink:0}.dr-file-upload-item__success-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;background-color:#037c5a}.dr-file-upload-item__success-icon[_ngcontent-%COMP%]{font-size:16px;color:#fff}.dr-file-upload-item__remove-btn[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:2px}.dr-file-upload-item__remove-btn[_ngcontent-%COMP%]:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload-item__remove-btn[_ngcontent-%COMP%]:focus:not(:focus-visible){outline:none}.dr-file-upload-item__remove-btn[_ngcontent-%COMP%]:focus-visible{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload-item__remove-icon[_ngcontent-%COMP%]{font-size:24px;color:#6d6e6f;cursor:pointer;transition:color .2s ease-in-out}.dr-file-upload-item__remove-icon[_ngcontent-%COMP%]:hover{color:#333}.dr-file-upload-item--success[_nghost-%COMP%]   .dr-file-upload-item__status[_ngcontent-%COMP%]{color:#037c5a}.dr-file-upload-item--error[_nghost-%COMP%]   .dr-file-upload-item__status[_ngcontent-%COMP%]{color:#bf1d30}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrFileUploadItemComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-file-upload-item', standalone: true, imports: [CommonModule, DrProgressBarComponent, TextOverflowComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                    role: 'article',
+                    '[attr.aria-label]': 'statusAriaText',
+                    '[class.dr-file-upload-item--compact]': 'compact',
+                    '[class.dr-file-upload-item--success]': 'item?.status === "success"',
+                    '[class.dr-file-upload-item--error]': 'item?.status === "error"',
+                    '[class.dr-file-upload-item--uploading]': 'item?.status === "uploading"',
+                    '[class.dr-file-upload-item--idle]': 'item?.status === "idle"',
+                }, template: "<div class=\"dr-file-upload-item__icon\" aria-hidden=\"true\">\n    <i class=\"dr-icon-attachment\"></i>\n</div>\n\n<div class=\"dr-file-upload-item__content\">\n    <div class=\"dr-file-upload-item__header\">\n        <span class=\"dr-file-upload-item__filename\">\n            <dr-text-overflow>\n                {{ item.file.name }}\n            </dr-text-overflow>\n        </span>\n    </div>\n\n    <ng-container *ngIf=\"item.status !== 'idle'\">\n        <div\n            class=\"dr-file-upload-item__progress\"\n            *ngIf=\"item.status === 'uploading' || item.status === 'pending'\"\n            [attr.aria-label]=\"'Uploading ' + item.file.name + ': ' + item.progress + '% complete'\">\n            <dr-progress-bar [progress]=\"item.progress\" [showValue]=\"false\"></dr-progress-bar>\n        </div>\n\n        <div\n            class=\"dr-file-upload-item__progress\"\n            *ngIf=\"item.status === 'success'\"\n            [attr.aria-label]=\"item.file.name + ' upload complete'\">\n            <dr-progress-bar [progress]=\"100\" [showValue]=\"false\">\n                <div class=\"dr-file-upload-item__success-container\" *ngIf=\"!compact\">\n                    <i\n                        *ngIf=\"item.status === 'success'\"\n                        class=\"dr-file-upload-item__success-icon dr-icon-approve\"\n                        aria-hidden=\"true\">\n                    </i>\n                </div>\n            </dr-progress-bar>\n        </div>\n\n        <div\n            class=\"dr-file-upload-item__status\"\n            *ngIf=\"statusText && !compact\"\n            [attr.aria-live]=\"item.status === 'error' ? 'assertive' : 'polite'\"\n            [attr.role]=\"item.status === 'error' ? 'alert' : null\">\n            {{ statusText }}\n        </div>\n    </ng-container>\n</div>\n\n<div class=\"dr-file-upload-item__actions\" *ngIf=\"withActions\">\n    <button\n        type=\"button\"\n        class=\"dr-file-upload-item__remove-btn\"\n        [attr.aria-label]=\"'Remove file ' + item.file.name\"\n        (click)=\"onRemoveClick()\">\n        <i class=\"dr-file-upload-item__remove-icon dr-icon-exit\" aria-hidden=\"true\"></i>\n    </button>\n</div>\n", styles: [":host{display:flex;align-items:center;gap:8px;padding:4px 24px 4px 16px;background:#fff;border:1px solid #dfe0e3;border-radius:6px;min-height:40px;width:100%}:host.dr-file-upload-item--compact{padding:4px 16px 4px 8px;width:200px}:host.dr-file-upload-item--compact .dr-file-upload-item__icon{width:24px;height:24px}:host.dr-file-upload-item--compact .dr-file-upload-item__filename{font-size:12px;line-height:16px;font-weight:400}.dr-file-upload-item__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(90deg,#4646ce1a 0% 100%),#fff;border-radius:4px;flex-shrink:0}.dr-file-upload-item__icon i{font-size:24px;color:#4646ce}.dr-file-upload-item__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.dr-file-upload-item__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dr-file-upload-item__filename{font-size:14px;line-height:24px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-file-upload-item__progress{width:100%}.dr-file-upload-item__progress dr-progress-bar{gap:8px}.dr-file-upload-item__status{font-size:12px;line-height:16px;font-weight:400;color:#aeabac;min-height:26px}.dr-file-upload-item__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.dr-file-upload-item__success-container{display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;background-color:#037c5a}.dr-file-upload-item__success-icon{font-size:16px;color:#fff}.dr-file-upload-item__remove-btn{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:2px}.dr-file-upload-item__remove-btn:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload-item__remove-btn:focus:not(:focus-visible){outline:none}.dr-file-upload-item__remove-btn:focus-visible{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload-item__remove-icon{font-size:24px;color:#6d6e6f;cursor:pointer;transition:color .2s ease-in-out}.dr-file-upload-item__remove-icon:hover{color:#333}:host(.dr-file-upload-item--success) .dr-file-upload-item__status{color:#037c5a}:host(.dr-file-upload-item--error) .dr-file-upload-item__status{color:#bf1d30}\n"] }]
+    }], null, { item: [{
+            type: Input,
+            args: [{ required: true }]
+        }], removable: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], compact: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], remove: [{
+            type: Output
+        }] }); })();
+
+class FileUploadValidationService {
+    filterByFormat(files, accept) {
+        const allowedExtensions = this.getAcceptedExtensions(accept);
+        const allowedMimes = this.getAcceptedMimes(accept);
+        let invalidFileName;
+        const valid = files.filter((file) => {
+            const isValid = this.isFileFormatValid(file, allowedExtensions, allowedMimes);
+            if (!isValid && !invalidFileName) {
+                invalidFileName = file.name;
+            }
+            return isValid;
+        });
+        return { valid, invalidFileName };
+    }
+    filterBySize(files, maxFileSizeMB) {
+        const maxBytes = maxFileSizeMB * 1024 * 1024;
+        let oversizedFileName;
+        const valid = files.filter((file) => {
+            const isValid = file.size <= maxBytes;
+            if (!isValid && !oversizedFileName) {
+                oversizedFileName = file.name;
+            }
+            return isValid;
+        });
+        return { valid, oversizedFileName };
+    }
+    getAcceptedExtensions(accept) {
+        return (accept || '')
+            .split(',')
+            .map((s) => s.trim().toLowerCase())
+            .filter((s) => s.startsWith('.'))
+            .map((s) => s.substring(1));
+    }
+    getAcceptedMimes(accept) {
+        return (accept || '')
+            .split(',')
+            .map((s) => s.trim().toLowerCase())
+            .filter((s) => s.includes('/'));
+    }
+    isFileFormatValid(file, allowedExtensions, allowedMimes) {
+        const mime = (file.type || '').toLowerCase();
+        const name = file.name || '';
+        const ext = name.includes('.') ? name.split('.').pop()?.toLowerCase() || '' : '';
+        if (mime && allowedMimes.length > 0) {
+            const mimeMatches = allowedMimes.some((allowedMime) => {
+                if (allowedMime === '*/*') {
+                    return true;
+                }
+                if (allowedMime.endsWith('/*')) {
+                    const prefix = allowedMime.slice(0, -1); // 'image/*' -> 'image/'
+                    return mime.startsWith(prefix);
+                }
+                return allowedMime === mime;
+            });
+            if (mimeMatches) {
+                return true;
+            }
+        }
+        if (ext && allowedExtensions.length > 0 && allowedExtensions.includes(ext)) {
+            return true;
+        }
+        if (allowedExtensions.length === 0 && allowedMimes.length === 0) {
+            return true;
+        }
+        return false;
+    }
+    /** @nocollapse */ static { this.ɵfac = function FileUploadValidationService_Factory(t) { return new (t || FileUploadValidationService)(); }; }
+    /** @nocollapse */ static { this.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: FileUploadValidationService, factory: FileUploadValidationService.ɵfac, providedIn: 'root' }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadValidationService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], null, null); })();
+
+const _c0$2 = ["dropzoneTemplate"];
+const _c1$1 = ["fileItemTemplate"];
+const _c2 = ["browseButtonTemplate"];
+const _c3 = ["uploadTemplate"];
+const _c4 = ["fileInput"];
+function DrFileUploadComponent_div_2_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function DrFileUploadComponent_div_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_div_2_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r5.dropzoneTemplate);
+} }
+function DrFileUploadComponent_div_2_ng_template_2_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r9.computedDropzoneSubtext);
+} }
+function DrFileUploadComponent_div_2_ng_template_2_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function DrFileUploadComponent_div_2_ng_template_2_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_div_2_ng_template_2_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r10 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r10.browseButtonTemplate);
+} }
+function DrFileUploadComponent_div_2_ng_template_2_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-button", 16);
+    i0.ɵɵlistener("click", function DrFileUploadComponent_div_2_ng_template_2_ng_template_8_Template_dr_button_click_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(3); ctx_r14.onBrowseClick(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(1, " Browse ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r12 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("aria-label", "Browse files. " + ctx_r12.acceptDescription);
+} }
+function DrFileUploadComponent_div_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 10)(2, "span", 11);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, DrFileUploadComponent_div_2_ng_template_2_span_4_Template, 2, 1, "span", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 13);
+    i0.ɵɵtext(6, "Or");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, DrFileUploadComponent_div_2_ng_template_2_ng_container_7_Template, 2, 1, "ng-container", 6);
+    i0.ɵɵtemplate(8, DrFileUploadComponent_div_2_ng_template_2_ng_template_8_Template, 2, 1, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r11 = i0.ɵɵreference(9);
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r7.dropzoneText);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r7.computedDropzoneSubtext);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r7.browseButtonTemplate)("ngIfElse", _r11);
+} }
+function DrFileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵlistener("fileDrop", function DrFileUploadComponent_div_2_Template_div_fileDrop_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onFileDrop($event)); })("dragStateChange", function DrFileUploadComponent_div_2_Template_div_dragStateChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.onDragStateChange($event)); })("click", function DrFileUploadComponent_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.onBrowseClick()); })("keydown.enter", function DrFileUploadComponent_div_2_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.onBrowseClick()); })("keydown.space", function DrFileUploadComponent_div_2_Template_div_keydown_space_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r21 = i0.ɵɵnextContext(); ctx_r21.onBrowseClick(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtemplate(1, DrFileUploadComponent_div_2_ng_container_1_Template, 2, 1, "ng-container", 6);
+    i0.ɵɵtemplate(2, DrFileUploadComponent_div_2_ng_template_2_Template, 10, 4, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r6 = i0.ɵɵreference(3);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("tabindex", ctx_r1.disabled ? -1 : 0)("aria-label", ctx_r1.dropzoneAriaLabel)("aria-disabled", ctx_r1.disabled)("aria-describedby", ctx_r1.validationErrorMessage ? "file-upload-error" : null);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.dropzoneTemplate)("ngIfElse", _r6);
+} }
+function DrFileUploadComponent_ng_container_3_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+const _c5 = function (a0, a1) { return { $implicit: a0, remove: a1 }; };
+function DrFileUploadComponent_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_ng_container_3_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 18);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r22 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r22.fileItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c5, ctx_r22.files[0], ctx_r22.onFileRemove.bind(ctx_r22)));
+} }
+function DrFileUploadComponent_ng_container_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19)(1, "button", 20);
+    i0.ɵɵlistener("click", function DrFileUploadComponent_ng_container_3_ng_template_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.onFileRemove(ctx_r26.files[0])); });
+    i0.ɵɵelement(2, "i", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "dr-file-upload-item", 22);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r24 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-label", "Uploaded file: " + ctx_r24.files[0].file.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-label", "Remove file " + ctx_r24.files[0].file.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("item", ctx_r24.files[0])("removable", false);
+} }
+function DrFileUploadComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_ng_container_3_ng_container_1_Template, 2, 5, "ng-container", 6);
+    i0.ɵɵtemplate(2, DrFileUploadComponent_ng_container_3_ng_template_2_Template, 4, 4, "ng-template", null, 17, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const _r23 = i0.ɵɵreference(3);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.fileItemTemplate)("ngIfElse", _r23);
+} }
+function DrFileUploadComponent_ng_container_4_li_5_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function DrFileUploadComponent_ng_container_4_li_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_ng_container_4_li_5_ng_container_1_ng_container_1_Template, 1, 0, "ng-container", 18);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const item_r30 = i0.ɵɵnextContext().$implicit;
+    const ctx_r31 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r31.fileItemTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c5, item_r30, ctx_r31.onFileRemove.bind(ctx_r31)));
+} }
+function DrFileUploadComponent_ng_container_4_li_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-file-upload-item", 30);
+    i0.ɵɵlistener("remove", function DrFileUploadComponent_ng_container_4_li_5_ng_template_2_Template_dr_file_upload_item_remove_0_listener() { i0.ɵɵrestoreView(_r38); const item_r30 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r36.onFileRemove(item_r30)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r30 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("item", item_r30)("removable", true)("compact", true);
+} }
+function DrFileUploadComponent_ng_container_4_li_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 28);
+    i0.ɵɵtemplate(1, DrFileUploadComponent_ng_container_4_li_5_ng_container_1_Template, 2, 5, "ng-container", 6);
+    i0.ɵɵtemplate(2, DrFileUploadComponent_ng_container_4_li_5_ng_template_2_Template, 1, 3, "ng-template", null, 29, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r32 = i0.ɵɵreference(3);
+    const ctx_r28 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r28.fileItemTemplate)("ngIfElse", _r32);
+} }
+function DrFileUploadComponent_ng_container_4_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r29 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate2(" ", ctx_r29.failedFilesCount, " ", ctx_r29.failedFilesCount === 1 ? "file" : "files", " could not be uploaded. Please try again ");
+} }
+function DrFileUploadComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "div", 23)(2, "div", 24);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "ul", 25);
+    i0.ɵɵtemplate(5, DrFileUploadComponent_ng_container_4_li_5_Template, 4, 2, "li", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, DrFileUploadComponent_ng_container_4_div_6_Template, 2, 2, "div", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2(" ", ctx_r3.uploadedFiles.length, " ", ctx_r3.uploadedFiles.length === 1 ? "File" : "Files", " uploaded ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-label", ctx_r3.files.length + " files in upload queue");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r3.files)("ngForTrackBy", ctx_r3.trackByFile);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r3.hasPartialSuccess);
+} }
+function DrFileUploadComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.validationErrorMessage, "\n");
+} }
+class DrFileUploadComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.validationService = inject(FileUploadValidationService);
+        this.variant = 'single';
+        this.accept = '.xlsx,.xls';
+        this.maxFiles = 10;
+        this.disabled = false;
+        this.validateFormats = true;
+        this.dropzoneText = 'Drag & drop your .xlsx or .xls files here';
+        this.filesChange = new EventEmitter();
+        this.fileRemove = new EventEmitter();
+        this.validationError = new EventEmitter();
+        this._files = [];
+        this.isDragover = false;
+    }
+    set files(value) {
+        this._files = value;
+    }
+    get files() {
+        return this._files;
+    }
+    ngAfterViewInit() {
+        if (this.uploadTemplate) {
+            this.dropzoneTemplate = this.uploadTemplate.dropzoneTemplate;
+            this.fileItemTemplate = this.uploadTemplate.fileItemTemplate;
+            this.cdr.detectChanges();
+        }
+    }
+    get isDisabled() {
+        return this.disabled;
+    }
+    get hasDragover() {
+        return this.isDragover;
+    }
+    get hasFiles() {
+        return this.files.length > 0;
+    }
+    get isSingle() {
+        return this.variant === 'single';
+    }
+    get isMultiple() {
+        return this.variant === 'multiple';
+    }
+    get computedDropzoneSubtext() {
+        if (this.dropzoneSubtext) {
+            return this.dropzoneSubtext;
+        }
+        const hasMaxSize = this.maxFileSize !== undefined && this.maxFileSize !== Infinity && this.maxFileSize > 0;
+        const hasMaxFiles = this.maxFiles !== undefined && this.maxFiles !== Infinity && this.maxFiles > 0;
+        if (this.variant === 'multiple') {
+            const filesWord = this.maxFiles === 1 ? 'file' : 'files';
+            if (hasMaxFiles && hasMaxSize) {
+                return `(up to ${this.maxFiles} ${filesWord}, ${this.maxFileSize} MB each)`;
+            }
+            if (hasMaxFiles) {
+                return `(up to ${this.maxFiles} ${filesWord})`;
+            }
+            if (hasMaxSize) {
+                return `(up to ${this.maxFileSize} MB per file)`;
+            }
+            return '';
+        }
+        if (hasMaxSize) {
+            return `(up to ${this.maxFileSize} MB)`;
+        }
+        return '';
+    }
+    get validationErrorMessage() {
+        return this.invalidFormatError || this.invalidSizeError || this.overLimitError || this.errorMessage;
+    }
+    get showDropzone() {
+        if (this.variant === 'multiple') {
+            return true;
+        }
+        return this.files.length === 0;
+    }
+    get uploadedFiles() {
+        return this.files.filter((f) => f.status === 'success');
+    }
+    get failedFilesCount() {
+        return this.files.filter((f) => f.status === 'error').length;
+    }
+    get hasPartialSuccess() {
+        return this.uploadedFiles.length > 0 && this.failedFilesCount > 0;
+    }
+    get ariaLabel() {
+        if (this.customAriaLabel) {
+            return this.customAriaLabel;
+        }
+        const fileType = this.variant === 'single' ? 'file' : 'files';
+        return `Upload ${fileType}. ${this.acceptDescription}`;
+    }
+    get dropzoneAriaLabel() {
+        const action = this.variant === 'single' ? 'Click or drag and drop a file' : 'Click or drag and drop files';
+        return `${action}. ${this.acceptDescription}`;
+    }
+    get acceptDescription() {
+        const extensions = this.validationService.getAcceptedExtensions(this.accept);
+        if (extensions.length > 0) {
+            return `Accepted formats: ${extensions.map((e) => '.' + e).join(', ')}`;
+        }
+        const mimes = this.validationService.getAcceptedMimes(this.accept);
+        if (mimes.length > 0) {
+            return `Accepted types: ${mimes.join(', ')}`;
+        }
+        return 'All file types accepted';
+    }
+    trackByFile(_index, item) {
+        return item.file.name + item.file.size + item.file.lastModified;
+    }
+    onDragStateChange(isDragover) {
+        this.isDragover = isDragover;
+        this.cdr.markForCheck();
+    }
+    onFileDrop(fileList) {
+        this.handleFiles(fileList);
+    }
+    onBrowseClick() {
+        if (!this.disabled) {
+            this.fileInput?.nativeElement?.click();
+        }
+    }
+    onFileInputChange(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            this.handleFiles(input.files);
+            input.value = '';
+        }
+    }
+    onFileRemove(item) {
+        this._files = this._files.filter((f) => f !== item);
+        this.fileRemove.emit(item.file);
+        this.filesChange.emit(this._files);
+        this.clearValidationErrors();
+        this.cdr.markForCheck();
+    }
+    handleFiles(fileList) {
+        if (this.disabled) {
+            return;
+        }
+        this.clearValidationErrors();
+        let filesArray = Array.from(fileList);
+        if (this.validateFormats) {
+            const result = this.validationService.filterByFormat(filesArray, this.accept);
+            filesArray = result.valid;
+            if (result.invalidFileName) {
+                this.invalidFormatError = `Invalid file format: ${result.invalidFileName}`;
+                this.validationError.emit({
+                    type: 'format',
+                    fileName: result.invalidFileName,
+                    message: this.invalidFormatError,
+                });
+            }
+        }
+        if (this.maxFileSize !== undefined && this.maxFileSize !== Infinity && this.maxFileSize > 0) {
+            const result = this.validationService.filterBySize(filesArray, this.maxFileSize);
+            filesArray = result.valid;
+            if (result.oversizedFileName) {
+                this.invalidSizeError = `File too large: ${result.oversizedFileName} (max ${this.maxFileSize} MB)`;
+                this.validationError.emit({
+                    type: 'size',
+                    fileName: result.oversizedFileName,
+                    message: this.invalidSizeError,
+                });
+            }
+        }
+        if (this.variant === 'multiple') {
+            const availableSlots = Math.max(this.maxFiles - this._files.length, 0);
+            if (availableSlots < filesArray.length) {
+                this.overLimitError = `Maximum ${this.maxFiles} files allowed`;
+                this.validationError.emit({
+                    type: 'limit',
+                    message: this.overLimitError,
+                });
+                filesArray = filesArray.slice(0, availableSlots);
+            }
+        }
+        if (filesArray.length === 0) {
+            this.cdr.markForCheck();
+            return;
+        }
+        const newItems = filesArray.map((file) => ({
+            file,
+            progress: 0,
+            status: 'pending',
+        }));
+        if (this.variant === 'single') {
+            this._files = newItems.slice(0, 1);
+        }
+        else {
+            this._files = [...this._files, ...newItems].slice(0, this.maxFiles);
+        }
+        this.filesChange.emit(this._files);
+        this.cdr.markForCheck();
+    }
+    clearValidationErrors() {
+        this.invalidFormatError = undefined;
+        this.invalidSizeError = undefined;
+        this.overLimitError = undefined;
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrFileUploadComponent_Factory(t) { return new (t || DrFileUploadComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFileUploadComponent, selectors: [["dr-file-upload"]], contentQueries: function DrFileUploadComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, _c0$2, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c1$1, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c2, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c3, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropzoneTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileItemTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.browseButtonTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.uploadTemplate = _t.first);
+        } }, viewQuery: function DrFileUploadComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c4, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
+        } }, hostVars: 10, hostBindings: function DrFileUploadComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵclassProp("dr-file-upload--disabled", ctx.isDisabled)("dr-file-upload--dragover", ctx.hasDragover)("dr-file-upload--has-files", ctx.hasFiles)("dr-file-upload--single", ctx.isSingle)("dr-file-upload--multiple", ctx.isMultiple);
+        } }, inputs: { variant: "variant", accept: "accept", maxFileSize: "maxFileSize", maxFiles: "maxFiles", disabled: ["disabled", "disabled", booleanAttribute], validateFormats: ["validateFormats", "validateFormats", booleanAttribute], dropzoneText: "dropzoneText", dropzoneSubtext: "dropzoneSubtext", errorMessage: "errorMessage", customAriaLabel: ["aria-label", "customAriaLabel"], files: "files" }, outputs: { filesChange: "filesChange", fileRemove: "fileRemove", validationError: "validationError" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 6, vars: 8, consts: [["type", "file", "hidden", "", 3, "accept", "multiple", "change"], ["fileInput", ""], ["class", "dr-file-upload__dropzone", "role", "button", "drDragDrop", "", 3, "fileDrop", "dragStateChange", "click", "keydown.enter", "keydown.space", 4, "ngIf"], [4, "ngIf"], ["id", "file-upload-error", "class", "dr-file-upload__error", "role", "alert", "aria-live", "assertive", 4, "ngIf"], ["role", "button", "drDragDrop", "", 1, "dr-file-upload__dropzone", 3, "fileDrop", "dragStateChange", "click", "keydown.enter", "keydown.space"], [4, "ngIf", "ngIfElse"], ["defaultDropzone", ""], [4, "ngTemplateOutlet"], [1, "dr-file-upload__dropzone-content"], [1, "dr-file-upload__dropzone-text"], [1, "dr-file-upload__dropzone-title"], ["class", "dr-file-upload__dropzone-subtitle", 4, "ngIf"], ["aria-hidden", "true", 1, "dr-file-upload__dropzone-or"], ["defaultBrowseButton", ""], [1, "dr-file-upload__dropzone-subtitle"], ["theme", "secondary", "icon", "dr-icon-add", 3, "click"], ["defaultSingleFileItem", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["role", "group", 1, "dr-file-upload__single-item-container"], ["type", "button", 1, "dr-file-upload__single-item-close", 3, "click"], ["aria-hidden", "true", 1, "dr-icon-exit"], [3, "item", "removable"], ["role", "region", "aria-label", "Uploaded files", 1, "dr-file-upload__files-section"], ["aria-live", "polite", 1, "dr-file-upload__files-header"], ["role", "list", 1, "dr-file-upload__files-list"], ["role", "listitem", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "dr-file-upload__partial-error", "role", "alert", "aria-live", "assertive", 4, "ngIf"], ["role", "listitem"], ["defaultMultipleFileItem", ""], [3, "item", "removable", "compact", "remove"], ["role", "alert", "aria-live", "assertive", 1, "dr-file-upload__partial-error"], ["id", "file-upload-error", "role", "alert", "aria-live", "assertive", 1, "dr-file-upload__error"]], template: function DrFileUploadComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "input", 0, 1);
+            i0.ɵɵlistener("change", function DrFileUploadComponent_Template_input_change_0_listener($event) { return ctx.onFileInputChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, DrFileUploadComponent_div_2_Template, 4, 6, "div", 2);
+            i0.ɵɵtemplate(3, DrFileUploadComponent_ng_container_3_Template, 4, 2, "ng-container", 3);
+            i0.ɵɵtemplate(4, DrFileUploadComponent_ng_container_4_Template, 7, 6, "ng-container", 3);
+            i0.ɵɵtemplate(5, DrFileUploadComponent_div_5_Template, 2, 1, "div", 4);
+        } if (rf & 2) {
+            i0.ɵɵproperty("accept", ctx.accept)("multiple", ctx.variant === "multiple");
+            i0.ɵɵattribute("aria-label", ctx.ariaLabel)("aria-describedby", ctx.validationErrorMessage ? "file-upload-error" : null);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showDropzone);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.variant === "single" && ctx.files.length > 0);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.variant === "multiple" && ctx.files.length > 0);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.validationErrorMessage);
+        } }, dependencies: [CommonModule, i1$1.NgForOf, i1$1.NgIf, i1$1.NgTemplateOutlet, DrDragDropDirective, DrFileUploadItemComponent, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:24px;width:100%}.dr-file-upload__dropzone[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 32px;background:#fff;border:1px dashed #9ea1aa;border-radius:4px;cursor:pointer;transition:all .2s ease}.dr-file-upload__dropzone[_ngcontent-%COMP%]:hover{border-color:#4646ce;background-color:#f5f5f5}.dr-file-upload__dropzone[_ngcontent-%COMP%]:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload__dropzone[_ngcontent-%COMP%]:focus:not(:focus-visible){outline:none}.dr-file-upload__dropzone[_ngcontent-%COMP%]:focus-visible{outline:2px solid #4646ce;outline-offset:2px;border-color:#4646ce}.dr-file-upload__dropzone-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:8px}.dr-file-upload__dropzone-text[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:4px}.dr-file-upload__dropzone-title[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-file-upload__dropzone-subtitle[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;color:#6d6e6f}.dr-file-upload__dropzone-or[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-file-upload__files-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px}.dr-file-upload__files-header[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-file-upload__files-list[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.dr-file-upload__files-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{display:contents}.dr-file-upload__partial-error[_ngcontent-%COMP%], .dr-file-upload__error[_ngcontent-%COMP%]{font-size:12px;line-height:16px;font-weight:400;color:#bf1d30}.dr-file-upload__single-item-container[_ngcontent-%COMP%]{position:relative;padding:32px 16px;background:#fff;border:1px dashed #9ea1aa;border-radius:4px;min-height:126px;display:flex;align-items:center}.dr-file-upload__single-item-container[_ngcontent-%COMP%]   dr-file-upload-item[_ngcontent-%COMP%]{border:none;padding:0;background:transparent}.dr-file-upload__single-item-close[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;z-index:1;border-radius:2px}.dr-file-upload__single-item-close[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:16px;color:#333}.dr-file-upload__single-item-close[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%]{color:#333}.dr-file-upload__single-item-close[_ngcontent-%COMP%]:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload__single-item-close[_ngcontent-%COMP%]:focus:not(:focus-visible){outline:none}.dr-file-upload__single-item-close[_ngcontent-%COMP%]:focus-visible{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload--dragover[_nghost-%COMP%]   .dr-file-upload__dropzone[_ngcontent-%COMP%]{background:#f5f5f5;border-color:#4646ce}.dr-file-upload--disabled[_nghost-%COMP%]   .dr-file-upload__dropzone[_ngcontent-%COMP%]{pointer-events:none;opacity:.6}.dr-file-upload--disabled[_nghost-%COMP%]   .dr-file-upload__dropzone[_ngcontent-%COMP%]:hover{border-color:#9ea1aa}.dr-file-upload--single[_nghost-%COMP%]   .dr-file-upload__dropzone[_ngcontent-%COMP%]{min-height:148px}.dr-file-upload--multiple[_nghost-%COMP%]   .dr-file-upload__dropzone[_ngcontent-%COMP%]{min-height:100px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrFileUploadComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-file-upload', standalone: true, imports: [CommonModule, DrDragDropDirective, DrFileUploadItemComponent, DrButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    #fileInput\n    type=\"file\"\n    [accept]=\"accept\"\n    [multiple]=\"variant === 'multiple'\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-describedby]=\"validationErrorMessage ? 'file-upload-error' : null\"\n    (change)=\"onFileInputChange($event)\"\n    hidden />\n\n<div\n    *ngIf=\"showDropzone\"\n    class=\"dr-file-upload__dropzone\"\n    role=\"button\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n    [attr.aria-label]=\"dropzoneAriaLabel\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-describedby]=\"validationErrorMessage ? 'file-upload-error' : null\"\n    drDragDrop\n    (fileDrop)=\"onFileDrop($event)\"\n    (dragStateChange)=\"onDragStateChange($event)\"\n    (click)=\"onBrowseClick()\"\n    (keydown.enter)=\"onBrowseClick()\"\n    (keydown.space)=\"onBrowseClick(); $event.preventDefault()\">\n    <ng-container *ngIf=\"dropzoneTemplate; else defaultDropzone\">\n        <ng-container *ngTemplateOutlet=\"dropzoneTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-template #defaultDropzone>\n        <div class=\"dr-file-upload__dropzone-content\">\n            <div class=\"dr-file-upload__dropzone-text\">\n                <span class=\"dr-file-upload__dropzone-title\">{{ dropzoneText }}</span>\n                <span *ngIf=\"computedDropzoneSubtext\" class=\"dr-file-upload__dropzone-subtitle\">{{\n                    computedDropzoneSubtext\n                }}</span>\n            </div>\n            <span class=\"dr-file-upload__dropzone-or\" aria-hidden=\"true\">Or</span>\n            <ng-container *ngIf=\"browseButtonTemplate; else defaultBrowseButton\">\n                <ng-container *ngTemplateOutlet=\"browseButtonTemplate\"></ng-container>\n            </ng-container>\n            <ng-template #defaultBrowseButton>\n                <dr-button\n                    theme=\"secondary\"\n                    icon=\"dr-icon-add\"\n                    [attr.aria-label]=\"'Browse files. ' + acceptDescription\"\n                    (click)=\"onBrowseClick(); $event.stopPropagation()\">\n                    Browse\n                </dr-button>\n            </ng-template>\n        </div>\n    </ng-template>\n</div>\n\n<ng-container *ngIf=\"variant === 'single' && files.length > 0\">\n    <ng-container *ngIf=\"fileItemTemplate; else defaultSingleFileItem\">\n        <ng-container *ngTemplateOutlet=\"fileItemTemplate; context: { $implicit: files[0], remove: onFileRemove.bind(this) }\">\n        </ng-container>\n    </ng-container>\n\n    <ng-template #defaultSingleFileItem>\n        <div\n            class=\"dr-file-upload__single-item-container\"\n            role=\"group\"\n            [attr.aria-label]=\"'Uploaded file: ' + files[0].file.name\">\n            <button\n                type=\"button\"\n                class=\"dr-file-upload__single-item-close\"\n                [attr.aria-label]=\"'Remove file ' + files[0].file.name\"\n                (click)=\"onFileRemove(files[0])\">\n                <i class=\"dr-icon-exit\" aria-hidden=\"true\"></i>\n            </button>\n            <dr-file-upload-item [item]=\"files[0]\" [removable]=\"false\"> </dr-file-upload-item>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"variant === 'multiple' && files.length > 0\">\n    <div class=\"dr-file-upload__files-section\" role=\"region\" aria-label=\"Uploaded files\">\n        <div class=\"dr-file-upload__files-header\" aria-live=\"polite\">\n            {{ uploadedFiles.length }} {{ uploadedFiles.length === 1 ? 'File' : 'Files' }} uploaded\n        </div>\n        <ul class=\"dr-file-upload__files-list\" role=\"list\" [attr.aria-label]=\"files.length + ' files in upload queue'\">\n            <li *ngFor=\"let item of files; trackBy: trackByFile\" role=\"listitem\">\n                <ng-container *ngIf=\"fileItemTemplate; else defaultMultipleFileItem\">\n                    <ng-container\n                        *ngTemplateOutlet=\"fileItemTemplate; context: { $implicit: item, remove: onFileRemove.bind(this) }\">\n                    </ng-container>\n                </ng-container>\n\n                <ng-template #defaultMultipleFileItem>\n                    <dr-file-upload-item [item]=\"item\" [removable]=\"true\" [compact]=\"true\" (remove)=\"onFileRemove(item)\">\n                    </dr-file-upload-item>\n                </ng-template>\n            </li>\n        </ul>\n        <div *ngIf=\"hasPartialSuccess\" class=\"dr-file-upload__partial-error\" role=\"alert\" aria-live=\"assertive\">\n            {{ failedFilesCount }} {{ failedFilesCount === 1 ? 'file' : 'files' }} could not be uploaded. Please try again\n        </div>\n    </div>\n</ng-container>\n\n<div\n    *ngIf=\"validationErrorMessage\"\n    id=\"file-upload-error\"\n    class=\"dr-file-upload__error\"\n    role=\"alert\"\n    aria-live=\"assertive\">\n    {{ validationErrorMessage }}\n</div>\n", styles: [":host{display:flex;flex-direction:column;gap:24px;width:100%}.dr-file-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 32px;background:#fff;border:1px dashed #9ea1aa;border-radius:4px;cursor:pointer;transition:all .2s ease}.dr-file-upload__dropzone:hover{border-color:#4646ce;background-color:#f5f5f5}.dr-file-upload__dropzone:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload__dropzone:focus:not(:focus-visible){outline:none}.dr-file-upload__dropzone:focus-visible{outline:2px solid #4646ce;outline-offset:2px;border-color:#4646ce}.dr-file-upload__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.dr-file-upload__dropzone-text{display:flex;flex-direction:column;align-items:center;gap:4px}.dr-file-upload__dropzone-title{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-file-upload__dropzone-subtitle{font-size:12px;line-height:16px;font-weight:400;color:#6d6e6f}.dr-file-upload__dropzone-or{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.dr-file-upload__files-section{display:flex;flex-direction:column;gap:8px}.dr-file-upload__files-header{font-size:14px;line-height:24px;font-weight:400;color:#333}.dr-file-upload__files-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.dr-file-upload__files-list li{display:contents}.dr-file-upload__partial-error,.dr-file-upload__error{font-size:12px;line-height:16px;font-weight:400;color:#bf1d30}.dr-file-upload__single-item-container{position:relative;padding:32px 16px;background:#fff;border:1px dashed #9ea1aa;border-radius:4px;min-height:126px;display:flex;align-items:center}.dr-file-upload__single-item-container dr-file-upload-item{border:none;padding:0;background:transparent}.dr-file-upload__single-item-close{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;z-index:1;border-radius:2px}.dr-file-upload__single-item-close i{font-size:16px;color:#333}.dr-file-upload__single-item-close:hover i{color:#333}.dr-file-upload__single-item-close:focus{outline:2px solid #4646ce;outline-offset:2px}.dr-file-upload__single-item-close:focus:not(:focus-visible){outline:none}.dr-file-upload__single-item-close:focus-visible{outline:2px solid #4646ce;outline-offset:2px}:host(.dr-file-upload--dragover) .dr-file-upload__dropzone{background:#f5f5f5;border-color:#4646ce}:host(.dr-file-upload--disabled) .dr-file-upload__dropzone{pointer-events:none;opacity:.6}:host(.dr-file-upload--disabled) .dr-file-upload__dropzone:hover{border-color:#9ea1aa}:host(.dr-file-upload--single) .dr-file-upload__dropzone{min-height:148px}:host(.dr-file-upload--multiple) .dr-file-upload__dropzone{min-height:100px}\n"] }]
+    }], null, { variant: [{
+            type: Input
+        }], accept: [{
+            type: Input
+        }], maxFileSize: [{
+            type: Input
+        }], maxFiles: [{
+            type: Input
+        }], disabled: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], validateFormats: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], dropzoneText: [{
+            type: Input
+        }], dropzoneSubtext: [{
+            type: Input
+        }], errorMessage: [{
+            type: Input
+        }], customAriaLabel: [{
+            type: Input,
+            args: ['aria-label']
+        }], files: [{
+            type: Input
+        }], filesChange: [{
+            type: Output
+        }], fileRemove: [{
+            type: Output
+        }], validationError: [{
+            type: Output
+        }], dropzoneTemplate: [{
+            type: ContentChild,
+            args: ['dropzoneTemplate']
+        }], fileItemTemplate: [{
+            type: ContentChild,
+            args: ['fileItemTemplate']
+        }], browseButtonTemplate: [{
+            type: ContentChild,
+            args: ['browseButtonTemplate']
+        }], uploadTemplate: [{
+            type: ContentChild,
+            args: ['uploadTemplate']
+        }], fileInput: [{
+            type: ViewChild,
+            args: ['fileInput', { static: true }]
+        }], isDisabled: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--disabled']
+        }], hasDragover: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--dragover']
+        }], hasFiles: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--has-files']
+        }], isSingle: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--single']
+        }], isMultiple: [{
+            type: HostBinding,
+            args: ['class.dr-file-upload--multiple']
+        }] }); })();
+
+const _c0$1 = ["dropzoneTemplate"];
+const _c1 = ["fileItemTemplate"];
+function DrFileUploadImageTemplateComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "div", 3);
+    i0.ɵɵelementStart(2, "div", 4)(3, "span", 5);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 6);
+    i0.ɵɵtext(6, "or ");
+    i0.ɵɵelementStart(7, "span", 7);
+    i0.ɵɵtext(8, "Select a photo");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.title);
+} }
+function DrFileUploadImageTemplateComponent_ng_template_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "dr-image-cropper", 11);
+    i0.ɵɵlistener("cropChanged", function DrFileUploadImageTemplateComponent_ng_template_2_ng_container_1_Template_dr_image_cropper_cropChanged_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.onCropChanged($event)); })("clearClicked", function DrFileUploadImageTemplateComponent_ng_template_2_ng_container_1_Template_dr_image_cropper_clearClicked_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r13 = i0.ɵɵnextContext(); const item_r5 = ctx_r13.$implicit; const remove_r6 = ctx_r13.remove; return i0.ɵɵresetView(remove_r6(item_r5)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r7 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("imageFile", ctx_r7.originalImageFile || item_r5.file)("cropperSize", ctx_r7.cropperSize);
+} }
+function DrFileUploadImageTemplateComponent_ng_template_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "img", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "dr-button", 14);
+    i0.ɵɵlistener("click", function DrFileUploadImageTemplateComponent_ng_template_2_ng_template_2_Template_dr_button_click_2_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); const item_r5 = ctx_r16.$implicit; const remove_r6 = ctx_r16.remove; return i0.ɵɵresetView(remove_r6(item_r5)); });
+    i0.ɵɵtext(3, " Try another image ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r9 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("src", ctx_r9.imgUrl || ctx_r9.getImageUrl(item_r5.file), i0.ɵɵsanitizeUrl);
+} }
+function DrFileUploadImageTemplateComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtemplate(1, DrFileUploadImageTemplateComponent_ng_template_2_ng_container_1_Template, 2, 2, "ng-container", 9);
+    i0.ɵɵtemplate(2, DrFileUploadImageTemplateComponent_ng_template_2_ng_template_2_Template, 4, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const _r8 = i0.ɵɵreference(3);
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r3.useImageCropper)("ngIfElse", _r8);
+} }
+class DrFileUploadImageTemplateComponent {
+    constructor() {
+        this.title = 'Drag & drop a photo';
+        this.useImageCropper = false;
+        this.imageCropped = new EventEmitter();
+        this.imageUrlCache = new WeakMap();
+        this.createdUrls = new Set();
+    }
+    ngOnDestroy() {
+        this.createdUrls.forEach((url) => {
+            URL.revokeObjectURL(url);
+        });
+        this.createdUrls.clear();
+    }
+    onCropChanged(data) {
+        this.imageCropped.emit(data);
+    }
+    getImageUrl(file) {
+        if (!file) {
+            return '';
+        }
+        let url = this.imageUrlCache.get(file);
+        if (!url) {
+            url = URL.createObjectURL(file);
+            this.imageUrlCache.set(file, url);
+            this.createdUrls.add(url);
+        }
+        return url;
+    }
+    revokeImageUrl(file) {
+        const url = this.imageUrlCache.get(file);
+        if (url) {
+            URL.revokeObjectURL(url);
+            this.createdUrls.delete(url);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrFileUploadImageTemplateComponent_Factory(t) { return new (t || DrFileUploadImageTemplateComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrFileUploadImageTemplateComponent, selectors: [["dr-file-upload-image-template"]], viewQuery: function DrFileUploadImageTemplateComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$1, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropzoneTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileItemTemplate = _t.first);
+        } }, inputs: { title: "title", useImageCropper: "useImageCropper", cropperSize: "cropperSize", originalImageFile: "originalImageFile", imgUrl: "imgUrl" }, outputs: { imageCropped: "imageCropped" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 0, consts: [["dropzoneTemplate", ""], ["fileItemTemplate", ""], [1, "image-dropzone"], [1, "image-dropzone__icon", "dr-icon-add-image"], [1, "image-dropzone__text"], [1, "image-dropzone__title"], [1, "image-dropzone__subtitle"], [1, "image-dropzone__link"], [1, "image-file-item"], [4, "ngIf", "ngIfElse"], ["originalImageTemplate", ""], [3, "imageFile", "cropperSize", "cropChanged", "clearClicked"], [1, "image-file-item__preview"], ["alt", "Uploaded image", 1, "image-file-item__img", 3, "src"], ["theme", "ghost", "data-analytics", "file-upload_file-upload-image-template_button-0", 1, "image-file-item__remove-btn", 3, "click"]], template: function DrFileUploadImageTemplateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrFileUploadImageTemplateComponent_ng_template_0_Template, 9, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(2, DrFileUploadImageTemplateComponent_ng_template_2_Template, 4, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [CommonModule, i1$1.NgIf, DrButtonComponent, DrImageCropperComponent], styles: [".image-dropzone[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;width:100%;height:100%}.image-dropzone__icon[_ngcontent-%COMP%]{font-size:64px;color:#6d6e6f}.image-dropzone__text[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.image-dropzone__title[_ngcontent-%COMP%], .image-dropzone__subtitle[_ngcontent-%COMP%]{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.image-dropzone__link[_ngcontent-%COMP%]{color:#4646ce;cursor:pointer}.image-dropzone__link[_ngcontent-%COMP%]:hover{text-decoration:underline}.image-file-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.image-file-item__preview[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:300px;overflow:hidden;border-radius:4px}.image-file-item__img[_ngcontent-%COMP%]{max-width:100%;max-height:300px;object-fit:contain}.image-file-item__remove-btn[_ngcontent-%COMP%]{color:#4646ce}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrFileUploadImageTemplateComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-file-upload-image-template', standalone: true, imports: [CommonModule, DrButtonComponent, DrImageCropperComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #dropzoneTemplate let-browse=\"browse\">\n    <div class=\"image-dropzone\">\n        <div class=\"image-dropzone__icon dr-icon-add-image\"></div>\n        <div class=\"image-dropzone__text\">\n            <span class=\"image-dropzone__title\">{{ title }}</span>\n            <span class=\"image-dropzone__subtitle\">or <span class=\"image-dropzone__link\">Select a photo</span></span>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #fileItemTemplate let-item let-remove=\"remove\">\n    <div class=\"image-file-item\">\n        <ng-container *ngIf=\"useImageCropper; else originalImageTemplate\">\n            <dr-image-cropper\n                [imageFile]=\"originalImageFile || item.file\"\n                [cropperSize]=\"cropperSize\"\n                (cropChanged)=\"onCropChanged($event)\"\n                (clearClicked)=\"remove(item)\">\n            </dr-image-cropper>\n        </ng-container>\n\n        <ng-template #originalImageTemplate>\n            <div class=\"image-file-item__preview\">\n                <img class=\"image-file-item__img\" [src]=\"imgUrl || getImageUrl(item.file)\" alt=\"Uploaded image\" />\n            </div>\n            <dr-button\n                theme=\"ghost\"\n                class=\"image-file-item__remove-btn\"\n                (click)=\"remove(item)\"\n                data-analytics=\"file-upload_file-upload-image-template_button-0\">\n                Try another image\n            </dr-button>\n        </ng-template>\n    </div>\n</ng-template>\n", styles: [".image-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;width:100%;height:100%}.image-dropzone__icon{font-size:64px;color:#6d6e6f}.image-dropzone__text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.image-dropzone__title,.image-dropzone__subtitle{font-size:14px;line-height:24px;font-weight:400;color:#6d6e6f}.image-dropzone__link{color:#4646ce;cursor:pointer}.image-dropzone__link:hover{text-decoration:underline}.image-file-item{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.image-file-item__preview{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:300px;overflow:hidden;border-radius:4px}.image-file-item__img{max-width:100%;max-height:300px;object-fit:contain}.image-file-item__remove-btn{color:#4646ce}\n"] }]
+    }], null, { title: [{
+            type: Input
+        }], useImageCropper: [{
+            type: Input
+        }], cropperSize: [{
+            type: Input
+        }], originalImageFile: [{
+            type: Input
+        }], imgUrl: [{
+            type: Input
+        }], imageCropped: [{
+            type: Output
+        }], dropzoneTemplate: [{
+            type: ViewChild,
+            args: ['dropzoneTemplate']
+        }], fileItemTemplate: [{
+            type: ViewChild,
+            args: ['fileItemTemplate']
+        }] }); })();
+
 /* components */
 
 var EmojiPickerMode;
@@ -19310,5 +20287,5 @@ class EmojiPickerComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, 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, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrListOverflowComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, 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, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, LinkTheme, OrderDownlineTreeviewEventParser, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation };
+export { ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, 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, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFileUploadComponent, DrFileUploadImageTemplateComponent, DrFileUploadItemComponent, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrListOverflowComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrSystemMessageComponent, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagDateComponent, DrTagDayComponent, DrTagForecastComponent, DrTagListComponent, DrTagMonthComponent, DrTagQuarterComponent, DrTagWeekComponent, DrTagYearComponent, DrTagsAndScenarioComponent, DrTagsAndScenarioConstructorComponent, DrTagsConstructorComponent, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FileUploadValidationService, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, LinkTheme, OrderDownlineTreeviewEventParser, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, getColumnSortingBySortType, getGMTLabel, getSortTypeByColumnSorting, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map