toggle-components-library 1.24.3 → 1.24.6
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/dist/toggle-components-library.common.js +8796 -5467
- package/dist/toggle-components-library.common.js.map +1 -1
- package/dist/toggle-components-library.css +1 -1
- package/dist/toggle-components-library.umd.js +8796 -5467
- package/dist/toggle-components-library.umd.js.map +1 -1
- package/dist/toggle-components-library.umd.min.js +6 -6
- package/dist/toggle-components-library.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/metrics/ToggleMetricFunnelChart.vue +12 -3
- package/src/sass/includes/_as_metrics.scss +21 -13
- package/src/.DS_Store +0 -0
package/package.json
CHANGED
|
@@ -12,25 +12,34 @@
|
|
|
12
12
|
<div class="funnel-spark-line funnel-grid-3">
|
|
13
13
|
<slot name="sparkLine3"></slot>
|
|
14
14
|
</div>
|
|
15
|
+
<div class="funnel-spark-line funnel-grid-4">
|
|
16
|
+
<slot name="sparkLine4"></slot>
|
|
17
|
+
</div>
|
|
15
18
|
|
|
16
|
-
<div class="funnel-single-metric funnel-grid-
|
|
19
|
+
<div class="funnel-single-metric funnel-grid-5">
|
|
17
20
|
<div class="funnel-single-metric-container">
|
|
18
21
|
<slot name="funnel1" class="funnel-single-metric"></slot>
|
|
19
22
|
</div>
|
|
20
23
|
</div>
|
|
21
24
|
|
|
22
|
-
<div class="funnel-single-metric funnel-grid-
|
|
25
|
+
<div class="funnel-single-metric funnel-grid-6">
|
|
23
26
|
<div class="funnel-single-metric-container">
|
|
24
27
|
<slot name="funnel2" class="funnel-single-metric"></slot>
|
|
25
28
|
</div>
|
|
26
29
|
</div>
|
|
27
30
|
|
|
28
|
-
<div class="funnel-single-metric funnel-grid-
|
|
31
|
+
<div class="funnel-single-metric funnel-grid-7">
|
|
29
32
|
<div class="funnel-single-metric-container">
|
|
30
33
|
<slot name="funnel3" class="funnel-single-metric"></slot>
|
|
31
34
|
</div>
|
|
32
35
|
</div>
|
|
33
36
|
|
|
37
|
+
<div class="funnel-single-metric funnel-grid-8">
|
|
38
|
+
<div class="funnel-single-metric-container">
|
|
39
|
+
<slot name="funnel4" class="funnel-single-metric"></slot>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
34
43
|
</div>
|
|
35
44
|
</template>
|
|
36
45
|
|
|
@@ -22,20 +22,20 @@
|
|
|
22
22
|
/* Funnel */
|
|
23
23
|
.toggle-metric-funnel-container {
|
|
24
24
|
grid-template-rows: auto;
|
|
25
|
-
grid-template-columns: 1fr 1fr 1fr;
|
|
25
|
+
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
26
26
|
display: grid;
|
|
27
27
|
grid-auto-flow: column;
|
|
28
28
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.funnel-grid-svg {
|
|
32
|
-
min-height:
|
|
32
|
+
min-height: 12rem;
|
|
33
33
|
background: transparent url('../assets/img/funnel.svg') no-repeat padding-box bottom;
|
|
34
34
|
background-size: 100% 100%;
|
|
35
35
|
grid-row-start: 2;
|
|
36
36
|
grid-column-start: 1;
|
|
37
37
|
grid-row-end: 3;
|
|
38
|
-
grid-column-end:
|
|
38
|
+
grid-column-end: 5;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.funnel-grid-1 {
|
|
@@ -60,6 +60,13 @@
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.funnel-grid-4 {
|
|
63
|
+
grid-row-start: 1;
|
|
64
|
+
grid-column-start: 4;
|
|
65
|
+
grid-row-end: 2;
|
|
66
|
+
grid-column-end: 5;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.funnel-grid-5 {
|
|
63
70
|
grid-row-start: 2;
|
|
64
71
|
grid-column-start: 1;
|
|
65
72
|
grid-row-end: 3;
|
|
@@ -67,7 +74,7 @@
|
|
|
67
74
|
display: flex;
|
|
68
75
|
}
|
|
69
76
|
|
|
70
|
-
.funnel-grid-
|
|
77
|
+
.funnel-grid-6 {
|
|
71
78
|
grid-row-start: 2;
|
|
72
79
|
grid-column-start: 2;
|
|
73
80
|
grid-row-end: 3;
|
|
@@ -75,7 +82,7 @@
|
|
|
75
82
|
display: flex;
|
|
76
83
|
}
|
|
77
84
|
|
|
78
|
-
.funnel-grid-
|
|
85
|
+
.funnel-grid-7 {
|
|
79
86
|
grid-row-start: 2;
|
|
80
87
|
grid-column-start: 3;
|
|
81
88
|
grid-row-end: 3;
|
|
@@ -83,11 +90,19 @@
|
|
|
83
90
|
display: flex;
|
|
84
91
|
}
|
|
85
92
|
|
|
93
|
+
.funnel-grid-8 {
|
|
94
|
+
grid-row-start: 2;
|
|
95
|
+
grid-column-start: 4;
|
|
96
|
+
grid-row-end: 3;
|
|
97
|
+
grid-column-end: 5;
|
|
98
|
+
display: flex;
|
|
99
|
+
}
|
|
100
|
+
|
|
86
101
|
.funnel-spark-line, .funnel-single-metric {
|
|
87
102
|
margin-right: 1rem;
|
|
88
103
|
border-right: 1px solid #BCDBEE;
|
|
89
104
|
|
|
90
|
-
&:nth-child(
|
|
105
|
+
&:nth-child(5), &:last-child {
|
|
91
106
|
border: 0;
|
|
92
107
|
}
|
|
93
108
|
}
|
|
@@ -99,11 +114,4 @@
|
|
|
99
114
|
.funnel-single-metric-container {
|
|
100
115
|
margin-left: 40%;
|
|
101
116
|
align-self: center;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
@media (min-width: $toggle-breakpoint-large-desktop) {
|
|
105
|
-
.funnel-grid-svg {
|
|
106
|
-
min-height: 15rem;
|
|
107
|
-
background-size: 100%;
|
|
108
|
-
}
|
|
109
117
|
}
|
package/src/.DS_Store
DELETED
|
Binary file
|