@datarailsshared/datarailsshared 1.6.25 → 1.6.27

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -14,7 +14,7 @@ import { isNil, isObject, cloneDeep, find, indexOf, reduce, map as map$1, isNumb
 import { skip, takeUntil as takeUntil$1, startWith as startWith$1, distinctUntilChanged as distinctUntilChanged$1, map, tap, shareReplay, filter, debounceTime, 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';
-import { transition, style, animate, trigger, state, query, animateChild } from '@angular/animations';
+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';
@@ -1022,13 +1022,13 @@ const _c1$h = ["multiLabelTemplate"];
 const _c2$7 = ["optionTemplate"];
 const _c3$6 = ["optionHeaderTemplate"];
 const _c4$3 = ["optionFooterTemplate"];
-const _c5$1 = function (a0) { return { item: a0 }; };
+const _c5 = function (a0) { return { item: a0 }; };
 function DrSelectComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 6);
 } if (rf & 2) {
     const item_r11 = ctx.item;
     const ctx_r10 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r10.optionHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5$1, item_r11));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r10.optionHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5, item_r11));
 } }
 function DrSelectComponent_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, DrSelectComponent_2_ng_template_0_Template, 1, 4, "ng-template", 5);
@@ -1038,19 +1038,19 @@ function DrSelectComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const item_r13 = ctx.item;
     const ctx_r12 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r12.labelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5$1, item_r13));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r12.labelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5, item_r13));
 } }
 function DrSelectComponent_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, DrSelectComponent_3_ng_template_0_Template, 1, 4, "ng-template", 7);
 } }
-const _c6$1 = function (a0, a1) { return { items: a0, clear: a1 }; };
+const _c6 = function (a0, a1) { return { items: a0, clear: a1 }; };
 function DrSelectComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 6);
 } if (rf & 2) {
     const items_r15 = ctx.items;
     const clear_r16 = ctx.clear;
     const ctx_r14 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r14.multiLabelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c6$1, items_r15, clear_r16));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r14.multiLabelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c6, items_r15, clear_r16));
 } }
 function DrSelectComponent_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, DrSelectComponent_4_ng_template_0_Template, 1, 5, "ng-template", 8);
@@ -6485,8 +6485,8 @@ function DrChatComponent_dr_chat_suggestions_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("chat__suggestions--full-height", ctx_r3.fullScreen && !(ctx_r3.messages == null ? null : ctx_r3.messages.length));
     i0.ɵɵproperty("values", ctx_r3.suggestions)("fullScreen", ctx_r3.fullScreen)("waitForReply", ctx_r3.waitForReply)("buttonMode", !!(ctx_r3.messages == null ? null : ctx_r3.messages.length));
 } }
