@madgex/design-system 3.9.1 → 3.9.2
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/README.md +16 -2
- package/coverage/cobertura-coverage.xml +1 -1
- package/coverage/components/accordion/accordion.js.html +1 -1
- package/coverage/components/accordion/index.html +1 -1
- package/coverage/components/button/button.js.html +1 -1
- package/coverage/components/button/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/ComboboxInput.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/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 +1 -1
- package/coverage/components/popover/popover.js.html +1 -1
- 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 +1 -1
- 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/arrayPrototypeFind.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/objectAssign.js.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/fractal.js +5 -4
- package/package.json +1 -1
- package/src/components/_import-MdsLibrary.njk +7 -0
- package/src/components/_preview.njk +4 -2
- package/src/components/icons/icons.njk +2 -2
- package/src/components/pagination/pagination.njk +2 -2
- package/vite-build/vite.config.js +7 -2
- package/vite-build/vue-dev.js +6 -0
- package/vite-build/vue-lib.js +1 -5
- package/vue/index.cjs.js +1 -0
- package/vue/{vue.es.js → index.js} +0 -2
- package/src/components/import-MdsLibrary.njk +0 -5
- package/vue/vue.umd.js +0 -1
package/README.md
CHANGED
|
@@ -79,16 +79,30 @@ Then you should be able to use components as such:
|
|
|
79
79
|
|
|
80
80
|
Note you'll need the scss for the component styles.
|
|
81
81
|
|
|
82
|
+
## Working with [vue.js](https://vuejs.org/)
|
|
83
|
+
|
|
84
|
+
Install the design system package. Then import components as you require like so:
|
|
85
|
+
|
|
86
|
+
```html
|
|
87
|
+
<template>
|
|
88
|
+
<MdsPagination />
|
|
89
|
+
</template>
|
|
90
|
+
<script setup>
|
|
91
|
+
import { MdsPagination } from '@madgex/design-system/vue/index.js';
|
|
92
|
+
</script>
|
|
93
|
+
```
|
|
94
|
+
|
|
82
95
|
## Releases
|
|
83
96
|
|
|
84
97
|
With every commit to `master` the build server attempts to create a new version using [semantic-release](https://semantic-release.gitbook.io/semantic-release/) and deploys to [npm](https://npmjs.org) as [@madgex/design-system](https://www.npmjs.com/package/@madgex/design-system).
|
|
85
98
|
|
|
86
99
|
## Local Development with jobseekers-frontend
|
|
87
|
-
|
|
100
|
+
|
|
101
|
+
You can see your changes to the jobseekers-frontend in a local dev enviroment by using npm link.
|
|
88
102
|
|
|
89
103
|
```bash
|
|
90
104
|
cd [your local path]/madgex-design-system
|
|
91
105
|
npm link
|
|
92
106
|
cd [your local path]/jobseekers-frontend
|
|
93
107
|
npm link npm link @madgex/design-system
|
|
94
|
-
```
|
|
108
|
+
```
|
|
@@ -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="570" lines-covered="99" line-rate="0.17370000000000002" branches-valid="177" branches-covered="30" branch-rate="0.16949999999999998" timestamp="
|
|
3
|
+
<coverage lines-valid="570" lines-covered="99" line-rate="0.17370000000000002" branches-valid="177" branches-covered="30" branch-rate="0.16949999999999998" timestamp="1652860498209" complexity="0" version="0.1">
|
|
4
4
|
<sources>
|
|
5
5
|
<source>/data/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
|
|
6
6
|
</sources>
|
|
@@ -502,7 +502,7 @@ export default accordion;
|
|
|
502
502
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
503
503
|
Code coverage generated by
|
|
504
504
|
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
505
|
-
at
|
|
505
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
506
506
|
</div>
|
|
507
507
|
</div>
|
|
508
508
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
154
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
155
155
|
</div>
|
|
156
156
|
</div>
|
|
157
157
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
115
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
116
116
|
</div>
|
|
117
117
|
</div>
|
|
118
118
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
949
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
950
950
|
</div>
|
|
951
951
|
</div>
|
|
952
952
|
<script src="../../../../prettify.js"></script>
|
|
@@ -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
|
|
202
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
203
203
|
</div>
|
|
204
204
|
</div>
|
|
205
205
|
<script src="../../../../prettify.js"></script>
|
|
@@ -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
|
|
217
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
218
218
|
</div>
|
|
219
219
|
</div>
|
|
220
220
|
<script src="../../../../prettify.js"></script>
|
|
@@ -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
|
|
128
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
129
129
|
</div>
|
|
130
130
|
</div>
|
|
131
131
|
<script src="../../../../prettify.js"></script>
|
|
@@ -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
|
|
235
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
236
236
|
</div>
|
|
237
237
|
</div>
|
|
238
238
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
187
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
188
188
|
</div>
|
|
189
189
|
</div>
|
|
190
190
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
325
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
326
326
|
</div>
|
|
327
327
|
</div>
|
|
328
328
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
157
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
158
158
|
</div>
|
|
159
159
|
</div>
|
|
160
160
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
298
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
299
299
|
</div>
|
|
300
300
|
</div>
|
|
301
301
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
103
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
104
104
|
</div>
|
|
105
105
|
</div>
|
|
106
106
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
586
|
+
at Wed May 18 2022 07:54:58 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
|
|
308
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
309
309
|
</div>
|
|
310
310
|
</div>
|
|
311
311
|
<script src="prettify.js"></script>
|
|
@@ -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
|
|
103
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
104
104
|
</div>
|
|
105
105
|
</div>
|
|
106
106
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
319
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
320
320
|
</div>
|
|
321
321
|
</div>
|
|
322
322
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
128
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
129
129
|
</div>
|
|
130
130
|
</div>
|
|
131
131
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
136
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
137
137
|
</div>
|
|
138
138
|
</div>
|
|
139
139
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
148
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
149
149
|
</div>
|
|
150
150
|
</div>
|
|
151
151
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
94
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
97
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
82
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
83
83
|
</div>
|
|
84
84
|
</div>
|
|
85
85
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
121
|
+
at Wed May 18 2022 07:54:58 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
|
|
158
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
159
159
|
</div>
|
|
160
160
|
</div>
|
|
161
161
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
148
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
149
149
|
</div>
|
|
150
150
|
</div>
|
|
151
151
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
214
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
215
215
|
</div>
|
|
216
216
|
</div>
|
|
217
217
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
118
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
119
119
|
</div>
|
|
120
120
|
</div>
|
|
121
121
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
143
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
144
144
|
</div>
|
|
145
145
|
</div>
|
|
146
146
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
166
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
167
167
|
</div>
|
|
168
168
|
</div>
|
|
169
169
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
88
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
|
91
91
|
<script src="../../prettify.js"></script>
|
|
@@ -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
|
|
556
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
557
557
|
</div>
|
|
558
558
|
</div>
|
|
559
559
|
<script src="../prettify.js"></script>
|
|
@@ -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
|
|
98
|
+
at Wed May 18 2022 07:54:58 GMT+0000 (Coordinated Universal Time)
|
|
99
99
|
</div>
|
|
100
100
|
</div>
|
|
101
101
|
<script src="../prettify.js"></script>
|
package/fractal.js
CHANGED
|
@@ -96,6 +96,11 @@ madgexTheme.addLoadPath(`${__dirname}/fractal-theme/views`);
|
|
|
96
96
|
*/
|
|
97
97
|
madgexTheme.addStatic(`${__dirname}/fractal-theme/assets`, '/assets');
|
|
98
98
|
|
|
99
|
+
/**
|
|
100
|
+
* Add vue library to assets route
|
|
101
|
+
*/
|
|
102
|
+
madgexTheme.addStatic(`${__dirname}/vue`, '/assets/vue-library');
|
|
103
|
+
|
|
99
104
|
fractal.web.theme(madgexTheme);
|
|
100
105
|
|
|
101
106
|
/**
|
|
@@ -104,10 +109,6 @@ fractal.web.theme(madgexTheme);
|
|
|
104
109
|
fractal.web.set('server.port', 4000);
|
|
105
110
|
fractal.web.set('server.sync', true);
|
|
106
111
|
|
|
107
|
-
fractal.web.set('server.syncOptions', {
|
|
108
|
-
serveStatic: [{ route: '/vue-library', dir: path.join(__dirname, '/vue') }],
|
|
109
|
-
});
|
|
110
|
-
|
|
111
112
|
/**
|
|
112
113
|
* Prevent warnings "a promise was created in a handler but was not returned from it"
|
|
113
114
|
* caused by Nunjucks from polluting the console
|
package/package.json
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{% if isDev %}
|
|
2
|
+
import * as MdsLibrary from 'http://localhost:8111/vue-lib.js';
|
|
3
|
+
{% else %}
|
|
4
|
+
// es convention does not automatically import `index.js` from a folder name (nodejs does this)
|
|
5
|
+
import * as MdsLibrary from '/assets/vue-library/index.js';
|
|
6
|
+
{% endif %}
|
|
7
|
+
import * as vue from 'vue';
|
|
@@ -15,15 +15,17 @@
|
|
|
15
15
|
Simulating usage in a normal vue comsumer app
|
|
16
16
|
#}
|
|
17
17
|
<script async src="https://unpkg.com/es-module-shims@1"></script>
|
|
18
|
-
{% if not isDev %}
|
|
19
18
|
<script type="importmap">
|
|
20
19
|
{
|
|
21
20
|
"imports": {
|
|
21
|
+
{% if isDev %}
|
|
22
|
+
"vue": "http://localhost:8111/vue-dev.js"
|
|
23
|
+
{%else %}
|
|
22
24
|
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
|
|
25
|
+
{% endif %}
|
|
23
26
|
}
|
|
24
27
|
}
|
|
25
28
|
</script>
|
|
26
|
-
{% endif %}
|
|
27
29
|
</head>
|
|
28
30
|
<body style="padding: 30px;">
|
|
29
31
|
{# inline svg icons, available to MdsIcon in every preview page #}
|
|
@@ -204,8 +204,8 @@
|
|
|
204
204
|
|
|
205
205
|
|
|
206
206
|
<script type="module">
|
|
207
|
-
{% include '
|
|
208
|
-
const {
|
|
207
|
+
{% include '_import-MdsLibrary.njk' %}
|
|
208
|
+
const { MdsIcon } = MdsLibrary;
|
|
209
209
|
|
|
210
210
|
const variants = [
|
|
211
211
|
{ id: 'size-sm', iconName: 'star-fill', classes: 'mds-icon--sm' },
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
<div id="vue-{{id}}"></div>
|
|
24
24
|
|
|
25
25
|
<script type="module">
|
|
26
|
-
{% include '
|
|
27
|
-
const {
|
|
26
|
+
{% include '_import-MdsLibrary.njk' %}
|
|
27
|
+
const { MdsPagination} = MdsLibrary;
|
|
28
28
|
|
|
29
29
|
vue.createApp({
|
|
30
30
|
components: { MdsPagination },
|
|
@@ -22,14 +22,19 @@ export default defineConfig({
|
|
|
22
22
|
lib: {
|
|
23
23
|
entry: vueLibPath,
|
|
24
24
|
name: 'MadgexDesignSystem',
|
|
25
|
-
|
|
25
|
+
formats: ['es', 'cjs'],
|
|
26
|
+
fileName: (format) => {
|
|
27
|
+
// nice import name for es format: import * as MdsLibrary from '@madgex/design-system/vue';
|
|
28
|
+
if (format === 'es') return 'index.js';
|
|
29
|
+
return `index.${format}.js`;
|
|
30
|
+
},
|
|
26
31
|
},
|
|
27
32
|
rollupOptions: {
|
|
28
33
|
// overwrite default .html entry
|
|
29
34
|
input: vueLibPath,
|
|
30
35
|
// make sure to externalize deps that shouldn't be bundled
|
|
31
36
|
// into your library
|
|
32
|
-
external: ['vue'
|
|
37
|
+
external: ['vue'],
|
|
33
38
|
output: {
|
|
34
39
|
// Provide global variables to use in the UMD build
|
|
35
40
|
// for externalized deps
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
we export this version of vue for browser development only. Not exported in production.
|
|
3
|
+
The imported vue must be the same in the browser vs the one used in the .vue components.
|
|
4
|
+
In production preview, vue from unpkg is used. see _preview.njk
|
|
5
|
+
*/
|
|
6
|
+
export * from 'vue/dist/vue.esm-bundler';
|
package/vite-build/vue-lib.js
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
// we export this version of vue for browser development only. Not exported in production
|
|
2
|
-
// see src/components/_load-vue.njk
|
|
3
|
-
import * as vue from 'vue/dist/vue.esm-bundler';
|
|
4
|
-
|
|
5
1
|
import MdsIcon from '../src/components/icons/vue-components/MdsIcon.vue';
|
|
6
2
|
import MdsPagination from '../src/components/pagination/vue-components/MdsPagination.vue';
|
|
7
3
|
|
|
8
|
-
export {
|
|
4
|
+
export { MdsIcon, MdsPagination };
|
package/vue/index.cjs.js
ADDED
|
@@ -0,0 +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,5 +1,3 @@
|
|
|
1
|
-
import * as vue_esmBundler from "vue/dist/vue.esm-bundler";
|
|
2
|
-
export { vue_esmBundler as vue };
|
|
3
1
|
import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from "vue";
|
|
4
2
|
const _hoisted_1$1 = ["href"];
|
|
5
3
|
const _hoisted_2$1 = {
|
package/vue/vue.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(o,d){typeof exports=="object"&&typeof module!="undefined"?d(exports,require("vue/dist/vue.esm-bundler"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vue/dist/vue.esm-bundler","vue"],d):(o=typeof globalThis!="undefined"?globalThis:o||self,d(o.MadgexDesignSystem={},o.vue_esmBundler,o.Vue))})(this,function(o,d,e){"use strict";function g(t){if(t&&t.__esModule)return t;var n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});return t&&Object.keys(t).forEach(function(i){if(i!=="default"){var r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(n,i,r.get?r:{enumerable:!0,get:function(){return t[i]}})}}),n.default=t,Object.freeze(n)}var k=g(d);const y=["href"],h={key:0,class:"mds-visually-hidden"},f={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,i=e.computed(()=>n.hasContainer?`mds-icon-container ${n.containerClasses}`:""),r=e.computed(()=>`${n.path}#icon-${n.iconName}`);return(s,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(r)},null,8,y)],2)),t.visuallyHiddenLabel?(e.openBlock(),e.createElementBlock("span",h,e.toDisplayString(t.visuallyHiddenLabel),1)):e.createCommentVNode("",!0)],2))}};function b(t,n=255,i,r){if(t==null||t===!1)return"";if(t.length<=n)return t;let s=t;if(i)s=s.substring(0,n);else{let c=s.lastIndexOf(" ",n);c===-1&&(c=n),s=s.substring(0,c)}return s+=r!=null?r:"...",s.toString()}const x=["aria-label"],B={class:"mds-float-left"},L=["href","aria-label"],E={key:0,class:"mds-float-left"},N=["href","aria-label"],S={key:1,class:"mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"},_={key:1},C=["href","aria-label"],V={key:0,class:"mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"},T={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,i=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.navAriaLabel)!=null?a:"Pagination"}),r=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToLabel)!=null?a:"Results"}),s=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToAriaLabel)!=null?a:"Back to results"}),c=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.prevLabel)!=null?a:"Previous"}),j=e.computed(()=>{var a,m;return[(m=(a=n.i18n)==null?void 0:a.prevAriaLabel)!=null?m:"Previous Page",n.prevExtraLabel].filter(u=>!!u).join(" - ")}),p=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.nextLabel)!=null?a:"Next"}),P=e.computed(()=>{var a,m;return[(m=(a=n.i18n)==null?void 0:a.nextAriaLabel)!=null?m:"Next Page",n.nextExtraLabel].filter(u=>!!u).join(" - ")});return(l,a)=>(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",B,[t.backToUrl&&e.unref(r)?(e.openBlock(),e.createElementBlock("a",{key:0,class:"mds-pagination__link mds-pagination__link--back",href:t.backToUrl,"aria-label":e.unref(s)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createTextVNode(e.toDisplayString(e.unref(b)(e.unref(r),40)),1)],8,L)):e.createCommentVNode("",!0)]),t.prevUrl&&e.unref(c)?(e.openBlock(),e.createElementBlock("li",E,[e.createElementVNode("a",{href:t.prevUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(j)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{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",S,e.toDisplayString(e.unref(b)(t.prevExtraLabel,40)),1)):e.createCommentVNode("",!0)],8,N)])):e.createCommentVNode("",!0),t.nextUrl&&e.unref(p)?(e.openBlock(),e.createElementBlock("li",_,[e.createElementVNode("a",{href:t.nextUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(P)},[t.nextExtraLabel?(e.openBlock(),e.createElementBlock("strong",V,e.toDisplayString(e.unref(b)(t.nextExtraLabel,40)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(e.unref(p)),1),t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:1,"icon-name":"chevron-right",classes:"mds-icon--after"}))],8,C)])):e.createCommentVNode("",!0)],2)],8,x))}};o.vue=k,o.MdsIcon=f,o.MdsPagination=T,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|