@madgex/design-system 3.9.4 → 3.9.5

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.
Files changed (54) hide show
  1. package/coverage/cobertura-coverage.xml +1 -1
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/button/button.js.html +1 -1
  5. package/coverage/components/button/index.html +1 -1
  6. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  7. package/coverage/components/inputs/combobox/index.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  9. package/coverage/components/inputs/combobox/vue-components/ComboboxInput.vue.html +1 -1
  10. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  11. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  12. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  13. package/coverage/components/inputs/file-upload/index.html +1 -1
  14. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  15. package/coverage/components/inputs/textarea/index.html +1 -1
  16. package/coverage/components/modal/index.html +1 -1
  17. package/coverage/components/modal/modal.js.html +1 -1
  18. package/coverage/components/notification/index.html +1 -1
  19. package/coverage/components/notification/notification.js.html +1 -1
  20. package/coverage/components/popover/index.html +1 -1
  21. package/coverage/components/popover/popover.js.html +1 -1
  22. package/coverage/components/switch-state/index.html +1 -1
  23. package/coverage/components/switch-state/switch-state.js.html +1 -1
  24. package/coverage/components/tabs/index.html +1 -1
  25. package/coverage/components/tabs/tabs.js.html +1 -1
  26. package/coverage/index.html +1 -1
  27. package/coverage/js/common.js.html +1 -1
  28. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  29. package/coverage/js/fractal-scripts/index.html +1 -1
  30. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  31. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  32. package/coverage/js/index-fractal.js.html +1 -1
  33. package/coverage/js/index-polyfills.js.html +1 -1
  34. package/coverage/js/index-vue.js.html +1 -1
  35. package/coverage/js/index.html +1 -1
  36. package/coverage/js/index.js.html +1 -1
  37. package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
  38. package/coverage/js/polyfills/closest.js.html +1 -1
  39. package/coverage/js/polyfills/index.html +1 -1
  40. package/coverage/js/polyfills/objectAssign.js.html +1 -1
  41. package/coverage/js/polyfills/remove.js.html +1 -1
  42. package/coverage/tokens/_config.js.html +1 -1
  43. package/coverage/tokens/index.html +1 -1
  44. package/dist/_tokens/css/_tokens.css +1 -1
  45. package/dist/_tokens/js/_tokens-module.js +1 -1
  46. package/dist/_tokens/scss/_tokens.scss +1 -1
  47. package/package.json +1 -1
  48. package/src/components/_import-MdsLibrary.njk +1 -1
  49. package/src/components/pagination/README.md +3 -3
  50. package/vue/index.js +1 -1
  51. package/vue/{index.es.js → index.mjs} +86 -47
  52. package/vue-lib/components/DynamicAnchor.vue +27 -0
  53. package/vue-lib/components/MdsPagination.vue +22 -10
  54. package/vue-lib/vite.config.js +1 -0
package/coverage/cobertura-coverage.xml CHANGED
@@ -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="571" lines-covered="99" line-rate="0.1734" branches-valid="177" branches-covered="30" branch-rate="0.16949999999999998" timestamp="1652879700340" complexity="0" version="0.1">
3
+ <coverage lines-valid="571" lines-covered="99" line-rate="0.1734" branches-valid="177" branches-covered="30" branch-rate="0.16949999999999998" timestamp="1653041940727" complexity="0" version="0.1">
4
4
  <sources>
5
5
  <source>/data/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
6
6
  </sources>
package/coverage/components/accordion/accordion.js.html CHANGED
@@ -505,7 +505,7 @@ export default accordion;
505
505
  <div class='footer quiet pad2 space-top1 center small'>
506
506
  Code coverage generated by
507
507
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
508
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
508
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
509
509
  </div>
510
510
  </div>
511
511
  <script src="../../prettify.js"></script>
package/coverage/components/accordion/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/button/button.js.html CHANGED
@@ -151,7 +151,7 @@ export default button;
151
151
  <div class='footer quiet pad2 space-top1 center small'>
152
152
  Code coverage generated by
153
153
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
154
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
154
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
155
155
  </div>
156
156
  </div>
157
157
  <script src="../../prettify.js"></script>
