@datarailsshared/datarailsshared 1.6.77 → 1.6.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datarailsshared-datarailsshared-1.6.81.tgz +0 -0
- package/esm2022/lib/dr-chat/chat.component.mjs +27 -12
- package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs +4 -4
- package/esm2022/lib/models/chat.mjs +2 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +33 -17
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-chat/chat.component.d.ts +2 -1
- package/lib/models/chat.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.77.tgz +0 -0
|
@@ -1388,13 +1388,13 @@ const _c1$i = ["multiLabelTemplate"];
|
|
|
1388
1388
|
const _c2$8 = ["optionTemplate"];
|
|
1389
1389
|
const _c3$6 = ["optionHeaderTemplate"];
|
|
1390
1390
|
const _c4$3 = ["optionFooterTemplate"];
|
|
1391
|
-
const _c5 = function (a0) { return { item: a0 }; };
|
|
1391
|
+
const _c5$1 = function (a0) { return { item: a0 }; };
|
|
1392
1392
|
function DrSelectComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
1393
1393
|
i0.ɵɵelementContainer(0, 6);
|
|
1394
1394
|
} if (rf & 2) {
|
|
1395
1395
|
const item_r12 = ctx.item;
|
|
1396
1396
|
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
1397
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx_r11.optionHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5, item_r12));
|
|
1397
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r11.optionHeaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5$1, item_r12));
|
|
1398
1398
|
} }
|
|
1399
1399
|
function DrSelectComponent_2_Template(rf, ctx) { if (rf & 1) {
|
|
1400
1400
|
i0.ɵɵtemplate(0, DrSelectComponent_2_ng_template_0_Template, 1, 4, "ng-template", 5);
|
|
@@ -1417,7 +1417,7 @@ function DrSelectComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
1417
1417
|
} if (rf & 2) {
|
|
1418
1418
|
const item_r18 = ctx.item;
|
|
1419
1419
|
const ctx_r17 = i0.ɵɵnextContext(2);
|
|
1420
|
-
i0.ɵɵproperty("ngTemplateOutlet", ctx_r17.labelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5, item_r18));
|
|
1420
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r17.labelTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c5$1, item_r18));
|
|
1421
1421
|
} }
|
|
1422
1422
|
function DrSelectComponent_4_Template(rf, ctx) { if (rf & 1) {
|
|
1423
1423
|
i0.ɵɵtemplate(0, DrSelectComponent_4_ng_template_0_Template, 1, 4, "ng-template", 8);
|
|
@@ -5842,6 +5842,7 @@ class ChatMessage {
|
|
|
5842
5842
|
this.user = obj?.user;
|
|
5843
5843
|
this.files = obj?.files;
|
|
5844
5844
|
this.suggestions = obj?.suggestions;
|
|
5845
|
+
this.cards = obj?.cards;
|
|
5845
5846
|
}
|
|
5846
5847
|
}
|
|
5847
5848
|
|
|
@@ -6829,8 +6830,9 @@ class DrChatSuggestionsComponent {
|
|
|
6829
6830
|
}] }); })();
|
|
6830
6831
|
|
|
6831
6832
|
const _c0$p = ["drChatHeader"];
|
|
6832
|
-
const _c1$b = ["
|
|
6833
|
-
const _c2$5 = ["
|
|
6833
|
+
const _c1$b = ["drChatLoader"];
|
|
6834
|
+
const _c2$5 = ["drChatContent"];
|
|
6835
|
+
const _c3$4 = ["messagesContainer"];
|
|
6834
6836
|
function DrChatComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
6835
6837
|
i0.ɵɵelementContainer(0, 8);
|
|
6836
6838
|
} if (rf & 2) {
|
|
@@ -6852,10 +6854,17 @@ function DrChatComponent_div_6_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
6852
6854
|
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
6853
6855
|
i0.ɵɵproperty("ngTemplateOutlet", ctx_r5.chatContent);
|
|
6854
6856
|
} }
|
|
6857
|
+
function DrChatComponent_div_6_ng_container_5_Template(rf, ctx) { if (rf & 1) {
|
|
6858
|
+
i0.ɵɵelementContainer(0, 8);
|
|
6859
|
+
} if (rf & 2) {
|
|
6860
|
+
const ctx_r6 = i0.ɵɵnextContext(2);
|
|
6861
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r6.chatLoader);
|
|
6862
|
+
} }
|
|
6855
6863
|
function DrChatComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
6856
6864
|
i0.ɵɵelementStart(0, "div", 11)(1, "div", 12, 13);
|
|
6857
6865
|
i0.ɵɵprojection(3, 3);
|
|
6858
6866
|
i0.ɵɵtemplate(4, DrChatComponent_div_6_ng_container_4_Template, 1, 1, "ng-container", 2);
|
|
6867
|
+
i0.ɵɵtemplate(5, DrChatComponent_div_6_ng_container_5_Template, 1, 1, "ng-container", 2);
|
|
6859
6868
|
i0.ɵɵelementEnd()();
|
|
6860
6869
|
} if (rf & 2) {
|
|
6861
6870
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -6863,19 +6872,21 @@ function DrChatComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
6863
6872
|
i0.ɵɵclassProp("chat__messages__container--scroll", ctx_r2.messagesContainerWithScroll);
|
|
6864
6873
|
i0.ɵɵadvance(3);
|
|
6865
6874
|
i0.ɵɵproperty("ngIf", ctx_r2.chatContent);
|
|
6875
|
+
i0.ɵɵadvance(1);
|
|
6876
|
+
i0.ɵɵproperty("ngIf", ctx_r2.chatLoader);
|
|
6866
6877
|
} }
|
|
6867
6878
|
function DrChatComponent_dr_chat_suggestions_7_Template(rf, ctx) { if (rf & 1) {
|
|
6868
|
-
const
|
|
6879
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
6869
6880
|
i0.ɵɵelementStart(0, "dr-chat-suggestions", 14);
|
|
6870
|
-
i0.ɵɵlistener("suggestionSelect", function DrChatComponent_dr_chat_suggestions_7_Template_dr_chat_suggestions_suggestionSelect_0_listener($event) { i0.ɵɵrestoreView(
|
|
6881
|
+
i0.ɵɵlistener("suggestionSelect", function DrChatComponent_dr_chat_suggestions_7_Template_dr_chat_suggestions_suggestionSelect_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.suggestionSelect.emit($event)); });
|
|
6871
6882
|
i0.ɵɵelementEnd();
|
|
6872
6883
|
} if (rf & 2) {
|
|
6873
6884
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
6874
6885
|
i0.ɵɵclassProp("chat__suggestions--full-height", ctx_r3.fullScreen && !(ctx_r3.messages == null ? null : ctx_r3.messages.length));
|
|
6875
6886
|
i0.ɵɵproperty("values", ctx_r3.suggestions)("fullScreen", ctx_r3.fullScreen)("waitForReply", ctx_r3.waitForReply)("buttonMode", !!(ctx_r3.messages == null ? null : ctx_r3.messages.length));
|
|
6876
6887
|
} }
|
|
6877
|
-
const
|
|
6878
|
-
const
|
|
6888
|
+
const _c4$2 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-ai-search-input"]], [["dr-chat-message"]]];
|
|
6889
|
+
const _c5 = ["dr-chat-alert", "dr-chat-form", "dr-ai-search-input", "dr-chat-message"];
|
|
6879
6890
|
class DrChatComponent {
|
|
6880
6891
|
set contentUpdateSubject(value) {
|
|
6881
6892
|
if (value) {
|
|
@@ -6957,29 +6968,31 @@ class DrChatComponent {
|
|
|
6957
6968
|
i0.ɵɵcontentQuery(dirIndex, DrChatFormComponent, 5);
|
|
6958
6969
|
i0.ɵɵcontentQuery(dirIndex, _c0$p, 5);
|
|
6959
6970
|
i0.ɵɵcontentQuery(dirIndex, _c1$b, 5);
|
|
6971
|
+
i0.ɵɵcontentQuery(dirIndex, _c2$5, 5);
|
|
6960
6972
|
i0.ɵɵcontentQuery(dirIndex, DrChatMessageComponent, 4);
|
|
6961
6973
|
} if (rf & 2) {
|
|
6962
6974
|
let _t;
|
|
6963
6975
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatForm = _t.first);
|
|
6964
6976
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatHeader = _t.first);
|
|
6977
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatLoader = _t.first);
|
|
6965
6978
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatContent = _t.first);
|
|
6966
6979
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messages = _t);
|
|
6967
6980
|
} }, viewQuery: function DrChatComponent_Query(rf, ctx) { if (rf & 1) {
|
|
6968
|
-
i0.ɵɵviewQuery(
|
|
6981
|
+
i0.ɵɵviewQuery(_c3$4, 5);
|
|
6969
6982
|
i0.ɵɵviewQuery(DrChatSuggestionsComponent, 5);
|
|
6970
6983
|
} if (rf & 2) {
|
|
6971
6984
|
let _t;
|
|
6972
6985
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messagesContainer = _t.first);
|
|
6973
6986
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._chatSuggestions = _t.first);
|
|
6974
|
-
} }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply", scrollDelay: "scrollDelay" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors:
|
|
6975
|
-
i0.ɵɵprojectionDef(
|
|
6987
|
+
} }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply", scrollDelay: "scrollDelay" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c5, decls: 11, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
|
|
6988
|
+
i0.ɵɵprojectionDef(_c4$2);
|
|
6976
6989
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
6977
6990
|
i0.ɵɵtemplate(2, DrChatComponent_ng_container_2_Template, 1, 1, "ng-container", 2);
|
|
6978
6991
|
i0.ɵɵelementStart(3, "div", 3);
|
|
6979
6992
|
i0.ɵɵprojection(4);
|
|
6980
6993
|
i0.ɵɵelementEnd()();
|
|
6981
6994
|
i0.ɵɵtemplate(5, DrChatComponent_div_5_Template, 3, 1, "div", 4);
|
|
6982
|
-
i0.ɵɵtemplate(6, DrChatComponent_div_6_Template,
|
|
6995
|
+
i0.ɵɵtemplate(6, DrChatComponent_div_6_Template, 6, 4, "div", 5);
|
|
6983
6996
|
i0.ɵɵtemplate(7, DrChatComponent_dr_chat_suggestions_7_Template, 1, 6, "dr-chat-suggestions", 6);
|
|
6984
6997
|
i0.ɵɵelementStart(8, "div", 7);
|
|
6985
6998
|
i0.ɵɵprojection(9, 1);
|
|
@@ -6999,7 +7012,7 @@ class DrChatComponent {
|
|
|
6999
7012
|
}
|
|
7000
7013
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrChatComponent, [{
|
|
7001
7014
|
type: Component,
|
|
7002
|
-
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 <ng-container *ngIf=\"chatContent\" [ngTemplateOutlet]=\"chatContent\"></ng-container>\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"] }]
|
|
7015
|
+
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 <ng-container *ngIf=\"chatContent\" [ngTemplateOutlet]=\"chatContent\"></ng-container>\n <ng-container *ngIf=\"chatLoader\" [ngTemplateOutlet]=\"chatLoader\"></ng-container>\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"] }]
|
|
7003
7016
|
}], function () { return [{ type: i0.ChangeDetectorRef }]; }, { fullScreen: [{
|
|
7004
7017
|
type: Input
|
|
7005
7018
|
}], noMessagesPlaceholder: [{
|
|
@@ -7028,6 +7041,9 @@ class DrChatComponent {
|
|
|
7028
7041
|
}], chatHeader: [{
|
|
7029
7042
|
type: ContentChild,
|
|
7030
7043
|
args: ['drChatHeader']
|
|
7044
|
+
}], chatLoader: [{
|
|
7045
|
+
type: ContentChild,
|
|
7046
|
+
args: ['drChatLoader']
|
|
7031
7047
|
}], chatContent: [{
|
|
7032
7048
|
type: ContentChild,
|
|
7033
7049
|
args: ['drChatContent']
|
|
@@ -10893,7 +10909,7 @@ class DialogWrapperComponent {
|
|
|
10893
10909
|
} }, hostVars: 4, hostBindings: function DialogWrapperComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
10894
10910
|
i0.ɵɵclassMap(ctx.elementClass);
|
|
10895
10911
|
i0.ɵɵclassProp("maximized-modal", ctx.isMaximized);
|
|
10896
|
-
} }, decls: 11, vars: 14, consts: [[1, "dialog-wrapper"], ["data-test", "maximize_btn", 3, "ngClass", "click", 4, "ngIf"], ["class", "dr-icon-exit", "data-test", "close_btn", 3, "click", 4, "ngIf"], ["header", "", "class", "dialog-wrapper__header", 3, "with-max-button", 4, "ngIf"], [1, "dialog-wrapper__content", 3, "ngClass"], ["class", "dialog-wrapper__content__icon", 4, "ngIf"], [1, "dialog-content__wrapper", 3, "innerHTML"], [1, "dialog-wrapper__content__anchor"], ["content", ""], [3, "title", "items", "collapse", 4, "ngIf"], ["footer", "", "class", "dialog-wrapper__footer", 4, "ngIf"], ["data-test", "maximize_btn", 3, "ngClass", "click"], ["data-test", "close_btn", 1, "dr-icon-exit", 3, "click"], ["header", "", 1, "dialog-wrapper__header"], ["data-test", "dialogTitle", 1, "dialog-wrapper__header__title"], ["class", "dialog-wrapper__header__subtitle", "data-test", "dialogSubtitle", 4, "ngIf"], ["data-test", "dialogSubtitle", 1, "dialog-wrapper__header__subtitle"], [1, "dialog-wrapper__content__icon"], [3, "ngClass"], [3, "title", "items", "collapse"], ["footer", "", 1, "dialog-wrapper__footer"], [1, "dialog-wrapper__footer__buttons"], ["class", "dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom", 3, "drTooltip", 4, "ngIf"], ["class", "dialog-wrapper__footer__button-wrapper", 3, "drTooltip", 4, "ngIf"], [1, "dialog-wrapper__footer__button-wrapper", "dialog-wrapper__footer__button-wrapper--custom", 3, "drTooltip"], ["data-test", "declineBtn", 3, "theme", "isLoading", "disabled", "drTooltip", "click"], [1, "dialog-wrapper__footer__button-wrapper", 3, "drTooltip"], ["data-test", "closeBtn", 3, "theme", "disabled", "drTooltip", "click"], ["data-test", "acceptBtn", 3, "theme", "isLoading", "disabled", "drTooltip", "click"]], template: function DialogWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10912
|
+
} }, decls: 11, vars: 14, consts: [[1, "dialog-wrapper"], ["class", "min-max-dialog-wrapper-icon", "data-test", "maximize_btn", 3, "ngClass", "click", 4, "ngIf"], ["class", "dr-icon-exit", "data-test", "close_btn", 3, "click", 4, "ngIf"], ["header", "", "class", "dialog-wrapper__header", 3, "with-max-button", 4, "ngIf"], [1, "dialog-wrapper__content", 3, "ngClass"], ["class", "dialog-wrapper__content__icon", 4, "ngIf"], [1, "dialog-content__wrapper", 3, "innerHTML"], [1, "dialog-wrapper__content__anchor"], ["content", ""], [3, "title", "items", "collapse", 4, "ngIf"], ["footer", "", "class", "dialog-wrapper__footer", 4, "ngIf"], ["data-test", "maximize_btn", 1, "min-max-dialog-wrapper-icon", 3, "ngClass", "click"], ["data-test", "close_btn", 1, "dr-icon-exit", 3, "click"], ["header", "", 1, "dialog-wrapper__header"], ["data-test", "dialogTitle", 1, "dialog-wrapper__header__title"], ["class", "dialog-wrapper__header__subtitle", "data-test", "dialogSubtitle", 4, "ngIf"], ["data-test", "dialogSubtitle", 1, "dialog-wrapper__header__subtitle"], [1, "dialog-wrapper__content__icon"], [3, "ngClass"], [3, "title", "items", "collapse"], ["footer", "", 1, "dialog-wrapper__footer"], [1, "dialog-wrapper__footer__buttons"], ["class", "dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom", 3, "drTooltip", 4, "ngIf"], ["class", "dialog-wrapper__footer__button-wrapper", 3, "drTooltip", 4, "ngIf"], [1, "dialog-wrapper__footer__button-wrapper", "dialog-wrapper__footer__button-wrapper--custom", 3, "drTooltip"], ["data-test", "declineBtn", 3, "theme", "isLoading", "disabled", "drTooltip", "click"], [1, "dialog-wrapper__footer__button-wrapper", 3, "drTooltip"], ["data-test", "closeBtn", 3, "theme", "disabled", "drTooltip", "click"], ["data-test", "acceptBtn", 3, "theme", "isLoading", "disabled", "drTooltip", "click"]], template: function DialogWrapperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10897
10913
|
i0.ɵɵelementStart(0, "div", 0);
|
|
10898
10914
|
i0.ɵɵtemplate(1, DialogWrapperComponent_i_1_Template, 1, 4, "i", 1);
|
|
10899
10915
|
i0.ɵɵtemplate(2, DialogWrapperComponent_i_2_Template, 1, 0, "i", 2);
|
|
@@ -10924,11 +10940,11 @@ class DialogWrapperComponent {
|
|
|
10924
10940
|
i0.ɵɵproperty("ngIf", ctx.dialogData.details);
|
|
10925
10941
|
i0.ɵɵadvance(1);
|
|
10926
10942
|
i0.ɵɵproperty("ngIf", ctx.dialogData.cancelButton || ctx.dialogData.acceptButton);
|
|
10927
|
-
} }, dependencies: [i1.NgClass, i1.NgIf, DrButtonComponent, DrTooltipDirective, DrDetailsListComponent], styles: [".small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:85vh}.large-modal[_nghost-%COMP%]{min-width:750px;max-width:750px}.xl-medium-modal[_nghost-%COMP%]{min-width:850px;max-width:850px}.medium-large-modal[_nghost-%COMP%]{min-width:669px;max-width:669px}.xl-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}.xl-custom-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}.maximized-modal[_nghost-%COMP%]{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)} .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative} .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer} .dialog-wrapper>.dr-icon-maximize, .dialog-wrapper
|
|
10943
|
+
} }, dependencies: [i1.NgClass, i1.NgIf, DrButtonComponent, DrTooltipDirective, DrDetailsListComponent], styles: [".small-modal[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:400px;max-width:400px}.medium-modal[_nghost-%COMP%], .medium-modal-max-height[_nghost-%COMP%]{min-height:188px;max-height:467px;min-width:632px;max-width:632px}.medium-small-modal[_nghost-%COMP%]{min-height:188px;max-height:345px;min-width:460px;max-width:460px}.medium-modal-max-height[_nghost-%COMP%], .small-modal-max-height[_nghost-%COMP%]{max-height:85vh}.large-modal[_nghost-%COMP%]{min-width:750px;max-width:750px}.xl-medium-modal[_nghost-%COMP%]{min-width:850px;max-width:850px}.medium-large-modal[_nghost-%COMP%]{min-width:669px;max-width:669px}.xl-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}.xl-custom-modal[_nghost-%COMP%]{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}.maximized-modal[_nghost-%COMP%]{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)} .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative} .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer} .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize, .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer} .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3} .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px} .dialog-wrapper__header__title{color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0} .dialog-wrapper__header__subtitle{color:#333;font-weight:400;font-size:14px;line-height:22px;margin:4px 0 0} .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%} .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px} .dialog-wrapper__content__anchor{display:none} .dialog-wrapper__content--no-padding{padding:0} .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative} .dialog-wrapper__content.flex-position{display:flex} .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line} .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px} .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px} .dialog-wrapper__footer{border-top:1px solid #dfe0e3} .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px} .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px} .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px} .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}"] }); }
|
|
10928
10944
|
}
|
|
10929
10945
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogWrapperComponent, [{
|
|
10930
10946
|
type: Component,
|
|
10931
|
-
args: [{ selector: 'dr-dialog-wrapper', template: "<div class=\"dialog-wrapper\" [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n <i\n *ngIf=\"dialogData?.showMaximizeBtn\"\n [ngClass]=\"{ 'dr-icon-maximize': !isMaximized, 'dr-icon-minimize': isMaximized }\"\n (click)=\"toggleMaximize()\"\n data-test=\"maximize_btn\"></i>\n <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n <div header class=\"dialog-wrapper__header\" [class.with-max-button]=\"dialogData?.showMaximizeBtn\" *ngIf=\"dialogData.title\">\n <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\" *ngIf=\"dialogData.subtitle\">\n {{ dialogData.subtitle }}\n </h1>\n </div>\n <div\n class=\"dialog-wrapper__content\"\n [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n </span>\n <span class=\"dialog-content__wrapper\" [innerHTML]=\"dialogData.content\"></span>\n <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n </div>\n <dr-details-list\n *ngIf=\"dialogData.details\"\n [title]=\"dialogData.details.title\"\n [items]=\"dialogData.details.items\"\n [collapse]=\"dialogData.details.collapse\">\n </dr-details-list>\n <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n <div class=\"dialog-wrapper__footer__buttons\">\n <span\n *ngIf=\"dialogData.customButton\"\n class=\"dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom\"\n [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n <dr-button\n (click)=\"onDecline()\"\n [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n [isLoading]=\"isLoading\"\n data-test=\"declineBtn\"\n [disabled]=\"dialogData.customButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.custom\"\n >{{ dialogData.customButton.label }}</dr-button\n >\n </span>\n <span\n *ngIf=\"dialogData.cancelButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n <dr-button\n (click)=\"closeDialog()\"\n [theme]=\"dialogData.cancelButton?.theme || 'secondary'\"\n data-test=\"closeBtn\"\n [disabled]=\"dialogData.cancelButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.cancel\"\n >{{ dialogData.cancelButton.label }}</dr-button\n >\n </span>\n <span\n *ngIf=\"dialogData.acceptButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n <dr-button\n (click)=\"onAcceptDialog()\"\n [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n [isLoading]=\"isLoading\"\n data-test=\"acceptBtn\"\n [disabled]=\"dialogData.acceptButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.accept\"\n >{{ dialogData.acceptButton.label }}</dr-button\n >\n </span>\n </div>\n </div>\n</div>\n", styles: [":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:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.xl-medium-modal{min-width:850px;max-width:850px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}:host.maximized-modal{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper>.dr-icon-maximize,::ng-deep .dialog-wrapper
|
|
10947
|
+
args: [{ selector: 'dr-dialog-wrapper', template: "<div class=\"dialog-wrapper\" [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n <i\n *ngIf=\"dialogData?.showMaximizeBtn\"\n [ngClass]=\"{ 'dr-icon-maximize': !isMaximized, 'dr-icon-minimize': isMaximized }\"\n class=\"min-max-dialog-wrapper-icon\"\n (click)=\"toggleMaximize()\"\n data-test=\"maximize_btn\"></i>\n <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n <div header class=\"dialog-wrapper__header\" [class.with-max-button]=\"dialogData?.showMaximizeBtn\" *ngIf=\"dialogData.title\">\n <h1 class=\"dialog-wrapper__header__title\" data-test=\"dialogTitle\">{{ dialogData.title }}</h1>\n <h1 class=\"dialog-wrapper__header__subtitle\" data-test=\"dialogSubtitle\" *ngIf=\"dialogData.subtitle\">\n {{ dialogData.subtitle }}\n </h1>\n </div>\n <div\n class=\"dialog-wrapper__content\"\n [class.dialog-wrapper__content--no-padding]=\"dialogData.theme?.contentNoPadding\"\n [ngClass]=\"{ 'flex-position': dialogData.contentIcon?.class && !childComponent }\">\n <span *ngIf=\"dialogData.contentIcon?.class\" class=\"dialog-wrapper__content__icon\">\n <i [ngClass]=\"dialogData.contentIcon.class\" [style.color]=\"dialogData.contentIcon?.color || 'inherit'\"></i>\n </span>\n <span class=\"dialog-content__wrapper\" [innerHTML]=\"dialogData.content\"></span>\n <span #content class=\"dialog-wrapper__content__anchor\"> </span>\n </div>\n <dr-details-list\n *ngIf=\"dialogData.details\"\n [title]=\"dialogData.details.title\"\n [items]=\"dialogData.details.items\"\n [collapse]=\"dialogData.details.collapse\">\n </dr-details-list>\n <div footer class=\"dialog-wrapper__footer\" *ngIf=\"dialogData.cancelButton || dialogData.acceptButton\">\n <div class=\"dialog-wrapper__footer__buttons\">\n <span\n *ngIf=\"dialogData.customButton\"\n class=\"dialog-wrapper__footer__button-wrapper dialog-wrapper__footer__button-wrapper--custom\"\n [drTooltip]=\"dialogData.customButton.isDisabled && dialogData.tooltips?.customDisabled\">\n <dr-button\n (click)=\"onDecline()\"\n [theme]=\"dialogData.customButton?.theme || 'secondary'\"\n [isLoading]=\"isLoading\"\n data-test=\"declineBtn\"\n [disabled]=\"dialogData.customButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.custom\"\n >{{ dialogData.customButton.label }}</dr-button\n >\n </span>\n <span\n *ngIf=\"dialogData.cancelButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.cancelButton.isDisabled && dialogData.tooltips?.cancelDisabled\">\n <dr-button\n (click)=\"closeDialog()\"\n [theme]=\"dialogData.cancelButton?.theme || 'secondary'\"\n data-test=\"closeBtn\"\n [disabled]=\"dialogData.cancelButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.cancel\"\n >{{ dialogData.cancelButton.label }}</dr-button\n >\n </span>\n <span\n *ngIf=\"dialogData.acceptButton\"\n class=\"dialog-wrapper__footer__button-wrapper\"\n [drTooltip]=\"dialogData.acceptButton.isDisabled && dialogData.tooltips?.acceptDisabled\">\n <dr-button\n (click)=\"onAcceptDialog()\"\n [theme]=\"dialogData.acceptButton?.theme || 'primary'\"\n [isLoading]=\"isLoading\"\n data-test=\"acceptBtn\"\n [disabled]=\"dialogData.acceptButton.isDisabled\"\n [drTooltip]=\"dialogData.tooltips?.accept\"\n >{{ dialogData.acceptButton.label }}</dr-button\n >\n </span>\n </div>\n </div>\n</div>\n", styles: [":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:85vh}:host.large-modal{min-width:750px;max-width:750px}:host.xl-medium-modal{min-width:850px;max-width:850px}:host.medium-large-modal{min-width:669px;max-width:669px}:host.xl-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:1100px}:host.xl-custom-modal{min-height:188px;max-height:800px;min-width:1100px;max-width:100%}:host.maximized-modal{min-height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-width:calc(100vw - 64px);max-width:calc(100vw - 64px)}::ng-deep .dialog-wrapper{display:flex;justify-content:space-between;flex-direction:column;position:relative}::ng-deep .dialog-wrapper>.dr-icon-exit{z-index:1;position:absolute;right:32px;top:16px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-maximize,::ng-deep .dialog-wrapper>.min-max-dialog-wrapper-icon.dr-icon-minimize{z-index:1;position:absolute;right:56px;top:18px;font-size:20px;color:#6d6e6f;cursor:pointer}::ng-deep .dialog-wrapper__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}::ng-deep .dialog-wrapper__header.with-max-button{padding:16px 76px 16px 32px}::ng-deep .dialog-wrapper__header__title{color:#333;position:static;font-weight:600;font-size:16px;line-height:24px;margin-top:0;margin-bottom:0}::ng-deep .dialog-wrapper__header__subtitle{color:#333;font-weight:400;font-size:14px;line-height:22px;margin:4px 0 0}::ng-deep .dialog-wrapper--confirmation-no-title{padding-top:16px;height:100%}::ng-deep .dialog-wrapper__content{overflow-y:inherit;font-size:14px;font-weight:400;line-height:22px;padding:24px 32px 32px}::ng-deep .dialog-wrapper__content__anchor{display:none}::ng-deep .dialog-wrapper__content--no-padding{padding:0}::ng-deep .dialog-wrapper__content__icon{margin-right:10px;top:5px;position:relative}::ng-deep .dialog-wrapper__content.flex-position{display:flex}::ng-deep .dialog-wrapper__content .dialog-content__wrapper{white-space:pre-line}::ng-deep .dialog-wrapper dr-details-list{margin-top:-24px;padding:0 32px 32px}::ng-deep .dialog-wrapper .confirmation-question{font-weight:500;margin-top:8px}::ng-deep .dialog-wrapper__footer{border-top:1px solid #dfe0e3}::ng-deep .dialog-wrapper__footer__buttons{display:flex;justify-content:flex-end;padding:11px 32px}::ng-deep .dialog-wrapper__footer__buttons>dr-button:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper:nth-child(n+2){margin-left:12px}::ng-deep .dialog-wrapper__footer__button-wrapper--custom:nth-last-child(3){margin-right:auto}\n"] }]
|
|
10932
10948
|
}], function () { return [{ type: i1$6.MatLegacyDialogRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
|
|
10933
10949
|
type: Inject,
|
|
10934
10950
|
args: [MAT_LEGACY_DIALOG_DATA]
|