@datarailsshared/datarailsshared 1.6.103 → 1.6.107

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -9,7 +9,7 @@ import * as moment from 'moment';
 import moment__default from 'moment';
 import * as i1$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormBuilder, FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { Observable, BehaviorSubject, distinctUntilChanged, Subject, startWith, takeUntil, noop as noop$3, combineLatest, from, merge as merge$1, fromEvent, filter as filter$1, switchMap as switchMap$1, map as map$2, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, finalize as finalize$1, tap as tap$1, defer, throttleTime } from 'rxjs';
+import { Observable, BehaviorSubject, distinctUntilChanged, Subject, startWith, takeUntil, noop as noop$3, combineLatest, from, merge as merge$1, fromEvent, filter as filter$1, switchMap as switchMap$1, map as map$2, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, finalize as finalize$1, tap as tap$1, defer, firstValueFrom, throttleTime } from 'rxjs';
 import * as _ from 'lodash';
 import { isNil, isObject, cloneDeep, find, indexOf, reduce, map as map$1, isNumber, merge, forEach, some, orderBy, filter as filter$2, includes, pull, concat, isString, isBoolean, keys } from 'lodash';
 import { skip, debounceTime, filter, distinctUntilChanged as distinctUntilChanged$1, takeUntil as takeUntil$1, startWith as startWith$1, map, tap, shareReplay, switchMap, first, catchError, finalize, take } from 'rxjs/operators';
@@ -19,7 +19,7 @@ import { transition, style, animate, trigger, state } from '@angular/animations'
 import * as i1$1 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import * as i4 from '@angular/cdk/portal';
-import { ComponentPortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
+import { ComponentPortal, CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';
 import * as i3 from '@ng-select/ng-select';
 import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
 import * as i1$3 from 'ngx-mask';
@@ -640,7 +640,7 @@ var TooltipTheme;
     TooltipTheme["DARK"] = "dark";
 })(TooltipTheme || (TooltipTheme = {}));
 
-const _c0$L = ["*"];
+const _c0$M = ["*"];
 class TooltipDefaultComponent {
     constructor() {
         this.theme = TooltipTheme.LIGHT;
@@ -648,7 +648,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" }, ngContentSelectors: _c0$L, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { content: "content", theme: "theme" }, ngContentSelectors: _c0$M, 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);
@@ -689,7 +689,7 @@ function TooltipComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     const ctx_r3 = i0.ɵɵnextContext();
     i0.ɵɵproperty("content", ctx_r3.content)("theme", ctx_r3.theme);
 } }
-const _c0$K = function (a0) { return { "dr-tooltip": a0 }; };
+const _c0$L = function (a0) { return { "dr-tooltip": a0 }; };
 class TooltipComponent {
     constructor() {
         this.isContentTemplate = false;
@@ -719,7 +719,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$K, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c0$L, !(ctx.options == null ? null : ctx.options.withoutContainerStyles)));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
             i0.ɵɵadvance(1);
@@ -1061,7 +1061,7 @@ class DrModelDebounceChangeDirective {
             type: Output
         }] }); })();
 
-const _c0$J = ["prefix"];
+const _c0$K = ["prefix"];
 const _c1$k = ["suffix"];
 const _c2$a = ["inputRef"];
 function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
@@ -1274,7 +1274,7 @@ class DrInputComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrInputComponent_Factory(t) { return new (t || DrInputComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrInputComponent, selectors: [["dr-input"]], contentQueries: function DrInputComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$J, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$K, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$k, 5);
         } if (rf & 2) {
             let _t;
@@ -1398,7 +1398,7 @@ class DrInputComponent {
             args: ['tabindex']
         }] }); })();
 
-const _c0$I = ["labelTemplate"];
+const _c0$J = ["labelTemplate"];
 const _c1$j = ["multiLabelTemplate"];
 const _c2$9 = ["optionTemplate"];
 const _c3$6 = ["optionHeaderTemplate"];
@@ -1640,7 +1640,7 @@ class DrSelectComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrSelectComponent_Factory(t) { return new (t || DrSelectComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrSelectComponent, selectors: [["dr-select"]], contentQueries: function DrSelectComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$I, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$J, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$j, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$9, 5);
             i0.ɵɵcontentQuery(dirIndex, _c3$6, 5);
@@ -1832,7 +1832,7 @@ class DrShowTimeframePipe {
             }]
     }], null, null); })();
 
-const _c0$H = ["class", "component"];
+const _c0$I = ["class", "component"];
 const _c1$i = 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 _r6 = i0.ɵɵgetCurrentView();
@@ -2108,7 +2108,7 @@ class DrDatePickerCustomHeaderComponent {
         calendar.insertBefore(selector.location.nativeElement, calendar.firstChild);
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerCustomHeaderComponent_Factory(t) { return new (t || DrDatePickerCustomHeaderComponent)(i0.ɵɵdirectiveInject(i5.MatCalendar), i0.ɵɵdirectiveInject(i1$4.DateAdapter), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(DrDatePickerService)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDatePickerCustomHeaderComponent, selectors: [["dr-date-picker_custom-header", 8, "component"]], attrs: _c0$H, 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"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags"], ["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"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", 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$I, 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"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags"], ["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"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", 3, "click"]], template: function DrDatePickerCustomHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrDatePickerCustomHeaderComponent_div_0_Template, 4, 6, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrDatePickerCustomHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -2221,7 +2221,7 @@ class DrDatePickerFormatDirective {
             args: ['drDatePickerFormat']
         }] }); })();
 