package/coverage/components/button/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/inputs/combobox/combobox.js.html CHANGED
@@ -112,7 +112,7 @@ export default {
112
112
  <div class='footer quiet pad2 space-top1 center small'>
113
113
  Code coverage generated by
114
114
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
115
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
115
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
116
116
  </div>
117
117
  </div>
118
118
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/combobox/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html CHANGED
@@ -946,7 +946,7 @@ export default {
946
946
  <div class='footer quiet pad2 space-top1 center small'>
947
947
  Code coverage generated by
948
948
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
949
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
949
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
950
950
  </div>
951
951
  </div>
952
952
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/ComboboxInput.vue.html CHANGED
@@ -199,7 +199,7 @@ export default {
199
199
  <div class='footer quiet pad2 space-top1 center small'>
200
200
  Code coverage generated by
201
201
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
202
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
202
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
203
203
  </div>
204
204
  </div>
205
205
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html CHANGED
@@ -214,7 +214,7 @@ export default {
214
214
  <div class='footer quiet pad2 space-top1 center small'>
215
215
  Code coverage generated by
216
216
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
217
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
217
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
218
218
  </div>
219
219
  </div>
220
220
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/combobox/vue-components/index.html CHANGED
@@ -125,7 +125,7 @@
125
125
  <div class='footer quiet pad2 space-top1 center small'>
126
126
  Code coverage generated by
127
127
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
128
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
128
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
129
129
  </div>
130
130
  </div>
131
131
  <script src="../../../../prettify.js"></script>
package/coverage/components/inputs/file-upload/file-upload.js.html CHANGED
@@ -232,7 +232,7 @@ export default fileUpload;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
235
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
235
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  </div>
238
238
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/file-upload/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/textarea/character-count.js.html CHANGED
@@ -184,7 +184,7 @@ export default characterCount;
184
184
  <div class='footer quiet pad2 space-top1 center small'>
185
185
  Code coverage generated by
186
186
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
187
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
187
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
188
188
  </div>
189
189
  </div>
190
190
  <script src="../../../prettify.js"></script>
package/coverage/components/inputs/textarea/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
package/coverage/components/modal/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/modal/modal.js.html CHANGED
@@ -322,7 +322,7 @@ export default modals;
322
322
  <div class='footer quiet pad2 space-top1 center small'>
323
323
  Code coverage generated by
324
324
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
325
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
325
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
326
326
  </div>
327
327
  </div>
328
328
  <script src="../../prettify.js"></script>
package/coverage/components/notification/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/notification/notification.js.html CHANGED
@@ -154,7 +154,7 @@ export default notification;
154
154
  <div class='footer quiet pad2 space-top1 center small'>
155
155
  Code coverage generated by
156
156
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
157
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
157
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
158
158
  </div>
159
159
  </div>
160
160
  <script src="../../prettify.js"></script>
package/coverage/components/popover/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/popover/popover.js.html CHANGED
@@ -295,7 +295,7 @@ export default popovers;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
298
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
298
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  </div>
301
301
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/switch-state.js.html CHANGED
@@ -100,7 +100,7 @@ export default switchState;
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
103
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
103
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/tabs.js.html CHANGED
@@ -583,7 +583,7 @@ export default tabs;
583
583
  <div class='footer quiet pad2 space-top1 center small'>
584
584
  Code coverage generated by
585
585
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
586
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
586
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
587
587
  </div>
588
588
  </div>
589
589
  <script src="../../prettify.js"></script>
package/coverage/index.html CHANGED
@@ -305,7 +305,7 @@
305
305
  <div class='footer quiet pad2 space-top1 center small'>
306
306
  Code coverage generated by
307
307
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
308
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
308
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
309
309
  </div>
310
310
  </div>
311
311
  <script src="prettify.js"></script>
package/coverage/js/common.js.html CHANGED
@@ -100,7 +100,7 @@
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
103
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
103
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
package/coverage/js/fractal-scripts/combobox.js.html CHANGED
@@ -316,7 +316,7 @@ export default combobox;
316
316
  <div class='footer quiet pad2 space-top1 center small'>
317
317
  Code coverage generated by
318
318
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
319
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
319
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
320
320
  </div>
321
321
  </div>
322
322
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/index.html CHANGED
@@ -125,7 +125,7 @@
125
125
  <div class='footer quiet pad2 space-top1 center small'>
126
126
  Code coverage generated by
127
127
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
128
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
128
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
129
129
  </div>
130
130
  </div>
131
131
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/notification.js.html CHANGED
@@ -133,7 +133,7 @@ export default notificationScript;
133
133
  <div class='footer quiet pad2 space-top1 center small'>
134
134
  Code coverage generated by
135
135
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
136
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
136
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
137
137
  </div>
138
138
  </div>
139
139
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/switch-state.js.html CHANGED
@@ -145,7 +145,7 @@ export default switchStateScript;
145
145
  <div class='footer quiet pad2 space-top1 center small'>
146
146
  Code coverage generated by
147
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
148
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
148
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
149
149
  </div>
150
150
  </div>
151
151
  <script src="../../prettify.js"></script>
package/coverage/js/index-fractal.js.html CHANGED
@@ -91,7 +91,7 @@ import comboboxScript from './fractal-scripts/combobox';
91
91
  <div class='footer quiet pad2 space-top1 center small'>
92
92
  Code coverage generated by
93
93
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
94
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
94
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
95
95
  </div>
96
96
  </div>
97
97
  <script src="../prettify.js"></script>
package/coverage/js/index-polyfills.js.html CHANGED
@@ -79,7 +79,7 @@ import './polyfills/arrayPrototypeFind';
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
82
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
82
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
83
83
  </div>
84
84
  </div>
85
85
  <script src="../prettify.js"></script>
package/coverage/js/index-vue.js.html CHANGED
@@ -118,7 +118,7 @@ import MdsCombobox from '../components/inputs/combobox/combobox';
118
118
  <div class='footer quiet pad2 space-top1 center small'>
119
119
  Code coverage generated by
120
120
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
121
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
121
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
122
122
  </div>
123
123
  </div>
124
124
  <script src="../prettify.js"></script>
package/coverage/js/index.html CHANGED
@@ -155,7 +155,7 @@
155
155
  <div class='footer quiet pad2 space-top1 center small'>
156
156
  Code coverage generated by
157
157
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
158
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
158
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
159
159
  </div>
160
160
  </div>
161
161
  <script src="../prettify.js"></script>
package/coverage/js/index.js.html CHANGED
@@ -145,7 +145,7 @@ import button from '../components/button/button';
145
145
  <div class='footer quiet pad2 space-top1 center small'>
146
146
  Code coverage generated by
147
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
148
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
148
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
149
149
  </div>
150
150
  </div>
151
151
  <script src="../prettify.js"></script>
package/coverage/js/polyfills/arrayPrototypeFind.js.html CHANGED
@@ -211,7 +211,7 @@
211
211
  <div class='footer quiet pad2 space-top1 center small'>
212
212
  Code coverage generated by
213
213
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
214
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
214
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
215
215
  </div>
216
216
  </div>
217
217
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/closest.js.html CHANGED
@@ -115,7 +115,7 @@
115
115
  <div class='footer quiet pad2 space-top1 center small'>
116
116
  Code coverage generated by
117
117
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
118
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
118
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
119
119
  </div>
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/index.html CHANGED
@@ -140,7 +140,7 @@
140
140
  <div class='footer quiet pad2 space-top1 center small'>
141
141
  Code coverage generated by
142
142
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
143
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
143
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
144
144
  </div>
145
145
  </div>
146
146
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/objectAssign.js.html CHANGED
@@ -163,7 +163,7 @@
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
166
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
166
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
167
167
  </div>
168
168
  </div>
169
169
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/remove.js.html CHANGED
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
88
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
88
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  </div>
91
91
  <script src="../../prettify.js"></script>
package/coverage/tokens/_config.js.html CHANGED
@@ -553,7 +553,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
553
553
  <div class='footer quiet pad2 space-top1 center small'>
554
554
  Code coverage generated by
555
555
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
556
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
556
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
557
557
  </div>
558
558
  </div>
559
559
  <script src="../prettify.js"></script>
package/coverage/tokens/index.html CHANGED
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Wed May 18 2022 13:15:00 GMT+0000 (Coordinated Universal Time)
98
+ at Fri May 20 2022 10:19:00 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../prettify.js"></script>
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 May 2022 13:15:12 GMT
3
+ * Generated on Fri, 20 May 2022 10:19:12 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 May 2022 13:15:12 GMT
3
+ * Generated on Fri, 20 May 2022 10:19:12 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 18 May 2022 13:15:12 GMT
4
+ * Generated on Fri, 20 May 2022 10:19:12 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@madgex/design-system",
3
3
  "author": "Madgex",
4
4
  "license": "UNLICENSED",
5
- "version": "3.9.4",
5
+ "version": "3.9.5",
6
6
  "scripts": {
7
7
  "clean": "rimraf dist public tokens/build",
8
8
  "commit": "commit",
package/src/components/_import-MdsLibrary.njk CHANGED
@@ -2,6 +2,6 @@
2
2
  import * as MdsLibrary from 'http://localhost:8111/lib.js';
3
3
  {% else %}
4
4
  // es convention does not automatically import `index.js` from a folder name (nodejs does this)
5
- import * as MdsLibrary from '/assets/vue/index.es.js';
5
+ import * as MdsLibrary from '/vue/index.mjs';
6
6
  {% endif %}
7
7
  import * as vue from 'vue';
package/src/components/pagination/README.md CHANGED
@@ -35,9 +35,9 @@ As for the links, since they can be read out of context of the page, it is impor
35
35
 
36
36
  ## Props
37
37
 
38
- - `prevUrl`: `String` - Url of the previous link. _Optional prop_, default value: `''`.
39
- - `nextUrl`: `String` - Url of the next link. _Optional prop_, default value: `''`.
40
- - `backToUrl`: `String` - Url of the "back to" link. _Optional prop_, default value: `''`.
38
+ - `prevUrl`: `String` or `Object` - Url string or vue-router RouterLink object of the previous link. _Optional prop_, default value: `null`.
39
+ - `nextUrl`: `String` or `Object` - Url string or vue-router RouterLink object of the next link. _Optional prop_, default value: `null`.
40
+ - `backToUrl`: `String` or `Object` - Url string or vue-router RouterLink object of the "back to" link. _Optional prop_, default value: `null`.
41
41
  - `hideIcons`: `Boolean` - Hide caret icons. _Optional_, default value: `false`.
42
42
  - `classes`: `String` - Add extra CSS classes to the component. _Optional prop_, default value: `''`.
43
43
  - `prevExtraLabel`: `String` - Extra label of the previous link (i.e. title of the page). _Optional_, default value: `''`.
package/vue/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const g=["href"],p={key:0,class:"mds-visually-hidden"},d={props:{iconName:{type:String,required:!0,default:""},classes:{type:String,default:""},path:{type:String,default:""},visuallyHiddenLabel:{type:String,default:""},hasContainer:{type:Boolean,default:!1},containerClasses:{type:String,default:""}},setup(t){const n=t,s=e.computed(()=>n.hasContainer?`mds-icon-container ${n.containerClasses}`:""),o=e.computed(()=>`${n.path}#icon-${n.iconName}`);return(r,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",focusable:"false",class:e.normalizeClass(["mds-icon",`mds-icon--${t.iconName} ${t.classes}`])},[e.createElementVNode("use",{href:e.unref(o)},null,8,g)],2)),t.visuallyHiddenLabel?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.visuallyHiddenLabel),1)):e.createCommentVNode("",!0)],2))}};function m(t,n=255,s,o){if(t==null||t===!1)return"";if(t.length<=n)return t;let r=t;if(s)r=r.substring(0,n);else{let i=r.lastIndexOf(" ",n);i===-1&&(i=n),r=r.substring(0,i)}return r+=o!=null?o:"...",r.toString()}const y=["aria-label"],h={class:"mds-float-left"},v=["href","aria-label"],x={key:0,class:"mds-float-left"},L=["href","aria-label"],B={key:1,class:"mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"},E={key:1},N=["href","aria-label"],S={key:0,class:"mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"},C={props:{prevUrl:{type:String,default:""},nextUrl:{type:String,default:""},backToUrl:{type:String,default:""},hideIcons:{type:Boolean,default:!1},classes:{type:String,default:""},prevExtraLabel:{type:String,defult:""},nextExtraLabel:{type:String,default:""},i18n:{type:Object,default:null}},setup(t){const n=t,s=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.navAriaLabel)!=null?a:"Pagination"}),o=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToLabel)!=null?a:"Results"}),r=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToAriaLabel)!=null?a:"Back to results"}),i=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.prevLabel)!=null?a:"Previous"}),b=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.prevAriaLabel)!=null?c:"Previous Page",n.prevExtraLabel].filter(u=>!!u).join(" - ")}),f=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.nextLabel)!=null?a:"Next"}),k=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.nextAriaLabel)!=null?c:"Next Page",n.nextExtraLabel].filter(u=>!!u).join(" - ")});return(l,a)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":e.unref(s)},[e.createElementVNode("ul",{class:e.normalizeClass(["mds-pagination mds-text-align-right",t.classes])},[e.createElementVNode("li",h,[t.backToUrl&&e.unref(o)?(e.openBlock(),e.createElementBlock("a",{key:0,class:"mds-pagination__link mds-pagination__link--back",href:t.backToUrl,"aria-label":e.unref(r)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createTextVNode(e.toDisplayString(e.unref(m)(e.unref(o),40)),1)],8,v)):e.createCommentVNode("",!0)]),t.prevUrl&&e.unref(i)?(e.openBlock(),e.createElementBlock("li",x,[e.createElementVNode("a",{href:t.prevUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(b)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)),1),t.prevExtraLabel?(e.openBlock(),e.createElementBlock("strong",B,e.toDisplayString(e.unref(m)(t.prevExtraLabel,40)),1)):e.createCommentVNode("",!0)],8,L)])):e.createCommentVNode("",!0),t.nextUrl&&e.unref(f)?(e.openBlock(),e.createElementBlock("li",E,[e.createElementVNode("a",{href:t.nextUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(k)},[t.nextExtraLabel?(e.openBlock(),e.createElementBlock("strong",S,e.toDisplayString(e.unref(m)(t.nextExtraLabel,40)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)),1),t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:1,"icon-name":"chevron-right",classes:"mds-icon--after"}))],8,N)])):e.createCommentVNode("",!0)],2)],8,y))}};exports.MdsIcon=d;exports.MdsPagination=C;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const p=["href"],y={key:0,class:"mds-visually-hidden"},u={props:{iconName:{type:String,required:!0,default:""},classes:{type:String,default:""},path:{type:String,default:""},visuallyHiddenLabel:{type:String,default:""},hasContainer:{type:Boolean,default:!1},containerClasses:{type:String,default:""}},setup(t){const a=t,i=e.computed(()=>a.hasContainer?`mds-icon-container ${a.containerClasses}`:""),o=e.computed(()=>`${a.path}#icon-${a.iconName}`);return(r,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(i))},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",focusable:"false",class:e.normalizeClass(["mds-icon",`mds-icon--${t.iconName} ${t.classes}`])},[e.createElementVNode("use",{href:e.unref(o)},null,8,p)],2)),t.visuallyHiddenLabel?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.visuallyHiddenLabel),1)):e.createCommentVNode("",!0)],2))}},m={props:{to:{type:[String,Object],default:null},tag:{type:String,default:null}},setup(t){const a=t,i=e.computed(()=>a.tag?a.tag:typeof a.to=="string"?"a":"RouterLink");return(o,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),{to:e.unref(i)!=="a"?t.to:void 0,href:e.unref(i)==="a"?t.to:void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["to","href"]))}};function f(t,a=255,i,o){if(t==null||t===!1)return"";if(t.length<=a)return t;let r=t;if(i)r=r.substring(0,a);else{let c=r.lastIndexOf(" ",a);c===-1&&(c=a),r=r.substring(0,c)}return r+=o!=null?o:"...",r.toString()}const h=["aria-label"],x={class:"mds-float-left"},v={key:0,class:"mds-float-left"},L={key:1,class:"mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"},B={key:1},C={key:0,class:"mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"},S={props:{prevUrl:{type:[String,Object],default:null},nextUrl:{type:[String,Object],default:null},backToUrl:{type:[String,Object],default:null},hideIcons:{type:Boolean,default:!1},classes:{type:String,default:""},prevExtraLabel:{type:String,defult:""},nextExtraLabel:{type:String,default:""},i18n:{type:Object,default:null}},setup(t){const a=t,i=e.computed(()=>{var l,n;return(n=(l=a.i18n)==null?void 0:l.navAriaLabel)!=null?n:"Pagination"}),o=e.computed(()=>{var l,n;return(n=(l=a.i18n)==null?void 0:l.backToLabel)!=null?n:"Results"}),r=e.computed(()=>{var l,n;return(n=(l=a.i18n)==null?void 0:l.backToAriaLabel)!=null?n:"Back to results"}),c=e.computed(()=>{var l,n;return(n=(l=a.i18n)==null?void 0:l.prevLabel)!=null?n:"Previous"}),k=e.computed(()=>{var n,s;return[(s=(n=a.i18n)==null?void 0:n.prevAriaLabel)!=null?s:"Previous Page",a.prevExtraLabel].filter(d=>!!d).join(" - ")}),b=e.computed(()=>{var l,n;return(n=(l=a.i18n)==null?void 0:l.nextLabel)!=null?n:"Next"}),g=e.computed(()=>{var n,s;return[(s=(n=a.i18n)==null?void 0:n.nextAriaLabel)!=null?s:"Next Page",a.nextExtraLabel].filter(d=>!!d).join(" - ")});return(l,n)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":e.unref(i)},[e.createElementVNode("ul",{class:e.normalizeClass(["mds-pagination mds-text-align-right",t.classes])},[e.createElementVNode("li",x,[t.backToUrl&&e.unref(o)?(e.openBlock(),e.createBlock(m,{key:0,to:t.backToUrl,class:"mds-pagination__link mds-pagination__link--back","aria-label":e.unref(r)},{default:e.withCtx(()=>[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createTextVNode(e.toDisplayString(e.unref(f)(e.unref(o),40)),1)]),_:1},8,["to","aria-label"])):e.createCommentVNode("",!0)]),t.prevUrl&&e.unref(c)?(e.openBlock(),e.createElementBlock("li",v,[e.createVNode(m,{to:t.prevUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(k)},{default:e.withCtx(()=>[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createElementVNode("span",null,e.toDisplayString(e.unref(c)),1),t.prevExtraLabel?(e.openBlock(),e.createElementBlock("strong",L,e.toDisplayString(e.unref(f)(t.prevExtraLabel,40)),1)):e.createCommentVNode("",!0)]),_:1},8,["to","aria-label"])])):e.createCommentVNode("",!0),t.nextUrl&&e.unref(b)?(e.openBlock(),e.createElementBlock("li",B,[e.createVNode(m,{to:t.nextUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(g)},{default:e.withCtx(()=>[t.nextExtraLabel?(e.openBlock(),e.createElementBlock("strong",C,e.toDisplayString(e.unref(f)(t.nextExtraLabel,40)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(e.unref(b)),1),t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(u,{key:1,"icon-name":"chevron-right",classes:"mds-icon--after"}))]),_:1},8,["to","aria-label"])])):e.createCommentVNode("",!0)],2)],8,h))}};exports.MdsIcon=u;exports.MdsPagination=S;
package/vue/{index.es.js → index.mjs} RENAMED
@@ -1,10 +1,10 @@
1
- import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from "vue";
1
+ import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock, resolveDynamicComponent, withCtx, renderSlot, createTextVNode, createVNode } from "vue";
2
2
  const _hoisted_1$1 = ["href"];
