@datarailsshared/datarailsshared 1.6.109 → 1.6.113

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Output, Input, Injectable, inject, ChangeDetectorRef, DestroyRef, ChangeDetectionStrategy, HostBinding, TemplateRef, HostListener, Directive, forwardRef, ViewChild, ContentChild, Pipe, ComponentFactoryResolver, Injector, Inject, Optional, ViewEncapsulation, PLATFORM_ID, ContentChildren, ElementRef, Host, ViewContainerRef, NgModule, ViewChildren, InjectionToken, SkipSelf, booleanAttribute } from '@angular/core';
+import { EventEmitter, Component, Output, Input, Injectable, inject, ChangeDetectorRef, DestroyRef, ChangeDetectionStrategy, HostBinding, TemplateRef, HostListener, Directive, forwardRef, ViewChild, ContentChild, Pipe, ComponentFactoryResolver, Injector, Inject, Optional, ViewEncapsulation, PLATFORM_ID, ContentChildren, NgModule, ElementRef, Host, ViewContainerRef, ViewChildren, InjectionToken, SkipSelf, booleanAttribute } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
@@ -8,10 +8,10 @@ import { MAT_DATE_FORMATS, DateAdapter, MAT_DATE_LOCALE, MatNativeDateModule, Ma
 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, firstValueFrom, throttleTime } from 'rxjs';
+import { NG_VALUE_ACCESSOR, FormBuilder, FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
+import { Observable, BehaviorSubject, distinctUntilChanged, Subject, startWith, takeUntil, noop as noop$3, combineLatest, from, merge as merge$1, fromEvent, map as map$2, filter as filter$1, switchMap as switchMap$1, observeOn, asyncScheduler, withLatestFrom, first as first$1, interval, throwError, finalize as finalize$1, tap as tap$1, defer, firstValueFrom, throttleTime } from 'rxjs';
 import * 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 { isNil, isObject, cloneDeep, find, indexOf, reduce, map as map$1, isNumber, merge, forEach, some, isEqual, 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';
 import * as i5 from '@angular/material/datepicker';
 import { MatCalendar, DateRange, MAT_DATE_RANGE_SELECTION_STRATEGY, MatDatepickerModule } from '@angular/material/datepicker';
@@ -5526,6 +5526,117 @@ class DrDatePickerRangeComponent {
             type: Input
         }] }); })();
 