-const _c0$G = ["datePicker"];
+const _c0$H = ["datePicker"];
 function DrDatePickerComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
@@ -2569,7 +2569,7 @@ class DrDatePickerComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDatePickerComponent_Factory(t) { return new (t || DrDatePickerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$4.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$G, 5);
+            i0.ɵɵviewQuery(_c0$H, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePicker = _t.first);
@@ -3771,7 +3771,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$F = ["*"];
+const _c0$G = ["*"];
 class DrButtonComponent {
     constructor() {
         this.theme = 'primary';
@@ -3785,7 +3785,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$F, 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$G, 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);
@@ -3846,7 +3846,7 @@ class DrButtonComponent {
             args: ['class.active']
         }] }); })();
 
-const _c0$E = ["dynamicInputRef"];
+const _c0$F = ["dynamicInputRef"];
 function DrSelectAddItemComponent_div_5_p_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 12);
     i0.ɵɵtext(1);
@@ -3936,7 +3936,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$E, 5);
+            i0.ɵɵviewQuery(_c0$F, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
@@ -4396,7 +4396,7 @@ class DrTagComponent {
             type: Output
         }] }); })();
 
-const _c0$D = ["*"];
+const _c0$E = ["*"];
 class RadioButtonComponent {
     get disabled() {
         return this._disabled;
@@ -4450,7 +4450,7 @@ class RadioButtonComponent {
                     useExisting: RadioButtonComponent,
                     multi: true,
                 },
-            ])], ngContentSelectors: _c0$D, 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$E, 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); });
@@ -4489,7 +4489,7 @@ class RadioButtonComponent {
             type: Input
         }] }); })();
 
-const _c0$C = [[["dr-radio-button"]]];
+const _c0$D = [[["dr-radio-button"]]];
 const _c1$h = ["dr-radio-button"];
 class RadioGroupComponent {
     get value() {
@@ -4630,7 +4630,7 @@ class RadioGroupComponent {
                     multi: true,
                 },
             ])], ngContentSelectors: _c1$h, decls: 1, vars: 0, template: function RadioGroupComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$C);
+            i0.ɵɵprojectionDef(_c0$D);
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 }); }
 }
@@ -4667,7 +4667,7 @@ class RadioGroupComponent {
             type: Output
         }] }); })();
 
-const _c0$B = ["checkboxContent"];
+const _c0$C = ["checkboxContent"];
 const _c1$g = ["*"];
 class CheckboxComponent {
     get indeterminate() {
@@ -4718,7 +4718,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$B, 5);
+            i0.ɵɵviewQuery(_c0$C, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxContent = _t.first);
@@ -4780,7 +4780,7 @@ class CheckboxComponent {
             args: ['checkboxContent']
         }] }); })();
 
-const _c0$A = ["*"];
+const _c0$B = ["*"];
 var LinkTheme;
 (function (LinkTheme) {
     LinkTheme["DEFAULT"] = "DEFAULT";
@@ -4796,7 +4796,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$A, 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$B, 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);
@@ -4821,7 +4821,7 @@ class DrLinkComponent {
             type: Input
         }] }); })();
 
-const _c0$z = ["class", "component"];
+const _c0$A = ["class", "component"];
 const _c1$f = 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 _r6 = i0.ɵɵgetCurrentView();
@@ -4914,7 +4914,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$z, 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"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags"], ["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"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", 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$A, 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"], ["bindLabel", "title", "bindValue", "value", 1, "dr-datepicker__timeframe-select", 3, "ngModel", "items", "ngModelChange"], [1, "dr-datepicker-preset-date"], [1, "dr-datepicker-preset-date__tags"], ["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"], [1, "dr-quarterly-datepicker"], ["quarterlyDatePicker", ""], ["class", "quarter-selector", 3, "class", "quarter-selector--disabled", "click", 4, "ngFor", "ngForOf"], [1, "quarter-selector", 3, "click"]], template: function DrFiscalMonthCalendarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrFiscalMonthCalendarHeaderComponent_div_0_Template, 4, 6, "div", 0);
             i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
             i0.ɵɵlistener("click", function DrFiscalMonthCalendarHeaderComponent_Template_div_click_2_listener() { return ctx.pagingClicked(false); });
@@ -5131,7 +5131,7 @@ function DrDatePickerWithTimeframeComponent_dr_button_11_Template(rf, ctx) { if
     const ctx_r5 = i0.ɵɵnextContext();
     i0.ɵɵproperty("disabled", ctx_r5.isNextDateDisabled);
 } }