3
3
  const _hoisted_2$1 = {
4
4
  key: 0,
5
5
  class: "mds-visually-hidden"
6
6
  };
7
- const _sfc_main$1 = {
7
+ const _sfc_main$2 = {
8
8
  props: {
9
9
  iconName: { type: String, required: true, default: "" },
10
10
  classes: { type: String, default: "" },
@@ -37,6 +37,39 @@ const _sfc_main$1 = {
37
37
  };
38
38
  }
39
39
  };
40
+ const _sfc_main$1 = {
41
+ props: {
42
+ to: {
43
+ type: [String, Object],
44
+ default: null
45
+ },
46
+ tag: {
47
+ type: String,
48
+ default: null
49
+ }
50
+ },
51
+ setup(__props) {
52
+ const props = __props;
53
+ const dynamicTag = computed(() => {
54
+ if (props.tag)
55
+ return props.tag;
56
+ if (typeof props.to === "string")
57
+ return "a";
58
+ return "RouterLink";
59
+ });
60
+ return (_ctx, _cache) => {
61
+ return openBlock(), createBlock(resolveDynamicComponent(unref(dynamicTag)), {
62
+ to: unref(dynamicTag) !== "a" ? __props.to : void 0,
63
+ href: unref(dynamicTag) === "a" ? __props.to : void 0
64
+ }, {
65
+ default: withCtx(() => [
66
+ renderSlot(_ctx.$slots, "default")
67
+ ]),
68
+ _: 3
69
+ }, 8, ["to", "href"]);
70
+ };
71
+ }
72
+ };
40
73
  function truncate(input, length = 255, killwords, end) {
41
74
  if (input === null || input === void 0 || input === false) {
42
75
  return "";
@@ -59,27 +92,24 @@ function truncate(input, length = 255, killwords, end) {
59
92
  }
60
93
  const _hoisted_1 = ["aria-label"];
61
94
  const _hoisted_2 = { class: "mds-float-left" };
62
- const _hoisted_3 = ["href", "aria-label"];
63
- const _hoisted_4 = {
95
+ const _hoisted_3 = {
64
96
  key: 0,
65
97
  class: "mds-float-left"
66
98
  };
67
- const _hoisted_5 = ["href", "aria-label"];
68
- const _hoisted_6 = {
99
+ const _hoisted_4 = {
69
100
  key: 1,
70
101
  class: "mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"
71
102
  };
72
- const _hoisted_7 = { key: 1 };
73
- const _hoisted_8 = ["href", "aria-label"];
74
- const _hoisted_9 = {
103
+ const _hoisted_5 = { key: 1 };
104
+ const _hoisted_6 = {
75
105
  key: 0,
76
106
  class: "mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"
77
107
  };
78
108
  const _sfc_main = {
79
109
  props: {
80
- prevUrl: { type: String, default: "" },
81
- nextUrl: { type: String, default: "" },
82
- backToUrl: { type: String, default: "" },
110
+ prevUrl: { type: [String, Object], default: null },
111
+ nextUrl: { type: [String, Object], default: null },
112
+ backToUrl: { type: [String, Object], default: null },
83
113
  hideIcons: { type: Boolean, default: false },
84
114
  classes: { type: String, default: "" },
85
115
  prevExtraLabel: { type: String, defult: "" },
@@ -124,53 +154,62 @@ const _sfc_main = {
124
154
  class: normalizeClass(["mds-pagination mds-text-align-right", __props.classes])
125
155
  }, [
126
156
  createElementVNode("li", _hoisted_2, [
127
- __props.backToUrl && unref(backToLabel) ? (openBlock(), createElementBlock("a", {
157
+ __props.backToUrl && unref(backToLabel) ? (openBlock(), createBlock(_sfc_main$1, {
128
158
  key: 0,
159
+ to: __props.backToUrl,
129
160
  class: "mds-pagination__link mds-pagination__link--back",
130
- href: __props.backToUrl,
131
161
  "aria-label": unref(backToAriaLabel)
132
- }, [
133
- !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
134
- key: 0,
135
- "icon-name": "chevron-left",
136
- classes: "mds-icon--before"
137
- })) : createCommentVNode("", true),
138
- createTextVNode(toDisplayString(unref(truncate)(unref(backToLabel), 40)), 1)
139
- ], 8, _hoisted_3)) : createCommentVNode("", true)
162
+ }, {
163
+ default: withCtx(() => [
164
+ !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$2, {
165
+ key: 0,
166
+ "icon-name": "chevron-left",
167
+ classes: "mds-icon--before"
168
+ })) : createCommentVNode("", true),
169
+ createTextVNode(toDisplayString(unref(truncate)(unref(backToLabel), 40)), 1)
170
+ ]),
171
+ _: 1
172
+ }, 8, ["to", "aria-label"])) : createCommentVNode("", true)
140
173
  ]),
141
- __props.prevUrl && unref(prevLabel) ? (openBlock(), createElementBlock("li", _hoisted_4, [
142
- createElementVNode("a", {
143
- href: __props.prevUrl,
174
+ __props.prevUrl && unref(prevLabel) ? (openBlock(), createElementBlock("li", _hoisted_3, [
175
+ createVNode(_sfc_main$1, {
176
+ to: __props.prevUrl,
144
177
  class: "mds-pagination__link mds-pagination__link--background",
145
178
  "aria-label": unref(prevAriaLabel)
146
- }, [
147
- !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
148
- key: 0,
149
- "icon-name": "chevron-left",
150
- classes: "mds-icon--before"
151
- })) : createCommentVNode("", true),
152
- createElementVNode("span", null, toDisplayString(unref(prevLabel)), 1),
153
- __props.prevExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString(unref(truncate)(__props.prevExtraLabel, 40)), 1)) : createCommentVNode("", true)
154
- ], 8, _hoisted_5)
179
+ }, {
180
+ default: withCtx(() => [
181
+ !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$2, {
182
+ key: 0,
183
+ "icon-name": "chevron-left",
184
+ classes: "mds-icon--before"
185
+ })) : createCommentVNode("", true),
186
+ createElementVNode("span", null, toDisplayString(unref(prevLabel)), 1),
187
+ __props.prevExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_4, toDisplayString(unref(truncate)(__props.prevExtraLabel, 40)), 1)) : createCommentVNode("", true)
188
+ ]),
189
+ _: 1
190
+ }, 8, ["to", "aria-label"])
155
191
  ])) : createCommentVNode("", true),
