@datarailsshared/datarailsshared 1.6.95 → 1.6.99
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.99.tgz +0 -0
- package/esm2022/lib/stepper/stepper.component.mjs +127 -101
- package/esm2022/lib/text-overflow/element-overflow.directive.mjs +48 -0
- package/esm2022/lib/text-overflow/text-overflow.component.mjs +34 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +297 -198
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/stepper/stepper.component.d.ts +3 -2
- package/lib/text-overflow/element-overflow.directive.d.ts +15 -0
- package/lib/text-overflow/text-overflow.component.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/datarailsshared-datarailsshared-1.6.95.tgz +0 -0
|
Binary file
|
|
@@ -1,182 +1,199 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../dr-tooltip/dr-tooltip.directive";
|
|
5
|
-
const _c0 = ["
|
|
5
|
+
const _c0 = ["stepTextLabel"];
|
|
6
|
+
const _c1 = ["stepper"];
|
|
6
7
|
function StepperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
7
|
-
const
|
|
8
|
-
i0.ɵɵelementStart(0, "div",
|
|
9
|
-
i0.ɵɵlistener("click", function StepperComponent_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
10
|
-
i0.ɵɵelement(1, "i",
|
|
8
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
9
|
+
i0.ɵɵelementStart(0, "div", 7);
|
|
10
|
+
i0.ɵɵlistener("click", function StepperComponent_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.scrollLeft()); });
|
|
11
|
+
i0.ɵɵelement(1, "i", 8);
|
|
11
12
|
i0.ɵɵelementEnd();
|
|
12
13
|
} }
|
|
13
14
|
function StepperComponent_ng_container_3_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
14
|
-
i0.ɵɵelement(0, "div",
|
|
15
|
+
i0.ɵɵelement(0, "div", 21);
|
|
15
16
|
} }
|
|
16
17
|
function StepperComponent_ng_container_3_div_1_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
-
i0.ɵɵelementStart(0, "div",
|
|
18
|
-
i0.ɵɵelement(1, "i",
|
|
18
|
+
i0.ɵɵelementStart(0, "div", 22);
|
|
19
|
+
i0.ɵɵelement(1, "i", 23);
|
|
19
20
|
i0.ɵɵelementEnd();
|
|
20
21
|
} }
|
|
21
|
-
const
|
|
22
|
+
const _c2 = function (a0) { return { "blue with-ellipse": a0 }; };
|
|
22
23
|
function StepperComponent_ng_container_3_div_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
|
|
23
|
-
i0.ɵɵelementStart(0, "div",
|
|
24
|
+
i0.ɵɵelementStart(0, "div", 24)(1, "div", 25);
|
|
24
25
|
i0.ɵɵtext(2);
|
|
25
26
|
i0.ɵɵelementEnd()();
|
|
26
27
|
} if (rf & 2) {
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
i0.ɵɵclassProp("gray",
|
|
32
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5,
|
|
28
|
+
const ctx_r25 = i0.ɵɵnextContext(2);
|
|
29
|
+
const step_r12 = ctx_r25.$implicit;
|
|
30
|
+
const index_r13 = ctx_r25.index;
|
|
31
|
+
const ctx_r20 = i0.ɵɵnextContext();
|
|
32
|
+
i0.ɵɵclassProp("gray", step_r12 !== ctx_r20.currentStep);
|
|
33
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2, step_r12 === ctx_r20.currentStep));
|
|
33
34
|
i0.ɵɵadvance(1);
|
|
34
|
-
i0.ɵɵproperty("hidden",
|
|
35
|
+
i0.ɵɵproperty("hidden", step_r12 === ctx_r20.currentStep || ctx_r20.hiddenIndex);
|
|
35
36
|
i0.ɵɵadvance(1);
|
|
36
|
-
i0.ɵɵtextInterpolate(
|
|
37
|
+
i0.ɵɵtextInterpolate(index_r13 + 1);
|
|
38
|
+
} }
|
|
39
|
+
function StepperComponent_ng_container_3_div_1_ng_container_8_Template(rf, ctx) { if (rf & 1) {
|
|
40
|
+
i0.ɵɵelementContainer(0);
|
|
37
41
|
} }
|
|
38
|
-
const
|
|
39
|
-
function
|
|
40
|
-
i0.ɵɵelementContainer(0,
|
|
42
|
+
const _c3 = function (a0, a1, a2) { return { index: a0, isLast: a1, step: a2 }; };
|
|
43
|
+
function StepperComponent_ng_container_3_div_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
44
|
+
i0.ɵɵelementContainer(0, 26);
|
|
41
45
|
} if (rf & 2) {
|
|
42
|
-
const
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
+
const ctx_r26 = i0.ɵɵnextContext(2);
|
|
47
|
+
const index_r13 = ctx_r26.index;
|
|
48
|
+
const isLast_r14 = ctx_r26.last;
|
|
49
|
+
const step_r12 = ctx_r26.$implicit;
|
|
46
50
|
i0.ɵɵnextContext();
|
|
47
51
|
const _r6 = i0.ɵɵreference(8);
|
|
48
|
-
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2,
|
|
52
|
+
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3, index_r13, isLast_r14, step_r12));
|
|
49
53
|
} }
|
|
50
|
-
function
|
|
51
|
-
i0.ɵɵelementStart(0, "span",
|
|
54
|
+
function StepperComponent_ng_container_3_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
55
|
+
i0.ɵɵelementStart(0, "span", 27);
|
|
52
56
|
i0.ɵɵtext(1);
|
|
53
57
|
i0.ɵɵelementEnd();
|
|
54
58
|
} if (rf & 2) {
|
|
55
|
-
const
|
|
59
|
+
const step_r12 = i0.ɵɵnextContext(2).$implicit;
|
|
56
60
|
i0.ɵɵadvance(1);
|
|
57
|
-
i0.ɵɵtextInterpolate1(" ", (
|
|
61
|
+
i0.ɵɵtextInterpolate1(" ", (step_r12.requiredTasks ? step_r12.completedTasks : step_r12.requiredTasks) + "/" + step_r12.requiredTasks, " ");
|
|
58
62
|
} }
|
|
59
|
-
function
|
|
60
|
-
i0.ɵɵelementContainer(0,
|
|
63
|
+
function StepperComponent_ng_container_3_div_1_ng_container_11_Template(rf, ctx) { if (rf & 1) {
|
|
64
|
+
i0.ɵɵelementContainer(0, 26);
|
|
61
65
|
} if (rf & 2) {
|
|
62
|
-
const
|
|
63
|
-
const
|
|
64
|
-
const
|
|
65
|
-
const
|
|
66
|
+
const ctx_r28 = i0.ɵɵnextContext(2);
|
|
67
|
+
const index_r13 = ctx_r28.index;
|
|
68
|
+
const isLast_r14 = ctx_r28.last;
|
|
69
|
+
const step_r12 = ctx_r28.$implicit;
|
|
66
70
|
i0.ɵɵnextContext();
|
|
67
71
|
const _r6 = i0.ɵɵreference(8);
|
|
68
|
-
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2,
|
|
72
|
+
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3, index_r13, isLast_r14, step_r12));
|
|
69
73
|
} }
|
|
70
|
-
const
|
|
74
|
+
const _c4 = function (a0) { return { step: a0 }; };
|
|
75
|
+
const _c5 = function (a0, a1) { return { step: a0, index: a1 }; };
|
|
71
76
|
function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
72
|
-
const
|
|
73
|
-
i0.ɵɵelementStart(0, "div",
|
|
74
|
-
i0.ɵɵlistener("click", function StepperComponent_ng_container_3_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
75
|
-
i0.ɵɵelementStart(1, "div",
|
|
76
|
-
i0.ɵɵtemplate(3, StepperComponent_ng_container_3_div_1_div_3_Template, 1, 0, "div",
|
|
77
|
-
i0.ɵɵelementContainerStart(4,
|
|
78
|
-
i0.ɵɵtemplate(5, StepperComponent_ng_container_3_div_1_ng_template_5_Template, 2, 0, "ng-template",
|
|
79
|
-
i0.ɵɵtemplate(6, StepperComponent_ng_container_3_div_1_ng_template_6_Template, 3, 7, "ng-template",
|
|
77
|
+
const _r31 = i0.ɵɵgetCurrentView();
|
|
78
|
+
i0.ɵɵelementStart(0, "div", 11);
|
|
79
|
+
i0.ɵɵlistener("click", function StepperComponent_ng_container_3_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r31); const step_r12 = i0.ɵɵnextContext().$implicit; const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.selectStep(step_r12)); });
|
|
80
|
+
i0.ɵɵelementStart(1, "div", 12)(2, "div", 13);
|
|
81
|
+
i0.ɵɵtemplate(3, StepperComponent_ng_container_3_div_1_div_3_Template, 1, 0, "div", 14);
|
|
82
|
+
i0.ɵɵelementContainerStart(4, 15);
|
|
83
|
+
i0.ɵɵtemplate(5, StepperComponent_ng_container_3_div_1_ng_template_5_Template, 2, 0, "ng-template", 16);
|
|
84
|
+
i0.ɵɵtemplate(6, StepperComponent_ng_container_3_div_1_ng_template_6_Template, 3, 7, "ng-template", 16);
|
|
80
85
|
i0.ɵɵelementContainerEnd();
|
|
81
86
|
i0.ɵɵelementEnd();
|
|
82
|
-
i0.ɵɵelementStart(7, "div",
|
|
83
|
-
i0.ɵɵ
|
|
84
|
-
i0.ɵɵelementEnd()
|
|
85
|
-
i0.ɵɵtemplate(
|
|
86
|
-
i0.ɵɵtemplate(
|
|
87
|
+
i0.ɵɵelementStart(7, "div", 17);
|
|
88
|
+
i0.ɵɵtemplate(8, StepperComponent_ng_container_3_div_1_ng_container_8_Template, 1, 0, "ng-container", 18);
|
|
89
|
+
i0.ɵɵelementEnd();
|
|
90
|
+
i0.ɵɵtemplate(9, StepperComponent_ng_container_3_div_1_ng_container_9_Template, 1, 6, "ng-container", 19);
|
|
91
|
+
i0.ɵɵtemplate(10, StepperComponent_ng_container_3_div_1_span_10_Template, 2, 1, "span", 20);
|
|
87
92
|
i0.ɵɵelementEnd();
|
|
88
|
-
i0.ɵɵtemplate(
|
|
93
|
+
i0.ɵɵtemplate(11, StepperComponent_ng_container_3_div_1_ng_container_11_Template, 1, 6, "ng-container", 19);
|
|
89
94
|
i0.ɵɵelementEnd();
|
|
90
95
|
} if (rf & 2) {
|
|
91
|
-
const
|
|
92
|
-
const
|
|
96
|
+
const ctx_r32 = i0.ɵɵnextContext();
|
|
97
|
+
const step_r12 = ctx_r32.$implicit;
|
|
98
|
+
const index_r13 = ctx_r32.index;
|
|
99
|
+
const ctx_r16 = i0.ɵɵnextContext();
|
|
93
100
|
const _r4 = i0.ɵɵreference(6);
|
|
94
|
-
i0.ɵɵ
|
|
95
|
-
i0.ɵɵ
|
|
101
|
+
const _r8 = i0.ɵɵreference(10);
|
|
102
|
+
i0.ɵɵclassProp("step-setup", ctx_r16.inlineLabels);
|
|
103
|
+
i0.ɵɵattribute("data-analytics", ctx_r16.getDataAnalyticsTag(step_r12));
|
|
96
104
|
i0.ɵɵadvance(1);
|
|
97
|
-
i0.ɵɵproperty("drTooltip",
|
|
105
|
+
i0.ɵɵproperty("drTooltip", step_r12.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(22, _c4, step_r12))("drTooltipPosition", "bottom");
|
|
98
106
|
i0.ɵɵadvance(1);
|
|
99
|
-
i0.ɵɵclassProp("active",
|
|
107
|
+
i0.ɵɵclassProp("active", ctx_r16.currentStep === step_r12)("completed", step_r12.completed);
|
|
100
108
|
i0.ɵɵadvance(1);
|
|
101
|
-
i0.ɵɵproperty("ngIf",
|
|
109
|
+
i0.ɵɵproperty("ngIf", step_r12 === ctx_r16.currentStep);
|
|
102
110
|
i0.ɵɵadvance(1);
|
|
103
|
-
i0.ɵɵproperty("ngSwitch",
|
|
111
|
+
i0.ɵɵproperty("ngSwitch", step_r12.completed);
|
|
104
112
|
i0.ɵɵadvance(1);
|
|
105
113
|
i0.ɵɵproperty("ngSwitchCase", true);
|
|
106
114
|
i0.ɵɵadvance(1);
|
|
107
115
|
i0.ɵɵproperty("ngSwitchCase", false);
|
|
108
116
|
i0.ɵɵadvance(1);
|
|
109
|
-
i0.ɵɵclassProp("active",
|
|
110
|
-
i0.ɵɵproperty("ngClass",
|
|
117
|
+
i0.ɵɵclassProp("active", ctx_r16.currentStep === step_r12);
|
|
118
|
+
i0.ɵɵproperty("ngClass", step_r12.completed ? "completed" : "uncompleted");
|
|
111
119
|
i0.ɵɵadvance(1);
|
|
112
|
-
i0.ɵɵproperty("
|
|
120
|
+
i0.ɵɵproperty("ngTemplateOutlet", ctx_r16.stepTextLabelTemplate || _r8)("ngTemplateOutletContext", i0.ɵɵpureFunction2(24, _c5, step_r12, index_r13));
|
|
113
121
|
i0.ɵɵadvance(1);
|
|
114
|
-
i0.ɵɵ
|
|
122
|
+
i0.ɵɵproperty("ngIf", ctx_r16.inlineLabels);
|
|
115
123
|
i0.ɵɵadvance(1);
|
|
116
|
-
i0.ɵɵproperty("ngIf",
|
|
124
|
+
i0.ɵɵproperty("ngIf", step_r12.showProgress);
|
|
117
125
|
i0.ɵɵadvance(1);
|
|
118
|
-
i0.ɵɵproperty("ngIf",
|
|
119
|
-
i0.ɵɵadvance(1);
|
|
120
|
-
i0.ɵɵproperty("ngIf", !ctx_r14.inlineLabels);
|
|
126
|
+
i0.ɵɵproperty("ngIf", !ctx_r16.inlineLabels);
|
|
121
127
|
} }
|
|
122
128
|
function StepperComponent_ng_container_3_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
123
|
-
i0.ɵɵelement(0, "div",
|
|
129
|
+
i0.ɵɵelement(0, "div", 28);
|
|
124
130
|
} }
|
|
125
131
|
function StepperComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
126
132
|
i0.ɵɵelementContainerStart(0);
|
|
127
|
-
i0.ɵɵtemplate(1, StepperComponent_ng_container_3_div_1_Template,
|
|
128
|
-
i0.ɵɵtemplate(2, StepperComponent_ng_container_3_div_2_Template, 1, 0, "div",
|
|
133
|
+
i0.ɵɵtemplate(1, StepperComponent_ng_container_3_div_1_Template, 12, 27, "div", 9);
|
|
134
|
+
i0.ɵɵtemplate(2, StepperComponent_ng_container_3_div_2_Template, 1, 0, "div", 10);
|
|
129
135
|
i0.ɵɵelementContainerEnd();
|
|
130
136
|
} if (rf & 2) {
|
|
131
|
-
const
|
|
137
|
+
const step_r12 = ctx.$implicit;
|
|
132
138
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
133
139
|
i0.ɵɵadvance(1);
|
|
134
|
-
i0.ɵɵproperty("ngIf", !
|
|
140
|
+
i0.ɵɵproperty("ngIf", !step_r12.hide);
|
|
135
141
|
i0.ɵɵadvance(1);
|
|
136
142
|
i0.ɵɵproperty("ngIf", ctx_r2.mini);
|
|
137
143
|
} }
|
|
138
144
|
function StepperComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
139
|
-
const
|
|
140
|
-
i0.ɵɵelementStart(0, "div",
|
|
141
|
-
i0.ɵɵlistener("click", function StepperComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
142
|
-
i0.ɵɵelement(1, "i",
|
|
145
|
+
const _r34 = i0.ɵɵgetCurrentView();
|
|
146
|
+
i0.ɵɵelementStart(0, "div", 7);
|
|
147
|
+
i0.ɵɵlistener("click", function StepperComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r33.scrollRight()); });
|
|
148
|
+
i0.ɵɵelement(1, "i", 8);
|
|
143
149
|
i0.ɵɵelementEnd();
|
|
144
150
|
} }
|
|
145
151
|
function StepperComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
146
|
-
i0.ɵɵelementStart(0, "div",
|
|
152
|
+
i0.ɵɵelementStart(0, "div", 29)(1, "div", 30);
|
|
147
153
|
i0.ɵɵtext(2);
|
|
148
154
|
i0.ɵɵelementEnd();
|
|
149
|
-
i0.ɵɵelementStart(3, "div",
|
|
155
|
+
i0.ɵɵelementStart(3, "div", 31);
|
|
150
156
|
i0.ɵɵtext(4);
|
|
151
157
|
i0.ɵɵelementEnd()();
|
|
152
158
|
} if (rf & 2) {
|
|
153
|
-
const
|
|
159
|
+
const step_r35 = ctx.step;
|
|
154
160
|
i0.ɵɵadvance(2);
|
|
155
|
-
i0.ɵɵtextInterpolate(
|
|
161
|
+
i0.ɵɵtextInterpolate(step_r35.name);
|
|
156
162
|
i0.ɵɵadvance(2);
|
|
157
|
-
i0.ɵɵtextInterpolate(
|
|
163
|
+
i0.ɵɵtextInterpolate(step_r35.description);
|
|
158
164
|
} }
|
|
159
165
|
function StepperComponent_ng_template_7_div_0_Template(rf, ctx) { if (rf & 1) {
|
|
160
|
-
i0.ɵɵelementStart(0, "div",
|
|
161
|
-
i0.ɵɵelement(1, "div",
|
|
166
|
+
i0.ɵɵelementStart(0, "div", 33);
|
|
167
|
+
i0.ɵɵelement(1, "div", 34);
|
|
162
168
|
i0.ɵɵelementEnd();
|
|
163
169
|
} if (rf & 2) {
|
|
164
|
-
const
|
|
165
|
-
const
|
|
166
|
-
const
|
|
167
|
-
const
|
|
168
|
-
i0.ɵɵclassMap("step-connector--" + (!
|
|
169
|
-
i0.ɵɵstyleProp("visibility",
|
|
170
|
-
i0.ɵɵclassProp("only-one-step",
|
|
170
|
+
const ctx_r40 = i0.ɵɵnextContext();
|
|
171
|
+
const step_r36 = ctx_r40.step;
|
|
172
|
+
const index_r38 = ctx_r40.index;
|
|
173
|
+
const ctx_r39 = i0.ɵɵnextContext();
|
|
174
|
+
i0.ɵɵclassMap("step-connector--" + (!ctx_r39.inlineLabels ? "absolute" : "inline"));
|
|
175
|
+
i0.ɵɵstyleProp("visibility", ctx_r39.withoutConnectors || (ctx_r39.steps[step_r36.index + 1] == null ? null : ctx_r39.steps[step_r36.index + 1].hide) ? "hidden" : "unset");
|
|
176
|
+
i0.ɵɵclassProp("only-one-step", ctx_r39.steps.length === 1)("connector-grand", !ctx_r39.inlineLabels && (index_r38 === 0 || index_r38 === ctx_r39.steps.length - 2));
|
|
171
177
|
i0.ɵɵadvance(1);
|
|
172
|
-
i0.ɵɵstyleProp("width",
|
|
178
|
+
i0.ɵɵstyleProp("width", ctx_r39.getWidth(step_r36));
|
|
173
179
|
} }
|
|
174
180
|
function StepperComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
175
|
-
i0.ɵɵtemplate(0, StepperComponent_ng_template_7_div_0_Template, 2, 10, "div",
|
|
181
|
+
i0.ɵɵtemplate(0, StepperComponent_ng_template_7_div_0_Template, 2, 10, "div", 32);
|
|
176
182
|
} if (rf & 2) {
|
|
177
|
-
const
|
|
183
|
+
const isLast_r37 = ctx.isLast;
|
|
178
184
|
const ctx_r7 = i0.ɵɵnextContext();
|
|
179
|
-
i0.ɵɵproperty("ngIf", ctx_r7.steps.length === 1 || !
|
|
185
|
+
i0.ɵɵproperty("ngIf", ctx_r7.steps.length === 1 || !isLast_r37);
|
|
186
|
+
} }
|
|
187
|
+
function StepperComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
|
|
188
|
+
i0.ɵɵelementStart(0, "span", 35);
|
|
189
|
+
i0.ɵɵtext(1);
|
|
190
|
+
i0.ɵɵelementEnd();
|
|
191
|
+
} if (rf & 2) {
|
|
192
|
+
const step_r41 = ctx.step;
|
|
193
|
+
const ctx_r9 = i0.ɵɵnextContext();
|
|
194
|
+
i0.ɵɵproperty("hidden", ctx_r9.hiddenNames);
|
|
195
|
+
i0.ɵɵadvance(1);
|
|
196
|
+
i0.ɵɵtextInterpolate(step_r41.name);
|
|
180
197
|
} }
|
|
181
198
|
export class StepperComponent {
|
|
182
199
|
constructor() {
|
|
@@ -215,12 +232,17 @@ export class StepperComponent {
|
|
|
215
232
|
return this.dataAnalytics ? this.dataAnalytics + '_' + step.name?.toLowerCase().replace(/ /g, '-') : null;
|
|
216
233
|
}
|
|
217
234
|
/** @nocollapse */ static { this.ɵfac = function StepperComponent_Factory(t) { return new (t || StepperComponent)(); }; }
|
|
218
|
-
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["dr-stepper"]],
|
|
219
|
-
i0.ɵɵ
|
|
235
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: StepperComponent, selectors: [["dr-stepper"]], contentQueries: function StepperComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
236
|
+
i0.ɵɵcontentQuery(dirIndex, _c0, 5);
|
|
237
|
+
} if (rf & 2) {
|
|
238
|
+
let _t;
|
|
239
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepTextLabelTemplate = _t.first);
|
|
240
|
+
} }, viewQuery: function StepperComponent_Query(rf, ctx) { if (rf & 1) {
|
|
241
|
+
i0.ɵɵviewQuery(_c1, 5, ElementRef);
|
|
220
242
|
} if (rf & 2) {
|
|
221
243
|
let _t;
|
|
222
244
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepper = _t.first);
|
|
223
|
-
} }, inputs: { steps: "steps", currentStep: "currentStep", withoutConnectors: "withoutConnectors", hiddenNames: "hiddenNames", inlineLabels: "inlineLabels", disabled: "disabled", hiddenIndex: "hiddenIndex", mini: "mini", dataAnalytics: ["data-analytics", "dataAnalytics"] }, outputs: { stepChange: "stepChange" }, decls:
|
|
245
|
+
} }, inputs: { steps: "steps", currentStep: "currentStep", withoutConnectors: "withoutConnectors", hiddenNames: "hiddenNames", inlineLabels: "inlineLabels", disabled: "disabled", hiddenIndex: "hiddenIndex", mini: "mini", dataAnalytics: ["data-analytics", "dataAnalytics"] }, outputs: { stepChange: "stepChange" }, decls: 11, vars: 7, consts: [["class", "scroll-section", 3, "click", 4, "ngIf"], [1, "stepper"], ["stepper", ""], [4, "ngFor", "ngForOf"], ["tooltip", ""], ["connector", ""], ["defaultStepTextLabel", ""], [1, "scroll-section", 3, "click"], [1, "dr-icon-arrow-right"], ["class", "step", 3, "step-setup", "click", 4, "ngIf"], ["class", "stepper--mini-connector", 4, "ngIf"], [1, "step", 3, "click"], [1, "step-wrapper", 3, "drTooltip", "drTooltipContext", "drTooltipPosition"], ["data-test", "step_point", 1, "step-point"], ["class", "ellipse", 4, "ngIf"], [3, "ngSwitch"], [3, "ngSwitchCase"], ["data-test", "step_label_name", 1, "step-label", 3, "ngClass"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["data-test", "step_progress", "class", "step-progress", 4, "ngIf"], [1, "ellipse"], [1, "pointer", "blue"], [1, "dr-icon-approve"], [1, "pointer", 3, "ngClass"], [1, "text", 3, "hidden"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["data-test", "step_progress", 1, "step-progress"], [1, "stepper--mini-connector"], [1, "step-tooltip"], [1, "step-tooltip_name"], [1, "step-tooltip_description"], ["class", "step-connector", 3, "only-one-step", "class", "visibility", "connector-grand", 4, "ngIf"], [1, "step-connector"], [1, "progress"], [3, "hidden"]], template: function StepperComponent_Template(rf, ctx) { if (rf & 1) {
|
|
224
246
|
i0.ɵɵtemplate(0, StepperComponent_div_0_Template, 2, 0, "div", 0);
|
|
225
247
|
i0.ɵɵelementStart(1, "div", 1, 2);
|
|
226
248
|
i0.ɵɵtemplate(3, StepperComponent_ng_container_3_Template, 3, 2, "ng-container", 3);
|
|
@@ -228,6 +250,7 @@ export class StepperComponent {
|
|
|
228
250
|
i0.ɵɵtemplate(4, StepperComponent_div_4_Template, 2, 0, "div", 0);
|
|
229
251
|
i0.ɵɵtemplate(5, StepperComponent_ng_template_5_Template, 5, 2, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
|
|
230
252
|
i0.ɵɵtemplate(7, StepperComponent_ng_template_7_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
|
|
253
|
+
i0.ɵɵtemplate(9, StepperComponent_ng_template_9_Template, 2, 2, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
|
|
231
254
|
} if (rf & 2) {
|
|
232
255
|
const _r1 = i0.ɵɵreference(2);
|
|
233
256
|
i0.ɵɵproperty("ngIf", (_r1 == null ? null : _r1.scrollLeft) !== 0);
|
|
@@ -241,7 +264,7 @@ export class StepperComponent {
|
|
|
241
264
|
}
|
|
242
265
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepperComponent, [{
|
|
243
266
|
type: Component,
|
|
244
|
-
args: [{ selector: 'dr-stepper', changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [class.stepper--disabled]=\"disabled\" [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div\n *ngIf=\"!step.hide\"\n class=\"step\"\n (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\"\n [attr.data-analytics]=\"getDataAnalyticsTag(step)\">\n <div\n class=\"step-wrapper\"\n [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div\n data-test=\"step_point\"\n class=\"step-point\"\n [class.active]=\"currentStep === step\"\n [class.completed]=\"step.completed\">\n <div *ngIf=\"step === currentStep\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div\n class=\"pointer\"\n [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{ 'blue with-ellipse': step === currentStep }\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{ index + 1 }}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div\n data-test=\"step_label_name\"\n class=\"step-label\"\n [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <span [hidden]=\"hiddenNames\">{{ step.name }}</span>\n </div>\n <ng-container\n *ngIf=\"inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\" data-test=\"step_progress\" class=\"step-progress\">\n {{ (step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks }}\n </span>\n </div>\n <ng-container\n *ngIf=\"!inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n <div *ngIf=\"mini\" class=\"stepper--mini-connector\"></div>\n </ng-container>\n</div>\n<div\n (click)=\"scrollRight()\"\n class=\"scroll-section\"\n *ngIf=\"\n stepper?.scrollWidth > stepper?.clientWidth &&\n roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\n \">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{ step.name }}</div>\n <div class=\"step-tooltip_description\">{{ step.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div\n class=\"step-connector\"\n [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .stepper--mini .step-connector{display:none}:host .stepper--mini-connector{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}:host .stepper--mini-connector:last-child{display:none}:host .stepper--mini .step-setup{flex-grow:unset}:host .stepper--mini .step-point{width:18px!important;height:18px!important}:host .stepper--mini .step-point.active .pointer{width:12px;height:12px}:host .stepper--mini .step-point.active .pointer i{display:none}:host .stepper--mini .step-point.active .ellipse{width:18px;height:18px}:host .stepper--mini .step-point .pointer{width:16px;height:16px}:host .stepper--mini .step-point .pointer .text{font-size:12px!important;font-weight:500;line-height:20px}:host .stepper--mini .step-point .pointer i{font-size:12px!important}:host .stepper--mini .step-label{margin-left:8px}:host .stepper--mini .step-label span{font-size:12px;font-weight:400;line-height:20px}:host .stepper--mini .step-label.active span{font-weight:600}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}:host .step-point .ellipse{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2}:host .step-point .pointer{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.4;color:#6d6e6f;transition:box-shadow .2s ease-in-out}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#4646ce}:host .step-point .pointer.gray{background:#dfe0e3}:host .step-point .pointer.gray:hover{box-shadow:0 0 4px 2px #00000026}:host .step-point.completed :host .step-point.active{background:#4646ce}:host .step-point.active .ellipse{width:28px;height:28px}:host .step-point.active .pointer{width:20px;height:20px}:host .step-label{font-weight:400;font-size:14px;line-height:22px;line-height:1.5;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600;color:#333}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{margin-top:3px;font-style:normal;font-weight:400;font-size:12px;line-height:1.4;display:flex;justify-content:center}:host .step-connector{background-color:#dfe0e3;height:2px}:host .step-connector.connector-grand{width:calc(100% - 25px)}:host .step-connector.connector-grand.only-one-step{width:calc(100% - 50px)}:host .step-connector .progress{background-color:#4646ce;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:14px;width:100%;left:calc(50% + 12px)}:host .step-connector--inline{width:50px;margin-left:32px;margin-right:32px}:host .step-setup{width:auto}:host .step-setup .step-wrapper{display:flex;flex-direction:row;align-items:center;width:auto}:host .step-setup+.step-setup{margin-left:0}:host .step-setup .step-progress{display:none}:host .step-setup .step-label{position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px;font-size:16px}:host .step-setup .step-point{width:28px;height:28px}:host .step-setup .step-point .pointer i{font-size:22px}:host .step-setup .step-point .pointer .text{font-size:16px}::ng-deep .step-tooltip{max-width:250px;font-size:14px;line-height:22px;padding:10px 12px}::ng-deep .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper .step-label{font-size:14px}}\n"] }]
|
|
267
|
+
args: [{ selector: 'dr-stepper', changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"scroll-section\" *ngIf=\"stepper?.scrollLeft !== 0\" (click)=\"scrollLeft()\">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n<div #stepper class=\"stepper\" [class.stepper--disabled]=\"disabled\" [class.stepper--mini]=\"mini\">\n <ng-container *ngFor=\"let step of steps; let index = index; last as isLast; first as isFirst\">\n <div\n *ngIf=\"!step.hide\"\n class=\"step\"\n (click)=\"selectStep(step)\"\n [class.step-setup]=\"inlineLabels\"\n [attr.data-analytics]=\"getDataAnalyticsTag(step)\">\n <div\n class=\"step-wrapper\"\n [drTooltip]=\"step.description && tooltip\"\n [drTooltipContext]=\"{ step: step }\"\n [drTooltipPosition]=\"'bottom'\">\n <div\n data-test=\"step_point\"\n class=\"step-point\"\n [class.active]=\"currentStep === step\"\n [class.completed]=\"step.completed\">\n <div *ngIf=\"step === currentStep\" class=\"ellipse\"></div>\n <ng-container [ngSwitch]=\"step.completed\">\n <ng-template [ngSwitchCase]=\"true\">\n <div class=\"pointer blue\">\n <i class=\"dr-icon-approve\"></i>\n </div>\n </ng-template>\n <ng-template [ngSwitchCase]=\"false\">\n <div\n class=\"pointer\"\n [class.gray]=\"step !== currentStep\"\n [ngClass]=\"{ 'blue with-ellipse': step === currentStep }\">\n <div [hidden]=\"step === currentStep || hiddenIndex\" class=\"text\">{{ index + 1 }}</div>\n </div>\n </ng-template>\n </ng-container>\n </div>\n <div\n data-test=\"step_label_name\"\n class=\"step-label\"\n [class.active]=\"currentStep === step\"\n [ngClass]=\"step.completed ? 'completed' : 'uncompleted'\">\n <ng-container\n *ngTemplateOutlet=\"\n stepTextLabelTemplate || defaultStepTextLabel;\n context: { step: step, index: index }\n \"></ng-container>\n </div>\n <ng-container\n *ngIf=\"inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n <span *ngIf=\"step.showProgress\" data-test=\"step_progress\" class=\"step-progress\">\n {{ (step.requiredTasks ? step.completedTasks : step.requiredTasks) + '/' + step.requiredTasks }}\n </span>\n </div>\n <ng-container\n *ngIf=\"!inlineLabels\"\n [ngTemplateOutlet]=\"connector\"\n [ngTemplateOutletContext]=\"{ index, isLast, step }\">\n </ng-container>\n </div>\n <div *ngIf=\"mini\" class=\"stepper--mini-connector\"></div>\n </ng-container>\n</div>\n<div\n (click)=\"scrollRight()\"\n class=\"scroll-section\"\n *ngIf=\"\n stepper?.scrollWidth > stepper?.clientWidth &&\n roundWidth(stepper?.scrollLeft + stepper?.clientWidth) < stepper?.scrollWidth\n \">\n <i class=\"dr-icon-arrow-right\"></i>\n</div>\n\n<ng-template #tooltip let-step=\"step\">\n <div class=\"step-tooltip\">\n <div class=\"step-tooltip_name\">{{ step.name }}</div>\n <div class=\"step-tooltip_description\">{{ step.description }}</div>\n </div>\n</ng-template>\n\n<ng-template #connector let-step=\"step\" let-isLast=\"isLast\" let-index=\"index\">\n <div\n class=\"step-connector\"\n [class.only-one-step]=\"steps.length === 1\"\n [class]=\"'step-connector--' + (!inlineLabels ? 'absolute' : 'inline')\"\n *ngIf=\"steps.length === 1 || !isLast\"\n [style.visibility]=\"withoutConnectors || steps[step.index + 1]?.hide ? 'hidden' : 'unset'\"\n [class.connector-grand]=\"!inlineLabels && (index === 0 || index === steps.length - 2)\">\n <div class=\"progress\" [style.width]=\"getWidth(step)\"></div>\n </div>\n</ng-template>\n\n<ng-template #defaultStepTextLabel let-step=\"step\" let-index=\"index\">\n <span [hidden]=\"hiddenNames\">{{ step.name }}</span>\n</ng-template>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;justify-content:center;height:100%;position:relative}:host .scroll-section{position:absolute;top:0;height:100%;width:108px;display:flex;align-items:center;z-index:10}:host .scroll-section i{font-size:24px;color:#2969b0;background:#f3f7ff;border-radius:24px}:host .scroll-section i:hover{background:#cde1fb;cursor:pointer}:host .scroll-section:first-child{left:0;padding-left:16px;background:linear-gradient(90deg,#fff 36.08%,#fff0 87.17%)}:host .scroll-section:first-child i{transform:rotate(180deg)}:host .scroll-section:last-child{right:0;padding-right:16px;background:linear-gradient(270deg,#fff 36.08%,#fff0 87.17%);justify-content:flex-end}:host .stepper{display:flex;align-items:center;height:100%;width:100%;overflow:auto;scroll-behavior:smooth}:host .stepper::-webkit-scrollbar{display:none}:host .stepper--disabled .step:hover{cursor:default}:host .stepper--disabled .step-point .ellipse{border-color:#bcbcbc}:host .stepper--disabled .step-point .pointer{color:#fff;background-color:#bcbcbc;cursor:default}:host .stepper--disabled .step-label{color:#bcbcbc}:host .stepper--disabled .step-connector{background-color:#bcbcbc}:host .stepper--disabled .step-connector .progress{background-color:#bcbcbc}:host .stepper--mini .step-connector{display:none}:host .stepper--mini-connector{flex-grow:1;display:flex;margin:0 8px;background-color:#dfe0e3;height:2px}:host .stepper--mini-connector:last-child{display:none}:host .stepper--mini .step-setup{flex-grow:unset}:host .stepper--mini .step-point{width:18px!important;height:18px!important}:host .stepper--mini .step-point.active .pointer{width:12px;height:12px}:host .stepper--mini .step-point.active .pointer i{display:none}:host .stepper--mini .step-point.active .ellipse{width:18px;height:18px}:host .stepper--mini .step-point .pointer{width:16px;height:16px}:host .stepper--mini .step-point .pointer .text{font-size:12px!important;font-weight:500;line-height:20px}:host .stepper--mini .step-point .pointer i{font-size:12px!important}:host .stepper--mini .step-label{margin-left:8px}:host .stepper--mini .step-label span{font-size:12px;font-weight:400;line-height:20px}:host .stepper--mini .step-label.active span{font-weight:600}:host .step{position:relative;display:flex;flex-direction:column;width:120px;align-items:center;flex-shrink:0;flex-grow:1}:host .step:hover{cursor:pointer}:host .step:not(.step-setup) .step-wrapper{width:100%}:host .step:not(.step-setup):first-child .step-wrapper,:host .step:not(.step-setup):first-child .step-point,:host .step:not(.step-setup):first-child .step-label,:host .step:not(.step-setup):first-child .step-progress{margin-left:8px}:host .step:not(.step-setup):first-child .only-one-step{left:0!important;margin-left:25px}:host .step-point{display:flex;justify-content:center;width:100%;height:28px;position:relative;align-items:center}:host .step-point .ellipse{width:28px;height:28px;position:absolute;border-radius:50px;border-color:#4646ce;border-style:solid;border-width:2px;background:#fff;display:flex;justify-content:center;align-items:center;z-index:2}:host .step-point .pointer{width:24px;height:24px;position:absolute;z-index:4;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1.4;color:#6d6e6f;transition:box-shadow .2s ease-in-out}:host .step-point .pointer i{color:#fff;font-size:22px}:host .step-point .pointer.blue{background:#4646ce}:host .step-point .pointer.gray{background:#dfe0e3}:host .step-point .pointer.gray:hover{box-shadow:0 0 4px 2px #00000026}:host .step-point.completed :host .step-point.active{background:#4646ce}:host .step-point.active .ellipse{width:28px;height:28px}:host .step-point.active .pointer{width:20px;height:20px}:host .step-label{font-weight:400;font-size:14px;line-height:22px;line-height:1.5;color:#6d6e6f;display:flex;justify-content:center;overflow:hidden;margin-top:8px}:host .step-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .step-label.active{font-weight:600;color:#333}:host .step-label:last-child{margin-bottom:23px}:host .step-progress{margin-top:3px;font-style:normal;font-weight:400;font-size:12px;line-height:1.4;display:flex;justify-content:center}:host .step-connector{background-color:#dfe0e3;height:2px}:host .step-connector.connector-grand{width:calc(100% - 25px)}:host .step-connector.connector-grand.only-one-step{width:calc(100% - 50px)}:host .step-connector .progress{background-color:#4646ce;height:2px;width:0}:host .step-connector--absolute{position:absolute;top:14px;width:100%;left:calc(50% + 12px)}:host .step-connector--inline{width:50px;margin-left:32px;margin-right:32px}:host .step-setup{width:auto}:host .step-setup .step-wrapper{display:flex;flex-direction:row;align-items:center;width:auto}:host .step-setup+.step-setup{margin-left:0}:host .step-setup .step-progress{display:none}:host .step-setup .step-label{position:relative;transform:none;align-items:center;justify-content:start;margin:0 0 0 8px;font-size:16px}:host .step-setup .step-point{width:28px;height:28px}:host .step-setup .step-point .pointer i{font-size:22px}:host .step-setup .step-point .pointer .text{font-size:16px}::ng-deep .step-tooltip{max-width:250px;font-size:14px;line-height:22px;padding:10px 12px}::ng-deep .step-tooltip_name{font-weight:700;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1367px){.stepper .step-label{font-size:14px}}\n"] }]
|
|
245
268
|
}], null, { steps: [{
|
|
246
269
|
type: Input
|
|
247
270
|
}], currentStep: [{
|
|
@@ -266,5 +289,8 @@ export class StepperComponent {
|
|
|
266
289
|
}], stepper: [{
|
|
267
290
|
type: ViewChild,
|
|
268
291
|
args: ['stepper', { read: ElementRef }]
|
|
292
|
+
}], stepTextLabelTemplate: [{
|
|
293
|
+
type: ContentChild,
|
|
294
|
+
args: ['stepTextLabel']
|
|
269
295
|
}] }); })();
|
|
270
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ0F2SCw4QkFBcUY7SUFBdkIsMEpBQVMsZUFBQSxtQkFBWSxDQUFBLElBQUM7SUFDaEYsdUJBQW1DO0lBQ3ZDLGlCQUFNOzs7SUFtQmMsMEJBQXdEOzs7SUFHaEQsK0JBQTBCO0lBQ3RCLHdCQUErQjtJQUNuQyxpQkFBTTs7OztJQUdOLCtCQUc4RCxjQUFBO0lBQ08sWUFBZTtJQUFBLGlCQUFNLEVBQUE7Ozs7OztJQUZ0Rix3REFBbUM7SUFDbkMsc0ZBQXlEO0lBQ3BELGVBQThDO0lBQTlDLGdGQUE4QztJQUFjLGVBQWU7SUFBZixtQ0FBZTs7OztJQVloRyw0QkFJZTs7Ozs7Ozs7SUFGWCxzQ0FBOEIsd0ZBQUE7OztJQUdsQyxnQ0FBZ0Y7SUFDNUUsWUFDSjtJQUFBLGlCQUFPOzs7SUFESCxlQUNKO0lBREksMklBQ0o7OztJQUVKLDRCQUllOzs7Ozs7OztJQUZYLHNDQUE4Qix3RkFBQTs7Ozs7SUFuRHRDLCtCQUtzRDtJQUZsRCwwTkFBUyxlQUFBLDRCQUFnQixDQUFBLElBQUM7SUFHMUIsK0JBSW1DLGNBQUE7SUFNM0IsdUZBQXdEO0lBQ3hELGlDQUEwQztJQUN0Qyx1R0FJYztJQUNkLHVHQU9jO0lBQ2xCLDBCQUFlO0lBQ25CLGlCQUFNO0lBQ04sK0JB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dHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RlcCB9IGZyb20gJy4vaW50ZXJmYWNlcy9zdGVwcGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1zdGVwcGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudDxUIGV4dGVuZHMgU3RlcD4ge1xuICAgIEBJbnB1dCgpIHN0ZXBzOiBUW107XG4gICAgQElucHV0KCkgY3VycmVudFN0ZXA6IFQ7XG4gICAgQElucHV0KCkgd2l0aG91dENvbm5lY3RvcnMgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoaWRkZW5OYW1lcyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlubGluZUxhYmVscyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGlkZGVuSW5kZXggPSBmYWxzZTtcbiAgICBASW5wdXQoKSBtaW5pID0gZmFsc2U7XG4gICAgQElucHV0KHsgYWxpYXM6ICdkYXRhLWFuYWx5dGljcycgfSlcbiAgICBkYXRhQW5hbHl0aWNzOiBzdHJpbmc7XG4gICAgQE91dHB1dCgpIHN0ZXBDaGFuZ2U6IEV2ZW50RW1pdHRlcjxUPiA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcbiAgICBAVmlld0NoaWxkKCdzdGVwcGVyJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHB1YmxpYyBzdGVwcGVyOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICAgIHNlbGVjdFN0ZXAoc3RlcDogVCk6IHZvaWQge1xuICAgICAgICBpZiAoc3RlcCAhPT0gdGhpcy5jdXJyZW50U3RlcCAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5zdGVwQ2hhbmdlLmVtaXQoc3RlcCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXRXaWR0aChzdGVwOiBUKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMud2l0aG91dENvbm5lY3RvcnMpIHJldHVybiAnMCUnO1xuICAgICAgICBpZiAoc3RlcC5jb21wbGV0ZWQpIHJldHVybiAnMTAwJSc7XG4gICAgICAgIGlmIChzdGVwLmluZGV4ID09PSAwIHx8IHRoaXMuc3RlcHNbc3RlcC5pbmRleCAtIDFdLmNvbXBsZXRlZClcbiAgICAgICAgICAgIHJldHVybiBgJHsoc3RlcD8uY29tcGxldGVkVGFza3MgLyBzdGVwPy5yZXF1aXJlZFRhc2tzKSAqIDEwMCB8fCAwfSVgO1xuICAgICAgICByZXR1cm4gJzAlJztcbiAgICB9XG5cbiAgICBwdWJsaWMgc2Nyb2xsTGVmdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdGVwcGVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCAtPSA4MDtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2Nyb2xsUmlnaHQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RlcHBlci5uYXRpdmVFbGVtZW50LnNjcm9sbExlZnQgKz0gODA7XG4gICAgfVxuXG4gICAgcHVibGljIHJvdW5kV2lkdGgod2lkdGg6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBNYXRoLnJvdW5kKHdpZHRoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0RGF0YUFuYWx5dGljc1RhZyhzdGVwOiBUKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGF0YUFuYWx5dGljcyA/IHRoaXMuZGF0YUFuYWx5dGljcyArICdfJyArIHN0ZXAubmFtZT8udG9Mb3dlckNhc2UoKS5yZXBsYWNlKC8gL2csICctJykgOiBudWxsO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGwtc2VjdGlvblwiICpuZ0lmPVwic3RlcHBlcj8uc2Nyb2xsTGVmdCAhPT0gMFwiIChjbGljayk9XCJzY3JvbGxMZWZ0KClcIj5cbiAgICA8aSBjbGFzcz1cImRyLWljb24tYXJyb3ctcmlnaHRcIj48L2k+XG48L2Rpdj5cbjxkaXYgI3N0ZXBwZXIgY2xhc3M9XCJzdGVwcGVyXCIgW2NsYXNzLnN0ZXBwZXItLWRpc2FibGVkXT1cImRpc2FibGVkXCIgW2NsYXNzLnN0ZXBwZXItLW1pbmldPVwibWluaVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc3RlcHM7IGxldCBpbmRleCA9IGluZGV4OyBsYXN0IGFzIGlzTGFzdDsgZmlyc3QgYXMgaXNGaXJzdFwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cIiFzdGVwLmhpZGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdGVwXCJcbiAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RTdGVwKHN0ZXApXCJcbiAgICAgICAgICAgIFtjbGFzcy5zdGVwLXNldHVwXT1cImlubGluZUxhYmVsc1wiXG4gICAgICAgICAgICBbYXR0ci5kYXRhLWFuYWx5dGljc109XCJnZXREYXRhQW5hbHl0aWNzVGFnKHN0ZXApXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwLXdyYXBwZXJcIlxuICAgICAgICAgICAgICAgIFtkclRvb2x0aXBdPVwic3RlcC5kZXNjcmlwdGlvbiAmJiB0b29sdGlwXCJcbiAgICAgICAgICAgICAgICBbZHJUb29sdGlwQ29udGV4dF09XCJ7IHN0ZXA6IHN0ZXAgfVwiXG4gICAgICAgICAgICAgICAgW2RyVG9vbHRpcFBvc2l0aW9uXT1cIidib3R0b20nXCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3Q9XCJzdGVwX3BvaW50XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdGVwLXBvaW50XCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJjdXJyZW50U3RlcCA9PT0gc3RlcFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5jb21wbGV0ZWRdPVwic3RlcC5jb21wbGV0ZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInN0ZXAgPT09IGN1cnJlbnRTdGVwXCIgY2xhc3M9XCJlbGxpcHNlXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInN0ZXAuY29tcGxldGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBvaW50ZXIgYmx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImRyLWljb24tYXBwcm92ZVwiPjwvaT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nU3dpdGNoQ2FzZV09XCJmYWxzZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJwb2ludGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmdyYXldPVwic3RlcCAhPT0gY3VycmVudFN0ZXBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdibHVlIHdpdGgtZWxsaXBzZSc6IHN0ZXAgPT09IGN1cnJlbnRTdGVwIH1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBbaGlkZGVuXT1cInN0ZXAgPT09IGN1cnJlbnRTdGVwIHx8IGhpZGRlbkluZGV4XCIgY2xhc3M9XCJ0ZXh0XCI+e3sgaW5kZXggKyAxIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdD1cInN0ZXBfbGFiZWxfbmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3RlcC1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFN0ZXAgPT09IHN0ZXBcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJzdGVwLmNvbXBsZXRlZCA/ICdjb21wbGV0ZWQnIDogJ3VuY29tcGxldGVkJ1wiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBbaGlkZGVuXT1cImhpZGRlbk5hbWVzXCI+e3sgc3RlcC5uYW1lIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpbmxpbmVMYWJlbHNcIlxuICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjb25uZWN0b3JcIlxuICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBpbmRleCwgaXNMYXN0LCBzdGVwIH1cIj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXAuc2hvd1Byb2dyZXNzXCIgZGF0YS10ZXN0PVwic3RlcF9wcm9ncmVzc1wiIGNsYXNzPVwic3RlcC1wcm9ncmVzc1wiPlxuICAgICAgICAgICAgICAgICAgICB7eyAoc3RlcC5yZXF1aXJlZFRhc2tzID8gc3RlcC5jb21wbGV0ZWRUYXNrcyA6IHN0ZXAucmVxdWlyZWRUYXNrcykgKyAnLycgKyBzdGVwLnJlcXVpcmVkVGFza3MgfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAqbmdJZj1cIiFpbmxpbmVMYWJlbHNcIlxuICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbm5lY3RvclwiXG4gICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgaW5kZXgsIGlzTGFzdCwgc3RlcCB9XCI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJtaW5pXCIgY2xhc3M9XCJzdGVwcGVyLS1taW5pLWNvbm5lY3RvclwiPjwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG48ZGl2XG4gICAgKGNsaWNrKT1cInNjcm9sbFJpZ2h0KClcIlxuICAgIGNsYXNzPVwic2Nyb2xsLXNlY3Rpb25cIlxuICAgICpuZ0lmPVwiXG4gICAgICAgIHN0ZXBwZXI/LnNjcm9sbFdpZHRoID4gc3RlcHBlcj8uY2xpZW50V2lkdGggJiZcbiAgICAgICAgcm91bmRXaWR0aChzdGVwcGVyPy5zY3JvbGxMZWZ0ICsgc3RlcHBlcj8uY2xpZW50V2lkdGgpIDwgc3RlcHBlcj8uc2Nyb2xsV2lkdGhcbiAgICBcIj5cbiAgICA8aSBjbGFzcz1cImRyLWljb24tYXJyb3ctcmlnaHRcIj48L2k+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICN0b29sdGlwIGxldC1zdGVwPVwic3RlcFwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRvb2x0aXBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdG9vbHRpcF9uYW1lXCI+e3sgc3RlcC5uYW1lIH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRvb2x0aXBfZGVzY3JpcHRpb25cIj57eyBzdGVwLmRlc2NyaXB0aW9uIH19PC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Nvbm5lY3RvciBsZXQtc3RlcD1cInN0ZXBcIiBsZXQtaXNMYXN0PVwiaXNMYXN0XCIgbGV0LWluZGV4PVwiaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic3RlcC1jb25uZWN0b3JcIlxuICAgICAgICBbY2xhc3Mub25seS1vbmUtc3RlcF09XCJzdGVwcy5sZW5ndGggPT09IDFcIlxuICAgICAgICBbY2xhc3NdPVwiJ3N0ZXAtY29ubmVjdG9yLS0nICsgKCFpbmxpbmVMYWJlbHMgPyAnYWJzb2x1dGUnIDogJ2lubGluZScpXCJcbiAgICAgICAgKm5nSWY9XCJzdGVwcy5sZW5ndGggPT09IDEgfHwgIWlzTGFzdFwiXG4gICAgICAgIFtzdHlsZS52aXNpYmlsaXR5XT1cIndpdGhvdXRDb25uZWN0b3JzIHx8IHN0ZXBzW3N0ZXAuaW5kZXggKyAxXT8uaGlkZSA/ICdoaWRkZW4nIDogJ3Vuc2V0J1wiXG4gICAgICAgIFtjbGFzcy5jb25uZWN0b3ItZ3JhbmRdPVwiIWlubGluZUxhYmVscyAmJiAoaW5kZXggPT09IDAgfHwgaW5kZXggPT09IHN0ZXBzLmxlbmd0aCAtIDIpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzc1wiIFtzdHlsZS53aWR0aF09XCJnZXRXaWR0aChzdGVwKVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
296
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9zdGVwcGVyL3N0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7SUNWdkIsOEJBQXFGO0lBQXZCLDRKQUFTLGVBQUEsb0JBQVksQ0FBQSxJQUFDO0lBQ2hGLHVCQUFtQztJQUN2QyxpQkFBTTs7O0lBbUJjLDBCQUF3RDs7O0lBR2hELCtCQUEwQjtJQUN0Qix3QkFBK0I7SUFDbkMsaUJBQU07Ozs7SUFHTiwrQkFHOEQsY0FBQTtJQUNPLFlBQWU7SUFBQSxpQkFBTSxFQUFBOzs7Ozs7SUFGdEYsd0RBQW1DO0lBQ25DLHNGQUF5RDtJQUNwRCxlQUE4QztJQUE5QyxnRkFBOEM7SUFBYyxlQUFlO0lBQWYsbUNBQWU7OztJQVU1Rix3QkFJcUI7Ozs7SUFFekIsNEJBSWU7Ozs7Ozs7O0lBRlgsc0NBQThCLHdGQUFBOzs7SUFHbEMsZ0NBQWdGO0lBQzVFLFlBQ0o7SUFBQSxpQkFBTzs7O0lBREgsZUFDSjtJQURJLDJJQUNKOzs7SUFFSiw0QkFJZTs7Ozs7Ozs7SUFGWCxzQ0FBOEIsd0ZBQUE7Ozs7OztJQXZEdEMsK0JBS3NEO0lBRmxELDBOQUFTLGVBQUEsNEJBQWdCLENBQUEsSUFBQztJQUcxQiwrQkFJbUMsY0FBQTtJQU0zQix1RkFBd0Q7SUFDeEQsaUNBQTBDO0lBQ3RDLHVHQUljO0lBQ2QsdUdBT2M7SUFDbEIsMEJBQWU7SUFDbkIsaUJBQU07SUFDTiwrQkFJNkQ7SUFDekQseUdBSXFCO0lBQ3pCLGlCQUFNO0lBQ04seUdBSWU7SUFDZiwyRkFFTztJQUNYLGlCQUFNO0lBQ04sMkdBSWU7SUFDbkIsaUJBQU07Ozs7Ozs7O0lBdERGLGtEQUFpQztJQUNqQyx1RUFBaUQ7SUFHN0MsZUFBeUM7SUFBekMsdURBQXlDLDJEQUFBLCtCQUFBO0lBTXJDLGVBQXFDO0lBQXJDLDBEQUFxQyxpQ0FBQTtJQUUvQixlQUEwQjtJQUExQix1REFBMEI7SUFDbEIsZUFBMkI7SUFBM0IsNkNBQTJCO0lBQ3hCLGVBQXFCO0lBQXJCLG1DQUFxQjtJQUtyQixlQUFzQjtJQUF0QixvQ0FBc0I7SUFhdkMsZUFBcUM7SUFBckMsMERBQXFDO0lBQ3JDLDBFQUF3RDtJQUVuRCxlQUVnQztJQUZoQyx1RUFFZ0MsNkVBQUE7SUFJcEMsZUFBa0I7SUFBbEIsMkNBQWtCO0lBSWhCLGVBQXVCO0lBQXZCLDRDQUF1QjtJQUs3QixlQUFtQjtJQUFuQiw0Q0FBbUI7OztJQUs1QiwwQkFBd0Q7OztJQTVENUQsNkJBQThGO0lBQzFGLGtGQTBETTtJQUNOLGlGQUF3RDtJQUM1RCwwQkFBZTs7OztJQTNETixlQUFnQjtJQUFoQixxQ0FBZ0I7SUEwRGYsZUFBVTtJQUFWLGtDQUFVOzs7O0lBR3hCLDhCQU1NO0lBTEYsNEpBQVMsZUFBQSxxQkFBYSxDQUFBLElBQUM7SUFNdkIsdUJBQW1DO0lBQ3ZDLGlCQUFNOzs7SUFHRiwrQkFBMEIsY0FBQTtJQUNTLFlBQWU7SUFBQSxpQkFBTTtJQUNwRCwrQkFBc0M7SUFBQSxZQUFzQjtJQUFBLGlCQUFNLEVBQUE7OztJQURuQyxlQUFlO0lBQWYsbUNBQWU7SUFDUixlQUFzQjtJQUF0QiwwQ0FBc0I7OztJQUtoRSwrQkFNMkY7SUFDdkYsMEJBQTJEO0lBQy9ELGlCQUFNOzs7Ozs7SUFMRixtRkFBc0U7SUFFdEUsMktBQTBGO0lBSDFGLDJEQUEwQyx5R0FBQTtJQUtwQixlQUE4QjtJQUE5QixtREFBOEI7OztJQVB4RCxpRkFRTTs7OztJQUpELCtEQUFtQzs7O0lBUXhDLGdDQUE2QjtJQUFBLFlBQWU7SUFBQSxpQkFBTzs7OztJQUE3QywyQ0FBc0I7SUFBQyxlQUFlO0lBQWYsbUNBQWU7O0FEOUVoRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBU2Esc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUdaLGVBQVUsR0FBb0IsSUFBSSxZQUFZLEVBQUssQ0FBQztLQWlDakU7SUE3QkcsVUFBVSxDQUFDLElBQU87UUFDZCxJQUFJLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM5QjtJQUNMLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBTztRQUNaLElBQUksSUFBSSxDQUFDLGlCQUFpQjtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBQ3hDLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUNsQyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3hELE9BQU8sR0FBRyxDQUFDLElBQUksRUFBRSxjQUFjLEdBQUcsSUFBSSxFQUFFLGFBQWEsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN6RSxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRU0sVUFBVTtRQUNiLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFVBQVUsSUFBSSxFQUFFLENBQUM7SUFDaEQsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxVQUFVLElBQUksRUFBRSxDQUFDO0lBQ2hELENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYTtRQUMzQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVNLG1CQUFtQixDQUFDLElBQU87UUFDOUIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM5RyxDQUFDO29HQTNDUSxnQkFBZ0I7bUdBQWhCLGdCQUFnQjs7Ozs7O21DQVlLLFVBQVU7Ozs7O1lDL0I1QyxpRUFFTTtZQUNOLGlDQUFnRztZQUM1RixtRkE2RGU7WUFDbkIsaUJBQU07WUFDTixpRUFRTTtZQUVOLGtIQUtjO1lBRWQsa0hBVWM7WUFFZCxrSEFFYzs7O1lBbEdlLGtFQUErQjtZQUc5QixlQUFvQztZQUFwQyxpREFBb0MsMkJBQUE7WUFDL0IsZUFBVTtZQUFWLG1DQUFVO1lBa0V4QyxlQUlKO1lBSkksaVBBSUo7Ozt1RkR2RFksZ0JBQWdCO2NBTjVCLFNBQVM7MkJBQ0ksWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxPQUFPO2dCQUd2QyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csaUJBQWlCO2tCQUF6QixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLFlBQVk7a0JBQXBCLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLElBQUk7a0JBQVosS0FBSztZQUVOLGFBQWE7a0JBRFosS0FBSzttQkFBQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtZQUV4QixVQUFVO2tCQUFuQixNQUFNO1lBQzRDLE9BQU87a0JBQXpELFNBQVM7bUJBQUMsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtZQUNYLHFCQUFxQjtrQkFBbkQsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RlcCB9IGZyb20gJy4vaW50ZXJmYWNlcy9zdGVwcGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1zdGVwcGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RlcHBlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlckNvbXBvbmVudDxUIGV4dGVuZHMgU3RlcD4ge1xuICAgIEBJbnB1dCgpIHN0ZXBzOiBUW107XG4gICAgQElucHV0KCkgY3VycmVudFN0ZXA6IFQ7XG4gICAgQElucHV0KCkgd2l0aG91dENvbm5lY3RvcnMgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBoaWRkZW5OYW1lcyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlubGluZUxhYmVscyA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgaGlkZGVuSW5kZXggPSBmYWxzZTtcbiAgICBASW5wdXQoKSBtaW5pID0gZmFsc2U7XG4gICAgQElucHV0KHsgYWxpYXM6ICdkYXRhLWFuYWx5dGljcycgfSlcbiAgICBkYXRhQW5hbHl0aWNzOiBzdHJpbmc7XG4gICAgQE91dHB1dCgpIHN0ZXBDaGFuZ2U6IEV2ZW50RW1pdHRlcjxUPiA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcbiAgICBAVmlld0NoaWxkKCdzdGVwcGVyJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHB1YmxpYyBzdGVwcGVyOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcbiAgICBAQ29udGVudENoaWxkKCdzdGVwVGV4dExhYmVsJykgc3RlcFRleHRMYWJlbFRlbXBsYXRlITogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgICBzZWxlY3RTdGVwKHN0ZXA6IFQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHN0ZXAgIT09IHRoaXMuY3VycmVudFN0ZXAgJiYgIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHN0ZXApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0V2lkdGgoc3RlcDogVCk6IHN0cmluZyB7XG4gICAgICAgIGlmICh0aGlzLndpdGhvdXRDb25uZWN0b3JzKSByZXR1cm4gJzAlJztcbiAgICAgICAgaWYgKHN0ZXAuY29tcGxldGVkKSByZXR1cm4gJzEwMCUnO1xuICAgICAgICBpZiAoc3RlcC5pbmRleCA9PT0gMCB8fCB0aGlzLnN0ZXBzW3N0ZXAuaW5kZXggLSAxXS5jb21wbGV0ZWQpXG4gICAgICAgICAgICByZXR1cm4gYCR7KHN0ZXA/LmNvbXBsZXRlZFRhc2tzIC8gc3RlcD8ucmVxdWlyZWRUYXNrcykgKiAxMDAgfHwgMH0lYDtcbiAgICAgICAgcmV0dXJuICcwJSc7XG4gICAgfVxuXG4gICAgcHVibGljIHNjcm9sbExlZnQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RlcHBlci5uYXRpdmVFbGVtZW50LnNjcm9sbExlZnQgLT0gODA7XG4gICAgfVxuXG4gICAgcHVibGljIHNjcm9sbFJpZ2h0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0ZXBwZXIubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0ICs9IDgwO1xuICAgIH1cblxuICAgIHB1YmxpYyByb3VuZFdpZHRoKHdpZHRoOiBudW1iZXIpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gTWF0aC5yb3VuZCh3aWR0aCk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldERhdGFBbmFseXRpY3NUYWcoc3RlcDogVCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmRhdGFBbmFseXRpY3MgPyB0aGlzLmRhdGFBbmFseXRpY3MgKyAnXycgKyBzdGVwLm5hbWU/LnRvTG93ZXJDYXNlKCkucmVwbGFjZSgvIC9nLCAnLScpIDogbnVsbDtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Nyb2xsLXNlY3Rpb25cIiAqbmdJZj1cInN0ZXBwZXI/LnNjcm9sbExlZnQgIT09IDBcIiAoY2xpY2spPVwic2Nyb2xsTGVmdCgpXCI+XG4gICAgPGkgY2xhc3M9XCJkci1pY29uLWFycm93LXJpZ2h0XCI+PC9pPlxuPC9kaXY+XG48ZGl2ICNzdGVwcGVyIGNsYXNzPVwic3RlcHBlclwiIFtjbGFzcy5zdGVwcGVyLS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjbGFzcy5zdGVwcGVyLS1taW5pXT1cIm1pbmlcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaW5kZXggPSBpbmRleDsgbGFzdCBhcyBpc0xhc3Q7IGZpcnN0IGFzIGlzRmlyc3RcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgKm5nSWY9XCIhc3RlcC5oaWRlXCJcbiAgICAgICAgICAgIGNsYXNzPVwic3RlcFwiXG4gICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0U3RlcChzdGVwKVwiXG4gICAgICAgICAgICBbY2xhc3Muc3RlcC1zZXR1cF09XCJpbmxpbmVMYWJlbHNcIlxuICAgICAgICAgICAgW2F0dHIuZGF0YS1hbmFseXRpY3NdPVwiZ2V0RGF0YUFuYWx5dGljc1RhZyhzdGVwKVwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwic3RlcC13cmFwcGVyXCJcbiAgICAgICAgICAgICAgICBbZHJUb29sdGlwXT1cInN0ZXAuZGVzY3JpcHRpb24gJiYgdG9vbHRpcFwiXG4gICAgICAgICAgICAgICAgW2RyVG9vbHRpcENvbnRleHRdPVwieyBzdGVwOiBzdGVwIH1cIlxuICAgICAgICAgICAgICAgIFtkclRvb2x0aXBQb3NpdGlvbl09XCInYm90dG9tJ1wiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0PVwic3RlcF9wb2ludFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3RlcC1wb2ludFwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFN0ZXAgPT09IHN0ZXBcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuY29tcGxldGVkXT1cInN0ZXAuY29tcGxldGVkXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzdGVwID09PSBjdXJyZW50U3RlcFwiIGNsYXNzPVwiZWxsaXBzZVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzdGVwLmNvbXBsZXRlZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb2ludGVyIGJsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJkci1pY29uLWFwcHJvdmVcIj48L2k+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1N3aXRjaENhc2VdPVwiZmFsc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicG9pbnRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5ncmF5XT1cInN0ZXAgIT09IGN1cnJlbnRTdGVwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnYmx1ZSB3aXRoLWVsbGlwc2UnOiBzdGVwID09PSBjdXJyZW50U3RlcCB9XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgW2hpZGRlbl09XCJzdGVwID09PSBjdXJyZW50U3RlcCB8fCBoaWRkZW5JbmRleFwiIGNsYXNzPVwidGV4dFwiPnt7IGluZGV4ICsgMSB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3Q9XCJzdGVwX2xhYmVsX25hbWVcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN0ZXAtbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRTdGVwID09PSBzdGVwXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwic3RlcC5jb21wbGV0ZWQgPyAnY29tcGxldGVkJyA6ICd1bmNvbXBsZXRlZCdcIj5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGVwVGV4dExhYmVsVGVtcGxhdGUgfHwgZGVmYXVsdFN0ZXBUZXh0TGFiZWw7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dDogeyBzdGVwOiBzdGVwLCBpbmRleDogaW5kZXggfVxuICAgICAgICAgICAgICAgICAgICAgICAgXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImlubGluZUxhYmVsc1wiXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbm5lY3RvclwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7IGluZGV4LCBpc0xhc3QsIHN0ZXAgfVwiPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic3RlcC5zaG93UHJvZ3Jlc3NcIiBkYXRhLXRlc3Q9XCJzdGVwX3Byb2dyZXNzXCIgY2xhc3M9XCJzdGVwLXByb2dyZXNzXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IChzdGVwLnJlcXVpcmVkVGFza3MgPyBzdGVwLmNvbXBsZXRlZFRhc2tzIDogc3RlcC5yZXF1aXJlZFRhc2tzKSArICcvJyArIHN0ZXAucmVxdWlyZWRUYXNrcyB9fVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWlubGluZUxhYmVsc1wiXG4gICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29ubmVjdG9yXCJcbiAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyBpbmRleCwgaXNMYXN0LCBzdGVwIH1cIj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm1pbmlcIiBjbGFzcz1cInN0ZXBwZXItLW1pbmktY29ubmVjdG9yXCI+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbjxkaXZcbiAgICAoY2xpY2spPVwic2Nyb2xsUmlnaHQoKVwiXG4gICAgY2xhc3M9XCJzY3JvbGwtc2VjdGlvblwiXG4gICAgKm5nSWY9XCJcbiAgICAgICAgc3RlcHBlcj8uc2Nyb2xsV2lkdGggPiBzdGVwcGVyPy5jbGllbnRXaWR0aCAmJlxuICAgICAgICByb3VuZFdpZHRoKHN0ZXBwZXI/LnNjcm9sbExlZnQgKyBzdGVwcGVyPy5jbGllbnRXaWR0aCkgPCBzdGVwcGVyPy5zY3JvbGxXaWR0aFxuICAgIFwiPlxuICAgIDxpIGNsYXNzPVwiZHItaWNvbi1hcnJvdy1yaWdodFwiPjwvaT5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI3Rvb2x0aXAgbGV0LXN0ZXA9XCJzdGVwXCI+XG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtdG9vbHRpcFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10b29sdGlwX25hbWVcIj57eyBzdGVwLm5hbWUgfX08L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdG9vbHRpcF9kZXNjcmlwdGlvblwiPnt7IHN0ZXAuZGVzY3JpcHRpb24gfX08L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29ubmVjdG9yIGxldC1zdGVwPVwic3RlcFwiIGxldC1pc0xhc3Q9XCJpc0xhc3RcIiBsZXQtaW5kZXg9XCJpbmRleFwiPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzdGVwLWNvbm5lY3RvclwiXG4gICAgICAgIFtjbGFzcy5vbmx5LW9uZS1zdGVwXT1cInN0ZXBzLmxlbmd0aCA9PT0gMVwiXG4gICAgICAgIFtjbGFzc109XCInc3RlcC1jb25uZWN0b3ItLScgKyAoIWlubGluZUxhYmVscyA/ICdhYnNvbHV0ZScgOiAnaW5saW5lJylcIlxuICAgICAgICAqbmdJZj1cInN0ZXBzLmxlbmd0aCA9PT0gMSB8fCAhaXNMYXN0XCJcbiAgICAgICAgW3N0eWxlLnZpc2liaWxpdHldPVwid2l0aG91dENvbm5lY3RvcnMgfHwgc3RlcHNbc3RlcC5pbmRleCArIDFdPy5oaWRlID8gJ2hpZGRlbicgOiAndW5zZXQnXCJcbiAgICAgICAgW2NsYXNzLmNvbm5lY3Rvci1ncmFuZF09XCIhaW5saW5lTGFiZWxzICYmIChpbmRleCA9PT0gMCB8fCBpbmRleCA9PT0gc3RlcHMubGVuZ3RoIC0gMilcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInByb2dyZXNzXCIgW3N0eWxlLndpZHRoXT1cImdldFdpZHRoKHN0ZXApXCI+PC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RlZmF1bHRTdGVwVGV4dExhYmVsIGxldC1zdGVwPVwic3RlcFwiIGxldC1pbmRleD1cImluZGV4XCI+XG4gICAgPHNwYW4gW2hpZGRlbl09XCJoaWRkZW5OYW1lc1wiPnt7IHN0ZXAubmFtZSB9fTwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { DestroyRef, Directive, ElementRef, EventEmitter, inject, Input, Output } from '@angular/core';
|
|
2
|
+
import { asyncScheduler, fromEvent, observeOn, startWith, Subject, takeUntil, throttleTime } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class ElementOverflowDirective {
|
|
5
|
+
get isOverflow() {
|
|
6
|
+
return ((['horizontal', 'all'].includes(this.drElementOverflowType) &&
|
|
7
|
+
this.el.nativeElement.scrollWidth > this.el.nativeElement.clientWidth) ||
|
|
8
|
+
(['vertical', 'all'].includes(this.drElementOverflowType) &&
|
|
9
|
+
this.el.nativeElement.scrollHeight > this.el.nativeElement.clientHeight));
|
|
10
|
+
}
|
|
11
|
+
constructor() {
|
|
12
|
+
this.drElementOverflowChange = new EventEmitter();
|
|
13
|
+
this.drElementOverflowType = 'all';
|
|
14
|
+
this.destroy$ = new Subject();
|
|
15
|
+
this.el = inject(ElementRef);
|
|
16
|
+
inject(DestroyRef).onDestroy(() => {
|
|
17
|
+
this.destroy$.next();
|
|
18
|
+
this.destroy$.complete();
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
ngOnInit() {
|
|
22
|
+
fromEvent(window, 'resize')
|
|
23
|
+
.pipe(startWith(null), throttleTime(200, undefined, { leading: true, trailing: true }), takeUntil(this.destroy$), observeOn(asyncScheduler))
|
|
24
|
+
.subscribe(() => {
|
|
25
|
+
if (this.drElementOverflow !== this.isOverflow) {
|
|
26
|
+
this.drElementOverflow = this.isOverflow;
|
|
27
|
+
this.drElementOverflowChange.emit(this.isOverflow);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
/** @nocollapse */ static { this.ɵfac = function ElementOverflowDirective_Factory(t) { return new (t || ElementOverflowDirective)(); }; }
|
|
32
|
+
/** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: ElementOverflowDirective, selectors: [["", "drElementOverflow", ""]], inputs: { drElementOverflow: "drElementOverflow", drElementOverflowType: "drElementOverflowType" }, outputs: { drElementOverflowChange: "drElementOverflowChange" }, exportAs: ["textOverflow"], standalone: true }); }
|
|
33
|
+
}
|
|
34
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ElementOverflowDirective, [{
|
|
35
|
+
type: Directive,
|
|
36
|
+
args: [{
|
|
37
|
+
selector: '[drElementOverflow]',
|
|
38
|
+
standalone: true,
|
|
39
|
+
exportAs: 'textOverflow',
|
|
40
|
+
}]
|
|
41
|
+
}], function () { return []; }, { drElementOverflow: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], drElementOverflowChange: [{
|
|
44
|
+
type: Output
|
|
45
|
+
}], drElementOverflowType: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}] }); })();
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1vdmVyZmxvdy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi90ZXh0LW92ZXJmbG93L2VsZW1lbnQtb3ZlcmZsb3cuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0csT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFTekcsTUFBTSxPQUFPLHdCQUF3QjtJQVFqQyxJQUFXLFVBQVU7UUFDakIsT0FBTyxDQUNILENBQUMsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQztZQUN2RCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1lBQzFFLENBQUMsQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQztnQkFDckQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxDQUMvRSxDQUFDO0lBQ04sQ0FBQztJQUVEO1FBZlUsNEJBQXVCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN2RCwwQkFBcUIsR0FBa0IsS0FBSyxDQUFDO1FBRXJDLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQy9CLE9BQUUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBWTlELE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxRQUFRO1FBQ0osU0FBUyxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUM7YUFDdEIsSUFBSSxDQUNELFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFDZixZQUFZLENBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQy9ELFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQ3hCLFNBQVMsQ0FBQyxjQUFjLENBQUMsQ0FDNUI7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxJQUFJLENBQUMsaUJBQWlCLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDNUMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ3REO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDOzRHQXRDUSx3QkFBd0I7bUdBQXhCLHdCQUF3Qjs7dUZBQXhCLHdCQUF3QjtjQUxwQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsVUFBVSxFQUFFLElBQUk7Z0JBQ2hCLFFBQVEsRUFBRSxjQUFjO2FBQzNCO3NDQUVZLGlCQUFpQjtrQkFBekIsS0FBSztZQUNJLHVCQUF1QjtrQkFBaEMsTUFBTTtZQUNFLHFCQUFxQjtrQkFBN0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERlc3Ryb3lSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgYXN5bmNTY2hlZHVsZXIsIGZyb21FdmVudCwgb2JzZXJ2ZU9uLCBzdGFydFdpdGgsIFN1YmplY3QsIHRha2VVbnRpbCwgdGhyb3R0bGVUaW1lIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCB0eXBlIFRPdmVyZmxvd1R5cGUgPSAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnIHwgJ2FsbCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2RyRWxlbWVudE92ZXJmbG93XScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBleHBvcnRBczogJ3RleHRPdmVyZmxvdycsXG59KVxuZXhwb3J0IGNsYXNzIEVsZW1lbnRPdmVyZmxvd0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgZHJFbGVtZW50T3ZlcmZsb3c6IGJvb2xlYW4gfCBzdHJpbmc7XG4gICAgQE91dHB1dCgpIGRyRWxlbWVudE92ZXJmbG93Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAgIEBJbnB1dCgpIGRyRWxlbWVudE92ZXJmbG93VHlwZTogVE92ZXJmbG93VHlwZSA9ICdhbGwnO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG5cbiAgICBwdWJsaWMgZ2V0IGlzT3ZlcmZsb3coKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAoWydob3Jpem9udGFsJywgJ2FsbCddLmluY2x1ZGVzKHRoaXMuZHJFbGVtZW50T3ZlcmZsb3dUeXBlKSAmJlxuICAgICAgICAgICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zY3JvbGxXaWR0aCA+IHRoaXMuZWwubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCkgfHxcbiAgICAgICAgICAgIChbJ3ZlcnRpY2FsJywgJ2FsbCddLmluY2x1ZGVzKHRoaXMuZHJFbGVtZW50T3ZlcmZsb3dUeXBlKSAmJlxuICAgICAgICAgICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQgPiB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0KVxuICAgICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBpbmplY3QoRGVzdHJveVJlZikub25EZXN0cm95KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgICAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICBzdGFydFdpdGgobnVsbCksXG4gICAgICAgICAgICAgICAgdGhyb3R0bGVUaW1lKDIwMCwgdW5kZWZpbmVkLCB7IGxlYWRpbmc6IHRydWUsIHRyYWlsaW5nOiB0cnVlIH0pLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSxcbiAgICAgICAgICAgICAgICBvYnNlcnZlT24oYXN5bmNTY2hlZHVsZXIpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMuZHJFbGVtZW50T3ZlcmZsb3cgIT09IHRoaXMuaXNPdmVyZmxvdykge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRyRWxlbWVudE92ZXJmbG93ID0gdGhpcy5pc092ZXJmbG93O1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmRyRWxlbWVudE92ZXJmbG93Q2hhbmdlLmVtaXQodGhpcy5pc092ZXJmbG93KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
+
import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
|
|
4
|
+
import { ElementOverflowDirective } from './element-overflow.directive';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../dr-tooltip/dr-tooltip.directive";
|
|
7
|
+
const _c0 = ["*"];
|
|
8
|
+
export class TextOverflowComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.overflowType = 'horizontal';
|
|
11
|
+
this.showTooltip = true;
|
|
12
|
+
this.isOverflow = false;
|
|
13
|
+
}
|
|
14
|
+
/** @nocollapse */ static { this.ɵfac = function TextOverflowComponent_Factory(t) { return new (t || TextOverflowComponent)(); }; }
|
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TextOverflowComponent, selectors: [["dr-text-overflow"]], inputs: { overflowType: "overflowType", showTooltip: "showTooltip" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 3, vars: 3, consts: [[1, "overflow-element", 3, "drElementOverflow", "drElementOverflowType", "drTooltip", "drElementOverflowChange"], ["el", ""]], template: function TextOverflowComponent_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
+
i0.ɵɵprojectionDef();
|
|
17
|
+
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
18
|
+
i0.ɵɵlistener("drElementOverflowChange", function TextOverflowComponent_Template_div_drElementOverflowChange_0_listener($event) { return ctx.isOverflow = $event; });
|
|
19
|
+
i0.ɵɵprojection(2);
|
|
20
|
+
i0.ɵɵelementEnd();
|
|
21
|
+
} if (rf & 2) {
|
|
22
|
+
const _r0 = i0.ɵɵreference(1);
|
|
23
|
+
i0.ɵɵproperty("drElementOverflow", ctx.isOverflow)("drElementOverflowType", ctx.overflowType)("drTooltip", ctx.showTooltip && ctx.isOverflow && _r0.innerText);
|
|
24
|
+
} }, dependencies: [CommonModule, ElementOverflowDirective, DrTooltipModule, i1.DrTooltipDirective], styles: ["[_nghost-%COMP%]{overflow:hidden}[_nghost-%COMP%] .overflow-element[_ngcontent-%COMP%]{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}"], changeDetection: 0 }); }
|
|
25
|
+
}
|
|
26
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextOverflowComponent, [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'dr-text-overflow', standalone: true, imports: [CommonModule, ElementOverflowDirective, DrTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"overflow-element\"\n #el\n [(drElementOverflow)]=\"isOverflow\"\n [drElementOverflowType]=\"overflowType\"\n [drTooltip]=\"showTooltip && isOverflow && el.innerText\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden}:host .overflow-element{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}\n"] }]
|
|
29
|
+
}], null, { overflowType: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], showTooltip: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}] }); })();
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1vdmVyZmxvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi90ZXh0LW92ZXJmbG93L3RleHQtb3ZlcmZsb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvdGV4dC1vdmVyZmxvdy90ZXh0LW92ZXJmbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFpQixNQUFNLDhCQUE4QixDQUFDOzs7O0FBVXZGLE1BQU0sT0FBTyxxQkFBcUI7SUFSbEM7UUFTYSxpQkFBWSxHQUFrQixZQUFZLENBQUM7UUFFM0MsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFFNUIsZUFBVSxHQUFHLEtBQUssQ0FBQztLQUN0Qjt5R0FOWSxxQkFBcUI7bUdBQXJCLHFCQUFxQjs7WUNibEMsaUNBSzREO1lBRnhELG9LQUFrQztZQUdsQyxrQkFBeUI7WUFDN0IsaUJBQU07OztZQUpGLGtEQUFrQywyQ0FBQSxpRUFBQTs0QkRPeEIsWUFBWSxFQUFFLHdCQUF3QixFQUFFLGVBQWU7O3VGQUd4RCxxQkFBcUI7Y0FSakMsU0FBUzsyQkFDSSxrQkFBa0IsY0FHaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHdCQUF3QixFQUFFLGVBQWUsQ0FBQyxtQkFDakQsdUJBQXVCLENBQUMsTUFBTTtnQkFHdEMsWUFBWTtrQkFBcEIsS0FBSztZQUVHLFdBQVc7a0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xuaW1wb3J0IHsgRWxlbWVudE92ZXJmbG93RGlyZWN0aXZlLCBUT3ZlcmZsb3dUeXBlIH0gZnJvbSAnLi9lbGVtZW50LW92ZXJmbG93LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItdGV4dC1vdmVyZmxvdycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RleHQtb3ZlcmZsb3cuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RleHQtb3ZlcmZsb3cuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEVsZW1lbnRPdmVyZmxvd0RpcmVjdGl2ZSwgRHJUb29sdGlwTW9kdWxlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dE92ZXJmbG93Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvdmVyZmxvd1R5cGU6IFRPdmVyZmxvd1R5cGUgPSAnaG9yaXpvbnRhbCc7XG5cbiAgICBASW5wdXQoKSBzaG93VG9vbHRpcCA9IHRydWU7XG5cbiAgICBpc092ZXJmbG93ID0gZmFsc2U7XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJvdmVyZmxvdy1lbGVtZW50XCJcbiAgICAjZWxcbiAgICBbKGRyRWxlbWVudE92ZXJmbG93KV09XCJpc092ZXJmbG93XCJcbiAgICBbZHJFbGVtZW50T3ZlcmZsb3dUeXBlXT1cIm92ZXJmbG93VHlwZVwiXG4gICAgW2RyVG9vbHRpcF09XCJzaG93VG9vbHRpcCAmJiBpc092ZXJmbG93ICYmIGVsLmlubmVyVGV4dFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|