-const _c0$y = function (a0) { return { formattedValue: a0 }; };
+const _c0$z = function (a0) { return { formattedValue: a0 }; };
 class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
     get isDashboardClassDisplayed() {
         return this.isDashboardDatepicker;
@@ -5315,7 +5315,7 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.isDashboardDatepicker);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(19, _c0$y, i0.ɵɵpipeBind1(5, 15, ctx.displayedFormattedValue$)));
+            i0.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(19, _c0$z, i0.ɵɵpipeBind1(5, 15, ctx.displayedFormattedValue$)));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngModel", i0.ɵɵpipeBind1(10, 17, ctx.displayValue$))("matDatepicker", _r6)("readonly", ctx.readonly)("min", ctx._min)("max", ctx._max);
             i0.ɵɵadvance(3);
@@ -5591,7 +5591,7 @@ class TooltipInfoComponent {
             type: Input
         }] }); })();
 
-const _c0$x = ["stepTextLabel"];
+const _c0$y = ["stepTextLabel"];
 const _c1$e = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -5822,7 +5822,7 @@ class StepperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function StepperComponent_Factory(t) { return new (t || StepperComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["dr-stepper"]], contentQueries: function StepperComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0$x, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$y, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
@@ -5993,7 +5993,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$w = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$x = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -6149,7 +6149,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$w, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$x, 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);
@@ -6264,7 +6264,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$v = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$w = 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);
@@ -6278,7 +6278,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$v, 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$w, 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");
 } }
@@ -6554,7 +6554,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$u = ["drChatMessageActions"];
+const _c0$v = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -6656,7 +6656,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$u, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$v, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -6727,7 +6727,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$t = ["suggestionsContainer"];
+const _c0$u = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -6872,7 +6872,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$t, 5);
+            i0.ɵɵviewQuery(_c0$u, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -6906,7 +6906,7 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$s = ["drChatHeader"];
+const _c0$t = ["drChatHeader"];
 const _c1$c = ["drChatLoader"];
 const _c2$6 = ["drChatContent"];
 const _c3$4 = ["messagesContainer"];
@@ -7043,7 +7043,7 @@ class DrChatComponent {
     /** @nocollapse */ static { this.ɵfac = function DrChatComponent_Factory(t) { return new (t || DrChatComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatComponent, selectors: [["dr-chat"]], contentQueries: function DrChatComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, DrChatFormComponent, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c0$s, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$t, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$c, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$6, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
@@ -7131,7 +7131,7 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$r = ["textAreaElement"];
+const _c0$s = ["textAreaElement"];
 const _c1$b = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -7318,7 +7318,7 @@ class DrChatFormDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrChatFormDropdownComponent_Factory(t) { return new (t || DrChatFormDropdownComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$5.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$r, 5);
+            i0.ɵɵviewQuery(_c0$s, 5);
             i0.ɵɵviewQuery(_c1$b, 5);
         } if (rf & 2) {
             let _t;
@@ -7455,14 +7455,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$q = ["*"];
+const _c0$r = ["*"];
 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$q, 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$r, 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);
@@ -7500,7 +7500,7 @@ function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
 } }
-const _c0$p = ["*"];
+const _c0$q = ["*"];
 class DrToggleComponent {
     set disabled(value) {
         this.setDisabledState(value);
@@ -7545,7 +7545,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$p, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], 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$q, decls: 7, vars: 10, consts: [["class", "toggle-title mr-3", 4, "ngIf"], [1, "toggle-container"], ["type", "checkbox", 3, "checked", "disabled", "click"], [1, "toggle-body"], ["class", "toggle-title ml-3", 4, "ngIf"], [1, "toggle-title", "mr-3"], [1, "toggle-title", "ml-3"]], 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);
@@ -7670,7 +7670,7 @@ function DrAlertComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(ctx_r0.text);
 } }
-const _c0$o = ["*"];
+const _c0$p = ["*"];
 const ALERT_THEME_ICONS = {
     [DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
     [DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
@@ -7691,7 +7691,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", text: "text" }, ngContentSelectors: _c0$o, decls: 6, vars: 3, consts: [[1, "dr-alert__content-wrapper"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], [1, "dr-alert__text"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { theme: "theme", customIconClass: "customIconClass", text: "text" }, ngContentSelectors: _c0$p, decls: 6, vars: 3, consts: [[1, "dr-alert__content-wrapper"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], [1, "dr-alert__text"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "i");
@@ -7737,7 +7737,7 @@ class CodeEditorHintWrapperComponent {
             }]
     }], null, null); })();
 
-const _c0$n = ["ref"];
+const _c0$o = ["ref"];
 class DrCodemirrorComponent {
     set options(value) {
         this._options = value;
@@ -7867,7 +7867,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$n, 5);
+            i0.ɵɵviewQuery(_c0$o, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ref = _t.first);
@@ -8019,7 +8019,7 @@ class DrErrorComponent {
             args: ['class.no-icon']
         }] }); })();
 
-const _c0$m = ["codeEditor"];
+const _c0$n = ["codeEditor"];
 function DrCodeEditorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
     i0.ɵɵtext(1);
@@ -8298,7 +8298,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$m, 5);
+            i0.ɵɵviewQuery(_c0$n, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.codeEditor = _t.first);
@@ -9066,7 +9066,7 @@ const getAlignmentDimension = (position) => {
     return DrPopoverAlignmentDimension.Width;
 };
 
-const _c0$l = ["popoverContainer"];
+const _c0$m = ["popoverContainer"];
 function DrPopoverComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -9156,7 +9156,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$l, 7, ElementRef);