156
- __props.nextUrl && unref(nextLabel) ? (openBlock(), createElementBlock("li", _hoisted_7, [
157
- createElementVNode("a", {
158
- href: __props.nextUrl,
192
+ __props.nextUrl && unref(nextLabel) ? (openBlock(), createElementBlock("li", _hoisted_5, [
193
+ createVNode(_sfc_main$1, {
194
+ to: __props.nextUrl,
159
195
  class: "mds-pagination__link mds-pagination__link--background",
160
196
  "aria-label": unref(nextAriaLabel)
161
- }, [
162
- __props.nextExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_9, toDisplayString(unref(truncate)(__props.nextExtraLabel, 40)), 1)) : createCommentVNode("", true),
163
- createElementVNode("span", null, toDisplayString(unref(nextLabel)), 1),
164
- !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
165
- key: 1,
166
- "icon-name": "chevron-right",
167
- classes: "mds-icon--after"
168
- })) : createCommentVNode("", true)
169
- ], 8, _hoisted_8)
197
+ }, {
198
+ default: withCtx(() => [
199
+ __props.nextExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString(unref(truncate)(__props.nextExtraLabel, 40)), 1)) : createCommentVNode("", true),
200
+ createElementVNode("span", null, toDisplayString(unref(nextLabel)), 1),
201
+ !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$2, {
202
+ key: 1,
203
+ "icon-name": "chevron-right",
204
+ classes: "mds-icon--after"
205
+ })) : createCommentVNode("", true)
206
+ ]),
207
+ _: 1
208
+ }, 8, ["to", "aria-label"])
170
209
  ])) : createCommentVNode("", true)