-const _c2$3 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-chat-form-with-history"]], [["dr-chat-message"]]];
-const _c3$3 = ["dr-chat-alert", "dr-chat-form", "dr-chat-form-with-history", "dr-chat-message"];
+const _c2$3 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-ai-search-input"]], [["dr-chat-message"]]];
+const _c3$3 = ["dr-chat-alert", "dr-chat-form", "dr-ai-search-input", "dr-chat-message"];
 class DrChatComponent {
     set contentUpdateSubject(value) {
         if (value) {
@@ -6607,7 +6607,7 @@ class DrChatComponent {
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat', providers: [DrChatCustomMessageService], template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n    <div class=\"chat__sticky-top\">\n        <ng-container *ngIf=\"chatHeader\" [ngTemplateOutlet]=\"chatHeader\"></ng-container>\n\n        <div class=\"chat__alert\">\n            <ng-content select=\"dr-chat-alert\"></ng-content>\n        </div>\n    </div>\n\n    <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n        <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n    </div>\n\n    <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n        <div\n            #messagesContainer\n            class=\"chat__messages__container\"\n            [class.chat__messages__container--scroll]=\"messagesContainerWithScroll\">\n            <ng-content select=\"dr-chat-message\"></ng-content>\n        </div>\n    </div>\n\n    <dr-chat-suggestions\n        *ngIf=\"suggestions?.length\"\n        [values]=\"suggestions\"\n        [fullScreen]=\"fullScreen\"\n        [waitForReply]=\"waitForReply\"\n        class=\"chat__suggestions\"\n        [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n        [buttonMode]=\"!!messages?.length\"\n        (suggestionSelect)=\"suggestionSelect.emit($event)\">\n    </dr-chat-suggestions>\n\n    <div class=\"form\">\n        <ng-content select=\"dr-chat-form\"></ng-content>\n        <ng-content select=\"dr-chat-form-with-history\"></ng-content>\n    </div>\n</div>\n", styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:22px;box-shadow:0 2px 36px #00000026}.chat__sticky-top{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{padding:44px 0;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:28px;text-align:center;max-width:440px;color:#4646ce}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll::ng-deep dr-chat-message{padding-right:8px}.chat__suggestions{flex:1}.chat__suggestions ::ng-deep .chat-suggestions__container{padding:0}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{padding-left:32px;padding-right:32px}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:912px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{font-size:16px}\n"] }]
+        args: [{ selector: 'dr-chat', providers: [DrChatCustomMessageService], template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n    <div class=\"chat__sticky-top\">\n        <ng-container *ngIf=\"chatHeader\" [ngTemplateOutlet]=\"chatHeader\"></ng-container>\n\n        <div class=\"chat__alert\">\n            <ng-content select=\"dr-chat-alert\"></ng-content>\n        </div>\n    </div>\n\n    <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n        <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n    </div>\n\n    <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n        <div\n            #messagesContainer\n            class=\"chat__messages__container\"\n            [class.chat__messages__container--scroll]=\"messagesContainerWithScroll\">\n            <ng-content select=\"dr-chat-message\"></ng-content>\n        </div>\n    </div>\n\n    <dr-chat-suggestions\n        *ngIf=\"suggestions?.length\"\n        [values]=\"suggestions\"\n        [fullScreen]=\"fullScreen\"\n        [waitForReply]=\"waitForReply\"\n        class=\"chat__suggestions\"\n        [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n        [buttonMode]=\"!!messages?.length\"\n        (suggestionSelect)=\"suggestionSelect.emit($event)\">\n    </dr-chat-suggestions>\n\n    <div class=\"form\">\n        <ng-content select=\"dr-chat-form\"></ng-content>\n        <ng-content select=\"dr-ai-search-input\"></ng-content>\n    </div>\n</div>\n", styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:22px;box-shadow:0 2px 36px #00000026}.chat__sticky-top{display:flex;flex-direction:column;box-shadow:0 1px 3px #0003;z-index:1}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{padding:44px 0;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:28px;text-align:center;max-width:440px;color:#4646ce}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll::ng-deep dr-chat-message{padding-right:8px}.chat__suggestions{flex:1}.chat__suggestions ::ng-deep .chat-suggestions__container{padding:0}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{padding-left:32px;padding-right:32px}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:912px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{font-size:16px}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { fullScreen: [{
             type: Input
         }], noMessagesPlaceholder: [{
@@ -6641,149 +6641,37 @@ class DrChatComponent {
             args: [DrChatSuggestionsComponent]
         }] }); })();
 
-class ClickOutsideDirective {
-    constructor(_document /*: HTMLDocument*/, _el) {
-        this._document = _document;
-        this._el = _el;
-        this.attachOutsideOnClick = false;
-        this.exclude = '';
-        this.clickOutside = new EventEmitter();
-        this._nodesExcluded = [];
-        this._initOnClickBody = this._initOnClickBody.bind(this);
-        this._onClickBody = this._onClickBody.bind(this);
-    }
-    ngOnInit() {
-        this._init();
-    }
-    ngOnDestroy() {
-        if (this.attachOutsideOnClick) {
-            this._el.nativeElement.removeEventListener('click', this._initOnClickBody);
-        }
-        this._document.body.removeEventListener('click', this._onClickBody);
-    }
-    ngOnChanges(changes) {
-        if (changes['attachOutsideOnClick'] || changes['exclude']) {
-            this._init();
-        }
-    }
-    _init() {
-        if (this.exclude) {
-            this.exclude.split(',').forEach((selector) => {
-                if (selector) {
-                    try {
-                        const node = this._document.querySelector(selector.trim());
-                        if (node) {
-                            this._nodesExcluded.push(node);
-                        }
-                    }
-                    catch (err) {
-                        if (window.console) {
-                            window.console.error('[ng2-click-outside] Check your exclude selector syntax.', err);
-                        }
-                    }
-                }
-            });
-        }
-        if (this.attachOutsideOnClick) {
-            this._el.nativeElement.addEventListener('click', this._initOnClickBody);
-        }
-        else {
-            this._initOnClickBody();
-        }
-    }
-    /** @internal */
-    _initOnClickBody() {
-        this._document.body.addEventListener('click', this._onClickBody);
-    }
-    /** @internal */
-    _onClickBody(e) {
-        if (!this._el.nativeElement.contains(e.target) && !this._shouldExclude(e.target)) {
-            this.clickOutside.emit(e);
-            if (this.attachOutsideOnClick) {
-                this._document.body.removeEventListener('click', this._onClickBody);
-            }
-        }
-    }
-    /** @internal */
-    _shouldExclude(target) {
-        for (let i = 0; i < this._nodesExcluded.length; i++) {
-            if (this._nodesExcluded[i].contains(target)) {
-                return true;
-            }
-        }
-        return false;
-    }
-    /** @nocollapse */ static { this.ɵfac = function ClickOutsideDirective_Factory(t) { return new (t || ClickOutsideDirective)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: ClickOutsideDirective, selectors: [["", "clickOutside", ""]], inputs: { attachOutsideOnClick: "attachOutsideOnClick", exclude: "exclude" }, outputs: { clickOutside: "clickOutside" }, features: [i0.ɵɵNgOnChangesFeature] }); }
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClickOutsideDirective, [{
-        type: Directive,
-        args: [{ selector: '[clickOutside]' }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: i0.ElementRef }]; }, { attachOutsideOnClick: [{
-            type: Input
-        }], exclude: [{
-            type: Input
-        }], clickOutside: [{
-            type: Output
-        }] }); })();
-
 const _c0$n = ["textAreaElement"];
 const _c1$9 = ["fileInput"];
-function DrChatFormWithHistoryComponent_dr_chat_dropped_files_2_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "dr-chat-dropped-files", 15);
-    i0.ɵɵlistener("removeFileEvent", function DrChatFormWithHistoryComponent_dr_chat_dropped_files_2_Template_dr_chat_dropped_files_removeFileEvent_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.removeFile($event)); });
+function DrChatFormDropdownComponent_dr_chat_dropped_files_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "dr-chat-dropped-files", 12);
+    i0.ɵɵlistener("removeFileEvent", function DrChatFormDropdownComponent_dr_chat_dropped_files_2_Template_dr_chat_dropped_files_removeFileEvent_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.removeFile($event)); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("files", i0.ɵɵpipeBind1(1, 3, ctx_r0.droppedFiles$))("isRemovable", true)("maxLengthText", 15);
 } }
-function DrChatFormWithHistoryComponent_i_14_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "i", 16);
-    i0.ɵɵlistener("click", function DrChatFormWithHistoryComponent_i_14_Template_i_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.sendMessage($event)); });
+function DrChatFormDropdownComponent_i_12_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 13);
+    i0.ɵɵlistener("click", function DrChatFormDropdownComponent_i_12_Template_i_click_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.sendMessage($event)); });
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    const _r1 = i0.ɵɵreference(6);
-    i0.ɵɵstyleMap(ctx_r3.getSendButtonPosition(_r1));
 } }
-function DrChatFormWithHistoryComponent_i_15_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "i", 17);
-    i0.ɵɵlistener("click", function DrChatFormWithHistoryComponent_i_15_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.abortMessage()); });
+function DrChatFormDropdownComponent_i_13_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "i", 14);
+    i0.ɵɵlistener("click", function DrChatFormDropdownComponent_i_13_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.abortMessage()); });
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    const _r1 = i0.ɵɵreference(6);
-    i0.ɵɵstyleMap(ctx_r4.getSendButtonPosition(_r1));
 } }
-function DrChatFormWithHistoryComponent_dr_dot_flashing_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "dr-dot-flashing", 18);
-} }
-function DrChatFormWithHistoryComponent_ng_container_17_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 19);
-    i0.ɵɵlistener("clickOutside", function DrChatFormWithHistoryComponent_ng_container_17_Template_div_clickOutside_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.closeHistory()); });
-    i0.ɵɵprojection(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("@dropdownAnimation", ctx_r6.isShowedHistory ? "visible" : "hidden")("exclude", ".dr-icon-history");
+function DrChatFormDropdownComponent_dr_dot_flashing_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "dr-dot-flashing", 15);
 } }
 const _c2$2 = function (a0) { return { "message-row_loading": a0 }; };