+            i0.ɵɵviewQuery(_c0$m, 7, ElementRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popoverContainer = _t.first);
@@ -9479,7 +9479,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-const _c0$k = ["menuContainer"];
+const _c0$l = ["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) {
@@ -9675,7 +9675,7 @@ class DrDropdownComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DrDropdownComponent_Factory(t) { return new (t || DrDropdownComponent)(); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDropdownComponent, selectors: [["dr-dropdown"]], viewQuery: function DrDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$k, 7);
+            i0.ɵɵviewQuery(_c0$l, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
@@ -9914,7 +9914,7 @@ class DrDropdownChildDirective {
             }]
     }], null, null); })();
 
-const _c0$j = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
+const _c0$k = [[["", "dropdownItemContent", ""]], [["", "dropdownItemActions", ""]]];
 const _c1$9 = ["[dropdownItemContent]", "[dropdownItemActions]"];
 class DrDropdownItemComponent {
     constructor() {
@@ -9924,7 +9924,7 @@ class DrDropdownItemComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrDropdownItemComponent, selectors: [["dr-dropdown-item"]], hostVars: 1, hostBindings: function DrDropdownItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("role", ctx.role);
         } }, inputs: { selected: "selected", disabled: "disabled", divider: "divider" }, ngContentSelectors: _c1$9, 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$j);
+            i0.ɵɵprojectionDef(_c0$k);
             i0.ɵɵelementStart(0, "div", 0)(1, "span", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -9966,7 +9966,7 @@ class DrDropdownItemShowPipe {
 function DrTabComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
-const _c0$i = ["*"];
+const _c0$j = ["*"];
 class DrTabComponent {
     constructor() { }
     ngOnInit() { }
@@ -9976,7 +9976,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$i, 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$j, 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 }); }
@@ -10251,7 +10251,7 @@ class DrTabsComponent {
             args: [DrTabComponent]
         }] }); })();
 
-const _c0$h = [[["dr-accordion-item"]]];
+const _c0$i = [[["dr-accordion-item"]]];
 const _c1$8 = ["dr-accordion-item"];
 class DrAccordionComponent {
     constructor() {
@@ -10286,7 +10286,7 @@ class DrAccordionComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], hostVars: 2, hostBindings: function DrAccordionComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.theme);
         } }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1$8, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$h);
+            i0.ɵɵprojectionDef(_c0$i);
             i0.ɵɵprojection(0);
         } }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
 }
@@ -10303,7 +10303,7 @@ class DrAccordionComponent {
             args: ['class']
         }] }); })();
 