171
210
  ], 2)
172
211
  ], 8, _hoisted_1);
173
212
  };
174
213
  }
175
214
  };
176
- export { _sfc_main$1 as MdsIcon, _sfc_main as MdsPagination };
215
+ export { _sfc_main$2 as MdsIcon, _sfc_main as MdsPagination };
package/vue-lib/components/DynamicAnchor.vue ADDED
@@ -0,0 +1,27 @@
1
+ <template>
2
+ <component :is="dynamicTag" :to="dynamicTag !== 'a' ? to : undefined" :href="dynamicTag === 'a' ? to : undefined">
3
+ <slot />
4
+ </component>
5
+ </template>
6
+
7
+ <script setup>
8
+ import { computed } from 'vue';
9
+
10
+ /* eslint-disable no-undef */
11
+ const props = defineProps({
12
+ to: {
13
+ type: [String, Object],
14
+ default: null,
15
+ },
16
+ tag: {
17
+ type: String,
18
+ default: null,
19
+ },
20
+ });
21
+ const dynamicTag = computed(() => {
22
+ if (props.tag) return props.tag;
23
+
24
+ if (typeof props.to === 'string') return 'a';
25
+ return 'RouterLink';
26
+ });
27
+ </script>
package/vue-lib/components/MdsPagination.vue CHANGED
@@ -2,18 +2,22 @@
2
2
  <nav :aria-label="navAriaLabel">
