@datarailsshared/datarailsshared 1.6.65 → 1.6.67
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.67.tgz +0 -0
- package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs +95 -70
- package/esm2022/lib/dr-dialog/interfaces/dialog-data.mjs +1 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +111 -86
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.d.ts +3 -0
- package/lib/dr-dialog/interfaces/dialog-data.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.65.tgz +0 -0
|
@@ -1053,7 +1053,7 @@ class DrModelDebounceChangeDirective {
|
|
|
1053
1053
|
|
|
1054
1054
|
const _c0$F = ["prefix"];
|
|
1055
1055
|
const _c1$i = ["suffix"];
|
|
1056
|
-
const _c2$
|
|
1056
|
+
const _c2$8 = ["inputRef"];
|
|
1057
1057
|
function DrInputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
1058
1058
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
1059
1059
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -1268,7 +1268,7 @@ class DrInputComponent {
|
|
|
1268
1268
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.prefixIcon = _t.first);
|
|
1269
1269
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.suffixIcon = _t.first);
|
|
1270
1270
|
} }, viewQuery: function DrInputComponent_Query(rf, ctx) { if (rf & 1) {
|
|
1271
|
-
i0.ɵɵviewQuery(_c2$
|
|
1271
|
+
i0.ɵɵviewQuery(_c2$8, 5);
|
|
1272
1272
|
} if (rf & 2) {
|
|
1273
1273
|
let _t;
|
|
1274
1274
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
|
|
@@ -1381,7 +1381,7 @@ class DrInputComponent {
|
|
|
1381
1381
|
|
|
1382
1382
|
const _c0$E = ["labelTemplate"];
|
|
1383
1383
|
const _c1$h = ["multiLabelTemplate"];
|
|
1384
|
-
const _c2$
|
|
1384
|
+
const _c2$7 = ["optionTemplate"];
|
|
1385
1385
|
const _c3$5 = ["optionHeaderTemplate"];
|
|
1386
1386
|
const _c4$3 = ["optionFooterTemplate"];
|
|
1387
1387
|
const _c5 = function (a0) { return { item: a0 }; };
|
|
@@ -1618,7 +1618,7 @@ class DrSelectComponent {
|
|
|
1618
1618
|
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrSelectComponent, selectors: [["dr-select"]], contentQueries: function DrSelectComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
1619
1619
|
i0.ɵɵcontentQuery(dirIndex, _c0$E, 5);
|
|
1620
1620
|
i0.ɵɵcontentQuery(dirIndex, _c1$h, 5);
|
|
1621
|
-
i0.ɵɵcontentQuery(dirIndex, _c2$
|
|
1621
|
+
i0.ɵɵcontentQuery(dirIndex, _c2$7, 5);
|
|
1622
1622
|
i0.ɵɵcontentQuery(dirIndex, _c3$5, 5);
|
|
1623
1623
|
i0.ɵɵcontentQuery(dirIndex, _c4$3, 5);
|
|
1624
1624
|
} if (rf & 2) {
|
|
@@ -5561,7 +5561,7 @@ function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) {
|
|
|
5561
5561
|
i0.ɵɵadvance(1);
|
|
5562
5562
|
i0.ɵɵtextInterpolate(index_r11 + 1);
|
|
5563
5563
|
} }
|
|
5564
|
-
const _c2$
|
|
5564
|
+
const _c2$6 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
|
|
5565
5565
|
function StepperComponent_ng_container_3_div_1_ng_container_10_Template(rf, ctx) { if (rf & 1) {
|
|
5566
5566
|
i0.ɵɵelementContainer(0, 25);
|
|
5567
5567
|
} if (rf & 2) {
|
|
@@ -5571,7 +5571,7 @@ function StepperComponent_ng_container_3_div_1_ng_container_10_Template(rf, ctx)
|
|
|
5571
5571
|
const step_r10 = ctx_r23.$implicit;
|
|
5572
5572
|
i0.ɵɵnextContext();
|
|
5573
5573
|
const _r6 = i0.ɵɵreference(8);
|
|
5574
|
-
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$
|
|
5574
|
+
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$6, index_r11, isLast_r12, step_r10));
|
|
5575
5575
|
} }
|
|
5576
5576
|
function StepperComponent_ng_container_3_div_1_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
5577
5577
|
i0.ɵɵelementStart(0, "span", 26);
|
|
@@ -5591,7 +5591,7 @@ function StepperComponent_ng_container_3_div_1_ng_container_12_Template(rf, ctx)
|
|
|
5591
5591
|
const step_r10 = ctx_r25.$implicit;
|
|
5592
5592
|
i0.ɵɵnextContext();
|
|
5593
5593
|
const _r6 = i0.ɵɵreference(8);
|
|
5594
|
-
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$
|
|
5594
|
+
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c2$6, index_r11, isLast_r12, step_r10));
|
|
5595
5595
|
} }
|
|
5596
5596
|
const _c3$4 = function (a0) { return { step: a0 }; };
|
|
5597
5597
|
function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -6687,7 +6687,7 @@ function DrChatSuggestionsComponent_ng_template_3_Template(rf, ctx) { if (rf & 1
|
|
|
6687
6687
|
i0.ɵɵadvance(1);
|
|
6688
6688
|
i0.ɵɵproperty("ngForOf", ctx_r3.visibleValues);
|
|
6689
6689
|
} }
|
|
6690
|
-
const _c2$
|
|
6690
|
+
const _c2$5 = function (a0, a1, a2, a3) { return { "chat-suggestions--three-cols": a0, "chat-suggestions--two-cols": a1, "chat-suggestions--one-col": a2, "chat-suggestions--button-mode": a3 }; };
|
|
6691
6691
|
class DrChatSuggestionsComponent {
|
|
6692
6692
|
get hiddenValues() {
|
|
6693
6693
|
return JSON.parse(localStorage.getItem('aiChatSuggestions')) || [];
|
|
@@ -6793,7 +6793,7 @@ class DrChatSuggestionsComponent {
|
|
|
6793
6793
|
i0.ɵɵtemplate(3, DrChatSuggestionsComponent_ng_template_3_Template, 2, 6, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
|
|
6794
6794
|
} if (rf & 2) {
|
|
6795
6795
|
const _r2 = i0.ɵɵreference(4);
|
|
6796
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$
|
|
6796
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction4(3, _c2$5, ctx.colsCount === 3, ctx.colsCount === 2, ctx.colsCount === 1, ctx.buttonMode));
|
|
6797
6797
|
i0.ɵɵadvance(2);
|
|
6798
6798
|
i0.ɵɵproperty("ngIf", ctx.buttonMode)("ngIfElse", _r2);
|
|
6799
6799
|
} }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, DrButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;align-items:flex-start;justify-content:center}[_nghost-%COMP%] .chat-suggestions[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:center;max-width:956px}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%]{justify-content:flex-start}[_nghost-%COMP%] .chat-suggestions--button-mode[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding-top:32px}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--one-col[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(1,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--two-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(2,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%]{padding-left:0;grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{padding-left:0}[_nghost-%COMP%] .chat-suggestions--three-cols[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{grid-template-columns:repeat(3,300px)}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%]{display:flex;position:relative;width:auto;margin-top:12px;padding:0 16px}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%]{z-index:3;background:linear-gradient(-90deg,#6969ff,#4eb7df) border-box;border-radius:2em;border:1.5px solid transparent}[_nghost-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{background:#fff;border-radius:24px;color:#4646ce;border:none;cursor:pointer}[_nghost-%COMP%] .chat-suggestions__container[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:56px;z-index:2}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__container__button[_ngcontent-%COMP%] button{color:#4646ce;background:#f2f2fb}[_nghost-%COMP%] .chat-suggestions__container--opened[_ngcontent-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{display:grid;align-items:center;justify-content:center}[_nghost-%COMP%] .chat-suggestions__items[_ngcontent-%COMP%]{padding:0 16px;display:grid;gap:28px;grid-auto-rows:minmax(86px,auto);background:#ffffffb3}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]{display:inline-flex;min-height:86px;width:300px;align-items:center;justify-content:center;text-align:center;padding:16px;border-radius:8px;background:#f2f2fb;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}[_nghost-%COMP%] .chat-suggestions__items__item[_ngcontent-%COMP%]:hover{cursor:pointer;background:#eaeaff}"], changeDetection: 0 }); }
|
|
@@ -6818,7 +6818,7 @@ class DrChatSuggestionsComponent {
|
|
|
6818
6818
|
|
|
6819
6819
|
const _c0$o = ["drChatHeader"];
|
|
6820
6820
|
const _c1$a = ["drChatContent"];
|
|
6821
|
-
const _c2$
|
|
6821
|
+
const _c2$4 = ["messagesContainer"];
|
|
6822
6822
|
function DrChatComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
6823
6823
|
i0.ɵɵelementContainer(0, 8);
|
|
6824
6824
|
} if (rf & 2) {
|
|
@@ -6953,7 +6953,7 @@ class DrChatComponent {
|
|
|
6953
6953
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatContent = _t.first);
|
|
6954
6954
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messages = _t);
|
|
6955
6955
|
} }, viewQuery: function DrChatComponent_Query(rf, ctx) { if (rf & 1) {
|
|
6956
|
-
i0.ɵɵviewQuery(_c2$
|
|
6956
|
+
i0.ɵɵviewQuery(_c2$4, 5);
|
|
6957
6957
|
i0.ɵɵviewQuery(DrChatSuggestionsComponent, 5);
|
|
6958
6958
|
} if (rf & 2) {
|
|
6959
6959
|
let _t;
|
|
@@ -7053,7 +7053,7 @@ function DrChatFormDropdownComponent_i_14_Template(rf, ctx) { if (rf & 1) {
|
|
|
7053
7053
|
function DrChatFormDropdownComponent_dr_dot_flashing_15_Template(rf, ctx) { if (rf & 1) {
|
|
7054
7054
|
i0.ɵɵelement(0, "dr-dot-flashing", 15);
|
|
7055
7055
|
} }
|
|
7056
|
-
const _c2$
|
|
7056
|
+
const _c2$3 = function (a0) { return { "message-row_loading": a0 }; };
|
|
7057
7057
|
const _c3$2 = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
|
|
7058
7058
|
const _c4$1 = ["*"];
|
|
7059
7059
|
class DrChatFormDropdownComponent {
|
|
@@ -7245,7 +7245,7 @@ class DrChatFormDropdownComponent {
|
|
|
7245
7245
|
} if (rf & 2) {
|
|
7246
7246
|
const _r1 = i0.ɵɵreference(7);
|
|
7247
7247
|
let tmp_1_0;
|
|
7248
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c2$
|
|
7248
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c2$3, ctx.isUploadingFiles));
|
|
7249
7249
|
i0.ɵɵadvance(1);
|
|
7250
7250
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(17, _c3$2, ctx.inputFocus, !!(ctx.message == null ? null : (tmp_1_0 = ctx.message.trim()) == null ? null : tmp_1_0.length) || !!i0.ɵɵpipeBind1(2, 11, ctx.droppedFiles$).length));
|
|
7251
7251
|
i0.ɵɵadvance(2);
|
|
@@ -9424,7 +9424,7 @@ function DrDropdownComponent_dr_dropdown_item_4_ng_container_3_Template(rf, ctx)
|
|
|
9424
9424
|
const act_r2 = i0.ɵɵnextContext().$implicit;
|
|
9425
9425
|
i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$8, act_r2));
|
|
9426
9426
|
} }
|
|
9427
|
-
const _c2$
|
|
9427
|
+
const _c2$2 = function () { return { withoutArrow: true }; };
|
|
9428
9428
|
function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
|
|
9429
9429
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
9430
9430
|
i0.ɵɵelementStart(0, "dr-dropdown-item", 4);
|
|
@@ -9437,7 +9437,7 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
|
|
|
9437
9437
|
const act_r2 = ctx.$implicit;
|
|
9438
9438
|
const index_r3 = ctx.index;
|
|
9439
9439
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
9440
|
-
i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", "left")("drTooltipOptions", i0.ɵɵpureFunction0(15, _c2$
|
|
9440
|
+
i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", "left")("drTooltipOptions", i0.ɵɵpureFunction0(15, _c2$2))("drTooltipClass", "dr-dropdown__tooltip")("drDropdown", ctx_r1.hasChildren(act_r2) && act_r2.children)("drDropdownClass", act_r2.childOptions == null ? null : act_r2.childOptions.class)("drDropdownInHover", true)("drDropdownPosition", act_r2.childOptions == null ? null : act_r2.childOptions.position)("disabled", ctx_r1.disabled(act_r2))("selected", ctx_r1.selected(act_r2))("divider", act_r2.separateLine);
|
|
9441
9441
|
i0.ɵɵattribute("data-analytics", ctx_r1.getDataAnalyticsTag(act_r2, index_r3));
|
|
9442
9442
|
i0.ɵɵadvance(1);
|
|
9443
9443
|
i0.ɵɵproperty("ngIf", !act_r2.templateRef);
|
|
@@ -10339,7 +10339,7 @@ function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
10339
10339
|
i0.ɵɵclassMap(ctx_r1.chevronIconClass);
|
|
10340
10340
|
i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1$4, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0$b, ctx_r1.chevronRotationDegree)));
|
|
10341
10341
|
} }
|
|
10342
|
-
const _c2 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
|
|
10342
|
+
const _c2$1 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
|
|
10343
10343
|
const _c3 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
|
|
10344
10344
|
class DrAccordionItemHeaderComponent {
|
|
10345
10345
|
get isCollapsed() {
|
|
@@ -10396,7 +10396,7 @@ class DrAccordionItemHeaderComponent {
|
|
|
10396
10396
|
i0.ɵɵclassMap(ctx.theme);
|
|
10397
10397
|
i0.ɵɵclassProp("accordion-item-header-collapsed", ctx.isCollapsed)("accordion-item-header-expanded", ctx.expanded);
|
|
10398
10398
|
} }, inputs: { chevronOrientation: "chevronOrientation", chevronPosition: "chevronPosition", icon: "icon", toggleOnChevronClick: "toggleOnChevronClick" }, ngContentSelectors: _c3, decls: 5, vars: 2, consts: [[3, "class", "dr-accordion-item-header-icon--additional-padding", 4, "ngIf"], [3, "class", "click", 4, "ngIf"], [3, "click"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10399
|
-
i0.ɵɵprojectionDef(_c2);
|
|
10399
|
+
i0.ɵɵprojectionDef(_c2$1);
|
|
10400
10400
|
i0.ɵɵtemplate(0, DrAccordionItemHeaderComponent_i_0_Template, 1, 4, "i", 0);
|
|
10401
10401
|
i0.ɵɵtemplate(1, DrAccordionItemHeaderComponent_i_1_Template, 1, 8, "i", 1);
|
|
10402
10402
|
i0.ɵɵprojection(2);
|
|
@@ -10680,108 +10680,119 @@ class DrDetailsListComponent {
|
|
|
10680
10680
|
}] }); })();
|
|
10681
10681
|
|
|
10682
10682
|
const _c0$5 = ["content"];
|
|
10683
|
+
const _c1$1 = function (a0, a1) { return { "dr-icon-maximize": a0, "dr-icon-minimize": a1 }; };
|
|
10683
10684
|
function DialogWrapperComponent_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
10684
|
-
const
|
|
10685
|
-
i0.ɵɵelementStart(0, "i",
|
|
10686
|
-
i0.ɵɵlistener("click", function DialogWrapperComponent_i_1_Template_i_click_0_listener() { i0.ɵɵrestoreView(
|
|
10685
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
10686
|
+
i0.ɵɵelementStart(0, "i", 11);
|
|
10687
|
+
i0.ɵɵlistener("click", function DialogWrapperComponent_i_1_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.toggleMaximize()); });
|
|
10688
|
+
i0.ɵɵelementEnd();
|
|
10689
|
+
} if (rf & 2) {
|
|
10690
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
10691
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$1, !ctx_r0.isMaximized, ctx_r0.isMaximized));
|
|
10692
|
+
} }
|
|
10693
|
+
function DialogWrapperComponent_i_2_Template(rf, ctx) { if (rf & 1) {
|
|
10694
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
10695
|
+
i0.ɵɵelementStart(0, "i", 12);
|
|
10696
|
+
i0.ɵɵlistener("click", function DialogWrapperComponent_i_2_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.closeDialog()); });
|
|
10687
10697
|
i0.ɵɵelementEnd();
|
|
10688
10698
|
} }
|
|
10689
|
-
function
|
|
10690
|
-
i0.ɵɵelementStart(0, "h1",
|
|
10699
|
+
function DialogWrapperComponent_div_3_h1_3_Template(rf, ctx) { if (rf & 1) {
|
|
10700
|
+
i0.ɵɵelementStart(0, "h1", 16);
|
|
10691
10701
|
i0.ɵɵtext(1);
|
|
10692
10702
|
i0.ɵɵelementEnd();
|
|
10693
10703
|
} if (rf & 2) {
|
|
10694
|
-
const
|
|
10704
|
+
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
10695
10705
|
i0.ɵɵadvance(1);
|
|
10696
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
10706
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r11.dialogData.subtitle, " ");
|
|
10697
10707
|
} }
|
|
10698
|
-
function
|
|
10699
|
-
i0.ɵɵelementStart(0, "div",
|
|
10708
|
+
function DialogWrapperComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
10709
|
+
i0.ɵɵelementStart(0, "div", 13)(1, "h1", 14);
|
|
10700
10710
|
i0.ɵɵtext(2);
|
|
10701
10711
|
i0.ɵɵelementEnd();
|
|
10702
|
-
i0.ɵɵtemplate(3,
|
|
10712
|
+
i0.ɵɵtemplate(3, DialogWrapperComponent_div_3_h1_3_Template, 2, 1, "h1", 15);
|
|
10703
10713
|
i0.ɵɵelementEnd();
|
|
10704
10714
|
} if (rf & 2) {
|
|
10705
|
-
const
|
|
10715
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
10716
|
+
i0.ɵɵclassProp("with-max-button", ctx_r2.dialogData == null ? null : ctx_r2.dialogData.showMaximizeBtn);
|
|
10706
10717
|
i0.ɵɵadvance(2);
|
|
10707
|
-
i0.ɵɵtextInterpolate(
|
|
10718
|
+
i0.ɵɵtextInterpolate(ctx_r2.dialogData.title);
|
|
10708
10719
|
i0.ɵɵadvance(1);
|
|
10709
|
-
i0.ɵɵproperty("ngIf",
|
|
10720
|
+
i0.ɵɵproperty("ngIf", ctx_r2.dialogData.subtitle);
|
|
10710
10721
|
} }
|
|
10711
|
-
function
|
|
10712
|
-
i0.ɵɵelementStart(0, "span",
|
|
10713
|
-
i0.ɵɵelement(1, "i",
|
|
10722
|
+
function DialogWrapperComponent_span_5_Template(rf, ctx) { if (rf & 1) {
|
|
10723
|
+
i0.ɵɵelementStart(0, "span", 17);
|
|
10724
|
+
i0.ɵɵelement(1, "i", 18);
|
|
10714
10725
|
i0.ɵɵelementEnd();
|
|
10715
10726
|
} if (rf & 2) {
|
|
10716
|
-
const
|
|
10727
|
+
const ctx_r3 = i0.ɵɵnextContext();
|
|
10717
10728
|
i0.ɵɵadvance(1);
|
|
10718
|
-
i0.ɵɵstyleProp("color", (
|
|
10719
|
-
i0.ɵɵproperty("ngClass",
|
|
10729
|
+
i0.ɵɵstyleProp("color", (ctx_r3.dialogData.contentIcon == null ? null : ctx_r3.dialogData.contentIcon.color) || "inherit");
|
|
10730
|
+
i0.ɵɵproperty("ngClass", ctx_r3.dialogData.contentIcon.class);
|
|
10720
10731
|
} }
|
|
10721
|
-
function
|
|
10722
|
-
i0.ɵɵelement(0, "dr-details-list",
|
|
10732
|
+
function DialogWrapperComponent_dr_details_list_9_Template(rf, ctx) { if (rf & 1) {
|
|
10733
|
+
i0.ɵɵelement(0, "dr-details-list", 19);
|
|
10723
10734
|
} if (rf & 2) {
|
|
10724
|
-
const
|
|
10725
|
-
i0.ɵɵproperty("title",
|
|
10735
|
+
const ctx_r5 = i0.ɵɵnextContext();
|
|
10736
|
+
i0.ɵɵproperty("title", ctx_r5.dialogData.details.title)("items", ctx_r5.dialogData.details.items)("collapse", ctx_r5.dialogData.details.collapse);
|
|
10726
10737
|
} }
|
|
10727
|
-
function
|
|
10728
|
-
const
|
|
10729
|
-
i0.ɵɵelementStart(0, "span",
|
|
10730
|
-
i0.ɵɵlistener("click", function
|
|
10738
|
+
function DialogWrapperComponent_div_10_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
10739
|
+
const _r16 = i0.ɵɵgetCurrentView();
|
|
10740
|
+
i0.ɵɵelementStart(0, "span", 24)(1, "dr-button", 25);
|
|
10741
|
+
i0.ɵɵlistener("click", function DialogWrapperComponent_div_10_span_2_Template_dr_button_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.onDecline()); });
|
|
10731
10742
|
i0.ɵɵtext(2);
|
|
10732
10743
|
i0.ɵɵelementEnd()();
|
|
10733
10744
|
} if (rf & 2) {
|
|
10734
|
-
const
|
|
10735
|
-
i0.ɵɵproperty("drTooltip",
|
|
10745
|
+
const ctx_r12 = i0.ɵɵnextContext(2);
|
|
10746
|
+
i0.ɵɵproperty("drTooltip", ctx_r12.dialogData.customButton.isDisabled && (ctx_r12.dialogData.tooltips == null ? null : ctx_r12.dialogData.tooltips.customDisabled));
|
|
10736
10747
|
i0.ɵɵadvance(1);
|
|
10737
|
-
i0.ɵɵproperty("theme", (
|
|
10748
|
+
i0.ɵɵproperty("theme", (ctx_r12.dialogData.customButton == null ? null : ctx_r12.dialogData.customButton.theme) || "secondary")("isLoading", ctx_r12.isLoading)("disabled", ctx_r12.dialogData.customButton.isDisabled)("drTooltip", ctx_r12.dialogData.tooltips == null ? null : ctx_r12.dialogData.tooltips.custom);
|
|
10738
10749
|
i0.ɵɵadvance(1);
|
|
10739
|
-
i0.ɵɵtextInterpolate(
|
|
10750
|
+
i0.ɵɵtextInterpolate(ctx_r12.dialogData.customButton.label);
|
|
10740
10751
|
} }
|
|
10741
|
-
function
|
|
10742
|
-
const
|
|
10743
|
-
i0.ɵɵelementStart(0, "span",
|
|
10744
|
-
i0.ɵɵlistener("click", function
|
|
10752
|
+
function DialogWrapperComponent_div_10_span_3_Template(rf, ctx) { if (rf & 1) {
|
|
10753
|
+
const _r18 = i0.ɵɵgetCurrentView();
|
|
10754
|
+
i0.ɵɵelementStart(0, "span", 26)(1, "dr-button", 27);
|
|
10755
|
+
i0.ɵɵlistener("click", function DialogWrapperComponent_div_10_span_3_Template_dr_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.closeDialog()); });
|
|
10745
10756
|
i0.ɵɵtext(2);
|
|
10746
10757
|
i0.ɵɵelementEnd()();
|
|
10747
10758
|
} if (rf & 2) {
|
|
10748
|
-
const
|
|
10749
|
-
i0.ɵɵproperty("drTooltip",
|
|
10759
|
+
const ctx_r13 = i0.ɵɵnextContext(2);
|
|
10760
|
+
i0.ɵɵproperty("drTooltip", ctx_r13.dialogData.cancelButton.isDisabled && (ctx_r13.dialogData.tooltips == null ? null : ctx_r13.dialogData.tooltips.cancelDisabled));
|
|
10750
10761
|
i0.ɵɵadvance(1);
|
|
10751
|
-
i0.ɵɵproperty("theme", (
|
|
10762
|
+
i0.ɵɵproperty("theme", (ctx_r13.dialogData.cancelButton == null ? null : ctx_r13.dialogData.cancelButton.theme) || "secondary")("disabled", ctx_r13.dialogData.cancelButton.isDisabled)("drTooltip", ctx_r13.dialogData.tooltips == null ? null : ctx_r13.dialogData.tooltips.cancel);
|
|
10752
10763
|
i0.ɵɵadvance(1);
|
|
10753
|
-
i0.ɵɵtextInterpolate(
|
|
10764
|
+
i0.ɵɵtextInterpolate(ctx_r13.dialogData.cancelButton.label);
|
|
10754
10765
|
} }
|
|
10755
|
-
function
|
|
10756
|
-
const
|
|
10757
|
-
i0.ɵɵelementStart(0, "span",
|
|
10758
|
-
i0.ɵɵlistener("click", function
|
|
10766
|
+
function DialogWrapperComponent_div_10_span_4_Template(rf, ctx) { if (rf & 1) {
|
|
10767
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
10768
|
+
i0.ɵɵelementStart(0, "span", 26)(1, "dr-button", 28);
|
|
10769
|
+
i0.ɵɵlistener("click", function DialogWrapperComponent_div_10_span_4_Template_dr_button_click_1_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.onAcceptDialog()); });
|
|
10759
10770
|
i0.ɵɵtext(2);
|
|
10760
10771
|
i0.ɵɵelementEnd()();
|
|
10761
10772
|
} if (rf & 2) {
|
|
10762
|
-
const
|
|
10763
|
-
i0.ɵɵproperty("drTooltip",
|
|
10773
|
+
const ctx_r14 = i0.ɵɵnextContext(2);
|
|
10774
|
+
i0.ɵɵproperty("drTooltip", ctx_r14.dialogData.acceptButton.isDisabled && (ctx_r14.dialogData.tooltips == null ? null : ctx_r14.dialogData.tooltips.acceptDisabled));
|
|
10764
10775
|
i0.ɵɵadvance(1);
|
|
10765
|
-
i0.ɵɵproperty("theme", (
|
|
10776
|
+
i0.ɵɵproperty("theme", (ctx_r14.dialogData.acceptButton == null ? null : ctx_r14.dialogData.acceptButton.theme) || "primary")("isLoading", ctx_r14.isLoading)("disabled", ctx_r14.dialogData.acceptButton.isDisabled)("drTooltip", ctx_r14.dialogData.tooltips == null ? null : ctx_r14.dialogData.tooltips.accept);
|
|
10766
10777
|
i0.ɵɵadvance(1);
|
|
10767
|
-
i0.ɵɵtextInterpolate(
|
|
10778
|
+
i0.ɵɵtextInterpolate(ctx_r14.dialogData.acceptButton.label);
|
|
10768
10779
|
} }
|
|
10769
|
-
function
|
|
10770
|
-
i0.ɵɵelementStart(0, "div",
|
|
10771
|
-
i0.ɵɵtemplate(2,
|
|
10772
|
-
i0.ɵɵtemplate(3,
|
|
10773
|
-
i0.ɵɵtemplate(4,
|
|
10780
|
+
function DialogWrapperComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
10781
|
+
i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
|
|
10782
|
+
i0.ɵɵtemplate(2, DialogWrapperComponent_div_10_span_2_Template, 3, 6, "span", 22);
|
|
10783
|
+
i0.ɵɵtemplate(3, DialogWrapperComponent_div_10_span_3_Template, 3, 5, "span", 23);
|
|
10784
|
+
i0.ɵɵtemplate(4, DialogWrapperComponent_div_10_span_4_Template, 3, 6, "span", 23);
|
|
10774
10785
|
i0.ɵɵelementEnd()();
|
|
10775
10786
|
} if (rf & 2) {
|
|
10776
|
-
const
|
|
10787
|
+
const ctx_r6 = i0.ɵɵnextContext();
|
|
10777
10788
|
i0.ɵɵadvance(2);
|
|
10778
|
-
i0.ɵɵproperty("ngIf",
|
|
10789
|
+
i0.ɵɵproperty("ngIf", ctx_r6.dialogData.customButton);
|
|
10779
10790
|
i0.ɵɵadvance(1);
|
|
10780
|
-
i0.ɵɵproperty("ngIf",
|
|
10791
|
+
i0.ɵɵproperty("ngIf", ctx_r6.dialogData.cancelButton);
|
|
10781
10792
|
i0.ɵɵadvance(1);
|
|
10782
|
-
i0.ɵɵproperty("ngIf",
|
|
10793
|
+
i0.ɵɵproperty("ngIf", ctx_r6.dialogData.acceptButton);
|
|
10783
10794
|
} }
|
|
10784
|
-
const
|
|
10795
|
+
const _c2 = function (a0) { return { "flex-position": a0 }; };
|
|
10785
10796
|
class DialogWrapperComponent {
|
|
10786
10797
|
get elementClass() {
|
|
10787
10798
|
return this.dialogData?.theme?.noThemeSizeClass ? null : this.dialogData?.theme?.themeSize || 'medium-modal';
|
|
@@ -10793,6 +10804,8 @@ class DialogWrapperComponent {
|
|
|
10793
10804
|
this.dialogData = dialogData;
|
|
10794
10805
|
this.saving$ = new BehaviorSubject(false);
|
|
10795
10806
|
this.destroy$ = new Subject();
|
|
10807
|
+
this.isMaximized = false;
|
|
10808
|
+
this.isMaximized$ = new BehaviorSubject(false);
|
|
10796
10809
|
}
|
|
10797
10810
|
ngAfterViewInit() {
|
|
10798
10811
|
if (!this.dialogData.child) {
|
|
@@ -10801,6 +10814,7 @@ class DialogWrapperComponent {
|
|
|
10801
10814
|
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogData.child);
|
|
10802
10815
|
this.childComponent = this.content.createComponent(componentFactory).instance;
|
|
10803
10816
|
this.childComponent.closeDialog = this.closeDialog.bind(this);
|
|
10817
|
+
this.childComponent.isMaximized$ = this.isMaximized$;
|
|
10804
10818
|
this.childComponent.onAcceptDialog = this.onAcceptDialog.bind(this);
|
|
10805
10819
|
// pass data to component child
|
|
10806
10820
|
if (this.dialogData.childData) {
|
|
@@ -10812,6 +10826,10 @@ class DialogWrapperComponent {
|
|
|
10812
10826
|
// }
|
|
10813
10827
|
this.cdr.detectChanges();
|
|
10814
10828
|
}
|
|
10829
|
+
toggleMaximize() {
|
|
10830
|
+
this.isMaximized = !this.isMaximized;
|
|
10831
|
+
this.isMaximized$.next(this.isMaximized);
|
|
10832
|
+
}
|
|
10815
10833
|
closeDialog(data) {
|
|
10816
10834
|
this.dialogRef.close(data || false);
|
|
10817
10835
|
}
|
|
@@ -10860,28 +10878,32 @@ class DialogWrapperComponent {
|
|
|
10860
10878
|
} if (rf & 2) {
|
|
10861
10879
|
let _t;
|
|
10862
10880
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
|
|
10863
|
-
} }, hostVars:
|
|
10881
|
+
} }, hostVars: 4, hostBindings: function DialogWrapperComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
10864
10882
|
i0.ɵɵclassMap(ctx.elementClass);
|
|
10865
|
-
|
|
10883
|
+
i0.ɵɵclassProp("maximized-modal", ctx.isMaximized);
|
|
10884
|
+
} }, 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) {
|
|
10866
10885
|
i0.ɵɵelementStart(0, "div", 0);
|
|
10867
|
-
i0.ɵɵtemplate(1, DialogWrapperComponent_i_1_Template, 1,
|
|
10868
|
-
i0.ɵɵtemplate(2,
|
|
10869
|
-
i0.ɵɵ
|
|
10870
|
-
i0.ɵɵ
|
|
10871
|
-
i0.ɵɵ
|
|
10886
|
+
i0.ɵɵtemplate(1, DialogWrapperComponent_i_1_Template, 1, 4, "i", 1);
|
|
10887
|
+
i0.ɵɵtemplate(2, DialogWrapperComponent_i_2_Template, 1, 0, "i", 2);
|
|
10888
|
+
i0.ɵɵtemplate(3, DialogWrapperComponent_div_3_Template, 4, 4, "div", 3);
|
|
10889
|
+
i0.ɵɵelementStart(4, "div", 4);
|
|
10890
|
+
i0.ɵɵtemplate(5, DialogWrapperComponent_span_5_Template, 2, 3, "span", 5);
|
|
10891
|
+
i0.ɵɵelement(6, "span", 6)(7, "span", 7, 8);
|
|
10872
10892
|
i0.ɵɵelementEnd();
|
|
10873
|
-
i0.ɵɵtemplate(
|
|
10874
|
-
i0.ɵɵtemplate(
|
|
10893
|
+
i0.ɵɵtemplate(9, DialogWrapperComponent_dr_details_list_9_Template, 1, 3, "dr-details-list", 9);
|
|
10894
|
+
i0.ɵɵtemplate(10, DialogWrapperComponent_div_10_Template, 5, 3, "div", 10);
|
|
10875
10895
|
i0.ɵɵelementEnd();
|
|
10876
10896
|
} if (rf & 2) {
|
|
10877
10897
|
i0.ɵɵclassProp("dialog-wrapper--confirmation-no-title", (ctx.dialogData.theme == null ? null : ctx.dialogData.theme.isConfirmation) && !ctx.dialogData.title);
|
|
10878
10898
|
i0.ɵɵadvance(1);
|
|
10899
|
+
i0.ɵɵproperty("ngIf", ctx.dialogData == null ? null : ctx.dialogData.showMaximizeBtn);
|
|
10900
|
+
i0.ɵɵadvance(1);
|
|
10879
10901
|
i0.ɵɵproperty("ngIf", !(ctx.dialogData == null ? null : ctx.dialogData.hideCloseBtn));
|
|
10880
10902
|
i0.ɵɵadvance(1);
|
|
10881
10903
|
i0.ɵɵproperty("ngIf", ctx.dialogData.title);
|
|
10882
10904
|
i0.ɵɵadvance(1);
|
|
10883
10905
|
i0.ɵɵclassProp("dialog-wrapper__content--no-padding", ctx.dialogData.theme == null ? null : ctx.dialogData.theme.contentNoPadding);
|
|
10884
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
10906
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c2, (ctx.dialogData.contentIcon == null ? null : ctx.dialogData.contentIcon.class) && !ctx.childComponent));
|
|
10885
10907
|
i0.ɵɵadvance(1);
|
|
10886
10908
|
i0.ɵɵproperty("ngIf", ctx.dialogData.contentIcon == null ? null : ctx.dialogData.contentIcon.class);
|
|
10887
10909
|
i0.ɵɵadvance(1);
|
|
@@ -10890,11 +10912,11 @@ class DialogWrapperComponent {
|
|
|
10890
10912
|
i0.ɵɵproperty("ngIf", ctx.dialogData.details);
|
|
10891
10913
|
i0.ɵɵadvance(1);
|
|
10892
10914
|
i0.ɵɵproperty("ngIf", ctx.dialogData.cancelButton || ctx.dialogData.acceptButton);
|
|
10893
|
-
} }, 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%} .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__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3} .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}"] }); }
|
|
10915
|
+
} }, 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 .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}"] }); }
|
|
10894
10916
|
}
|
|
10895
10917
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogWrapperComponent, [{
|
|
10896
10918
|
type: Component,
|
|
10897
|
-
args: [{ selector: 'dr-dialog-wrapper', template: "<div class=\"dialog-wrapper\" [class.dialog-wrapper--confirmation-no-title]=\"dialogData.theme?.isConfirmation && !dialogData.title\">\n <i class=\"dr-icon-exit\" data-test=\"close_btn\" (click)=\"closeDialog()\" *ngIf=\"!dialogData?.hideCloseBtn\"></i>\n\n <div header class=\"dialog-wrapper__header\" *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%}::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__header{display:flex;flex-direction:column;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}::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"] }]
|
|
10919
|
+
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 .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"] }]
|
|
10898
10920
|
}], function () { return [{ type: i1$6.MatLegacyDialogRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: undefined, decorators: [{
|
|
10899
10921
|
type: Inject,
|
|
10900
10922
|
args: [MAT_LEGACY_DIALOG_DATA]
|
|
@@ -10904,6 +10926,9 @@ class DialogWrapperComponent {
|
|
|
10904
10926
|
}], elementClass: [{
|
|
10905
10927
|
type: HostBinding,
|
|
10906
10928
|
args: ['class']
|
|
10929
|
+
}], isMaximized: [{
|
|
10930
|
+
type: HostBinding,
|
|
10931
|
+
args: ['class.maximized-modal']
|
|
10907
10932
|
}] }); })();
|
|
10908
10933
|
|
|
10909
10934
|
var DIALOG_SIZE;
|