-const _c0$g = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
+const _c0$h = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
 const _c1$7 = ["dr-accordion-item-header", "dr-accordion-item-body"];
 class DrAccordionItemComponent {
     /**
@@ -10405,7 +10405,7 @@ class DrAccordionItemComponent {
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemComponent, selectors: [["dr-accordion-item"]], hostVars: 6, hostBindings: function DrAccordionItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("collapsed", ctx.collapsed)("expanded", ctx.expanded)("disabled", ctx.disabled);
         } }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1$7, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$g);
+            i0.ɵɵprojectionDef(_c0$h);
             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 }); }
@@ -10447,7 +10447,7 @@ function DrAccordionItemHeaderComponent_i_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap("dr-accordion-item-header-icon " + ctx_r0.icon);
     i0.ɵɵclassProp("dr-accordion-item-header-icon--additional-padding", ctx_r0.chevronPosition === "left");
 } }
-const _c0$f = function (a0) { return { rotationDegree: a0 }; };
+const _c0$g = function (a0) { return { rotationDegree: a0 }; };
 const _c1$6 = function (a0, a1) { return { value: a0, params: a1 }; };
 function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -10457,7 +10457,7 @@ function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.chevronIconClass);
-    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$6, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$f, ctx_r1.chevronRotationDegree)));
+    i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$6, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$g, 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", "*"];
@@ -10586,7 +10586,7 @@ class DrAccordionItemHeaderComponent {
             args: ['keydown.enter']
         }] }); })();
 
-const _c0$e = function (a0) { return { value: a0 }; };
+const _c0$f = function (a0) { return { value: a0 }; };
 const _c1$5 = ["*"];
 const accordionItemBodyTrigger = trigger('accordionItemBody', [
     state('collapsed', style({
@@ -10624,7 +10624,7 @@ class DrAccordionItemBodyComponent {
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$e, ctx.state));
+            i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0$f, 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, [{
@@ -10640,13 +10640,13 @@ class DrAccordionItemBodyComponent {
                 type: Host
             }] }, { type: i0.ChangeDetectorRef }]; }, null); })();
 
-const _c0$d = [[["dr-layout-header"]], [["dr-layout-body"]]];
+const _c0$e = [[["dr-layout-header"]], [["dr-layout-body"]]];
 const _c1$4 = ["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$4, 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$d);
+            i0.ɵɵprojectionDef(_c0$e);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
@@ -10659,11 +10659,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$c = ["*"];
+const _c0$d = ["*"];
 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$c, 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$d, decls: 2, vars: 0, template: function DrLayoutHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "nav");
             i0.ɵɵprojection(1);
@@ -10682,11 +10682,11 @@ class DrLayoutHeaderComponent {
             }]
     }], function () { return []; }, null); })();
 
-const _c0$b = ["*"];
+const _c0$c = ["*"];
 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$b, 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$c, decls: 1, vars: 0, template: function DrLayoutBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 }); }
@@ -10708,7 +10708,7 @@ function DrDetailsListComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(item_r1);
 } }
-const _c0$a = function (a0) { return { value: a0 }; };
+const _c0$b = function (a0) { return { value: a0 }; };
 class DrDetailsListComponent {
     set items(val) {
         if (!val) {
@@ -10755,7 +10755,7 @@ class DrDetailsListComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx.title, " ");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$a, ctx.state));
+            i0.ɵɵproperty("@expansionIndicatorList", i0.ɵɵpureFunction1(7, _c0$b, ctx.state));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx.list);
         } }, dependencies: [i1.NgForOf], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;font-size:14px;line-height:22px;color:#6d6e6f;font-weight:400}[_nghost-%COMP%]   .details[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .details__header[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer}[_nghost-%COMP%]   .details__header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin-right:4px}[_nghost-%COMP%]   .details__list[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-left:28px;margin:8px 0}[_nghost-%COMP%]   .details__list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{list-style-type:disc}"], data: { animation: [
@@ -10799,7 +10799,7 @@ class DrDetailsListComponent {
             type: Input
         }] }); })();
 
-const _c0$9 = ["content"];
+const _c0$a = ["content"];
 const _c1$3 = 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();
@@ -10994,7 +10994,7 @@ class DialogWrapperComponent {
     }
     /** @nocollapse */ static { this.ɵfac = function DialogWrapperComponent_Factory(t) { return new (t || DialogWrapperComponent)(i0.ɵɵdirectiveInject(i1$6.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$9, 5, ViewContainerRef);
+            i0.ɵɵviewQuery(_c0$a, 5, ViewContainerRef);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -11197,7 +11197,7 @@ function DialogModalWrapperComponent_form_7_div_2_label_9_Template(rf, ctx) { if
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1(" ", ctx_r19.dialogData.serverErrorMessage, " ");
 } }
-const _c0$8 = function (a0) { return { display: a0 }; };
+const _c0$9 = function (a0) { return { display: a0 }; };
 const _c1$2 = 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);
@@ -11215,7 +11215,7 @@ function DialogModalWrapperComponent_form_7_div_2_Template(rf, ctx) { if (rf & 1
     const field_r11 = ctx.$implicit;
     const ctx_r10 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(field_r11.formGroupClass);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$8, field_r11.isLabelFullWidth ? "block" : "flex"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(12, _c0$9, field_r11.isLabelFullWidth ? "block" : "flex"));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", field_r11.label && field_r11.type !== ctx_r10.dialogFieldType.CHECKBOX);
     i0.ɵɵadvance(1);
@@ -11914,7 +11914,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$7 = function (a0, a1, a2) { return { item: a0, onCollapseExpand: a1, onCheckedChange: a2 }; };
+const _c0$8 = 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);
@@ -11923,7 +11923,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$7, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.template)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c0$8, ctx_r0.item, ctx_r0.onCollapseExpand, ctx_r0.onCheckedChange));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r0.item.collapsed);
 } }
@@ -13211,7 +13211,7 @@ class DrImageCropperCanvasService {
         type: Injectable
     }], null, null); })();
 
-const _c0$6 = ["imageCanvas"];
+const _c0$7 = ["imageCanvas"];
 class DrImageCropperComponent {
     constructor(canvasService) {
         this.canvasService = canvasService;
@@ -13269,7 +13269,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$6, 7);
+            i0.ɵɵviewQuery(_c0$7, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasElement = _t.first);
@@ -13712,13 +13712,13 @@ function DrChipComponent_i_4_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵelementEnd();
 } }