3
3
  <ul class="mds-pagination mds-text-align-right" :class="classes">
4
4
  <li class="mds-float-left">
5
- <a
5
+ <DynamicAnchor
6
6
  v-if="backToUrl && backToLabel"
7
+ :to="backToUrl"
7
8
  class="mds-pagination__link mds-pagination__link--back"
8
- :href="backToUrl"
9
9
  :aria-label="backToAriaLabel"
10
10
  ><MdsIcon v-if="!hideIcons" icon-name="chevron-left" classes="mds-icon--before" />{{
11
11
  truncate(backToLabel, 40)
12
12
  }}
13
- </a>
13
+ </DynamicAnchor>
14
14
  </li>
15
15
  <li v-if="prevUrl && prevLabel" class="mds-float-left">
16
- <a :href="prevUrl" class="mds-pagination__link mds-pagination__link--background" :aria-label="prevAriaLabel">
16
+ <DynamicAnchor
17
+ :to="prevUrl"
18
+ class="mds-pagination__link mds-pagination__link--background"
19
+ :aria-label="prevAriaLabel"
20
+ >
17
21
  <MdsIcon v-if="!hideIcons" icon-name="chevron-left" classes="mds-icon--before" />
18
22
  <span>{{ prevLabel }}</span>
19
23
  <strong