+function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
+} }
+function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
+} }
+const _c0$y = ["*"];
+class DrToggleComponent {
+    set disabled(value) {
+        this.setDisabledState(value);
+    }
+    get elementClass() {
+        return this._elementClass.join(' ');
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._disabled = false;
+        this._elementClass = [];
+        this.hostId = null;
+        this.checkedChange = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    ngAfterViewInit() {
+        if (this.toggleTitleRight) {
+            this._elementClass.push('toggle-label-alignment');
+        }
+    }
+    writeValue(value) {
+        this.checkedStatus = value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+    }
+    setValue() {
+        this.checkedStatus = !this.checkedStatus;
+        this.onChange(this.checkedStatus);
+        this.checkedChange.emit(this.checkedStatus);
+        this.onTouched();
+    }
+    /** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    /** @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$y, 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);
+            i0.ɵɵlistener("click", function DrToggleComponent_Template_input_click_2_listener() { return ctx.setValue(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "span", 3);
+            i0.ɵɵelement(4, "i");
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, DrToggleComponent_span_6_Template, 2, 1, "span", 4);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.toggleTitle && !ctx.toggleTitleRight);
+            i0.ɵɵadvance(1);
+            i0.ɵɵclassProp("success", ctx.successType)("disabled", ctx._disabled);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("checked", ctx.checkedStatus)("disabled", ctx._disabled);
+            i0.ɵɵattribute("id", ctx.id)("data-test", ctx.checkedStatus ? "toggle-on" : "toggle-off");
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.toggleTitle && ctx.toggleTitleRight);
+        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}.toggle-label-alignment[_nghost-%COMP%]{justify-content:start}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]{background-color:#8f9bb329!important}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{background:#8f9bb33d!important}[_nghost-%COMP%]   .toggle-container.success[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]{background-color:#03a678}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%] > i[_ngcontent-%COMP%], [_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]:active > i[_ngcontent-%COMP%]{margin-left:16px}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]{background-color:#4646ce}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]:active{background-color:#a6b9cb}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}[_nghost-%COMP%]   .toggle-title[_ngcontent-%COMP%]{line-height:22px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n    <input\n        [attr.id]=\"id\"\n        type=\"checkbox\"\n        [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n        [checked]=\"checkedStatus\"\n        [disabled]=\"_disabled\"\n        (click)=\"setValue()\" />\n    <span class=\"toggle-body\">\n        <i></i>\n    </span>\n    <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
+    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
+            type: Input
+        }], hostId: [{
+            type: HostBinding,
+            args: ['attr.id']
+        }], toggleTitle: [{
+            type: Input
+        }], toggleTitleRight: [{
+            type: Input
+        }], successType: [{
+            type: Input
+        }], checkedStatus: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], checkedChange: [{
+            type: Output
+        }], elementClass: [{
+            type: HostBinding,
+            args: ['class']
+        }] }); })();
+
 function TooltipInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵelement(1, "i", 7);
@@ -5605,7 +5716,483 @@ class TooltipInfoComponent {
             type: Input
         }] }); })();
 
-const _c0$y = ["stepTextLabel"];
+const TOOLTIP_COMPONENTS = [TooltipDefaultComponent, TooltipInfoComponent];
+class DrTooltipModule {
+    /** @nocollapse */ static { this.ɵfac = function DrTooltipModule_Factory(t) { return new (t || DrTooltipModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrTooltipModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTooltipModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule],
+                exports: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
+                providers: [],
+                declarations: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { declarations: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent], imports: [CommonModule], exports: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent] }); })();
+
+const components$3 = [DrSpinnerComponent];
+const directives = [DrSpinnerDirective];
+class DrSpinnerModule {
+    /** @nocollapse */ static { this.ɵfac = function DrSpinnerModule_Factory(t) { return new (t || DrSpinnerModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrSpinnerModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSpinnerModule, [{
+        type: NgModule,
+        args: [{
+                imports: [CommonModule],
+                exports: [...components$3, ...directives],
+                declarations: [...components$3, ...directives],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrSpinnerModule, { declarations: [DrSpinnerComponent, DrSpinnerDirective], imports: [CommonModule], exports: [DrSpinnerComponent, DrSpinnerDirective] }); })();
+
+// !!! Please do not use such approach in other places
+// Hard fix for 'none' calendar view selection
+MatCalendar.prototype.focusActiveCell = function () {
+    this._getCurrentViewComponent()?._focusActiveCell(false);
+};
+const standalone = [DrButtonComponent];
+const components$2 = [
+    RadioButtonComponent,
+    RadioGroupComponent,
+    CheckboxComponent,
+    DrInputComponent,
+    DrSelectComponent,
+    DrToggleComponent,
+    DrToggleButtonComponent,
+    DrDatePickerComponent,
+    DrDatePickerWithTimeframeComponent,
+    DrDatePickerFormatDirective,
+    DrDatePickerCustomHeaderComponent,
+    DrDatePickerRangeComponent,
+    DrModelDebounceChangeDirective,
+    DrShowTimeframePipe,
+    DrSelectAddItemComponent,
+    DrLinkComponent,
+    DrFiscalMonthCalendarPickerComponent,
+    DrFiscalMonthCalendarHeaderComponent,
+];
+class DrInputsModule {
+    /** @nocollapse */ static { this.ɵfac = function DrInputsModule_Factory(t) { return new (t || DrInputsModule)(); }; }
+    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrInputsModule }); }
+    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [provideNgxMask()], imports: [standalone, FormsModule,
+            ReactiveFormsModule,
+            CommonModule,
+            NgSelectModule,
+            MatNativeDateModule,
+            MatDatepickerModule,
+            DrTooltipModule,
+            DrSpinnerModule,
+            WeekSelectorComponent,
+            MatMomentDateModule] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrInputsModule, [{
+        type: NgModule,
+        args: [{
+                declarations: components$2,
+                exports: [...components$2, ...standalone],
+                providers: [provideNgxMask()],
+                imports: [
+                    ...standalone,
+                    NgxMaskDirective,
+                    FormsModule,
+                    ReactiveFormsModule,
+                    CommonModule,
+                    NgSelectModule,
+                    MatNativeDateModule,
+                    MatDatepickerModule,
+                    DrTooltipModule,
+                    DrSpinnerModule,
+                    WeekSelectorComponent,
+                    MatMomentDateModule,
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrInputsModule, { declarations: [RadioButtonComponent,
+        RadioGroupComponent,
+        CheckboxComponent,
+        DrInputComponent,
+        DrSelectComponent,
+        DrToggleComponent,
+        DrToggleButtonComponent,
+        DrDatePickerComponent,
+        DrDatePickerWithTimeframeComponent,
+        DrDatePickerFormatDirective,
+        DrDatePickerCustomHeaderComponent,
+        DrDatePickerRangeComponent,
+        DrModelDebounceChangeDirective,
+        DrShowTimeframePipe,
+        DrSelectAddItemComponent,
+        DrLinkComponent,
+        DrFiscalMonthCalendarPickerComponent,
+        DrFiscalMonthCalendarHeaderComponent], imports: [DrButtonComponent, NgxMaskDirective,
+        FormsModule,
+        ReactiveFormsModule,
+        CommonModule,
+        NgSelectModule,
+        MatNativeDateModule,
+        MatDatepickerModule,
+        DrTooltipModule,
+        DrSpinnerModule,
+        WeekSelectorComponent,
+        MatMomentDateModule], exports: [RadioButtonComponent,
+        RadioGroupComponent,
+        CheckboxComponent,
+        DrInputComponent,
+        DrSelectComponent,
+        DrToggleComponent,
+        DrToggleButtonComponent,
+        DrDatePickerComponent,
+        DrDatePickerWithTimeframeComponent,
+        DrDatePickerFormatDirective,
+        DrDatePickerCustomHeaderComponent,
+        DrDatePickerRangeComponent,
+        DrModelDebounceChangeDirective,
+        DrShowTimeframePipe,
+        DrSelectAddItemComponent,
+        DrLinkComponent,
+        DrFiscalMonthCalendarPickerComponent,
+        DrFiscalMonthCalendarHeaderComponent, DrButtonComponent] }); })();
+
+function TimePickerComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const item_r2 = ctx.item;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.LOCAL_TIME_ZONE_OFFSET !== ctx_r1.cronModel.timeZone ? item_r2.label : "Local Time", " ");
+} }
+const LOCAL_TIME_ZONE_OFFSET = new Date().getTimezoneOffset() / 60;
+const getGMTLabel = (offset) => {
+    const sign = offset < 0 ? '-' : '+';
+    const offsetPrefix = Math.abs(offset) > 9 ? '' : '0';
+    return `GMT${sign}${offsetPrefix}${Math.abs(offset)}:00`;
+};
+const GMT_OFFSETS = new Array(27).fill(null).map((v, index) => {
+    const offset = index - 12;
+    return {
+        value: -offset,
+        label: `${getGMTLabel(offset)}${LOCAL_TIME_ZONE_OFFSET === -offset ? ' (Local Time)' : ''}`,
+    };
+});
+class TimePickerComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.hostId = null;
+        this.uniqueId = `time-picker-${TimePickerComponent.nextUniqueId++}`;
+        this.CRON_TIME_PERIOD_ARRAY = ['AM', 'PM'];
+        this.LOCAL_TIME_ZONE_OFFSET = LOCAL_TIME_ZONE_OFFSET;
+        this.GMT_OFFSETS = GMT_OFFSETS;
+        this.cronModel = {
+            hour: 12,
+            minute: 0,
+            timePeriod: 'AM',
+            timeZone: this.LOCAL_TIME_ZONE_OFFSET,
+        };
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    // Unique ID for each instance
+    static { this.nextUniqueId = 0; }
+    // Helper to generate unique IDs for controls
+    get hourInputId() {
+        return `${this.uniqueId}-hour`;
+    }
+    get minuteInputId() {
+        return `${this.uniqueId}-minute`;
+    }
+    get periodSelectId() {
+        return `${this.uniqueId}-period`;
+    }
+    get timezoneSelectId() {
+        return `${this.uniqueId}-timezone`;
+    }
+    get labelId() {
+        return `${this.uniqueId}-label`;
+    }
+    onSelectionChange(model) {
+        const value = { ...this.getTimeValue(), ...model };
+        this.onChange(value);
+        this.onTouched();
+    }
+    getTimeValue() {
+        return {
+            hour: this.cronModel.hour,
+            minute: this.cronModel.minute,
+            timePeriod: this.cronModel.timePeriod,
+            timeZone: this.cronModel.timeZone,
+        };
+    }
+    writeValue(value) {
+        if (value && typeof value === 'object') {
+            this.cronModel = {
+                hour: value.hour !== undefined ? value.hour : this.cronModel.hour,
+                minute: value.minute !== undefined ? value.minute : this.cronModel.minute,
+                timePeriod: TimePickerComponent.validTimePeriod(value.timePeriod) ? value.timePeriod : this.cronModel.timePeriod,
+                timeZone: isNil(value.timeZone) ? this.cronModel.timeZone : value.timeZone,
+            };
+            this.cdr.detectChanges();
+            return;
+        }
+        this.cronModel = {
+            hour: 12,
+            minute: 0,
+            timePeriod: 'AM',
+            timeZone: this.LOCAL_TIME_ZONE_OFFSET,
+        };
+        this.cdr.detectChanges();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    static validTimePeriod(value) {
+        return value === 'AM' || value === 'PM';
+    }
+    /** @nocollapse */ static { this.ɵfac = function TimePickerComponent_Factory(t) { return new (t || TimePickerComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TimePickerComponent, selectors: [["dr-time-picker"]], hostVars: 1, hostBindings: function TimePickerComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("id", ctx.hostId);
+        } }, inputs: { id: "id" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef((() => TimePickerComponent)),
+                    multi: true,
+                },
+            ]), i0.ɵɵStandaloneFeature], decls: 18, vars: 30, consts: [[1, "visually-hidden", 3, "id", "for"], ["type", "hidden", "name", "time-picker-value", 3, "value"], ["aria-label", "Hour", "type", "number", 1, "hours-input", 3, "id", "ngModel", "mask", "min", "max", "disabled", "ngModelChange"], ["aria-hidden", "true", 1, "time-dots"], [1, "visually-hidden", 3, "for"], ["aria-label", "Minute", "type", "number", 1, "minutes-input", 3, "id", "ngModel", "mask", "min", "max", "disabled", "ngModelChange"], ["aria-label", "AM or PM", 1, "time-period-selector", 3, "id", "ngModel", "items", "disabled", "ngModelChange", "change"], ["aria-label", "Time Zone", "bindLabel", "label", "bindValue", "value", 1, "gmt-offsets", 3, "id", "ngModel", "items", "textView", "disabled", "ngModelChange", "change"], ["labelTemplate", ""]], template: function TimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "label", 0);
+            i0.ɵɵtext(1, "Time Picker");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(2, "input", 1);
+            i0.ɵɵpipe(3, "json");
+            i0.ɵɵelementStart(4, "dr-input", 2);
+            i0.ɵɵlistener("ngModelChange", function TimePickerComponent_Template_dr_input_ngModelChange_4_listener($event) { return ctx.cronModel.hour = $event; })("ngModelChange", function TimePickerComponent_Template_dr_input_ngModelChange_4_listener($event) { return ctx.onSelectionChange({ hour: $event }); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "span", 3);
+            i0.ɵɵtext(6, ":");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "label", 4);
+            i0.ɵɵtext(8, "Minute");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "dr-input", 5);
+            i0.ɵɵlistener("ngModelChange", function TimePickerComponent_Template_dr_input_ngModelChange_9_listener($event) { return ctx.cronModel.minute = $event; })("ngModelChange", function TimePickerComponent_Template_dr_input_ngModelChange_9_listener($event) { return ctx.onSelectionChange({ minute: $event }); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "label", 4);
+            i0.ɵɵtext(11, "AM or PM");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "dr-select", 6);
+            i0.ɵɵlistener("ngModelChange", function TimePickerComponent_Template_dr_select_ngModelChange_12_listener($event) { return ctx.cronModel.timePeriod = $event; })("change", function TimePickerComponent_Template_dr_select_change_12_listener($event) { return ctx.onSelectionChange({ timePeriod: $event }); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "label", 4);
+            i0.ɵɵtext(14, "Time Zone");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "dr-select", 7);
+            i0.ɵɵlistener("ngModelChange", function TimePickerComponent_Template_dr_select_ngModelChange_15_listener($event) { return ctx.cronModel.timeZone = $event; })("change", function TimePickerComponent_Template_dr_select_change_15_listener($event) { return ctx.onSelectionChange({ timeZone: $event }); });
+            i0.ɵɵtemplate(16, TimePickerComponent_ng_template_16_Template, 1, 1, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("id", ctx.labelId)("for", ctx.id);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", i0.ɵɵpipeBind1(3, 28, ctx.cronModel));
+            i0.ɵɵattribute("id", ctx.id);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.hourInputId)("ngModel", ctx.cronModel.hour)("mask", "00")("min", 0)("max", 12)("disabled", !!ctx._disabled);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("for", ctx.minuteInputId);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.minuteInputId)("ngModel", ctx.cronModel.minute)("mask", "00")("min", 0)("max", 59)("disabled", !!ctx._disabled);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("for", ctx.periodSelectId);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.periodSelectId)("ngModel", ctx.cronModel.timePeriod)("items", ctx.CRON_TIME_PERIOD_ARRAY)("disabled", !!ctx._disabled);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("for", ctx.timezoneSelectId);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.timezoneSelectId)("ngModel", ctx.cronModel.timeZone)("items", ctx.GMT_OFFSETS)("textView", true)("disabled", !!ctx._disabled);
+        } }, dependencies: [CommonModule, i1.JsonPipe, DrInputsModule, DrInputComponent, DrSelectComponent, FormsModule, i1$2.NgControlStatus, i1$2.NgModel], styles: ["dr-time-picker{display:flex;align-items:center}dr-time-picker .hours-input{min-width:62px;flex:1;margin-left:8px}dr-time-picker .minutes-input{min-width:62px;flex:1}dr-time-picker .time-period-selector{min-width:64px;flex:1;margin-left:8px}dr-time-picker .time-dots{margin:0 4px}dr-time-picker .gmt-offsets{margin-left:16px}dr-time-picker .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}\n"], encapsulation: 2, changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, DrInputsModule, FormsModule], providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef((() => TimePickerComponent)),
+                        multi: true,
+                    },
+                ], encapsulation: ViewEncapsulation.None, template: "<label [id]=\"labelId\" class=\"visually-hidden\" [for]=\"id\">Time Picker</label>\n<input type=\"hidden\" [attr.id]=\"id\" [value]=\"cronModel | json\" name=\"time-picker-value\" />\n<dr-input\n    [id]=\"hourInputId\"\n    aria-label=\"Hour\"\n    [(ngModel)]=\"cronModel.hour\"\n    (ngModelChange)=\"onSelectionChange({ hour: $event })\"\n    [mask]=\"'00'\"\n    [min]=\"0\"\n    [max]=\"12\"\n    [disabled]=\"!!_disabled\"\n    type=\"number\"\n    class=\"hours-input\">\n</dr-input>\n<span class=\"time-dots\" aria-hidden=\"true\">:</span>\n<label class=\"visually-hidden\" [for]=\"minuteInputId\">Minute</label>\n<dr-input\n    [id]=\"minuteInputId\"\n    aria-label=\"Minute\"\n    [(ngModel)]=\"cronModel.minute\"\n    (ngModelChange)=\"onSelectionChange({ minute: $event })\"\n    [mask]=\"'00'\"\n    [min]=\"0\"\n    [max]=\"59\"\n    [disabled]=\"!!_disabled\"\n    type=\"number\"\n    class=\"minutes-input\">\n</dr-input>\n<label class=\"visually-hidden\" [for]=\"periodSelectId\">AM or PM</label>\n<dr-select\n    [id]=\"periodSelectId\"\n    aria-label=\"AM or PM\"\n    [(ngModel)]=\"cronModel.timePeriod\"\n    (change)=\"onSelectionChange({ timePeriod: $event })\"\n    [items]=\"CRON_TIME_PERIOD_ARRAY\"\n    [disabled]=\"!!_disabled\"\n    class=\"time-period-selector\"></dr-select>\n<label class=\"visually-hidden\" [for]=\"timezoneSelectId\">Time Zone</label>\n<dr-select\n    [id]=\"timezoneSelectId\"\n    aria-label=\"Time Zone\"\n    [(ngModel)]=\"cronModel.timeZone\"\n    (change)=\"onSelectionChange({ timeZone: $event })\"\n    [items]=\"GMT_OFFSETS\"\n    [textView]=\"true\"\n    [disabled]=\"!!_disabled\"\n    bindLabel=\"label\"\n    bindValue=\"value\"\n    class=\"gmt-offsets\">\n    <ng-template #labelTemplate let-item=\"item\">\n        {{ LOCAL_TIME_ZONE_OFFSET !== cronModel.timeZone ? item.label : 'Local Time' }}\n    </ng-template>\n</dr-select>\n", styles: ["dr-time-picker{display:flex;align-items:center}dr-time-picker .hours-input{min-width:62px;flex:1;margin-left:8px}dr-time-picker .minutes-input{min-width:62px;flex:1}dr-time-picker .time-period-selector{min-width:64px;flex:1;margin-left:8px}dr-time-picker .time-dots{margin:0 4px}dr-time-picker .gmt-offsets{margin-left:16px}dr-time-picker .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}\n"] }]
+    }], null, { id: [{
+            type: Input
+        }], hostId: [{
+            type: HostBinding,
+            args: ['attr.id']
+        }] }); })();
+
+const DEFAULT_FORM_VALUE = {
+    date: null,
+    time: {
+        hour: 12,
+        minute: 0,
+        timePeriod: 'AM',
+        timeZone: LOCAL_TIME_ZONE_OFFSET,
+    },
+};
+class DateTimePickerComponent {
+    constructor() {
+        this.fb = inject(FormBuilder);
+        this.destroy$ = new Subject();
+        this.hostId = null;
+        this.LOCAL_TIME_ZONE_OFFSET = LOCAL_TIME_ZONE_OFFSET;
+        this.dateTimeForm = this.fb.group({
+            date: this.fb.control(null),
+            time: this.fb.control({
+                hour: 12,
+                minute: 0,
+                timePeriod: 'AM',
+                timeZone: this.LOCAL_TIME_ZONE_OFFSET,
+            }),
+        });
+        this.innerTime = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        inject(DestroyRef).onDestroy(() => {
+            this.destroy$.next();
+            this.destroy$.complete();
+        });
+        this.dateTimeForm.valueChanges
+            .pipe(map$2((value) => ({
+            value: this.getCombinedTimestamp(value),
+            timezone: value.time?.timeZone || null,
+        })), distinctUntilChanged((a, b) => isEqual(a, b)), takeUntil(this.destroy$))
+            .subscribe((value) => {
+            this.innerTime = value.value;
+            this.onChange(value);
+        });
+    }
+    writeValue(value) {
+        if (this.innerTime === value?.value)
+            return;
+        if (value && typeof value === 'object' && !isNil(value.value) && typeof value.value === 'number') {
+            const formValue = this.getFormValueFromTimestamp(value.value, value.timezone || null);
+            this.dateTimeForm.setValue(formValue);
+            return;
+        }
+        this.dateTimeForm.setValue(cloneDeep(DEFAULT_FORM_VALUE), { emitEvent: false });
+    }
+    getFormValueFromTimestamp(timestamp, _timezone = this.LOCAL_TIME_ZONE_OFFSET) {
+        const dateMoment = moment__default.unix(timestamp).utc();
+        const timezone = _timezone || 0;
+        const adjustedDate = dateMoment.clone().utcOffset(-(timezone || 0));
+        let hours = adjustedDate.hours();
+        let timePeriod = 'AM';
+        if (hours >= 12) {
+            timePeriod = 'PM';
+            if (hours > 12) {
+                hours -= 12;
+            }
+        }
+        else if (hours === 0) {
+            hours = 12;
+        }
+        return {
+            date: dateMoment.clone().add({ hours: -timezone }).unix(),
+            time: {
+                hour: hours,
+                minute: adjustedDate.minutes(),
+                timePeriod,
+                timeZone: timezone,
+            },
+        };
+    }
+    getCombinedTimestamp({ date, time }) {
+        if (!date || !time) {
+            return null;
+        }
+        let hours = time.hour;
+        if (time.timePeriod === 'PM' && hours < 12) {
+            hours += 12;
+        }
+        else if (time.timePeriod === 'AM' && hours === 12) {
+            hours = 0;
+        }
+        const dateObj = moment__default.unix(date).utc();
+        const combinedDate = dateObj.startOf('day').add({ hour: hours, minute: time.minute });
+        return combinedDate.unix();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.dateTimeForm.disable();
+        }
+        else {
+            this.dateTimeForm.enable();
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = function DateTimePickerComponent_Factory(t) { return new (t || DateTimePickerComponent)(); }; }
+    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DateTimePickerComponent, selectors: [["dr-date-time-picker"]], hostVars: 1, hostBindings: function DateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("id", ctx.hostId);
+        } }, inputs: { id: "id", min: "min", max: "max" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef((() => DateTimePickerComponent)),
+                    multi: true,
+                },
+            ]), i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [[1, "dr-date-time-picker"], ["type", "hidden", 3, "value"], [1, "dr-date-time-picker__date", 3, "id", "formControl", "min", "max", "ngModelChange"], [1, "dr-date-time-picker__time"], [1, "dr-date-time-picker__at"], ["data-testid", "date-time-picker-time-picker", 1, "dr-date-time-picker__time-picker", 3, "formControl", "ngModelChange"]], template: function DateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "input", 1);
+            i0.ɵɵpipe(2, "date");
+            i0.ɵɵelementStart(3, "dr-date-picker", 2);
+            i0.ɵɵlistener("ngModelChange", function DateTimePickerComponent_Template_dr_date_picker_ngModelChange_3_listener() { return ctx.onTouched(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3)(5, "span", 4);
+            i0.ɵɵtext(6, "At");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "dr-time-picker", 5);
+            i0.ɵɵlistener("ngModelChange", function DateTimePickerComponent_Template_dr_time_picker_ngModelChange_7_listener() { return ctx.onTouched(); });
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("value", i0.ɵɵpipeBind2(2, 7, ctx.innerTime, "DD-MM-YYYY HH:mm"));
+            i0.ɵɵattribute("id", ctx.id);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("id", ctx.id)("formControl", ctx.dateTimeForm.controls.date)("min", ctx.min)("max", ctx.max);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formControl", ctx.dateTimeForm.controls.time);
+        } }, dependencies: [CommonModule, i1.DatePipe, DrInputsModule, DrDatePickerComponent, FormsModule, i1$2.NgControlStatus, ReactiveFormsModule, i1$2.FormControlDirective, TimePickerComponent], styles: ["[_nghost-%COMP%]   .dr-date-time-picker[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .dr-date-time-picker__date[_ngcontent-%COMP%]{margin-bottom:8px}[_nghost-%COMP%]   .dr-date-time-picker__time[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .dr-date-time-picker__time-picker[_ngcontent-%COMP%]{flex-grow:1}[_nghost-%COMP%]   .dr-date-time-picker__at[_ngcontent-%COMP%]{margin-right:4px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'dr-date-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, DrInputsModule, FormsModule, ReactiveFormsModule, TimePickerComponent], providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef((() => DateTimePickerComponent)),
+                        multi: true,
+                    },
+                ], template: "<div class=\"dr-date-time-picker\">\n    <input [attr.id]=\"id\" type=\"hidden\" [value]=\"innerTime | date: 'DD-MM-YYYY HH:mm'\" />\n    <dr-date-picker\n        [id]=\"id\"\n        [formControl]=\"dateTimeForm.controls.date\"\n        [min]=\"min\"\n        [max]=\"max\"\n        (ngModelChange)=\"onTouched()\"\n        class=\"dr-date-time-picker__date\" />\n\n    <div class=\"dr-date-time-picker__time\">\n        <span class=\"dr-date-time-picker__at\">At</span>\n        <dr-time-picker\n            class=\"dr-date-time-picker__time-picker\"\n            [formControl]=\"dateTimeForm.controls.time\"\n            (ngModelChange)=\"onTouched()\"\n            data-testid=\"date-time-picker-time-picker\" />\n    </div>\n</div>\n", styles: [":host .dr-date-time-picker{display:flex;flex-direction:column}:host .dr-date-time-picker__date{margin-bottom:8px}:host .dr-date-time-picker__time{display:flex;align-items:center}:host .dr-date-time-picker__time-picker{flex-grow:1}:host .dr-date-time-picker__at{margin-right:4px}\n"] }]
+    }], function () { return []; }, { id: [{
+            type: Input
+        }], hostId: [{
+            type: HostBinding,
+            args: ['attr.id']
+        }], min: [{
+            type: Input
+        }], max: [{
+            type: Input
+        }] }); })();
+
+const _c0$x = ["stepTextLabel"];
 const _c1$e = ["stepper"];
 function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -5836,7 +6423,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$y, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$x, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