-const _c0$5 = ["*"];
+const _c0$6 = ["*"];
 class DrChipComponent {
     constructor() {
         this.remove = new EventEmitter();
     }
     /** @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$5, 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"]], inputs: { label: "label", icon: "icon", removable: "removable" }, outputs: { remove: "remove" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$6, 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, DrChipComponent_i_0_Template, 1, 2, "i", 0);
             i0.ɵɵelementStart(1, "div", 1);
@@ -13749,7 +13749,7 @@ class DrChipComponent {
             type: Output
         }] }); })();
 
-const _c0$4 = ["carouselContainer"];
+const _c0$5 = ["carouselContainer"];
 const _c1$1 = ["carouselItem"];
 function DrGalleryComponent_dr_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -13975,7 +13975,7 @@ class DrGalleryComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
         } }, viewQuery: function DrGalleryComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$4, 5);
+            i0.ɵɵviewQuery(_c0$5, 5);
             i0.ɵɵviewQuery(_c1$1, 5);
         } if (rf & 2) {
             let _t;
@@ -14037,7 +14037,7 @@ function DrProgressBarComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate1("", ctx_r0.progress || 0, "%");
 } }
-const _c0$3 = ["*"];
+const _c0$4 = ["*"];
 class DrProgressBarComponent {
     constructor() {
         /**
@@ -14046,7 +14046,7 @@ class DrProgressBarComponent {
         this.showValue = true;
     }
     /** @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"]], inputs: { progress: "progress", showValue: "showValue" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, 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) {
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrProgressBarComponent, selectors: [["dr-progress-bar"]], inputs: { progress: "progress", showValue: "showValue" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$4, 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
@@ -14138,7 +14138,7 @@ class BottomPositionStrategy {
     }
 }
 
-const _c0$2 = ["handleRef"];
+const _c0$3 = ["handleRef"];
 function DrawerContainer_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 3, 4);
 } }
@@ -14252,7 +14252,7 @@ class DrawerContainer extends CdkDialogContainer {
     /** @nocollapse */ static { this.ɵfac = function DrawerContainer_Factory(t) { return new (t || DrawerContainer)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$8.FocusTrapFactory), i0.ɵɵdirectiveInject(DOCUMENT, 8), i0.ɵɵdirectiveInject(DrawerConfig), i0.ɵɵdirectiveInject(i1$8.InteractivityChecker), i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.OverlayRef), i0.ɵɵdirectiveInject(i1$8.FocusMonitor)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrawerContainer, selectors: [["dr-drawer-container"]], viewQuery: function DrawerContainer_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(CdkPortalOutlet, 7);
-            i0.ɵɵviewQuery(_c0$2, 5);
+            i0.ɵɵviewQuery(_c0$3, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._portalOutlet = _t.first);
@@ -14546,6 +14546,268 @@ class DrawerModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrawerModule, { imports: [DrawerContainer], exports: [DrawerContainer] }); })();
 