@@ -21,10 +25,14 @@
21
25
  class="mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"
22
26
  >{{ truncate(prevExtraLabel, 40) }}</strong
23
27
  >
24
- </a>
28
+ </DynamicAnchor>
25
29
  </li>
26
30
  <li v-if="nextUrl && nextLabel">
27
- <a :href="nextUrl" class="mds-pagination__link mds-pagination__link--background" :aria-label="nextAriaLabel">
31
+ <DynamicAnchor
32
+ :to="nextUrl"
33
+ class="mds-pagination__link mds-pagination__link--background"
34
+ :aria-label="nextAriaLabel"
35
+ >
28
36
  <strong
29
37
  v-if="nextExtraLabel"
30
38
  class="mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"
@@ -32,7 +40,7 @@
32
40
  >
33
41
  <span>{{ nextLabel }}</span>
34
42
  <MdsIcon v-if="!hideIcons" icon-name="chevron-right" classes="mds-icon--after" />
35
- </a>
43
+ </DynamicAnchor>
36
44
  </li>
37
45
  </ul>
38
46
  </nav>
@@ -41,13 +49,14 @@
41
49
  <script setup>
42
50
  import { computed } from 'vue';
43
51
  import MdsIcon from './MdsIcon.vue';
52
+ import DynamicAnchor from './DynamicAnchor.vue';
44
53
  import { truncate } from '../utils';