-const _c3$2 = function (a0) { return { height: a0 }; };
-const _c4$1 = function (a0, a1) { return { value: a0, params: a1 }; };
-const _c5 = function (a0, a1, a2) { return { "message-row__input--focused": a0, "message-row__input--filled": a1, "showed-dropdown": a2 }; };
-const _c6 = ["*"];
-class DrChatFormWithHistoryComponent {
+const _c3$2 = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
+const _c4$1 = ["*"];
+class DrChatFormDropdownComponent {
     constructor(cdr, domSanitizer) {
         this.cdr = cdr;
         this.domSanitizer = domSanitizer;
@@ -6791,8 +6679,6 @@ class DrChatFormWithHistoryComponent {
         this.inputFocus = false;
         this.inputHover = false;
         this.droppedFiles$ = new BehaviorSubject([]);
-        this.isShowedHistory = false;
-        this.isChatMode = false;
         this.isLoading = false;
         /**
          * Predefined message text
@@ -6903,7 +6789,7 @@ class DrChatFormWithHistoryComponent {
     }
     getTextAreaHeight(textAreaElement) {
         if (this._textareaInitialHeight) {
-            textAreaElement.style.height = '48px';
+            textAreaElement.style.height = '30px';
         }
         else {
             textAreaElement.style.height = 'auto';
@@ -6911,16 +6797,6 @@ class DrChatFormWithHistoryComponent {
         }
         return `${textAreaElement.style.height}`;
     }
-    getSendButtonPosition(textAreaElement) {
-        return `top: calc(${this.getTextAreaHeight(textAreaElement)} - var(--send-button-offset));`;
-    }
-    showHistory() {
-        this.isShowedHistory = !this.isShowedHistory;
-    }
-    closeHistory() {
-        this.isShowedHistory = false;
-        this.cdr.markForCheck();
-    }
     onFileSelected(event) {
         const input = event.target;
         this.fileOver = false;
@@ -6949,132 +6825,65 @@ class DrChatFormWithHistoryComponent {
             reader.readAsDataURL(file);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = function DrChatFormWithHistoryComponent_Factory(t) { return new (t || DrChatFormWithHistoryComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$5.DomSanitizer)); }; }
-    /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrChatFormWithHistoryComponent, selectors: [["dr-chat-form-with-history"]], viewQuery: function DrChatFormWithHistoryComponent_Query(rf, ctx) { if (rf & 1) {
+    /** @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$n, 5);
             i0.ɵɵviewQuery(_c1$9, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.textAreaElementRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
-        } }, hostVars: 2, hostBindings: function DrChatFormWithHistoryComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("drop", function DrChatFormWithHistoryComponent_drop_HostBindingHandler($event) { return ctx.onDrop($event); })("dragover", function DrChatFormWithHistoryComponent_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function DrChatFormWithHistoryComponent_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); });
+        } }, hostVars: 2, hostBindings: function DrChatFormDropdownComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("drop", function DrChatFormDropdownComponent_drop_HostBindingHandler($event) { return ctx.onDrop($event); })("dragover", function DrChatFormDropdownComponent_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function DrChatFormDropdownComponent_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); });
         } if (rf & 2) {
             i0.ɵɵclassProp("file-over", ctx.fileOver);
-        } }, inputs: { isChatMode: "isChatMode", isLoading: "isLoading", message: "message", messagePlaceholder: "messagePlaceholder", dropFiles: "dropFiles", dropFilePlaceholder: "dropFilePlaceholder", waitForReply: "waitForReply", showDotFlashing: "showDotFlashing" }, outputs: { send: "send", uploadFiles: "uploadFiles", abort: "abort", inputChange: "inputChange" }, ngContentSelectors: _c6, decls: 18, vars: 27, consts: [[1, "message-row", 3, "ngClass"], [1, "message-row__input", 3, "ngClass"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent", 4, "ngIf"], [1, "message-row__input-textarea-wrap"], ["type", "text", 3, "ngModel", "rows", "placeholder", "focus", "blur", "mouseenter", "mouseleave", "ngModelChange", "keydown.enter"], ["textAreaElement", ""], [1, "message-input-tmp"], ["type", "file", "hidden", "", "multiple", "", 3, "change"], ["fileInput", ""], [1, "dr-icon-history", 3, "click"], [1, "dr-icon-attachment", 3, "click"], ["class", "dr-icon-send-arrow-up send-button", 3, "style", "click", 4, "ngIf"], ["class", "dr-icon-stop abort-button", 3, "style", "click", 4, "ngIf"], ["class", "wait-reply-dot-flashing", 4, "ngIf"], [4, "ngIf"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent"], [1, "dr-icon-send-arrow-up", "send-button", 3, "click"], [1, "dr-icon-stop", "abort-button", 3, "click"], [1, "wait-reply-dot-flashing"], [1, "history-dropdown", 3, "exclude", "clickOutside"]], template: function DrChatFormWithHistoryComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r15 = i0.ɵɵgetCurrentView();
+        } }, inputs: { isLoading: "isLoading", message: "message", messagePlaceholder: "messagePlaceholder", dropFiles: "dropFiles", dropFilePlaceholder: "dropFilePlaceholder", waitForReply: "waitForReply", showDotFlashing: "showDotFlashing" }, outputs: { send: "send", uploadFiles: "uploadFiles", abort: "abort", inputChange: "inputChange" }, ngContentSelectors: _c4$1, decls: 15, vars: 18, consts: [[1, "message-row", 3, "ngClass"], [1, "message-row__input", 3, "ngClass"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent", 4, "ngIf"], [1, "message-row__input-textarea-wrap"], ["type", "text", 3, "ngModel", "rows", "placeholder", "focus", "blur", "mouseenter", "mouseleave", "ngModelChange", "keydown.enter"], ["textAreaElement", ""], [1, "message-row__btns"], ["type", "file", "hidden", "", "multiple", "", 3, "change"], ["fileInput", ""], ["class", "dr-icon-send-arrow-up send-button", 3, "click", 4, "ngIf"], ["class", "dr-icon-stop abort-button", 3, "click", 4, "ngIf"], ["class", "wait-reply-dot-flashing", 4, "ngIf"], [3, "files", "isRemovable", "maxLengthText", "removeFileEvent"], [1, "dr-icon-send-arrow-up", "send-button", 3, "click"], [1, "dr-icon-stop", "abort-button", 3, "click"], [1, "wait-reply-dot-flashing"]], template: function DrChatFormDropdownComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵtemplate(2, DrChatFormWithHistoryComponent_dr_chat_dropped_files_2_Template, 2, 5, "dr-chat-dropped-files", 2);
+            i0.ɵɵtemplate(2, DrChatFormDropdownComponent_dr_chat_dropped_files_2_Template, 2, 5, "dr-chat-dropped-files", 2);
             i0.ɵɵpipe(3, "async");
             i0.ɵɵelementStart(4, "div", 3)(5, "textarea", 4, 5);
-            i0.ɵɵlistener("focus", function DrChatFormWithHistoryComponent_Template_textarea_focus_5_listener() { return ctx.inputFocus = true; })("blur", function DrChatFormWithHistoryComponent_Template_textarea_blur_5_listener() { return ctx.inputFocus = false; })("mouseenter", function DrChatFormWithHistoryComponent_Template_textarea_mouseenter_5_listener() { return ctx.inputHover = true; })("mouseleave", function DrChatFormWithHistoryComponent_Template_textarea_mouseleave_5_listener() { return ctx.inputHover = false; })("ngModelChange", function DrChatFormWithHistoryComponent_Template_textarea_ngModelChange_5_listener($event) { return ctx.message = $event; })("ngModelChange", function DrChatFormWithHistoryComponent_Template_textarea_ngModelChange_5_listener($event) { return ctx.onModelChange($event); })("keydown.enter", function DrChatFormWithHistoryComponent_Template_textarea_keydown_enter_5_listener($event) { return ctx.sendMessage($event); });
+            i0.ɵɵlistener("focus", function DrChatFormDropdownComponent_Template_textarea_focus_5_listener() { return ctx.inputFocus = true; })("blur", function DrChatFormDropdownComponent_Template_textarea_blur_5_listener() { return ctx.inputFocus = false; })("mouseenter", function DrChatFormDropdownComponent_Template_textarea_mouseenter_5_listener() { return ctx.inputHover = true; })("mouseleave", function DrChatFormDropdownComponent_Template_textarea_mouseleave_5_listener() { return ctx.inputHover = false; })("ngModelChange", function DrChatFormDropdownComponent_Template_textarea_ngModelChange_5_listener($event) { return ctx.message = $event; })("ngModelChange", function DrChatFormDropdownComponent_Template_textarea_ngModelChange_5_listener($event) { return ctx.onModelChange($event); })("keydown.enter", function DrChatFormDropdownComponent_Template_textarea_keydown_enter_5_listener($event) { return ctx.sendMessage($event); });
             i0.ɵɵtext(7, "            ");
-            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(8, "div", 6);
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(9);
             i0.ɵɵelementStart(10, "input", 7, 8);
-            i0.ɵɵlistener("change", function DrChatFormWithHistoryComponent_Template_input_change_10_listener($event) { return ctx.onFileSelected($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "i", 9);
-            i0.ɵɵlistener("click", function DrChatFormWithHistoryComponent_Template_i_click_12_listener() { return ctx.showHistory(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "i", 10);
-            i0.ɵɵlistener("click", function DrChatFormWithHistoryComponent_Template_i_click_13_listener() { i0.ɵɵrestoreView(_r15); const _r2 = i0.ɵɵreference(11); return i0.ɵɵresetView(_r2.click()); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(14, DrChatFormWithHistoryComponent_i_14_Template, 1, 2, "i", 11);
-            i0.ɵɵtemplate(15, DrChatFormWithHistoryComponent_i_15_Template, 1, 2, "i", 12);
-            i0.ɵɵtemplate(16, DrChatFormWithHistoryComponent_dr_dot_flashing_16_Template, 1, 0, "dr-dot-flashing", 13);
+            i0.ɵɵlistener("change", function DrChatFormDropdownComponent_Template_input_change_10_listener($event) { return ctx.onFileSelected($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(17, DrChatFormWithHistoryComponent_ng_container_17_Template, 3, 2, "ng-container", 14);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(12, DrChatFormDropdownComponent_i_12_Template, 1, 0, "i", 9);
+            i0.ɵɵtemplate(13, DrChatFormDropdownComponent_i_13_Template, 1, 0, "i", 10);
+            i0.ɵɵtemplate(14, DrChatFormDropdownComponent_dr_dot_flashing_14_Template, 1, 0, "dr-dot-flashing", 11);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             const _r1 = i0.ɵɵreference(6);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c2$2, ctx.isLoading));
+            let tmp_1_0;
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c2$2, ctx.isLoading));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("@containerHeightAnimation", i0.ɵɵpureFunction2(20, _c4$1, ctx.showHistory ? "expanded" : "collapsed", i0.ɵɵpureFunction1(18, _c3$2, ctx.getTextAreaHeight(_r1))))("ngClass", i0.ɵɵpureFunction3(23, _c5, ctx.inputFocus, !!(ctx.message == null ? null : ctx.message.length), ctx.isShowedHistory));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(15, _c3$2, ctx.inputFocus, !!(ctx.message == null ? null : (tmp_1_0 = ctx.message.trim()) == null ? null : tmp_1_0.length)));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(3, 14, ctx.droppedFiles$).length);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(3, 11, ctx.droppedFiles$).length);
             i0.ɵɵadvance(3);
             i0.ɵɵstyleMap(ctx.getTextAreaHeight(_r1));
             i0.ɵɵpropertyInterpolate("placeholder", ctx.fileOver ? ctx.dropFilePlaceholder : ctx.messagePlaceholder);
             i0.ɵɵproperty("ngModel", ctx.message)("rows", 1);
-            i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(_r1.value);
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(7);
             i0.ɵɵproperty("ngIf", !ctx.waitForReply);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.waitForReply && !ctx.showDotFlashing);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.waitForReply && ctx.showDotFlashing);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx.isChatMode);
-        } }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgModel, i1.NgClass, i1.NgIf, ClickOutsideDirective, DrDotFlashingComponent, DrChatDroppedFilesComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%] {--send-button-offset: 42px;display:flex;flex-direction:column;align-items:center;padding:0 16px}[_nghost-%COMP%]  .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%]  .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease}[_nghost-%COMP%]  .message-row__input .abort-button, [_nghost-%COMP%]  .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;top:2.5px;right:8px;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%]  .message-row__input .dr-icon-history, [_nghost-%COMP%]  .message-row__input .dr-icon-attachment{display:flex;align-items:center;position:absolute;cursor:pointer;width:32px;height:48px;left:16px;top:-1px}[_nghost-%COMP%]  .message-row__input .dr-icon-attachment{left:52px}[_nghost-%COMP%]  .message-row__input .send-button{opacity:.5;pointer-events:none}[_nghost-%COMP%]  .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}[_nghost-%COMP%]  .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}[_nghost-%COMP%]  .message-row__input--filled .send-button{opacity:1;pointer-events:all}[_nghost-%COMP%]  .message-row__input .message-input-tmp{display:none}[_nghost-%COMP%]  .message-row__input.showed-dropdown .send-button{opacity:.5}[_nghost-%COMP%]  .message-row__input .wait-reply-dot-flashing{display:flex;position:absolute;align-items:center;width:32px;height:48px;right:25px}[_nghost-%COMP%]  .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}[_nghost-%COMP%]  .message-row__input textarea, [_nghost-%COMP%]  .message-row__input .message-input-tmp{font-size:14px;color:#333;width:100%;outline:none;min-height:48px;line-height:19px;flex-grow:1;resize:none;padding:13px 55px 13px 88px;margin:auto;border:none;border-radius:22.5px}[_nghost-%COMP%]  .message-row__input textarea:focus, [_nghost-%COMP%]  .message-row__input .message-input-tmp:focus{border:none}[_nghost-%COMP%]  .message-row__input textarea::placeholder, [_nghost-%COMP%]  .message-row__input .message-input-tmp::placeholder{color:#9ea1aa}[_nghost-%COMP%]  .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}[_nghost-%COMP%]  .history-dropdown{width:100%;max-height:220px;overflow-y:auto;padding:12px 16px 0}[_nghost-%COMP%]  .showed-dropdown textarea{visibility:hidden;position:absolute}[_nghost-%COMP%]  .showed-dropdown .message-input-tmp{display:block;margin-left:inherit;white-space:nowrap;font-family:monospace;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]  .showed-dropdown .send-button{top:2.5px!important}[_nghost-%COMP%]  dr-chat-dropped-files{margin-right:auto}[_nghost-%COMP%]  .message-row_loading .send-button, [_nghost-%COMP%]  .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}"], data: { animation: [
-                trigger('containerHeightAnimation', [
-                    state('collapsed', style({ height: '{{height}}' }), { params: { height: '48px' } }),
-                    state('expanded', style({
-                        height: '*',
-                    })),
-                    transition('collapsed => expanded', [animate('300ms ease-in-out')]),
-                    transition('expanded => collapsed', [query('@dropdownAnimation', animateChild()), animate('300ms ease-in-out')]),
-                ]),
-                trigger('dropdownAnimation', [
-                    state('hidden', style({
-                        opacity: 0,
-                        transform: 'translateY(-30px)',
-                        display: 'none',
-                    })),
-                    state('visible', style({
-                        opacity: 1,
-                        transform: 'translateY(0)',
-                        display: 'block',
-                    })),
-                    transition('hidden => visible', [style({ display: 'block' }), animate('300ms ease-in-out')]),
-                    transition('visible => hidden', [
-                        animate('300ms ease-in-out', style({ opacity: 0, transform: 'translateY(-30px)' })),
-                        style({ display: 'none' }),
-                    ]),
-                ]),
-            ] }, changeDetection: 0 }); }
+        } }, dependencies: [i1$2.DefaultValueAccessor, i1$2.NgControlStatus, i1$2.NgModel, i1.NgClass, i1.NgIf, DrDotFlashingComponent, DrChatDroppedFilesComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%] {--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}[_nghost-%COMP%]  .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}[_nghost-%COMP%]  .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease}[_nghost-%COMP%]  .message-row__input .abort-button, [_nghost-%COMP%]  .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}[_nghost-%COMP%]  .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}[_nghost-%COMP%]  .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}[_nghost-%COMP%]  .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}[_nghost-%COMP%]  .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:48px;right:25px}[_nghost-%COMP%]  .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}[_nghost-%COMP%]  .message-row__input textarea{font-size:14px;color:#333;width:100%;outline:none;min-height:30px;line-height:19px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px}[_nghost-%COMP%]  .message-row__input textarea:focus{border:none}[_nghost-%COMP%]  .message-row__input textarea::placeholder{color:#9ea1aa}[_nghost-%COMP%]  .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}[_nghost-%COMP%]  .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}[_nghost-%COMP%]  dr-chat-dropped-files{margin-right:auto}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files{padding:0}[_nghost-%COMP%]  dr-chat-dropped-files .dropped-files__item{margin:0}[_nghost-%COMP%]  .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}[_nghost-%COMP%]  .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}"], changeDetection: 0 }); }
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatFormWithHistoryComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatFormDropdownComponent, [{
         type: Component,
-        args: [{ selector: 'dr-chat-form-with-history', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                    trigger('containerHeightAnimation', [
-                        state('collapsed', style({ height: '{{height}}' }), { params: { height: '48px' } }),
-                        state('expanded', style({
-                            height: '*',
-                        })),
-                        transition('collapsed => expanded', [animate('300ms ease-in-out')]),
-                        transition('expanded => collapsed', [query('@dropdownAnimation', animateChild()), animate('300ms ease-in-out')]),
-                    ]),
-                    trigger('dropdownAnimation', [
-                        state('hidden', style({
-                            opacity: 0,
-                            transform: 'translateY(-30px)',
-                            display: 'none',
-                        })),
-                        state('visible', style({
-                            opacity: 1,
-                            transform: 'translateY(0)',
-                            display: 'block',
-                        })),
-                        transition('hidden => visible', [style({ display: 'block' }), animate('300ms ease-in-out')]),
-                        transition('visible => hidden', [
-                            animate('300ms ease-in-out', style({ opacity: 0, transform: 'translateY(-30px)' })),
-                            style({ display: 'none' }),
-                        ]),
-                    ]),
-                ], template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isLoading }\">\n    <div\n        [@containerHeightAnimation]=\"{\n            value: showHistory ? 'expanded' : 'collapsed',\n            params: { height: getTextAreaHeight(textAreaElement) },\n        }\"\n        class=\"message-row__input\"\n        [ngClass]=\"{\n            'message-row__input--focused': inputFocus,\n            'message-row__input--filled': !!message?.length,\n            'showed-dropdown': isShowedHistory,\n        }\">\n        <dr-chat-dropped-files\n            *ngIf=\"(droppedFiles$ | async).length\"\n            [files]=\"droppedFiles$ | async\"\n            [isRemovable]=\"true\"\n            [maxLengthText]=\"15\"\n            (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n        <div class=\"message-row__input-textarea-wrap\">\n            <textarea\n                #textAreaElement\n                (focus)=\"inputFocus = true\"\n                (blur)=\"inputFocus = false\"\n                (mouseenter)=\"inputHover = true\"\n                (mouseleave)=\"inputHover = false\"\n                [(ngModel)]=\"message\"\n                [rows]=\"1\"\n                [style]=\"getTextAreaHeight(textAreaElement)\"\n                (ngModelChange)=\"onModelChange($event)\"\n                type=\"text\"\n                placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n                (keydown.enter)=\"sendMessage($event)\">\n            </textarea>\n\n            <div class=\"message-input-tmp\">{{ textAreaElement.value }}</div>\n\n            <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n            <i (click)=\"showHistory()\" class=\"dr-icon-history\"></i>\n            <i (click)=\"fileInput.click()\" class=\"dr-icon-attachment\"></i>\n\n            <i\n                *ngIf=\"!waitForReply\"\n                [style]=\"getSendButtonPosition(textAreaElement)\"\n                (click)=\"sendMessage($event)\"\n                class=\"dr-icon-send-arrow-up send-button\"></i>\n\n            <i\n                *ngIf=\"waitForReply && !showDotFlashing\"\n                [style]=\"getSendButtonPosition(textAreaElement)\"\n                class=\"dr-icon-stop abort-button\"\n                (click)=\"abortMessage()\"></i>\n            <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n        </div>\n\n        <ng-container *ngIf=\"!isChatMode\">\n            <div\n                [@dropdownAnimation]=\"isShowedHistory ? 'visible' : 'hidden'\"\n                class=\"history-dropdown\"\n                [exclude]=\"'.dr-icon-history'\"\n                (clickOutside)=\"closeHistory()\">\n                <ng-content></ng-content>\n            </div>\n        </ng-container>\n    </div>\n</div>\n", styles: [":host::ng-deep{--send-button-offset: 42px;display:flex;flex-direction:column;align-items:center;padding:0 16px}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;top:2.5px;right:8px;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .dr-icon-history,:host::ng-deep .message-row__input .dr-icon-attachment{display:flex;align-items:center;position:absolute;cursor:pointer;width:32px;height:48px;left:16px;top:-1px}:host::ng-deep .message-row__input .dr-icon-attachment{left:52px}:host::ng-deep .message-row__input .send-button{opacity:.5;pointer-events:none}:host::ng-deep .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}:host::ng-deep .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}:host::ng-deep .message-row__input--filled .send-button{opacity:1;pointer-events:all}:host::ng-deep .message-row__input .message-input-tmp{display:none}:host::ng-deep .message-row__input.showed-dropdown .send-button{opacity:.5}:host::ng-deep .message-row__input .wait-reply-dot-flashing{display:flex;position:absolute;align-items:center;width:32px;height:48px;right:25px}:host::ng-deep .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}:host::ng-deep .message-row__input textarea,:host::ng-deep .message-row__input .message-input-tmp{font-size:14px;color:#333;width:100%;outline:none;min-height:48px;line-height:19px;flex-grow:1;resize:none;padding:13px 55px 13px 88px;margin:auto;border:none;border-radius:22.5px}:host::ng-deep .message-row__input textarea:focus,:host::ng-deep .message-row__input .message-input-tmp:focus{border:none}:host::ng-deep .message-row__input textarea::placeholder,:host::ng-deep .message-row__input .message-input-tmp::placeholder{color:#9ea1aa}:host::ng-deep .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}:host::ng-deep .history-dropdown{width:100%;max-height:220px;overflow-y:auto;padding:12px 16px 0}:host::ng-deep .showed-dropdown textarea{visibility:hidden;position:absolute}:host::ng-deep .showed-dropdown .message-input-tmp{display:block;margin-left:inherit;white-space:nowrap;font-family:monospace;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .showed-dropdown .send-button{top:2.5px!important}:host::ng-deep dr-chat-dropped-files{margin-right:auto}:host::ng-deep .message-row_loading .send-button,:host::ng-deep .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}\n"] }]
+        args: [{ selector: 'dr-chat-form-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"message-row\" [ngClass]=\"{ 'message-row_loading': isLoading }\">\n    <div\n        class=\"message-row__input\"\n        [ngClass]=\"{\n            'message-row__input--focused': inputFocus,\n            'message-row__input--filled': !!message?.trim()?.length,\n        }\">\n        <dr-chat-dropped-files\n            *ngIf=\"(droppedFiles$ | async).length\"\n            [files]=\"droppedFiles$ | async\"\n            [isRemovable]=\"true\"\n            [maxLengthText]=\"15\"\n            (removeFileEvent)=\"removeFile($event)\"></dr-chat-dropped-files>\n\n        <div class=\"message-row__input-textarea-wrap\">\n            <textarea\n                #textAreaElement\n                (focus)=\"inputFocus = true\"\n                (blur)=\"inputFocus = false\"\n                (mouseenter)=\"inputHover = true\"\n                (mouseleave)=\"inputHover = false\"\n                [(ngModel)]=\"message\"\n                [rows]=\"1\"\n                [style]=\"getTextAreaHeight(textAreaElement)\"\n                (ngModelChange)=\"onModelChange($event)\"\n                type=\"text\"\n                placeholder=\"{{ fileOver ? dropFilePlaceholder : messagePlaceholder }}\"\n                (keydown.enter)=\"sendMessage($event)\">\n            </textarea>\n        </div>\n        <div class=\"message-row__btns\">\n            <ng-content></ng-content>\n            <input #fileInput type=\"file\" hidden multiple (change)=\"onFileSelected($event)\" />\n            <i *ngIf=\"!waitForReply\" (click)=\"sendMessage($event)\" class=\"dr-icon-send-arrow-up send-button\"></i>\n\n            <i *ngIf=\"waitForReply && !showDotFlashing\" class=\"dr-icon-stop abort-button\" (click)=\"abortMessage()\"></i>\n            <dr-dot-flashing *ngIf=\"waitForReply && showDotFlashing\" class=\"wait-reply-dot-flashing\"></dr-dot-flashing>\n        </div>\n    </div>\n</div>\n", styles: [":host::ng-deep{--disabled-bg: linear-gradient(270.95deg, rgba(130, 210, 240, .2) 10.98%, rgba(146, 146, 255, .2) 93.38%);display:flex;flex-direction:column;align-items:center;padding:0}:host::ng-deep .message-row{display:flex;justify-content:center;width:100%;padding:0 0 21px;max-width:956px}:host::ng-deep .message-row__input{flex-direction:column;background-color:#fff;position:relative;display:flex;align-items:center;flex-grow:1;padding:14px 8px 8px 15px;height:auto;overflow:visible;min-width:265px;border-radius:24px;border:1.5px solid transparent;box-shadow:0 2px 16px -10px #603cff29;transition:.35s ease}:host::ng-deep .message-row__input .abort-button,:host::ng-deep .message-row__input .send-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;border-radius:100px;color:#fff;transition:.15s ease-in-out;background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box}:host::ng-deep .message-row__input .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row__input--focused{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;height:auto!important;background:#fff}:host::ng-deep .message-row__input--filled{box-shadow:8px 8px 16px #6969ff40,-4px -4px 8px #40b6e340,8px 8px 60px #00000040;background:#fff}:host::ng-deep .message-row__input--filled .send-button{background:linear-gradient(266deg,#6969ff 25.2%,#4eb7df 90.24%) border-box;pointer-events:all}:host::ng-deep .message-row__input .wait-reply-dot-flashing{display:flex;align-items:center;width:32px;height:48px;right:25px}:host::ng-deep .message-row__input:before{content:\"\";position:absolute;inset:-3px;background:linear-gradient(266.3deg,#6969ff 25.2%,#4eb7df 90.24%);border-radius:25px;z-index:-1}:host::ng-deep .message-row__input textarea{font-size:14px;color:#333;width:100%;outline:none;min-height:30px;line-height:19px;flex-grow:1;resize:none;padding:4px 48px 4px 4px;margin:auto;border:none;border-radius:22.5px}:host::ng-deep .message-row__input textarea:focus{border:none}:host::ng-deep .message-row__input textarea::placeholder{color:#9ea1aa}:host::ng-deep .message-row__btns{display:flex;justify-content:space-between;width:100%;align-items:center}:host::ng-deep .message-row__input-textarea-wrap{display:flex;width:100%;position:relative}:host::ng-deep dr-chat-dropped-files{margin-right:auto}:host::ng-deep dr-chat-dropped-files .dropped-files{padding:0}:host::ng-deep dr-chat-dropped-files .dropped-files__item{margin:0}:host::ng-deep .message-row_loading .send-button{background:var(--disabled-bg);pointer-events:none}:host::ng-deep .message-row_loading .dropped-files__item{opacity:.5;pointer-events:none}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$5.DomSanitizer }]; }, { textAreaElementRef: [{
             type: ViewChild,
             args: ['textAreaElement']
         }], fileInput: [{
             type: ViewChild,
             args: ['fileInput']
-        }], isChatMode: [{
-            type: Input
         }], isLoading: [{
             type: Input
         }], message: [{
@@ -9402,7 +9211,7 @@ class DrDropdownService {
     constructor() {
         this.popoverService = inject(DrPopoverService);
     }
-    open({ hostRef, options, position = 'left-top', asChild, providers, action$ = new EventEmitter(), }) {
+    open({ hostRef, options, position = 'left-top', asChild, providers, action$ = new EventEmitter(), positionOffsetX = 2, positionOffsetY = 0, }) {
         return this.popoverService.open(DrDropdownComponent, {
             hostRef,
             position,
@@ -9412,8 +9221,8 @@ class DrDropdownService {
                 onAction: action$,
             },
             overlayConfig: {
-                positionOffsetX: 2,
-                positionOffsetY: asChild ? -8 : null,
+                positionOffsetX,
+                positionOffsetY: asChild ? -8 : positionOffsetY,
                 providers,
             },
         });
@@ -9501,6 +9310,8 @@ class DrDropdownDirective {
             asChild: !!this.child,
             providers: [{ provide: DropdownInstanceService, useValue: this.dropdownInstanceService }],
             action$: this.drDropdownAction,
+            positionOffsetX: this.drDropdownPositionOffsetX,
+            positionOffsetY: this.drDropdownPositionOffsetY,
             options: {
                 drDropdownInHover: this.drDropdownInHover,
                 position: this.drDropdownPosition,
@@ -9524,7 +9335,7 @@ class DrDropdownDirective {
     /** @nocollapse */ static { this.ɵfac = function DrDropdownDirective_Factory(t) { return new (t || DrDropdownDirective)(); }; }
     /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrDropdownDirective, selectors: [["", "drDropdown", ""]], hostBindings: function DrDropdownDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("mouseenter", function DrDropdownDirective_mouseenter_HostBindingHandler() { return ctx.elementHover(); })("click", function DrDropdownDirective_click_HostBindingHandler() { return ctx.elementClick(); })("mouseleave", function DrDropdownDirective_mouseleave_HostBindingHandler() { return ctx.leaveDropdownTriggerElement(); })("mouseup", function DrDropdownDirective_mouseup_HostBindingHandler() { return ctx.documentClick(); }, false, i0.ɵɵresolveDocument);
-        } }, inputs: { drDropdown: "drDropdown", drDropdownPosition: "drDropdownPosition", drDropdownClass: "drDropdownClass", drDropdownInHover: "drDropdownInHover", dataAnalytics: ["data-analytics", "dataAnalytics"] }, outputs: { drDropdownAction: "drDropdownAction", dropdownClosed: "drDropdownClose", dropdownOpened: "drDropdownOpened" }, features: [i0.ɵɵProvidersFeature([
+        } }, inputs: { drDropdown: "drDropdown", drDropdownPosition: "drDropdownPosition", drDropdownClass: "drDropdownClass", drDropdownInHover: "drDropdownInHover", dataAnalytics: ["data-analytics", "dataAnalytics"], drDropdownPositionOffsetX: "drDropdownPositionOffsetX", drDropdownPositionOffsetY: "drDropdownPositionOffsetY" }, outputs: { drDropdownAction: "drDropdownAction", dropdownClosed: "drDropdownClose", dropdownOpened: "drDropdownOpened" }, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: DropdownInstanceService,
                     useFactory: ((injector) => {
@@ -9562,6 +9373,10 @@ class DrDropdownDirective {
         }], dataAnalytics: [{
             type: Input,
             args: [{ alias: 'data-analytics' }]
+        }], drDropdownPositionOffsetX: [{
+            type: Input
+        }], drDropdownPositionOffsetY: [{
+            type: Input
         }], drDropdownAction: [{
             type: Output
         }], dropdownClosed: [{
@@ -12141,6 +11956,95 @@ var TooltipInfoIconTheme;
     TooltipInfoIconTheme["SUCCESS"] = "success";
 })(TooltipInfoIconTheme || (TooltipInfoIconTheme = {}));
 
+class ClickOutsideDirective {
+    constructor(_document /*: HTMLDocument*/, _el) {
+        this._document = _document;
+        this._el = _el;
+        this.attachOutsideOnClick = false;
+        this.exclude = '';
+        this.clickOutside = new EventEmitter();
+        this._nodesExcluded = [];
+        this._initOnClickBody = this._initOnClickBody.bind(this);
+        this._onClickBody = this._onClickBody.bind(this);
+    }
+    ngOnInit() {
+        this._init();
+    }
+    ngOnDestroy() {
+        if (this.attachOutsideOnClick) {
+            this._el.nativeElement.removeEventListener('click', this._initOnClickBody);
+        }
+        this._document.body.removeEventListener('click', this._onClickBody);
+    }
+    ngOnChanges(changes) {
+        if (changes['attachOutsideOnClick'] || changes['exclude']) {
+            this._init();
+        }
+    }
+    _init() {
+        if (this.exclude) {
+            this.exclude.split(',').forEach((selector) => {
+                if (selector) {
+                    try {
+                        const node = this._document.querySelector(selector.trim());
+                        if (node) {
+                            this._nodesExcluded.push(node);
+                        }
+                    }
+                    catch (err) {
+                        if (window.console) {
+                            window.console.error('[ng2-click-outside] Check your exclude selector syntax.', err);
+                        }
+                    }
+                }
+            });
+        }
+        if (this.attachOutsideOnClick) {
+            this._el.nativeElement.addEventListener('click', this._initOnClickBody);
+        }
+        else {
+            this._initOnClickBody();
+        }
+    }
+    /** @internal */
+    _initOnClickBody() {
+        this._document.body.addEventListener('click', this._onClickBody);
+    }
+    /** @internal */
+    _onClickBody(e) {
+        if (!this._el.nativeElement.contains(e.target) && !this._shouldExclude(e.target)) {
+            this.clickOutside.emit(e);
+            if (this.attachOutsideOnClick) {
+                this._document.body.removeEventListener('click', this._onClickBody);
+            }
+        }
+    }
+    /** @internal */
+    _shouldExclude(target) {
+        for (let i = 0; i < this._nodesExcluded.length; i++) {
+            if (this._nodesExcluded[i].contains(target)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /** @nocollapse */ static { this.ɵfac = function ClickOutsideDirective_Factory(t) { return new (t || ClickOutsideDirective)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    /** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: ClickOutsideDirective, selectors: [["", "clickOutside", ""]], inputs: { attachOutsideOnClick: "attachOutsideOnClick", exclude: "exclude" }, outputs: { clickOutside: "clickOutside" }, features: [i0.ɵɵNgOnChangesFeature] }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClickOutsideDirective, [{
+        type: Directive,
+        args: [{ selector: '[clickOutside]' }]
+    }], function () { return [{ type: undefined, decorators: [{
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { type: i0.ElementRef }]; }, { attachOutsideOnClick: [{
+            type: Input
+        }], exclude: [{
+            type: Input
+        }], clickOutside: [{
+            type: Output
+        }] }); })();
+
 const DR_SHINE_ANIMATION_CLASS = 'dr-shine-effect-animation';
 class DrShineAnimationDirective {
     constructor(el, renderer) {
@@ -13041,7 +12945,7 @@ const DR_CHAT_COMPONENTS = [
     DrChatComponent,
     DrChatMessageComponent,
     DrChatFormComponent,
-    DrChatFormWithHistoryComponent,
+    DrChatFormDropdownComponent,
     DrChatMessageTextComponent,
     DrChatMessageFileComponent,
     DrChatSuggestionsComponent,
@@ -13081,7 +12985,7 @@ class DrChatModule {
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrChatModule, { declarations: [DrChatComponent,
         DrChatMessageComponent,
         DrChatFormComponent,
-        DrChatFormWithHistoryComponent,
+        DrChatFormDropdownComponent,
         DrChatMessageTextComponent,
         DrChatMessageFileComponent,
         DrChatSuggestionsComponent,
@@ -13096,7 +13000,7 @@ class DrChatModule {
         ClickOutsideModule], exports: [DrChatComponent,
         DrChatMessageComponent,
         DrChatFormComponent,
-        DrChatFormWithHistoryComponent,
+        DrChatFormDropdownComponent,
         DrChatMessageTextComponent,
         DrChatMessageFileComponent,
         DrChatSuggestionsComponent,
@@ -13765,5 +13669,5 @@ class DrawerModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, 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, DrChatFormWithHistoryComponent, 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, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, 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, FeedbackSentiment, FilterPipe, ForecastTagComponent, ForecastTagService, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, StepperComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipPosition, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent };
+export { AnyTagComponent, 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, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrLinkComponent, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, 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, FeedbackSentiment, FilterPipe, ForecastTagComponent, ForecastTagService, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, LetContext, LetDirective, LinkTheme, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, StepperComponent, TagTypes, TagsConfigSubType, TagsConstructorService, 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