+class StepWizardDirective {
+    /** @nocollapse */ static { this.ɵfac = function StepWizardDirective_Factory(t) { return new (t || StepWizardDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: StepWizardDirective, selectors: [["", "drStepWizard", ""]], inputs: { drStepWizard: "drStepWizard" }, standalone: true }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepWizardDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[drStepWizard]',
+                standalone: true,
+            }]
+    }], null, { drStepWizard: [{
+            type: Input,
+            args: [{ required: true }]
+        }] }); })();
+
+class StepperWizardComponent {
+    get currentStep() {
+        return this._currentStep;
+    }
+    set currentStep(value) {
+        if (value === this._currentStep || !this.availableSteps.has(value))
+            return;
+        this._currentStep = value;
+        this.currentStepChange.emit(value);
+        this.renderStep();
+    }
+    constructor() {
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.destroy$ = new Subject();
+        this.availableSteps = new Map();
+        this.previousSteps = [];
+        this.currentStepChange = new EventEmitter();
+        this.completing$ = new Subject();
+        inject(DestroyRef).onDestroy(() => {
+            this.destroy$.next();
+            this.destroy$.complete();
+            this.completing$.complete();
+        });
+    }
+    ngAfterContentInit() {
+        const onStepsChange = (steps) => {
+            this.availableSteps = new Map(steps.map((value, index) => [value.drStepWizard, index]));
+            this.currentStep = steps.first.drStepWizard;
+        };
+        onStepsChange(this.steps);
+        this.steps.changes.pipe(takeUntil(this.destroy$)).subscribe(onStepsChange);
+    }
+    async next(step, onComplete) {
+        const res = await this.complete(onComplete?.());
+        const memo = this.currentStep;
+        this.currentStep = step;
+        if (memo !== this.currentStep)
+            this.previousSteps.push(memo);
+        return res;
+    }
+    back() {
+        if (this.previousSteps.length) {
+            this.currentStep = this.previousSteps.pop();
+        }
+    }
+    async complete(res) {
+        if (res instanceof Observable) {
+            this.completing$.next(true);
+            return await firstValueFrom(res.pipe(takeUntil(this.destroy$))).finally(() => this.completing$.next(false));
+        }
+    }
+    renderStep() {
+        this.outlet.detach();
+        const index = this.steps.toArray().findIndex((step) => step.drStepWizard === this.currentStep);
+        if (index !== -1) {
+            const templateRef = this.stepTemplates.get(index);
+            const portal = new TemplatePortal(templateRef, this.viewContainerRef);
+            this.outlet.attachTemplatePortal(portal);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = function StepperWizardComponent_Factory(t) { return new (t || StepperWizardComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperWizardComponent, selectors: [["dr-stepper-wizard"]], contentQueries: function StepperWizardComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, StepWizardDirective, 5);
+            i0.ɵɵcontentQuery(dirIndex, StepWizardDirective, 5, TemplateRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.steps = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTemplates = _t);
+        } }, viewQuery: function StepperWizardComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(CdkPortalOutlet, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outlet = _t.first);
+        } }, inputs: { currentStep: "currentStep" }, outputs: { currentStepChange: "currentStepChange" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function StepperWizardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementContainer(0, 0);
+        } }, dependencies: [PortalModule, i4.CdkPortalOutlet], encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperWizardComponent, [{
+        type: Component,
+        args: [{
+                selector: 'dr-stepper-wizard',
+                template: `<ng-container cdkPortalOutlet></ng-container>`,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                standalone: true,
+                imports: [PortalModule],
+            }]
+    }], function () { return []; }, { currentStep: [{
+            type: Input,
+            args: [{ required: false }]
+        }], currentStepChange: [{
+            type: Output
+        }], steps: [{
+            type: ContentChildren,
+            args: [StepWizardDirective, { descendants: true, emitDistinctChangesOnly: true }]
+        }], stepTemplates: [{
+            type: ContentChildren,
+            args: [StepWizardDirective, { read: TemplateRef, descendants: true, emitDistinctChangesOnly: true }]
+        }], outlet: [{
+            type: ViewChild,
+            args: [CdkPortalOutlet, { static: true }]
+        }] }); })();
+
+class SeparateTableColumnDirective {
+    constructor() {
+        this.styles = {};
+        this.stopCellClickPropagation = false;
+    }
+    /** @nocollapse */ static { this.ɵfac = function SeparateTableColumnDirective_Factory(t) { return new (t || SeparateTableColumnDirective)(); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: SeparateTableColumnDirective, selectors: [["dr-separate-table-column"]], contentQueries: function SeparateTableColumnDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cellTemplate = _t.first);
+        } }, inputs: { field: "field", header: "header", styles: "styles", stopCellClickPropagation: ["stopCellClickPropagation", "stopCellClickPropagation", booleanAttribute] }, standalone: true, features: [i0.ɵɵInputTransformsFeature] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SeparateTableColumnDirective, [{
+        type: Directive,
+        args: [{
+                selector: 'dr-separate-table-column',
+                standalone: true,
+            }]
+    }], null, { field: [{
+            type: Input,
+            args: [{ required: true }]
+        }], header: [{
+            type: Input
+        }], styles: [{
+            type: Input
+        }], stopCellClickPropagation: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], cellTemplate: [{
+            type: ContentChild,
+            args: [TemplateRef]
+        }] }); })();
+
+function SeparateTableComponent_div_2_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r9 = ctx.$implicit;
+    const columnIndex_r10 = ctx.index;
+    i0.ɵɵproperty("ngStyle", column_r9.styles);
+    i0.ɵɵattribute("aria-colindex", columnIndex_r10 + 1)("aria-label", column_r9.header || column_r9.field);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", column_r9.header, " ");
+} }
+function SeparateTableComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtemplate(1, SeparateTableComponent_div_2_div_1_div_1_Template, 2, 4, "div", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-colcount", ctx_r6.columns.length);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r6.columns);
+} }
+function SeparateTableComponent_div_2_div_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+const _c0$2 = 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);
+    i0.ɵɵlistener("click", function SeparateTableComponent_div_2_div_3_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r14); const column_r11 = restoredCtx.$implicit; return i0.ɵɵresetView(column_r11.stopCellClickPropagation && $event.stopPropagation()); });
+    i0.ɵɵtemplate(1, SeparateTableComponent_div_2_div_3_ng_container_1_Template, 1, 0, "ng-container", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r11 = ctx.$implicit;
+    const row_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵnextContext();
+    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$2, row_r3, column_r11));
+} }
+function SeparateTableComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtemplate(1, SeparateTableComponent_div_2_div_1_Template, 2, 2, "div", 5);
+    i0.ɵɵelementStart(2, "div", 6);
+    i0.ɵɵlistener("click", function SeparateTableComponent_div_2_Template_div_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const row_r3 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.rowClick.emit(row_r3)); })("keydown.enter", function SeparateTableComponent_div_2_Template_div_keydown_enter_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const row_r3 = restoredCtx.$implicit; const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.rowClick.emit(row_r3)); });
+    i0.ɵɵtemplate(3, SeparateTableComponent_div_2_div_3_Template, 2, 6, "div", 7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const rowIndex_r4 = ctx.index;
+    const first_r5 = ctx.first;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", first_r5);
+    i0.ɵɵadvance(1);
+    i0.ɵɵattribute("aria-rowindex", rowIndex_r4 + 1);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.columns);
+} }
+function SeparateTableComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const item_r19 = ctx.$implicit;
+    const column_r20 = ctx.column;
+    i0.ɵɵtextInterpolate1(" ", item_r19[column_r20.field], "\n");
+} }
+class SeparateTableComponent {
+    constructor() {
+        this.rows = [];
+        this.trackBy = null;
+        this.rowClick = new EventEmitter();
+    }
+    get columns() {
+        return this.columnDefs?.toArray() || [];
+    }
+    trackByFn(index, item) {
+        return this.trackBy ? item[this.trackBy] : index;
+    }
+    /** @nocollapse */ static { this.ɵfac = function SeparateTableComponent_Factory(t) { return new (t || SeparateTableComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: SeparateTableComponent, selectors: [["dr-separate-table"]], contentQueries: function SeparateTableComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, SeparateTableColumnDirective, 4);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDefs = _t);
+        } }, inputs: { rows: "rows", trackBy: "trackBy" }, outputs: { rowClick: "rowClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 3, consts: [["role", "table", 1, "table"], [1, "table__rows"], ["class", "table__row", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["defaultCellTemplate", ""], [1, "table__row"], ["class", "table__header", "role", "rowheader", 4, "ngIf"], ["role", "row", "tabindex", "0", 1, "table__item", 3, "click", "keydown.enter"], ["class", "table__cell", "role", "cell", 3, "ngStyle", "click", 4, "ngFor", "ngForOf"], ["role", "rowheader", 1, "table__header"], ["class", "table__col", "role", "columnheader", 3, "ngStyle", 4, "ngFor", "ngForOf"], ["role", "columnheader", 1, "table__col", 3, "ngStyle"], ["role", "cell", 1, "table__cell", 3, "ngStyle", "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function SeparateTableComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtemplate(2, SeparateTableComponent_div_2_Template, 4, 3, "div", 2);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(3, SeparateTableComponent_ng_template_3_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-rowcount", ctx.rows.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.rows)("ngForTrackBy", ctx.trackByFn);
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]   .table[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .table__rows[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px}[_nghost-%COMP%]   .table__header[_ngcontent-%COMP%]{display:flex;align-items:center;font-size:14px;line-height:22px;text-align:left;color:#6d6e6f}[_nghost-%COMP%]   .table__col[_ngcontent-%COMP%]{padding:6px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[_nghost-%COMP%]   .table__item[_ngcontent-%COMP%]{display:flex;align-items:center;border:1px solid #dfe0e3;border-radius:12px;background-color:#fff;color:#333;font-size:14px;line-height:22px;transition:background-color .2s ease-in;cursor:pointer}[_nghost-%COMP%]   .table__item[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}[_nghost-%COMP%]   .table__cell[_ngcontent-%COMP%]{padding:12px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}[_nghost-%COMP%]   .table__cell[_ngcontent-%COMP%]:last-child{padding-right:18px;padding-left:0}[_nghost-%COMP%]   .table__cell[_ngcontent-%COMP%]:first-child{padding-left:24px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SeparateTableComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-separate-table', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\n<div class=\"table\" role=\"table\" [attr.aria-rowcount]=\"rows.length\">\n    <div class=\"table__rows\">\n        <div class=\"table__row\" *ngFor=\"let row of rows; let rowIndex = index; let first = first; trackBy: trackByFn\">\n            <div class=\"table__header\" role=\"rowheader\" *ngIf=\"first\" [attr.aria-colcount]=\"columns.length\">\n                <div\n                    *ngFor=\"let column of columns; let columnIndex = index\"\n                    class=\"table__col\"\n                    [ngStyle]=\"column.styles\"\n                    role=\"columnheader\"\n                    [attr.aria-colindex]=\"columnIndex + 1\"\n                    [attr.aria-label]=\"column.header || column.field\">\n                    {{ column.header }}\n                </div>\n            </div>\n            <div\n                class=\"table__item\"\n                (click)=\"rowClick.emit(row)\"\n                role=\"row\"\n                tabindex=\"0\"\n                (keydown.enter)=\"rowClick.emit(row)\"\n                [attr.aria-rowindex]=\"rowIndex + 1\">\n                <div\n                    *ngFor=\"let column of columns\"\n                    class=\"table__cell\"\n                    [ngStyle]=\"column.styles\"\n                    role=\"cell\"\n                    (click)=\"column.stopCellClickPropagation && $event.stopPropagation()\">\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            column.cellTemplate || defaultCellTemplate;\n                            context: { $implicit: row, column: column }\n                        \">\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #defaultCellTemplate let-item let-column=\"column\">\n    {{ item[column.field] }}\n</ng-template>\n", styles: [":host{display:block}:host .table{display:flex;flex-direction:column}:host .table__rows{display:flex;flex-direction:column;gap:16px}:host .table__header{display:flex;align-items:center;font-size:14px;line-height:22px;text-align:left;color:#6d6e6f}:host .table__col{padding:6px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .table__item{display:flex;align-items:center;border:1px solid #dfe0e3;border-radius:12px;background-color:#fff;color:#333;font-size:14px;line-height:22px;transition:background-color .2s ease-in;cursor:pointer}:host .table__item:hover{background-color:#f5f5f5}:host .table__cell{padding:12px 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host .table__cell:last-child{padding-right:18px;padding-left:0}:host .table__cell:first-child{padding-left:24px}\n"] }]
+    }], null, { rows: [{
+            type: Input,
+            args: [{ required: true }]
+        }], trackBy: [{
+            type: Input
+        }], columnDefs: [{
+            type: ContentChildren,
+            args: [SeparateTableColumnDirective]
+        }], rowClick: [{
+            type: Output
+        }] }); })();
+
 class ElementOverflowDirective {
     get isOverflow() {
         return ((['horizontal', 'all'].includes(this.drElementOverflowType) &&
@@ -15085,5 +15347,5 @@ class FilterDropdownComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrTagsConstructorComponent, DrTagsConstructorModule, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, FeedbackSentiment, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagComponent, ForecastTagService, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, StepperComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TextOverflowComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipPosition, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent };
+export { AnyTagComponent, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, CustomDateAdapter, CustomDateFormat, DEFAULT_LINK_FONT_SIZE, DEFAULT_LINK_FONT_WEIGHT, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrErrorComponent, DrErrorModule, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrScenarioConfigurationComponent, DrScenarioModule, DrScenarioTagConfigurationComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrTagsConstructorComponent, DrTagsConstructorModule, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, FeedbackSentiment, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagComponent, ForecastTagService, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TextOverflowComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipPosition, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map