45
54
 
46
55
  // eslint-disable-next-line no-undef
47
56
  const props = defineProps({
48
- prevUrl: { type: String, default: '' },
49
- nextUrl: { type: String, default: '' },
50
- backToUrl: { type: String, default: '' },
57
+ prevUrl: { type: [String, Object], default: null },
58
+ nextUrl: { type: [String, Object], default: null },
59
+ backToUrl: { type: [String, Object], default: null },
51
60
  hideIcons: { type: Boolean, default: false },
52
61
  classes: { type: String, default: '' },
53
62
  prevExtraLabel: { type: String, defult: '' },
@@ -58,12 +67,14 @@ const props = defineProps({
58
67
  const navAriaLabel = computed(() => {
59
68
  return props.i18n?.navAriaLabel ?? 'Pagination';
60
69
  });
70
+
61
71
  const backToLabel = computed(() => {
62
72
  return props.i18n?.backToLabel ?? 'Results';
63
73
  });
64
74
  const backToAriaLabel = computed(() => {
65
75
  return props.i18n?.backToAriaLabel ?? 'Back to results';
66
76
  });
77
+
67
78
  const prevLabel = computed(() => {
68
79
  return props.i18n?.prevLabel ?? 'Previous';
69
80
  });
@@ -72,6 +83,7 @@ const prevAriaLabel = computed(() => {
72
83
 
73
84
  return [ariaLabel, props.prevExtraLabel].filter((i) => !!i).join(' - ');
74
85
  });
86
+
75
87
  const nextLabel = computed(() => {
76
88
  return props.i18n?.nextLabel ?? 'Next';
77
89
  });
package/vue-lib/vite.config.js CHANGED
@@ -26,6 +26,7 @@ export default defineConfig({
26
26
  fileName: (format) => {
27
27
  // nice import name for cjs format: import * as MdsLibrary from '@madgex/design-system/vue';
28
28
  if (format === 'cjs') return 'index.js';
29
+ if (format === 'es') return 'index.mjs';
29
30
  return `index.${format}.js`;
30
31
  },
31
32
  },