@madgex/design-system 1.58.1 → 1.58.3
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/__tests__/unit/src/components/popover.spec.js +16 -17
- package/coverage/cobertura-coverage.xml +34 -33
- package/coverage/components/accordion/accordion.js.html +1 -1
- package/coverage/components/accordion/index.html +1 -1
- package/coverage/components/inputs/combobox/combobox.js.html +1 -1
- package/coverage/components/inputs/combobox/index.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
- package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
- package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
- package/coverage/components/inputs/file-upload/index.html +1 -1
- package/coverage/components/inputs/multi-select/index.html +1 -1
- package/coverage/components/inputs/multi-select/multi-select.js.html +1 -1
- package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +1 -1
- package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
- package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
- package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
- package/coverage/components/inputs/textarea/character-count.js.html +1 -1
- package/coverage/components/inputs/textarea/index.html +1 -1
- package/coverage/components/modal/index.html +1 -1
- package/coverage/components/modal/modal.js.html +1 -1
- package/coverage/components/notification/index.html +1 -1
- package/coverage/components/notification/notification.js.html +1 -1
- package/coverage/components/popover/index.html +10 -10
- package/coverage/components/popover/popover.js.html +63 -9
- package/coverage/components/switch-state/index.html +1 -1
- package/coverage/components/switch-state/switch-state.js.html +1 -1
- package/coverage/components/tabs/index.html +1 -1
- package/coverage/components/tabs/tabs.js.html +1 -1
- package/coverage/index.html +10 -10
- package/coverage/js/common.js.html +1 -1
- package/coverage/js/fractal-scripts/combobox.js.html +1 -1
- package/coverage/js/fractal-scripts/index.html +1 -1
- package/coverage/js/fractal-scripts/notification.js.html +1 -1
- package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
- package/coverage/js/index-fractal.js.html +1 -1
- package/coverage/js/index-polyfills.js.html +1 -1
- package/coverage/js/index-vue.js.html +1 -1
- package/coverage/js/index.html +1 -1
- package/coverage/js/index.js.html +1 -1
- package/coverage/js/polyfills/closest.js.html +1 -1
- package/coverage/js/polyfills/index.html +1 -1
- package/coverage/js/polyfills/remove.js.html +1 -1
- package/coverage/tokens/_config.js.html +1 -1
- package/coverage/tokens/index.html +1 -1
- package/dist/_tokens/css/_tokens.css +1 -1
- package/dist/_tokens/js/_tokens-module.js +1 -1
- package/dist/_tokens/scss/_tokens.scss +1 -1
- package/dist/assets/icons.json +1 -1
- package/dist/css/index.css +1 -1
- package/dist/js/index.js +5 -30
- package/package.json +2 -2
- package/src/components/popover/README.md +3 -3
- package/src/components/popover/_template.njk +1 -1
- package/src/components/popover/popover.js +21 -3
- package/src/components/popover/popover.scss +13 -34
|
@@ -3,20 +3,20 @@ import popovers from '../../../../src/components/popover/popover';
|
|
|
3
3
|
// Avoid document.createRange not defined error
|
|
4
4
|
if (window.document) {
|
|
5
5
|
window.document.createRange = () => ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
setStart: () => {},
|
|
7
|
+
setEnd: () => {},
|
|
8
|
+
commonAncestorContainer: {
|
|
9
|
+
nodeName: 'BODY',
|
|
10
|
+
ownerDocument: document,
|
|
11
|
+
},
|
|
12
12
|
});
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
document.body.innerHTML = `<button id="test" class="js-mds-popover-trigger">Trigger</button><div id="test-content" class="mds-popover"></div>`;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const trigger = document.getElementById('test');
|
|
17
|
+
const popover = document.getElementById('test-content');
|
|
18
|
+
const popoverActiveClass = 'mds-popover--active';
|
|
19
|
+
|
|
20
20
|
beforeEach(() => {
|
|
21
21
|
popovers.init();
|
|
22
22
|
popover.classList.remove(popoverActiveClass);
|
|
@@ -25,10 +25,7 @@ afterEach(() => {
|
|
|
25
25
|
document.body.innerHTML = '';
|
|
26
26
|
});
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
28
|
describe('setAriaAttr function - Set correct aria attributes on trigger and popover', () => {
|
|
31
|
-
|
|
32
29
|
it('popover is active', async () => {
|
|
33
30
|
popover.classList.add(popoverActiveClass);
|
|
34
31
|
expect.assertions(2);
|
|
@@ -47,7 +44,11 @@ describe('setAriaAttr function - Set correct aria attributes on trigger and popo
|
|
|
47
44
|
describe('hide function', () => {
|
|
48
45
|
const targetElement = document.createElement('p');
|
|
49
46
|
const popoverInstance = {
|
|
50
|
-
|
|
47
|
+
state: {
|
|
48
|
+
elements: {
|
|
49
|
+
popper: popover,
|
|
50
|
+
},
|
|
51
|
+
},
|
|
51
52
|
};
|
|
52
53
|
|
|
53
54
|
it('remove active class from popover', async () => {
|
|
@@ -59,7 +60,6 @@ describe('hide function', () => {
|
|
|
59
60
|
});
|
|
60
61
|
|
|
61
62
|
describe('display popover when clicking on trigger', () => {
|
|
62
|
-
|
|
63
63
|
it('adds active class', async () => {
|
|
64
64
|
expect.assertions(1);
|
|
65
65
|
trigger.click();
|
|
@@ -68,11 +68,10 @@ describe('display popover when clicking on trigger', () => {
|
|
|
68
68
|
});
|
|
69
69
|
|
|
70
70
|
describe('hide active popover when clicking anywhere else on the page', () => {
|
|
71
|
-
|
|
72
71
|
it('removes active class', async () => {
|
|
73
72
|
expect.assertions(1);
|
|
74
73
|
trigger.click();
|
|
75
74
|
document.dispatchEvent(new Event('mousedown'));
|
|
76
75
|
expect(popover.classList.contains(popoverActiveClass)).toBe(false);
|
|
77
76
|
});
|
|
78
|
-
});
|
|
77
|
+
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<?xml version="1.0" ?>
|
|
2
2
|
<!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
|
|
3
|
-
<coverage lines-valid="
|
|
3
|
+
<coverage lines-valid="486" lines-covered="208" line-rate="0.428" branches-valid="127" branches-covered="48" branch-rate="0.37799999999999995" timestamp="1600073186504" complexity="0" version="0.1">
|
|
4
4
|
<sources>
|
|
5
5
|
<source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
|
|
6
6
|
</sources>
|
|
@@ -792,76 +792,77 @@
|
|
|
792
792
|
</class>
|
|
793
793
|
</classes>
|
|
794
794
|
</package>
|
|
795
|
-
<package name="components.popover" line-rate="0.
|
|
795
|
+
<package name="components.popover" line-rate="0.9667" branch-rate="0.8181999999999999">
|
|
796
796
|
<classes>
|
|
797
|
-
<class name="popover.js" filename="src/components/popover/popover.js" line-rate="0.
|
|
797
|
+
<class name="popover.js" filename="src/components/popover/popover.js" line-rate="0.9667" branch-rate="0.8181999999999999">
|
|
798
798
|
<methods>
|
|
799
799
|
<method name="(anonymous_0)" hits="5" signature="()V">
|
|
800
800
|
<lines>
|
|
801
|
-
<line number="
|
|
801
|
+
<line number="10" hits="5"/>
|
|
802
802
|
</lines>
|
|
803
803
|
</method>
|
|
804
804
|
<method name="(anonymous_1)" hits="1" signature="()V">
|
|
805
805
|
<lines>
|
|
806
|
-
<line number="
|
|
806
|
+
<line number="13" hits="1"/>
|
|
807
807
|
</lines>
|
|
808
808
|
</method>
|
|
809
809
|
<method name="(anonymous_2)" hits="2" signature="()V">
|
|
810
810
|
<lines>
|
|
811
|
-
<line number="
|
|
811
|
+
<line number="42" hits="2"/>
|
|
812
812
|
</lines>
|
|
813
813
|
</method>
|
|
814
814
|
<method name="(anonymous_3)" hits="1" signature="()V">
|
|
815
815
|
<lines>
|
|
816
|
-
<line number="
|
|
816
|
+
<line number="48" hits="1"/>
|
|
817
817
|
</lines>
|
|
818
818
|
</method>
|
|
819
819
|
<method name="(anonymous_4)" hits="0" signature="()V">
|
|
820
820
|
<lines>
|
|
821
|
-
<line number="
|
|
821
|
+
<line number="51" hits="0"/>
|
|
822
822
|
</lines>
|
|
823
823
|
</method>
|
|
824
824
|
<method name="(anonymous_5)" hits="2" signature="()V">
|
|
825
825
|
<lines>
|
|
826
|
-
<line number="
|
|
826
|
+
<line number="56" hits="2"/>
|
|
827
827
|
</lines>
|
|
828
828
|
</method>
|
|
829
829
|
<method name="(anonymous_6)" hits="6" signature="()V">
|
|
830
830
|
<lines>
|
|
831
|
-
<line number="
|
|
831
|
+
<line number="66" hits="6"/>
|
|
832
832
|
</lines>
|
|
833
833
|
</method>
|
|
834
834
|
</methods>
|
|
835
835
|
<lines>
|
|
836
|
-
<line number="4" hits="1" branch="false"/>
|
|
837
836
|
<line number="5" hits="1" branch="false"/>
|
|
837
|
+
<line number="6" hits="1" branch="false"/>
|
|
838
838
|
<line number="7" hits="1" branch="false"/>
|
|
839
|
-
<line number="9" hits="
|
|
839
|
+
<line number="9" hits="1" branch="false"/>
|
|
840
840
|
<line number="11" hits="5" branch="false"/>
|
|
841
|
-
<line number="
|
|
842
|
-
<line number="13" hits="1" branch="false"/>
|
|
841
|
+
<line number="13" hits="5" branch="false"/>
|
|
843
842
|
<line number="14" hits="1" branch="false"/>
|
|
844
|
-
<line number="
|
|
845
|
-
<line number="
|
|
846
|
-
<line number="
|
|
847
|
-
<line number="
|
|
848
|
-
<line number="
|
|
849
|
-
<line number="
|
|
850
|
-
<line number="
|
|
851
|
-
<line number="
|
|
852
|
-
<line number="28" hits="2" branch="false"/>
|
|
853
|
-
<line number="30" hits="1" branch="false"/>
|
|
854
|
-
<line number="31" hits="1" branch="false"/>
|
|
855
|
-
<line number="33" hits="1" branch="false"/>
|
|
856
|
-
<line number="34" hits="0" branch="false"/>
|
|
857
|
-
<line number="39" hits="2" branch="true" condition-coverage="50% (1/2)"/>
|
|
843
|
+
<line number="15" hits="1" branch="false"/>
|
|
844
|
+
<line number="16" hits="1" branch="false"/>
|
|
845
|
+
<line number="18" hits="1" branch="true" condition-coverage="50% (1/2)"/>
|
|
846
|
+
<line number="19" hits="1" branch="false"/>
|
|
847
|
+
<line number="39" hits="1" branch="false"/>
|
|
848
|
+
<line number="40" hits="1" branch="false"/>
|
|
849
|
+
<line number="42" hits="1" branch="false"/>
|
|
850
|
+
<line number="43" hits="2" branch="false"/>
|
|
858
851
|
<line number="44" hits="2" branch="false"/>
|
|
859
852
|
<line number="45" hits="2" branch="false"/>
|
|
860
|
-
<line number="
|
|
861
|
-
<line number="
|
|
862
|
-
<line number="
|
|
863
|
-
<line number="
|
|
864
|
-
<line number="
|
|
853
|
+
<line number="46" hits="2" branch="false"/>
|
|
854
|
+
<line number="48" hits="1" branch="false"/>
|
|
855
|
+
<line number="49" hits="1" branch="false"/>
|
|
856
|
+
<line number="51" hits="1" branch="false"/>
|
|
857
|
+
<line number="52" hits="0" branch="false"/>
|
|
858
|
+
<line number="57" hits="2" branch="true" condition-coverage="50% (1/2)"/>
|
|
859
|
+
<line number="62" hits="2" branch="false"/>
|
|
860
|
+
<line number="63" hits="2" branch="false"/>
|
|
861
|
+
<line number="67" hits="6" branch="true" condition-coverage="100% (2/2)"/>
|
|
862
|
+
<line number="68" hits="3" branch="false"/>
|
|
863
|
+
<line number="69" hits="3" branch="false"/>
|
|
864
|
+
<line number="71" hits="3" branch="false"/>
|
|
865
|
+
<line number="72" hits="3" branch="false"/>
|
|
865
866
|
</lines>
|
|
866
867
|
</class>
|
|
867
868
|
</classes>
|
|
@@ -396,7 +396,7 @@ export default accordion;
|
|
|
396
396
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
397
397
|
Code coverage generated by
|
|
398
398
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
399
|
-
at
|
|
399
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
400
400
|
</div>
|
|
401
401
|
</div>
|
|
402
402
|
<script src="../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../prettify.js"></script>
|
|
@@ -105,7 +105,7 @@ export default {
|
|
|
105
105
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
106
106
|
Code coverage generated by
|
|
107
107
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
108
|
-
at
|
|
108
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
109
109
|
</div>
|
|
110
110
|
</div>
|
|
111
111
|
<script src="../../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../../prettify.js"></script>
|
|
@@ -741,7 +741,7 @@ export default {
|
|
|
741
741
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
742
742
|
Code coverage generated by
|
|
743
743
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
744
|
-
at
|
|
744
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
745
745
|
</div>
|
|
746
746
|
</div>
|
|
747
747
|
<script src="../../../../prettify.js"></script>
|
|
@@ -195,7 +195,7 @@ export default {
|
|
|
195
195
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
196
196
|
Code coverage generated by
|
|
197
197
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
198
|
-
at
|
|
198
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
199
199
|
</div>
|
|
200
200
|
</div>
|
|
201
201
|
<script src="../../../../prettify.js"></script>
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
110
110
|
Code coverage generated by
|
|
111
111
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
112
|
-
at
|
|
112
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
113
113
|
</div>
|
|
114
114
|
</div>
|
|
115
115
|
<script src="../../../../prettify.js"></script>
|
|
@@ -189,7 +189,7 @@ export default fileUpload;
|
|
|
189
189
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
190
190
|
Code coverage generated by
|
|
191
191
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
192
|
-
at
|
|
192
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
193
193
|
</div>
|
|
194
194
|
</div>
|
|
195
195
|
<script src="../../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../../prettify.js"></script>
|
|
@@ -159,7 +159,7 @@ export default {
|
|
|
159
159
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
160
160
|
Code coverage generated by
|
|
161
161
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
162
|
-
at
|
|
162
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
163
163
|
</div>
|
|
164
164
|
</div>
|
|
165
165
|
<script src="../../../prettify.js"></script>
|
|
@@ -213,7 +213,7 @@ export default {
|
|
|
213
213
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
214
214
|
Code coverage generated by
|
|
215
215
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
216
|
-
at
|
|
216
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
217
217
|
</div>
|
|
218
218
|
</div>
|
|
219
219
|
<script src="../../../../prettify.js"></script>
|
|
@@ -333,7 +333,7 @@ export default {
|
|
|
333
333
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
334
334
|
Code coverage generated by
|
|
335
335
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
336
|
-
at
|
|
336
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
337
337
|
</div>
|
|
338
338
|
</div>
|
|
339
339
|
<script src="../../../../prettify.js"></script>
|
package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html
CHANGED
|
@@ -258,7 +258,7 @@ export default {
|
|
|
258
258
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
259
259
|
Code coverage generated by
|
|
260
260
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
261
|
-
at
|
|
261
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
262
262
|
</div>
|
|
263
263
|
</div>
|
|
264
264
|
<script src="../../../../prettify.js"></script>
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
125
125
|
Code coverage generated by
|
|
126
126
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
127
|
-
at
|
|
127
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
128
128
|
</div>
|
|
129
129
|
</div>
|
|
130
130
|
<script src="../../../../prettify.js"></script>
|
|
@@ -174,7 +174,7 @@ export default characterCount;
|
|
|
174
174
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
175
175
|
Code coverage generated by
|
|
176
176
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
177
|
-
at
|
|
177
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
178
178
|
</div>
|
|
179
179
|
</div>
|
|
180
180
|
<script src="../../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../prettify.js"></script>
|
|
@@ -315,7 +315,7 @@ export default modals;
|
|
|
315
315
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
316
316
|
Code coverage generated by
|
|
317
317
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
318
|
-
at
|
|
318
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
319
319
|
</div>
|
|
320
320
|
</div>
|
|
321
321
|
<script src="../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../prettify.js"></script>
|
|
@@ -144,7 +144,7 @@ export default notification;
|
|
|
144
144
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
145
145
|
Code coverage generated by
|
|
146
146
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
147
|
-
at
|
|
147
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
148
148
|
</div>
|
|
149
149
|
</div>
|
|
150
150
|
<script src="../../prettify.js"></script>
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
<div class='clearfix'>
|
|
23
23
|
|
|
24
24
|
<div class='fl pad1y space-right2'>
|
|
25
|
-
<span class="strong">96.
|
|
25
|
+
<span class="strong">96.67% </span>
|
|
26
26
|
<span class="quiet">Statements</span>
|
|
27
|
-
<span class='fraction'>
|
|
27
|
+
<span class='fraction'>29/30</span>
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
<div class='fl pad1y space-right2'>
|
|
46
|
-
<span class="strong">96.
|
|
46
|
+
<span class="strong">96.67% </span>
|
|
47
47
|
<span class="quiet">Lines</span>
|
|
48
|
-
<span class='fraction'>
|
|
48
|
+
<span class='fraction'>29/30</span>
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
|
|
@@ -73,17 +73,17 @@
|
|
|
73
73
|
</thead>
|
|
74
74
|
<tbody><tr>
|
|
75
75
|
<td class="file high" data-value="popover.js"><a href="popover.js.html">popover.js</a></td>
|
|
76
|
-
<td data-value="96.
|
|
76
|
+
<td data-value="96.67" class="pic high">
|
|
77
77
|
<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
|
|
78
78
|
</td>
|
|
79
|
-
<td data-value="96.
|
|
80
|
-
<td data-value="
|
|
79
|
+
<td data-value="96.67" class="pct high">96.67%</td>
|
|
80
|
+
<td data-value="30" class="abs high">29/30</td>
|
|
81
81
|
<td data-value="81.82" class="pct high">81.82%</td>
|
|
82
82
|
<td data-value="11" class="abs high">9/11</td>
|
|
83
83
|
<td data-value="85.71" class="pct high">85.71%</td>
|
|
84
84
|
<td data-value="7" class="abs high">6/7</td>
|
|
85
|
-
<td data-value="96.
|
|
86
|
-
<td data-value="
|
|
85
|
+
<td data-value="96.67" class="pct high">96.67%</td>
|
|
86
|
+
<td data-value="30" class="abs high">29/30</td>
|
|
87
87
|
</tr>
|
|
88
88
|
|
|
89
89
|
</tbody>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../prettify.js"></script>
|
|
@@ -22,9 +22,9 @@
|
|
|
22
22
|
<div class='clearfix'>
|
|
23
23
|
|
|
24
24
|
<div class='fl pad1y space-right2'>
|
|
25
|
-
<span class="strong">96.
|
|
25
|
+
<span class="strong">96.67% </span>
|
|
26
26
|
<span class="quiet">Statements</span>
|
|
27
|
-
<span class='fraction'>
|
|
27
|
+
<span class='fraction'>29/30</span>
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
<div class='fl pad1y space-right2'>
|
|
46
|
-
<span class="strong">96.
|
|
46
|
+
<span class="strong">96.67% </span>
|
|
47
47
|
<span class="quiet">Lines</span>
|
|
48
|
-
<span class='fraction'>
|
|
48
|
+
<span class='fraction'>29/30</span>
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
|
|
@@ -115,9 +115,29 @@
|
|
|
115
115
|
<a name='L57'></a><a href='#L57'>57</a>
|
|
116
116
|
<a name='L58'></a><a href='#L58'>58</a>
|
|
117
117
|
<a name='L59'></a><a href='#L59'>59</a>
|
|
118
|
-
<a name='L60'></a><a href='#L60'>60</a
|
|
118
|
+
<a name='L60'></a><a href='#L60'>60</a>
|
|
119
|
+
<a name='L61'></a><a href='#L61'>61</a>
|
|
120
|
+
<a name='L62'></a><a href='#L62'>62</a>
|
|
121
|
+
<a name='L63'></a><a href='#L63'>63</a>
|
|
122
|
+
<a name='L64'></a><a href='#L64'>64</a>
|
|
123
|
+
<a name='L65'></a><a href='#L65'>65</a>
|
|
124
|
+
<a name='L66'></a><a href='#L66'>66</a>
|
|
125
|
+
<a name='L67'></a><a href='#L67'>67</a>
|
|
126
|
+
<a name='L68'></a><a href='#L68'>68</a>
|
|
127
|
+
<a name='L69'></a><a href='#L69'>69</a>
|
|
128
|
+
<a name='L70'></a><a href='#L70'>70</a>
|
|
129
|
+
<a name='L71'></a><a href='#L71'>71</a>
|
|
130
|
+
<a name='L72'></a><a href='#L72'>72</a>
|
|
131
|
+
<a name='L73'></a><a href='#L73'>73</a>
|
|
132
|
+
<a name='L74'></a><a href='#L74'>74</a>
|
|
133
|
+
<a name='L75'></a><a href='#L75'>75</a>
|
|
134
|
+
<a name='L76'></a><a href='#L76'>76</a>
|
|
135
|
+
<a name='L77'></a><a href='#L77'>77</a>
|
|
136
|
+
<a name='L78'></a><a href='#L78'>78</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
119
137
|
<span class="cline-any cline-neutral"> </span>
|
|
120
138
|
<span class="cline-any cline-neutral"> </span>
|
|
139
|
+
<span class="cline-any cline-neutral"> </span>
|
|
140
|
+
<span class="cline-any cline-yes">1x</span>
|
|
121
141
|
<span class="cline-any cline-yes">1x</span>
|
|
122
142
|
<span class="cline-any cline-yes">1x</span>
|
|
123
143
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -135,6 +155,22 @@
|
|
|
135
155
|
<span class="cline-any cline-neutral"> </span>
|
|
136
156
|
<span class="cline-any cline-neutral"> </span>
|
|
137
157
|
<span class="cline-any cline-neutral"> </span>
|
|
158
|
+
<span class="cline-any cline-neutral"> </span>
|
|
159
|
+
<span class="cline-any cline-neutral"> </span>
|
|
160
|
+
<span class="cline-any cline-neutral"> </span>
|
|
161
|
+
<span class="cline-any cline-neutral"> </span>
|
|
162
|
+
<span class="cline-any cline-neutral"> </span>
|
|
163
|
+
<span class="cline-any cline-neutral"> </span>
|
|
164
|
+
<span class="cline-any cline-neutral"> </span>
|
|
165
|
+
<span class="cline-any cline-neutral"> </span>
|
|
166
|
+
<span class="cline-any cline-neutral"> </span>
|
|
167
|
+
<span class="cline-any cline-neutral"> </span>
|
|
168
|
+
<span class="cline-any cline-neutral"> </span>
|
|
169
|
+
<span class="cline-any cline-neutral"> </span>
|
|
170
|
+
<span class="cline-any cline-neutral"> </span>
|
|
171
|
+
<span class="cline-any cline-neutral"> </span>
|
|
172
|
+
<span class="cline-any cline-neutral"> </span>
|
|
173
|
+
<span class="cline-any cline-neutral"> </span>
|
|
138
174
|
<span class="cline-any cline-yes">1x</span>
|
|
139
175
|
<span class="cline-any cline-yes">1x</span>
|
|
140
176
|
<span class="cline-any cline-neutral"> </span>
|
|
@@ -175,8 +211,10 @@
|
|
|
175
211
|
<span class="cline-any cline-neutral"> </span>
|
|
176
212
|
<span class="cline-any cline-neutral"> </span>
|
|
177
213
|
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">// import Tooltip from 'tooltip.js';
|
|
178
|
-
import
|
|
214
|
+
import { createPopper } from '@popperjs/core';
|
|
215
|
+
import { size } from '../../tokens/size.json';
|
|
179
216
|
|
|
217
|
+
const baseSize = parseInt(size.baseline.value, 10);
|
|
180
218
|
const triggerClassName = 'js-mds-popover-trigger';
|
|
181
219
|
const popoverActiveClass = 'mds-popover--active';
|
|
182
220
|
|
|
@@ -190,8 +228,24 @@ const popovers = {
|
|
|
190
228
|
const popover = document.getElementById(popoverId);
|
|
191
229
|
// checking for existence of dataset eliminate bug in IE 10 as it doesn't support 'dataset'
|
|
192
230
|
const placement = popover.dataset ? popover.dataset.placement : <span class="branch-1 cbranch-no" title="branch not covered" >null;</span>
|
|
193
|
-
const popoverInstance =
|
|
231
|
+
const popoverInstance = createPopper(trigger, popover, {
|
|
194
232
|
placement: placement || 'top-end',
|
|
233
|
+
strategy: 'fixed',
|
|
234
|
+
modifiers: [
|
|
235
|
+
{
|
|
236
|
+
name: 'offset',
|
|
237
|
+
options: {
|
|
238
|
+
offset: [0, baseSize * 3],
|
|
239
|
+
},
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
// arrow will always be at least 5px away from the edge
|
|
243
|
+
name: 'arrow',
|
|
244
|
+
options: {
|
|
245
|
+
padding: 5,
|
|
246
|
+
},
|
|
247
|
+
},
|
|
248
|
+
],
|
|
195
249
|
});
|
|
196
250
|
|
|
197
251
|
trigger.setAttribute('aria-expanded', 'false');
|
|
@@ -214,7 +268,7 @@ const popovers = {
|
|
|
214
268
|
hide: (trigger, popover, popoverInstance, activeClass, element) => {
|
|
215
269
|
<span class="missing-if-branch" title="else path not taken" >E</span>if (
|
|
216
270
|
!trigger.contains(element.target) &&
|
|
217
|
-
!popoverInstance.popper.contains(element.target) &&
|
|
271
|
+
!popoverInstance.state.elements.popper.contains(element.target) &&
|
|
218
272
|
popover.classList.contains(activeClass)
|
|
219
273
|
) {
|
|
220
274
|
popover.classList.remove(activeClass);
|
|
@@ -240,7 +294,7 @@ export default popovers;
|
|
|
240
294
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
241
295
|
Code coverage generated by
|
|
242
296
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
243
|
-
at
|
|
297
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
244
298
|
</div>
|
|
245
299
|
</div>
|
|
246
300
|
<script src="../../prettify.js"></script>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
95
95
|
Code coverage generated by
|
|
96
96
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
97
|
-
at
|
|
97
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
98
98
|
</div>
|
|
99
99
|
</div>
|
|
100
100
|
<script src="../../prettify.js"></script>
|
|
@@ -99,7 +99,7 @@ export default switchState;
|
|
|
99
99
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
100
100
|
Code coverage generated by
|
|
101
101
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
102
|
-
at
|
|
102
|
+
at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
|
|
103
103
|
</div>
|
|
104
104
|
</div>
|
|
105
105
|
<script src="../../prettify.js"></script>
|