@@ -6007,7 +6594,7 @@ function DrChatFormComponent_dr_button_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Stop generating");
     i0.ɵɵelementEnd();
 } }
-const _c0$x = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c0$w = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
 class DrChatFormComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
@@ -6163,7 +6750,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$x, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length)));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(11, _c0$w, 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);
@@ -6278,7 +6865,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$w = function (a0, a1) { return { "users-section__default": a0, "users-section__user--clickable": a1 }; };
+const _c0$v = 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);
@@ -6292,7 +6879,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$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.ɵɵ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.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(3, 15, user_r5, "initials"), "\n");
 } }
@@ -6568,7 +7155,7 @@ class DrChatMessageFileComponent {
             type: Input
         }] }); })();
 
-const _c0$v = ["drChatMessageActions"];
+const _c0$u = ["drChatMessageActions"];
 function DrChatMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelement(1, "div", 8);
@@ -6670,7 +7257,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$v, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$u, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drChatMessageActions = _t.first);
@@ -6741,7 +7328,7 @@ class DrChatMessageComponent {
             args: ['drChatMessageActions']
         }] }); })();
 
-const _c0$u = ["suggestionsContainer"];
+const _c0$t = ["suggestionsContainer"];
 function DrChatSuggestionsComponent_ng_container_2_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -6886,7 +7473,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$u, 5);
+            i0.ɵɵviewQuery(_c0$t, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suggestionContainer = _t.first);
@@ -6920,7 +7507,7 @@ class DrChatSuggestionsComponent {
             args: ['suggestionsContainer', { static: false }]
         }] }); })();
 
-const _c0$t = ["drChatHeader"];
+const _c0$s = ["drChatHeader"];
 const _c1$c = ["drChatLoader"];
 const _c2$6 = ["drChatContent"];
 const _c3$4 = ["messagesContainer"];
@@ -7057,7 +7644,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$t, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0$s, 5);
             i0.ɵɵcontentQuery(dirIndex, _c1$c, 5);
             i0.ɵɵcontentQuery(dirIndex, _c2$6, 5);
             i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
@@ -7145,7 +7732,7 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-const _c0$s = ["textAreaElement"];
+const _c0$r = ["textAreaElement"];
 const _c1$b = ["fileInput"];
 function DrChatFormDropdownComponent_dr_chat_dropped_files_3_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -7332,7 +7919,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$s, 5);
+            i0.ɵɵviewQuery(_c0$r, 5);
             i0.ɵɵviewQuery(_c1$b, 5);
         } if (rf & 2) {
             let _t;
@@ -7469,14 +8056,14 @@ class DrChatCustomMessageDirective {
             type: Input
         }] }); })();
 
-const _c0$r = ["*"];
+const _c0$q = ["*"];
 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$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) {
+    /** @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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "i");
             i0.ɵɵprojection(1);
@@ -7496,117 +8083,6 @@ class DrChatAlertComponent {
             type: Output
         }] }); })();
 
-function DrToggleComponent_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r0.toggleTitle);
-} }
-function DrToggleComponent_span_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r1.toggleTitle);
-} }
-const _c0$q = ["*"];
-class DrToggleComponent {
-    set disabled(value) {
-        this.setDisabledState(value);
-    }
-    get elementClass() {
-        return this._elementClass.join(' ');
-    }
-    constructor(cdr) {
-        this.cdr = cdr;
-        this._disabled = false;
-        this._elementClass = [];
-        this.hostId = null;
-        this.checkedChange = new EventEmitter();
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    ngAfterViewInit() {
-        if (this.toggleTitleRight) {
-            this._elementClass.push('toggle-label-alignment');
-        }
-    }
-    writeValue(value) {
-        this.checkedStatus = value;
-        this.cdr.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-    }
-    setValue() {
-        this.checkedStatus = !this.checkedStatus;
-        this.onChange(this.checkedStatus);
-        this.checkedChange.emit(this.checkedStatus);
-        this.onTouched();
-    }
-    /** @nocollapse */ static { this.ɵfac = function DrToggleComponent_Factory(t) { return new (t || DrToggleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    /** @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$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);
-            i0.ɵɵlistener("click", function DrToggleComponent_Template_input_click_2_listener() { return ctx.setValue(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "span", 3);
-            i0.ɵɵelement(4, "i");
-            i0.ɵɵelementEnd();
-            i0.ɵɵprojection(5);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, DrToggleComponent_span_6_Template, 2, 1, "span", 4);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.toggleTitle && !ctx.toggleTitleRight);
-            i0.ɵɵadvance(1);
-            i0.ɵɵclassProp("success", ctx.successType)("disabled", ctx._disabled);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("checked", ctx.checkedStatus)("disabled", ctx._disabled);
-            i0.ɵɵattribute("id", ctx.id)("data-test", ctx.checkedStatus ? "toggle-on" : "toggle-off");
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", ctx.toggleTitle && ctx.toggleTitleRight);
-        } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}.toggle-label-alignment[_nghost-%COMP%]{justify-content:start}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]{pointer-events:none}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]{background-color:#8f9bb329!important}[_nghost-%COMP%]   .toggle-container.disabled[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{background:#8f9bb33d!important}[_nghost-%COMP%]   .toggle-container.success[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]{background-color:#03a678}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%] > i[_ngcontent-%COMP%], [_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]:active > i[_ngcontent-%COMP%]{margin-left:16px}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked + span.toggle-body[_ngcontent-%COMP%]{background-color:#4646ce}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]:active{background-color:#a6b9cb}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%]   .toggle-container[_ngcontent-%COMP%]   .toggle-body[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}[_nghost-%COMP%]   .toggle-title[_ngcontent-%COMP%]{line-height:22px}"], changeDetection: 0 }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrToggleComponent, [{
-        type: Component,
-        args: [{ selector: 'dr-toggle', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: DrToggleComponent, multi: true }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"toggle-title mr-3\" *ngIf=\"toggleTitle && !toggleTitleRight\">{{ toggleTitle }}</span>\n<label class=\"toggle-container\" [class.success]=\"successType\" [class.disabled]=\"_disabled\">\n    <input\n        [attr.id]=\"id\"\n        type=\"checkbox\"\n        [attr.data-test]=\"checkedStatus ? 'toggle-on' : 'toggle-off'\"\n        [checked]=\"checkedStatus\"\n        [disabled]=\"_disabled\"\n        (click)=\"setValue()\" />\n    <span class=\"toggle-body\">\n        <i></i>\n    </span>\n    <ng-content></ng-content>\n</label>\n<span class=\"toggle-title ml-3\" *ngIf=\"toggleTitle && toggleTitleRight\">{{ toggleTitle }}</span>\n", styles: [":host{display:flex;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif}:host.toggle-label-alignment{justify-content:start}:host .toggle-container{display:flex;align-items:center}:host .toggle-container.disabled{pointer-events:none}:host .toggle-container.disabled .toggle-body{background-color:#8f9bb329!important}:host .toggle-container.disabled .toggle-body i{background:#8f9bb33d!important}:host .toggle-container.success input:checked+span.toggle-body{background-color:#03a678}:host .toggle-container input{display:none}:host .toggle-container input:checked+span.toggle-body>i,:host .toggle-container input:checked+span.toggle-body:active>i{margin-left:16px}:host .toggle-container input:checked+span.toggle-body{background-color:#4646ce}:host .toggle-container .toggle-body{cursor:pointer;display:block;width:30px;height:16px;margin:7px auto;border-radius:15px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#8f929e;line-height:1}:host .toggle-container .toggle-body:active{background-color:#a6b9cb}:host .toggle-container .toggle-body-wrapper{display:flex;flex-direction:column}:host .toggle-container .toggle-body i{height:12px;width:12px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:1.5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;pointer-events:none}:host .toggle-title{line-height:22px}\n"] }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
-            type: Input
-        }], hostId: [{
-            type: HostBinding,
-            args: ['attr.id']
-        }], toggleTitle: [{
-            type: Input
-        }], toggleTitleRight: [{
-            type: Input
-        }], successType: [{
-            type: Input
-        }], checkedStatus: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], checkedChange: [{
-            type: Output
-        }], elementClass: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
 var BadgeStatus;
 (function (BadgeStatus) {
     BadgeStatus["INFO"] = "info";
@@ -11157,7 +11633,7 @@ function DialogModalWrapperComponent_form_7_div_2_dr_select_3_Template(rf, ctx)
 } if (rf & 2) {
     const field_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("searchable", ctx_r13.dialogData.searchable)("clearable", ctx_r13.dialogData.clearable)("formControlName", field_r11.name)("addTag", field_r11.addTag)("bindLabel", field_r11.bindLabel || null)("bindValue", field_r11.bindValue || null)("selectedItem", field_r11.default)("items", field_r11.items || i0.ɵɵpipeBind1(1, 12, field_r11.items$))("loading", i0.ɵɵpipeBind1(2, 14, ctx_r13.fieldsItemsLoading[field_r11.name]))("required", true)("placeholder", field_r11.placeholder);
+    i0.ɵɵproperty("searchable", ctx_r13.dialogData.searchable)("clearable", ctx_r13.dialogData.clearable)("formControlName", field_r11.name)("addTag", field_r11.addTag)("bindLabel", field_r11.bindLabel || null)("bindValue", field_r11.bindValue || null)("selectedItem", field_r11.default)("items", field_r11.items || i0.ɵɵpipeBind1(1, 12, field_r11.items$))("loading", i0.ɵɵpipeBind1(2, 14, ctx_r13.fieldsItemsLoading[field_r11.name]))("required", !field_r11.isOptional)("placeholder", field_r11.placeholder);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r13.dialogData == null ? null : ctx_r13.dialogData.footerTemplateData);
 } }
@@ -11413,7 +11889,7 @@ class DialogModalWrapperComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogModalWrapperComponent, [{
         type: Component,
-        args: [{ selector: 'dr-dialog-modal-wrapper', template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">\n        <i\n            *ngIf=\"dialogData.headerIconClass\"\n            (click)=\"closeDialog()\"\n            class=\"title-dialog__icon\"\n            [class]=\"dialogData.headerIconClass\"\n            data-test=\"dialogTitleIcon\"></i>\n        <span class=\"title-dialog__text\">{{ dialogData.title }}</span>\n    </h1>\n    <i *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\" data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\" [innerHTML]=\"dialogData.content\">\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div [class]=\"dialogData.formWrapperClass || 'dr-smart-form_wrapper'\">\n        <div\n            *ngFor=\"let field of dialogData.fields\"\n            class=\"dr-smart-form_group\"\n            [class]=\"field.formGroupClass\"\n            [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label\n                *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                class=\"label p-0 d-flex align-items-center\"\n                >{{ field.label }}</label\n            >\n            <div\n                class=\"input-group p-0\"\n                [ngClass]=\"{\n                    'col-md-10': field.label && !field.isLabelFullWidth,\n                    'col-md-12': !field.label || field.isLabelFullWidth,\n                }\">\n                <dr-select\n                    *ngIf=\"field.type === dialogFieldType.SELECT\"\n                    [searchable]=\"dialogData.searchable\"\n                    [clearable]=\"dialogData.clearable\"\n                    [formControlName]=\"field.name\"\n                    [addTag]=\"field.addTag\"\n                    [bindLabel]=\"field.bindLabel || null\"\n                    [bindValue]=\"field.bindValue || null\"\n                    [selectedItem]=\"field.default\"\n                    [items]=\"field.items || (field.items$ | async)\"\n                    [loading]=\"fieldsItemsLoading[field.name] | async\"\n                    [required]=\"true\"\n                    [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close()\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\" class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}\n                        </button>\n                    </ng-template>\n                </dr-select>\n                <dr-input\n                    *ngIf=\"field.type === dialogFieldType.INPUT\"\n                    data-test=\"modalInput\"\n                    class=\"form-control\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker\n                    *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                    [formControlName]=\"field.name\"\n                    [format]=\"field.datePickerFormat\"\n                    [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label\n                    class=\"form-field-error-alert\"\n                    *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button\n            (click)=\"onDecline()\"\n            *ngIf=\"dialogData.customButton\"\n            [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n            class=\"buttons-wrapper--custom-btn\"\n            data-test=\"declineBtn\"\n            >{{ dialogData.customButton.label }}</dr-button\n        >\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"onCancel()\" [theme]=\"'secondary'\">{{\n            dialogData.cancelButton.label\n        }}</dr-button>\n        <dr-button\n            *ngIf=\"dialogData.acceptButton\"\n            data-test=\"modalAddBtn\"\n            (click)=\"onAccept()\"\n            [theme]=\"'primary'\"\n            [isLoading]=\"isLoading\"\n            [disabled]=\"form.invalid\"\n            >{{ dialogData.acceptButton.label }}</dr-button\n        >\n    </div>\n</div>\n", styles: [":host{display:flex;justify-content:space-between;flex-direction:column}:host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:80vh}.header-dialog{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog>.icon-close{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog{display:flex;color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}.title-dialog__icon{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close{color:#6d6e6f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #dfe0e3}.buttons-wrapper{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper dr-button:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn{margin-right:auto}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"] }]
+        args: [{ selector: 'dr-dialog-modal-wrapper', template: "<div header class=\"header-dialog\">\n    <h1 class=\"title-dialog\" data-test=\"modalTitle\">\n        <i\n            *ngIf=\"dialogData.headerIconClass\"\n            (click)=\"closeDialog()\"\n            class=\"title-dialog__icon\"\n            [class]=\"dialogData.headerIconClass\"\n            data-test=\"dialogTitleIcon\"></i>\n        <span class=\"title-dialog__text\">{{ dialogData.title }}</span>\n    </h1>\n    <i *ngIf=\"!dialogData.hideCloseBtn\" (click)=\"closeDialog()\" class=\"dr-icon-exit icon-close\" data-test=\"xBtn\"></i>\n</div>\n<div *ngIf=\"dialogData.content\" class=\"content-dialog\" [innerHTML]=\"dialogData.content\">\n    <span #content class=\"content-anchor\"></span>\n</div>\n<form *ngIf=\"dialogData.fields\" [formGroup]=\"form\" class=\"dr-smart-from\">\n    <div [class]=\"dialogData.formWrapperClass || 'dr-smart-form_wrapper'\">\n        <div\n            *ngFor=\"let field of dialogData.fields\"\n            class=\"dr-smart-form_group\"\n            [class]=\"field.formGroupClass\"\n            [ngStyle]=\"{ display: field.isLabelFullWidth ? 'block' : 'flex' }\">\n            <label\n                *ngIf=\"field.label && field.type !== dialogFieldType.CHECKBOX\"\n                [ngClass]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n                class=\"label p-0 d-flex align-items-center\"\n                >{{ field.label }}</label\n            >\n            <div\n                class=\"input-group p-0\"\n                [ngClass]=\"{\n                    'col-md-10': field.label && !field.isLabelFullWidth,\n                    'col-md-12': !field.label || field.isLabelFullWidth,\n                }\">\n                <dr-select\n                    *ngIf=\"field.type === dialogFieldType.SELECT\"\n                    [searchable]=\"dialogData.searchable\"\n                    [clearable]=\"dialogData.clearable\"\n                    [formControlName]=\"field.name\"\n                    [addTag]=\"field.addTag\"\n                    [bindLabel]=\"field.bindLabel || null\"\n                    [bindValue]=\"field.bindValue || null\"\n                    [selectedItem]=\"field.default\"\n                    [items]=\"field.items || (field.items$ | async)\"\n                    [loading]=\"fieldsItemsLoading[field.name] | async\"\n                    [required]=\"!field.isOptional\"\n                    [placeholder]=\"field.placeholder\">\n                    <ng-template *ngIf=\"dialogData?.footerTemplateData\" #optionFooterTemplate let-item=\"item\" let-close=\"close\">\n                        <button (click)=\"footerAction(); close()\" class=\"dr-select-footer__btn\">\n                            <i *ngIf=\"dialogData.footerTemplateData.icon\" class=\"{{ dialogData.footerTemplateData.icon }}\"></i>\n                            {{ dialogData.footerTemplateData.label }}\n                        </button>\n                    </ng-template>\n                </dr-select>\n                <dr-input\n                    *ngIf=\"field.type === dialogFieldType.INPUT\"\n                    data-test=\"modalInput\"\n                    class=\"form-control\"\n                    [formControlName]=\"field.name\"\n                    [placeholder]=\"field.placeholder\"></dr-input>\n                <dr-date-picker\n                    *ngIf=\"field.type === dialogFieldType.DATE_PICKER\"\n                    [formControlName]=\"field.name\"\n                    [format]=\"field.datePickerFormat\"\n                    [placeholder]=\"field.placeholder\"></dr-date-picker>\n                <dr-checkbox *ngIf=\"field.type === dialogFieldType.CHECKBOX\" [formControlName]=\"field.name\">\n                    {{ field.label }}\n                </dr-checkbox>\n                <label\n                    class=\"form-field-error-alert\"\n                    *ngIf=\"form.invalid && form.controls[field.name]?.dirty && form.controls[field.name]?.errors\">\n                    {{ form.controls[field.name].errors.errorString }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"dialogData.errorMessage && !form.pristine && form.invalid\">\n                    {{ dialogData.errorMessage }}\n                </label>\n                <label class=\"form-error-alert\" *ngIf=\"form.valid && showServerErrorMessage && dialogData.serverErrorMessage\">\n                    {{ dialogData.serverErrorMessage }}\n                </label>\n            </div>\n        </div>\n    </div>\n</form>\n\n<div footer class=\"footer-dialog\">\n    <div class=\"buttons-wrapper\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n        <dr-button\n            (click)=\"onDecline()\"\n            *ngIf=\"dialogData.customButton\"\n            [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n            class=\"buttons-wrapper--custom-btn\"\n            data-test=\"declineBtn\"\n            >{{ dialogData.customButton.label }}</dr-button\n        >\n        <dr-button *ngIf=\"dialogData.cancelButton\" data-test=\"modalCloseBtn\" (click)=\"onCancel()\" [theme]=\"'secondary'\">{{\n            dialogData.cancelButton.label\n        }}</dr-button>\n        <dr-button\n            *ngIf=\"dialogData.acceptButton\"\n            data-test=\"modalAddBtn\"\n            (click)=\"onAccept()\"\n            [theme]=\"'primary'\"\n            [isLoading]=\"isLoading\"\n            [disabled]=\"form.invalid\"\n            >{{ dialogData.acceptButton.label }}</dr-button\n        >\n    </div>\n</div>\n", styles: [":host{display:flex;justify-content:space-between;flex-direction:column}:host.small-modal,:host.small-modal-max-height{min-height:188px;max-height:467px;min-width:400px;max-width:400px}:host.medium-modal,:host.medium-modal-max-height{min-height:188px;max-height:467px;min-width:632px;max-width:632px}:host.medium-small-modal{min-height:188px;max-height:345px;min-width:460px;max-width:460px}:host.medium-modal-max-height,:host.small-modal-max-height{max-height:80vh}.header-dialog{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}.header-dialog>.icon-close{position:absolute;right:32px;top:16px;cursor:pointer}.title-dialog{display:flex;color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}.title-dialog__icon{font-size:32px;margin-right:8px;line-height:24px;color:#6d6e6f}.content-dialog{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}.icon-close{color:#6d6e6f;cursor:pointer}.dr-smart-from{font-size:14px;font-weight:400;line-height:22px;padding:8px 32px 24px}.dr-smart-from dr-checkbox{font-weight:400}.content-dialog{padding:16px 32px 0;font-weight:400;font-size:14px;line-height:22px}.content-anchor{display:none}.footer-dialog{border-top:1px solid #dfe0e3}.buttons-wrapper{display:flex;justify-content:flex-end;padding:10px 32px 11px}.buttons-wrapper dr-button:nth-of-type(n+2){margin-left:12px}.buttons-wrapper--custom-btn{margin-right:auto}.form-field-error-alert{font-size:12px;color:#bf1d30;line-height:20px}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}.dr-select-footer__btn{background-color:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}\n"] }]
     }], function () { return [{ type: i1$6.MatLegacyDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_LEGACY_DIALOG_DATA]
@@ -12836,148 +13312,6 @@ class DrToastrService {
             }]
     }], function () { return [{ type: i1$7.ToastrService }]; }, null); })();
 
-const TOOLTIP_COMPONENTS = [TooltipDefaultComponent, TooltipInfoComponent];
-class DrTooltipModule {
-    /** @nocollapse */ static { this.ɵfac = function DrTooltipModule_Factory(t) { return new (t || DrTooltipModule)(); }; }
-    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrTooltipModule }); }
-    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTooltipModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule],
-                exports: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
-                providers: [],
-                declarations: [TooltipComponent, DrTooltipDirective, ...TOOLTIP_COMPONENTS],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { declarations: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent], imports: [CommonModule], exports: [TooltipComponent, DrTooltipDirective, TooltipDefaultComponent, TooltipInfoComponent] }); })();
-
-const components$3 = [DrSpinnerComponent];
-const directives = [DrSpinnerDirective];
-class DrSpinnerModule {
-    /** @nocollapse */ static { this.ɵfac = function DrSpinnerModule_Factory(t) { return new (t || DrSpinnerModule)(); }; }
-    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrSpinnerModule }); }
-    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrSpinnerModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule],
-                exports: [...components$3, ...directives],
-                declarations: [...components$3, ...directives],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrSpinnerModule, { declarations: [DrSpinnerComponent, DrSpinnerDirective], imports: [CommonModule], exports: [DrSpinnerComponent, DrSpinnerDirective] }); })();
-
-// !!! Please do not use such approach in other places
-// Hard fix for 'none' calendar view selection
-MatCalendar.prototype.focusActiveCell = function () {
-    this._getCurrentViewComponent()?._focusActiveCell(false);
-};
-const standalone = [DrButtonComponent];
-const components$2 = [
-    RadioButtonComponent,
-    RadioGroupComponent,
-    CheckboxComponent,
-    DrInputComponent,
-    DrSelectComponent,
-    DrToggleComponent,
-    DrToggleButtonComponent,
-    DrDatePickerComponent,
-    DrDatePickerWithTimeframeComponent,
-    DrDatePickerFormatDirective,
-    DrDatePickerCustomHeaderComponent,
-    DrDatePickerRangeComponent,
-    DrModelDebounceChangeDirective,
-    DrShowTimeframePipe,
-    DrSelectAddItemComponent,
-    DrLinkComponent,
-    DrFiscalMonthCalendarPickerComponent,
-    DrFiscalMonthCalendarHeaderComponent,
-];
-class DrInputsModule {
-    /** @nocollapse */ static { this.ɵfac = function DrInputsModule_Factory(t) { return new (t || DrInputsModule)(); }; }
-    /** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrInputsModule }); }
-    /** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [provideNgxMask()], imports: [standalone, FormsModule,
-            ReactiveFormsModule,
-            CommonModule,
-            NgSelectModule,
-            MatNativeDateModule,
-            MatDatepickerModule,
-            DrTooltipModule,
-            DrSpinnerModule,
-            WeekSelectorComponent,
-            MatMomentDateModule] }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrInputsModule, [{
-        type: NgModule,
-        args: [{
-                declarations: components$2,
-                exports: [...components$2, ...standalone],
-                providers: [provideNgxMask()],
-                imports: [
-                    ...standalone,
-                    NgxMaskDirective,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    CommonModule,
-                    NgSelectModule,
-                    MatNativeDateModule,
-                    MatDatepickerModule,
-                    DrTooltipModule,
-                    DrSpinnerModule,
-                    WeekSelectorComponent,
-                    MatMomentDateModule,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrInputsModule, { declarations: [RadioButtonComponent,
-        RadioGroupComponent,
-        CheckboxComponent,
-        DrInputComponent,
-        DrSelectComponent,
-        DrToggleComponent,
-        DrToggleButtonComponent,
-        DrDatePickerComponent,
-        DrDatePickerWithTimeframeComponent,
-        DrDatePickerFormatDirective,
-        DrDatePickerCustomHeaderComponent,
-        DrDatePickerRangeComponent,
-        DrModelDebounceChangeDirective,
-        DrShowTimeframePipe,
-        DrSelectAddItemComponent,
-        DrLinkComponent,
-        DrFiscalMonthCalendarPickerComponent,
-        DrFiscalMonthCalendarHeaderComponent], imports: [DrButtonComponent, NgxMaskDirective,
-        FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        NgSelectModule,
-        MatNativeDateModule,
-        MatDatepickerModule,
-        DrTooltipModule,
-        DrSpinnerModule,
-        WeekSelectorComponent,
-        MatMomentDateModule], exports: [RadioButtonComponent,
-        RadioGroupComponent,
-        CheckboxComponent,
-        DrInputComponent,
-        DrSelectComponent,
-        DrToggleComponent,
-        DrToggleButtonComponent,
-        DrDatePickerComponent,
-        DrDatePickerWithTimeframeComponent,
-        DrDatePickerFormatDirective,
-        DrDatePickerCustomHeaderComponent,
-        DrDatePickerRangeComponent,
-        DrModelDebounceChangeDirective,
-        DrShowTimeframePipe,
-        DrSelectAddItemComponent,
-        DrLinkComponent,
-        DrFiscalMonthCalendarPickerComponent,
-        DrFiscalMonthCalendarHeaderComponent, DrButtonComponent] }); })();
-
 const components$1 = [
     DateTagComponent,
     DayTagComponent,
@@ -15361,5 +15695,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, 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 };
+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, DateTimePickerComponent, 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, GMT_OFFSETS, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TextOverflowComponent, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipPosition, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent, getGMTLabel };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map