@namelivia/vue-components 4.6.0 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +328 -259
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +357 -287
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/InfiniteScroll/InfiniteScroll.cy.js +7 -0
- package/src/InfiniteScroll/InfiniteScroll.stories.js +38 -0
- package/src/InfiniteScroll/InfiniteScroll.vue +59 -0
- package/src/index.js +1 -0
- package/styles/index.css +2 -0
package/dist/index.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var vue = require('vue');
|
|
4
4
|
|
|
5
|
-
const _hoisted_1$
|
|
5
|
+
const _hoisted_1$y = { class: "section-title" };
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var script$
|
|
8
|
+
var script$C = {
|
|
9
9
|
__name: 'SectionTitle',
|
|
10
10
|
props: {
|
|
11
11
|
text: {
|
|
@@ -18,7 +18,7 @@ var script$B = {
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
return (_ctx, _cache) => {
|
|
21
|
-
return (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$
|
|
21
|
+
return (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$y, vue.toDisplayString(__props.text), 1 /* TEXT */))
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -51,13 +51,13 @@ function styleInject(css, ref) {
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
var css_248z$
|
|
55
|
-
styleInject(css_248z$
|
|
54
|
+
var css_248z$x = "\n.section-title[data-v-0375af86] {\n text-align: center;\n font-size: var(--font-size-xlarge);\n line-height: 1.5;\n}\n";
|
|
55
|
+
styleInject(css_248z$x);
|
|
56
56
|
|
|
57
|
-
script$
|
|
58
|
-
script$
|
|
57
|
+
script$C.__scopeId = "data-v-0375af86";
|
|
58
|
+
script$C.__file = "src/SectionTitle/SectionTitle.vue";
|
|
59
59
|
|
|
60
|
-
var script$
|
|
60
|
+
var script$B = {
|
|
61
61
|
__name: 'Loading',
|
|
62
62
|
props: {
|
|
63
63
|
text: String,
|
|
@@ -75,16 +75,16 @@ return (_ctx, _cache) => {
|
|
|
75
75
|
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
var css_248z$
|
|
79
|
-
styleInject(css_248z$
|
|
78
|
+
var css_248z$w = "\n.loading-text[data-v-7a9a3040] {\n text-align: center;\n font-size: var(--font-size-large);\n line-height: 1.75rem;\n}\n.loading-balls-container[data-v-7a9a3040] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n animation: bounce-7a9a3040 1.5s infinite ease-in-out;\n}\n.loading-ball[data-v-7a9a3040] {\n width: 2rem;\n height: 2rem;\n border-radius: var(--border-radius-round);\n}\n.loading-ball.blue[data-v-7a9a3040] {\n background-color: var(--color-loading-ball-blue);\n}\n.loading-ball.green[data-v-7a9a3040] {\n background-color: var(--color-loading-ball-green);\n}\n.loading-ball.red[data-v-7a9a3040] {\n background-color: var(--color-loading-ball-red);\n}\n@keyframes bounce-7a9a3040 {\n0%, 100% {\n transform: translateY(0);\n}\n50% {\n transform: translateY(-1rem);\n}\n}\n";
|
|
79
|
+
styleInject(css_248z$w);
|
|
80
80
|
|
|
81
|
-
script$
|
|
82
|
-
script$
|
|
81
|
+
script$B.__scopeId = "data-v-7a9a3040";
|
|
82
|
+
script$B.__file = "src/Loading/Loading.vue";
|
|
83
83
|
|
|
84
|
-
const _hoisted_1$
|
|
84
|
+
const _hoisted_1$x = ["src", "alt"];
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
var script$
|
|
87
|
+
var script$A = {
|
|
88
88
|
__name: 'CardImage',
|
|
89
89
|
props: {
|
|
90
90
|
src: String,
|
|
@@ -110,24 +110,24 @@ return (_ctx, _cache) => {
|
|
|
110
110
|
alt: __props.alt,
|
|
111
111
|
ref_key: "image",
|
|
112
112
|
ref: image
|
|
113
|
-
}, null, 8 /* PROPS */, _hoisted_1$
|
|
113
|
+
}, null, 8 /* PROPS */, _hoisted_1$x))
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
};
|
|
118
118
|
|
|
119
|
-
var css_248z$
|
|
120
|
-
styleInject(css_248z$
|
|
119
|
+
var css_248z$v = "\nimg[data-v-5fa6a3f6] {\n width: 100%;\n}\n";
|
|
120
|
+
styleInject(css_248z$v);
|
|
121
121
|
|
|
122
|
-
script$
|
|
123
|
-
script$
|
|
122
|
+
script$A.__scopeId = "data-v-5fa6a3f6";
|
|
123
|
+
script$A.__file = "src/Card/CardImage.vue";
|
|
124
124
|
|
|
125
|
-
const _hoisted_1$
|
|
125
|
+
const _hoisted_1$w = { class: "card-body" };
|
|
126
126
|
const _hoisted_2$g = { class: "card-title" };
|
|
127
127
|
const _hoisted_3$a = { class: "card-text" };
|
|
128
128
|
|
|
129
129
|
|
|
130
|
-
var script$
|
|
130
|
+
var script$z = {
|
|
131
131
|
__name: 'CardBody',
|
|
132
132
|
props: {
|
|
133
133
|
title: String,
|
|
@@ -137,7 +137,7 @@ var script$y = {
|
|
|
137
137
|
|
|
138
138
|
|
|
139
139
|
return (_ctx, _cache) => {
|
|
140
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
140
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
|
|
141
141
|
vue.createElementVNode("div", _hoisted_2$g, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
142
142
|
vue.createElementVNode("p", _hoisted_3$a, [
|
|
143
143
|
vue.renderSlot(_ctx.$slots, "default")
|
|
@@ -148,20 +148,20 @@ return (_ctx, _cache) => {
|
|
|
148
148
|
|
|
149
149
|
};
|
|
150
150
|
|
|
151
|
-
var css_248z$
|
|
152
|
-
styleInject(css_248z$
|
|
151
|
+
var css_248z$u = "\n.card-body[data-v-c140cd30] {\n padding: var(--card-body-padding);\n}\n.card-title[data-v-c140cd30] {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-large);\n margin-bottom: var(--card-title-margin-bottom);\n}\n.card-text[data-v-c140cd30] {\n color: var(--color-card-text);\n font-size: var(--font-size-base);\n}\n";
|
|
152
|
+
styleInject(css_248z$u);
|
|
153
153
|
|
|
154
|
-
script$
|
|
155
|
-
script$
|
|
154
|
+
script$z.__scopeId = "data-v-c140cd30";
|
|
155
|
+
script$z.__file = "src/Card/CardBody.vue";
|
|
156
156
|
|
|
157
|
-
const _hoisted_1$
|
|
157
|
+
const _hoisted_1$v = {
|
|
158
158
|
key: 0,
|
|
159
159
|
class: "card-container"
|
|
160
160
|
};
|
|
161
161
|
const _hoisted_2$f = { class: "card" };
|
|
162
162
|
|
|
163
163
|
|
|
164
|
-
var script$
|
|
164
|
+
var script$y = {
|
|
165
165
|
__name: 'Card',
|
|
166
166
|
props: {
|
|
167
167
|
image: String,
|
|
@@ -180,14 +180,14 @@ var script$x = {
|
|
|
180
180
|
|
|
181
181
|
return (_ctx, _cache) => {
|
|
182
182
|
return (!__props.dismissed)
|
|
183
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
183
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
|
|
184
184
|
vue.createElementVNode("div", _hoisted_2$f, [
|
|
185
|
-
vue.createVNode(script$
|
|
185
|
+
vue.createVNode(script$A, {
|
|
186
186
|
src: __props.image,
|
|
187
187
|
alt: __props.title,
|
|
188
188
|
onWidth: _cache[0] || (_cache[0] = $event => (_ctx.$emit('width', $event)))
|
|
189
189
|
}, null, 8 /* PROPS */, ["src", "alt"]),
|
|
190
|
-
vue.createVNode(script$
|
|
190
|
+
vue.createVNode(script$z, { title: __props.title }, {
|
|
191
191
|
default: vue.withCtx(() => [
|
|
192
192
|
vue.renderSlot(_ctx.$slots, "default")
|
|
193
193
|
]),
|
|
@@ -201,23 +201,23 @@ return (_ctx, _cache) => {
|
|
|
201
201
|
|
|
202
202
|
};
|
|
203
203
|
|
|
204
|
-
var css_248z$
|
|
205
|
-
styleInject(css_248z$
|
|
204
|
+
var css_248z$t = "\n.card-container[data-v-da3858b4] {\n margin: var(--card-margin);\n}\n.card[data-v-da3858b4] {\n max-width: var(--card-max-width);\n border-radius: var(--border-radius-big);\n overflow: hidden;\n box-shadow: var(--card-shadow);\n}\n";
|
|
205
|
+
styleInject(css_248z$t);
|
|
206
206
|
|
|
207
|
-
script$
|
|
208
|
-
script$
|
|
207
|
+
script$y.__scopeId = "data-v-da3858b4";
|
|
208
|
+
script$y.__file = "src/Card/Card.vue";
|
|
209
209
|
|
|
210
|
-
const _hoisted_1$
|
|
210
|
+
const _hoisted_1$u = { class: "card-grid" };
|
|
211
211
|
|
|
212
212
|
|
|
213
|
-
var script$
|
|
213
|
+
var script$x = {
|
|
214
214
|
__name: 'CardGrid',
|
|
215
215
|
setup(__props) {
|
|
216
216
|
|
|
217
217
|
// No logic needed
|
|
218
218
|
|
|
219
219
|
return (_ctx, _cache) => {
|
|
220
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
220
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
|
|
221
221
|
vue.renderSlot(_ctx.$slots, "default")
|
|
222
222
|
]))
|
|
223
223
|
}
|
|
@@ -225,23 +225,23 @@ return (_ctx, _cache) => {
|
|
|
225
225
|
|
|
226
226
|
};
|
|
227
227
|
|
|
228
|
-
var css_248z$
|
|
229
|
-
styleInject(css_248z$
|
|
228
|
+
var css_248z$s = "\n.card-grid[data-v-ad060034] {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-content: center;\n}\n@media (min-width: 1024px) {\n.card-grid[data-v-ad060034] {\n justify-content: space-between;\n}\n}\n";
|
|
229
|
+
styleInject(css_248z$s);
|
|
230
230
|
|
|
231
|
-
script$
|
|
232
|
-
script$
|
|
231
|
+
script$x.__scopeId = "data-v-ad060034";
|
|
232
|
+
script$x.__file = "src/CardGrid/CardGrid.vue";
|
|
233
233
|
|
|
234
|
-
const _hoisted_1$
|
|
234
|
+
const _hoisted_1$t = { class: "container" };
|
|
235
235
|
|
|
236
236
|
|
|
237
|
-
var script$
|
|
237
|
+
var script$w = {
|
|
238
238
|
__name: 'Container',
|
|
239
239
|
setup(__props) {
|
|
240
240
|
|
|
241
241
|
// No logic needed
|
|
242
242
|
|
|
243
243
|
return (_ctx, _cache) => {
|
|
244
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
244
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
|
|
245
245
|
vue.renderSlot(_ctx.$slots, "default")
|
|
246
246
|
]))
|
|
247
247
|
}
|
|
@@ -249,15 +249,15 @@ return (_ctx, _cache) => {
|
|
|
249
249
|
|
|
250
250
|
};
|
|
251
251
|
|
|
252
|
-
var css_248z$
|
|
253
|
-
styleInject(css_248z$
|
|
252
|
+
var css_248z$r = "\n.container[data-v-7cccf06a] {\n max-width: var(--container-max-width);\n margin: var(--container-margin);\n}\n";
|
|
253
|
+
styleInject(css_248z$r);
|
|
254
254
|
|
|
255
|
-
script$
|
|
256
|
-
script$
|
|
255
|
+
script$w.__scopeId = "data-v-7cccf06a";
|
|
256
|
+
script$w.__file = "src/Container/Container.vue";
|
|
257
257
|
|
|
258
|
-
const _hoisted_1$
|
|
258
|
+
const _hoisted_1$s = ["href"];
|
|
259
259
|
|
|
260
|
-
var script$
|
|
260
|
+
var script$v = {
|
|
261
261
|
__name: 'MobileNavigationLink',
|
|
262
262
|
props: {
|
|
263
263
|
text: String,
|
|
@@ -275,25 +275,25 @@ return (_ctx, _cache) => {
|
|
|
275
275
|
href: linkDestination.value,
|
|
276
276
|
class: vue.normalizeClass(linkClass.value),
|
|
277
277
|
"aria-current": "page"
|
|
278
|
-
}, vue.toDisplayString(__props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$
|
|
278
|
+
}, vue.toDisplayString(__props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$s))
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
};
|
|
283
283
|
|
|
284
|
-
var css_248z$
|
|
285
|
-
styleInject(css_248z$
|
|
284
|
+
var css_248z$q = "\n.current-link[data-v-3e279546] {\n background-color: var(--color-navbar-current-background);\n color: var(--color-navbar-text);\n display: block;\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n border-radius: 0.375rem;\n font-size: var(--font-size-navbar);\n text-decoration: none;\n cursor: default;\n}\n.regular-link[data-v-3e279546] {\n color: var(--color-navbar-text);\n display: block;\n padding: 0.5rem 0.75rem;\n border-radius: 0.375rem;\n font-size: var(--font-size-navbar);\n transition: background-color 0.2s ease, color 0.2s ease;\n text-decoration: none;\n}\n.regular-link[data-v-3e279546]:hover {\n background-color: var(--color-navbar-link-background);\n}\n";
|
|
285
|
+
styleInject(css_248z$q);
|
|
286
286
|
|
|
287
|
-
script$
|
|
288
|
-
script$
|
|
287
|
+
script$v.__scopeId = "data-v-3e279546";
|
|
288
|
+
script$v.__file = "src/Navbar/MobileNavigationLink.vue";
|
|
289
289
|
|
|
290
|
-
const _hoisted_1$
|
|
290
|
+
const _hoisted_1$r = {
|
|
291
291
|
key: 0,
|
|
292
292
|
id: "mobile-menu"
|
|
293
293
|
};
|
|
294
294
|
const _hoisted_2$e = { class: "menu-panel" };
|
|
295
295
|
|
|
296
|
-
var script$
|
|
296
|
+
var script$u = {
|
|
297
297
|
__name: 'MobileNavigationLinks',
|
|
298
298
|
props: {
|
|
299
299
|
links: Array,
|
|
@@ -314,10 +314,10 @@ return (_ctx, _cache) => {
|
|
|
314
314
|
}, {
|
|
315
315
|
default: vue.withCtx(() => [
|
|
316
316
|
(__props.open)
|
|
317
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
317
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
|
|
318
318
|
vue.createElementVNode("div", _hoisted_2$e, [
|
|
319
319
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.links, (link) => {
|
|
320
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
320
|
+
return (vue.openBlock(), vue.createBlock(script$v, {
|
|
321
321
|
key: link.id,
|
|
322
322
|
href: link.href,
|
|
323
323
|
text: link.text,
|
|
@@ -335,15 +335,15 @@ return (_ctx, _cache) => {
|
|
|
335
335
|
|
|
336
336
|
};
|
|
337
337
|
|
|
338
|
-
var css_248z$
|
|
339
|
-
styleInject(css_248z$
|
|
338
|
+
var css_248z$p = "\n.fade-scale-enter-active[data-v-eb1296c6],\n.fade-scale-leave-active[data-v-eb1296c6] {\n transition: all 200ms ease;\n}\n.fade-scale-enter-from[data-v-eb1296c6],\n.fade-scale-leave-to[data-v-eb1296c6] {\n transform: scaleY(0);\n transform-origin: top;\n}\n.fade-scale-enter-to[data-v-eb1296c6],\n.fade-scale-leave-from[data-v-eb1296c6] {\n transform: scaleY(1);\n transform-origin: top;\n}\n#mobile-menu[data-v-eb1296c6] {\n display: block;\n}\n.menu-panel[data-v-eb1296c6] {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n padding-top: 0.5rem;\n padding-bottom: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n background-color: var(--color-navbar-background);\n}\n@media (min-width: 640px) {\n#mobile-menu[data-v-eb1296c6] {\n display: none;\n}\n}\n";
|
|
339
|
+
styleInject(css_248z$p);
|
|
340
340
|
|
|
341
|
-
script$
|
|
342
|
-
script$
|
|
341
|
+
script$u.__scopeId = "data-v-eb1296c6";
|
|
342
|
+
script$u.__file = "src/Navbar/MobileNavigationLinks.vue";
|
|
343
343
|
|
|
344
|
-
const _hoisted_1$
|
|
344
|
+
const _hoisted_1$q = ["href"];
|
|
345
345
|
|
|
346
|
-
var script$
|
|
346
|
+
var script$t = {
|
|
347
347
|
__name: 'NavigationLink',
|
|
348
348
|
props: {
|
|
349
349
|
text: String,
|
|
@@ -361,22 +361,22 @@ return (_ctx, _cache) => {
|
|
|
361
361
|
href: linkDestination.value,
|
|
362
362
|
class: vue.normalizeClass(linkClass.value),
|
|
363
363
|
"aria-current": "page"
|
|
364
|
-
}, vue.toDisplayString(__props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$
|
|
364
|
+
}, vue.toDisplayString(__props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$q))
|
|
365
365
|
}
|
|
366
366
|
}
|
|
367
367
|
|
|
368
368
|
};
|
|
369
369
|
|
|
370
|
-
var css_248z$
|
|
371
|
-
styleInject(css_248z$
|
|
370
|
+
var css_248z$o = "\n.current-link[data-v-4989b384] {\n background-color: var(--color-navbar-current-background);\n color: var(--color-navbar-text);\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n border-radius: 0.375rem;\n font-size: var(--font-size-navbar);\n text-decoration: none;\n cursor: default;\n}\n.regular-link[data-v-4989b384] {\n color: var(--color-navbar-text);\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n border-radius: 0.375rem;\n font-size: var(--font-size-navbar);\n transition: background-color 0.2s ease, color 0.2s ease;\n text-decoration: none;\n}\n.regular-link[data-v-4989b384]:hover {\n background-color: var(--color-navbar-link-background);\n}\n";
|
|
371
|
+
styleInject(css_248z$o);
|
|
372
372
|
|
|
373
|
-
script$
|
|
374
|
-
script$
|
|
373
|
+
script$t.__scopeId = "data-v-4989b384";
|
|
374
|
+
script$t.__file = "src/Navbar/NavigationLink.vue";
|
|
375
375
|
|
|
376
|
-
const _hoisted_1$
|
|
376
|
+
const _hoisted_1$p = { class: "links-container" };
|
|
377
377
|
const _hoisted_2$d = { class: "links-wrapper" };
|
|
378
378
|
|
|
379
|
-
var script$
|
|
379
|
+
var script$s = {
|
|
380
380
|
__name: 'NavigationLinks',
|
|
381
381
|
props: {
|
|
382
382
|
links: Array,
|
|
@@ -386,10 +386,10 @@ var script$r = {
|
|
|
386
386
|
|
|
387
387
|
|
|
388
388
|
return (_ctx, _cache) => {
|
|
389
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
389
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
|
|
390
390
|
vue.createElementVNode("div", _hoisted_2$d, [
|
|
391
391
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.links, (link) => {
|
|
392
|
-
return (vue.openBlock(), vue.createBlock(script$
|
|
392
|
+
return (vue.openBlock(), vue.createBlock(script$t, {
|
|
393
393
|
key: link.id,
|
|
394
394
|
href: link.href,
|
|
395
395
|
text: link.text,
|
|
@@ -403,18 +403,18 @@ return (_ctx, _cache) => {
|
|
|
403
403
|
|
|
404
404
|
};
|
|
405
405
|
|
|
406
|
-
var css_248z$
|
|
407
|
-
styleInject(css_248z$
|
|
406
|
+
var css_248z$n = "\n.links-container[data-v-294f43c2] {\n display: none;\n}\n.links-wrapper[data-v-294f43c2] {\n display: flex;\n gap: 1rem;\n}\n@media (min-width: 640px) {\n.links-container[data-v-294f43c2] {\n display: block;\n margin-left: 1.5rem;\n}\n}\n";
|
|
407
|
+
styleInject(css_248z$n);
|
|
408
408
|
|
|
409
|
-
script$
|
|
410
|
-
script$
|
|
409
|
+
script$s.__scopeId = "data-v-294f43c2";
|
|
410
|
+
script$s.__file = "src/Navbar/NavigationLinks.vue";
|
|
411
411
|
|
|
412
|
-
const _hoisted_1$
|
|
412
|
+
const _hoisted_1$o = ["href"];
|
|
413
413
|
const _hoisted_2$c = ["src", "alt"];
|
|
414
414
|
const _hoisted_3$9 = ["src", "alt"];
|
|
415
415
|
|
|
416
416
|
|
|
417
|
-
var script$
|
|
417
|
+
var script$r = {
|
|
418
418
|
__name: 'NavbarTitle',
|
|
419
419
|
props: {
|
|
420
420
|
href: String,
|
|
@@ -441,22 +441,22 @@ return (_ctx, _cache) => {
|
|
|
441
441
|
src: __props.imageBig,
|
|
442
442
|
alt: __props.title
|
|
443
443
|
}, null, 8 /* PROPS */, _hoisted_3$9)
|
|
444
|
-
], 8 /* PROPS */, _hoisted_1$
|
|
444
|
+
], 8 /* PROPS */, _hoisted_1$o))
|
|
445
445
|
}
|
|
446
446
|
}
|
|
447
447
|
|
|
448
448
|
};
|
|
449
449
|
|
|
450
|
-
var css_248z$
|
|
451
|
-
styleInject(css_248z$
|
|
450
|
+
var css_248z$m = "\n.title-container[data-v-661ef87c] {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n}\n.logo-small[data-v-661ef87c] {\n display: block;\n height: 2rem;\n width: auto;\n}\n.logo-big[data-v-661ef87c] {\n display: none;\n height: 2rem;\n width: auto;\n}\n@media (min-width: 1024px) {\n.logo-small[data-v-661ef87c] {\n display: none;\n}\n.logo-big[data-v-661ef87c] {\n display: block;\n}\n}\n\n\n";
|
|
451
|
+
styleInject(css_248z$m);
|
|
452
452
|
|
|
453
|
-
script$
|
|
454
|
-
script$
|
|
453
|
+
script$r.__scopeId = "data-v-661ef87c";
|
|
454
|
+
script$r.__file = "src/Navbar/NavbarTitle.vue";
|
|
455
455
|
|
|
456
|
-
const _hoisted_1$
|
|
456
|
+
const _hoisted_1$n = { class: "action-container" };
|
|
457
457
|
const _hoisted_2$b = ["src", "alt"];
|
|
458
458
|
|
|
459
|
-
var script$
|
|
459
|
+
var script$q = {
|
|
460
460
|
__name: 'RightContent',
|
|
461
461
|
props: {
|
|
462
462
|
locale: String,
|
|
@@ -470,7 +470,7 @@ const props = __props;
|
|
|
470
470
|
const avatarAlt = vue.computed(() => `${props.currentUserName} (${props.currentUserEmail})`);
|
|
471
471
|
|
|
472
472
|
return (_ctx, _cache) => {
|
|
473
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
473
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
|
|
474
474
|
vue.createElementVNode("img", {
|
|
475
475
|
class: "circle-image",
|
|
476
476
|
src: __props.currentUserPicture,
|
|
@@ -482,13 +482,13 @@ return (_ctx, _cache) => {
|
|
|
482
482
|
|
|
483
483
|
};
|
|
484
484
|
|
|
485
|
-
var css_248z$
|
|
486
|
-
styleInject(css_248z$
|
|
485
|
+
var css_248z$l = "\n.action-container[data-v-07675a13] {\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n display: flex;\n align-items: center;\n padding-right: 0.5rem;\n color: var(--color-navbar-text);\n font-size: var(--font-size-navbar);\n}\n.circle-image[data-v-07675a13] {\n border-radius: 9999px;\n padding: 0.25rem;\n height: 50px;\n width: 50px;\n}\n@media (min-width: 640px) {\n.action-container[data-v-07675a13] {\n position: static;\n top: auto;\n bottom: auto;\n right: auto;\n margin-left: 1.5rem;\n padding-right: 0;\n}\n}\n\n";
|
|
486
|
+
styleInject(css_248z$l);
|
|
487
487
|
|
|
488
|
-
script$
|
|
489
|
-
script$
|
|
488
|
+
script$q.__scopeId = "data-v-07675a13";
|
|
489
|
+
script$q.__file = "src/Navbar/RightContent.vue";
|
|
490
490
|
|
|
491
|
-
var script$
|
|
491
|
+
var script$p = {
|
|
492
492
|
__name: 'MobileMenuButton',
|
|
493
493
|
props: {
|
|
494
494
|
open: { type: Boolean, default: false },
|
|
@@ -526,20 +526,20 @@ return (_ctx, _cache) => {
|
|
|
526
526
|
|
|
527
527
|
};
|
|
528
528
|
|
|
529
|
-
var css_248z$
|
|
530
|
-
styleInject(css_248z$
|
|
529
|
+
var css_248z$k = "\n.menu-button[data-v-397545ee] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n border-radius: var(--border-radius-big);\n color: var(--color-navbar-text);\n background-color: transparent;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n border: none;\n cursor: pointer;\n}\n.menu-icon[data-v-397545ee] {\n display: block;\n height: 1.5rem;\n width: 1.5rem;\n}\n";
|
|
530
|
+
styleInject(css_248z$k);
|
|
531
531
|
|
|
532
|
-
script$
|
|
533
|
-
script$
|
|
532
|
+
script$p.__scopeId = "data-v-397545ee";
|
|
533
|
+
script$p.__file = "src/Navbar/MobileMenuButton.vue";
|
|
534
534
|
|
|
535
|
-
const _hoisted_1$
|
|
535
|
+
const _hoisted_1$m = { class: "navbar" };
|
|
536
536
|
const _hoisted_2$a = { class: "navbar-container" };
|
|
537
537
|
const _hoisted_3$8 = { class: "flex-header" };
|
|
538
538
|
const _hoisted_4$3 = { class: "menu-toggle" };
|
|
539
539
|
const _hoisted_5$2 = { class: "title-container" };
|
|
540
540
|
|
|
541
541
|
|
|
542
|
-
var script$
|
|
542
|
+
var script$o = {
|
|
543
543
|
__name: 'Navbar',
|
|
544
544
|
props: {
|
|
545
545
|
links: Array,
|
|
@@ -561,25 +561,25 @@ const onMobileMenuClick = () => {
|
|
|
561
561
|
};
|
|
562
562
|
|
|
563
563
|
return (_ctx, _cache) => {
|
|
564
|
-
return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$
|
|
564
|
+
return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$m, [
|
|
565
565
|
vue.createElementVNode("div", _hoisted_2$a, [
|
|
566
566
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
567
567
|
vue.createElementVNode("div", _hoisted_4$3, [
|
|
568
|
-
vue.createVNode(script$
|
|
568
|
+
vue.createVNode(script$p, {
|
|
569
569
|
onClick: onMobileMenuClick,
|
|
570
570
|
open: mobileMenuOpen.value
|
|
571
571
|
}, null, 8 /* PROPS */, ["open"])
|
|
572
572
|
]),
|
|
573
573
|
vue.createElementVNode("div", _hoisted_5$2, [
|
|
574
|
-
vue.createVNode(script$
|
|
574
|
+
vue.createVNode(script$r, {
|
|
575
575
|
href: "/",
|
|
576
576
|
title: __props.title,
|
|
577
577
|
imageBig: __props.imageBig,
|
|
578
578
|
imageSmall: __props.imageSmall
|
|
579
579
|
}, null, 8 /* PROPS */, ["title", "imageBig", "imageSmall"]),
|
|
580
|
-
vue.createVNode(script$
|
|
580
|
+
vue.createVNode(script$s, { links: __props.links }, null, 8 /* PROPS */, ["links"])
|
|
581
581
|
]),
|
|
582
|
-
vue.createVNode(script$
|
|
582
|
+
vue.createVNode(script$q, {
|
|
583
583
|
locale: __props.locale,
|
|
584
584
|
"current-user-email": __props.currentUserEmail,
|
|
585
585
|
"current-user-name": __props.currentUserName,
|
|
@@ -587,7 +587,7 @@ return (_ctx, _cache) => {
|
|
|
587
587
|
}, null, 8 /* PROPS */, ["locale", "current-user-email", "current-user-name", "current-user-picture"])
|
|
588
588
|
])
|
|
589
589
|
]),
|
|
590
|
-
vue.createVNode(script$
|
|
590
|
+
vue.createVNode(script$u, {
|
|
591
591
|
links: __props.links,
|
|
592
592
|
open: mobileMenuOpen.value
|
|
593
593
|
}, null, 8 /* PROPS */, ["links", "open"])
|
|
@@ -597,23 +597,23 @@ return (_ctx, _cache) => {
|
|
|
597
597
|
|
|
598
598
|
};
|
|
599
599
|
|
|
600
|
-
var css_248z$
|
|
601
|
-
styleInject(css_248z$
|
|
600
|
+
var css_248z$j = "\n.navbar[data-v-1b5caf34] {\n background-color: var(--color-navbar-background);\n}\n.navbar-container[data-v-1b5caf34] {\n max-width: 80rem;\n margin-left: auto;\n margin-right: auto;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.flex-header[data-v-1b5caf34] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 4rem;\n}\n.menu-toggle[data-v-1b5caf34] {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n}\n.title-container[data-v-1b5caf34] {\n flex: 1 1 0%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n@media (min-width: 640px) {\n.navbar-container[data-v-1b5caf34] {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.menu-toggle[data-v-1b5caf34] {\n display: none;\n}\n.title-container[data-v-1b5caf34] {\n align-items: stretch;\n justify-content: flex-start;\n}\n}\n@media (min-width: 1024px) {\n.navbar-container[data-v-1b5caf34] {\n padding-left: 2rem;\n padding-right: 2rem;\n}\n}\n";
|
|
601
|
+
styleInject(css_248z$j);
|
|
602
602
|
|
|
603
|
-
script$
|
|
604
|
-
script$
|
|
603
|
+
script$o.__scopeId = "data-v-1b5caf34";
|
|
604
|
+
script$o.__file = "src/Navbar/Navbar.vue";
|
|
605
605
|
|
|
606
|
-
const _hoisted_1$
|
|
606
|
+
const _hoisted_1$l = { class: "styled-table" };
|
|
607
607
|
|
|
608
608
|
|
|
609
|
-
var script$
|
|
609
|
+
var script$n = {
|
|
610
610
|
__name: 'StyledTable',
|
|
611
611
|
setup(__props) {
|
|
612
612
|
|
|
613
613
|
// No logic needed
|
|
614
614
|
|
|
615
615
|
return (_ctx, _cache) => {
|
|
616
|
-
return (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$
|
|
616
|
+
return (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$l, [
|
|
617
617
|
vue.renderSlot(_ctx.$slots, "default")
|
|
618
618
|
]))
|
|
619
619
|
}
|
|
@@ -621,16 +621,16 @@ return (_ctx, _cache) => {
|
|
|
621
621
|
|
|
622
622
|
};
|
|
623
623
|
|
|
624
|
-
var css_248z$
|
|
625
|
-
styleInject(css_248z$
|
|
624
|
+
var css_248z$i = "\n.styled-table[data-v-8e6b2044] {\n width: 100%;\n border-collapse: collapse;\n}\n";
|
|
625
|
+
styleInject(css_248z$i);
|
|
626
626
|
|
|
627
|
-
script$
|
|
628
|
-
script$
|
|
627
|
+
script$n.__scopeId = "data-v-8e6b2044";
|
|
628
|
+
script$n.__file = "src/StyledTable/StyledTable.vue";
|
|
629
629
|
|
|
630
|
-
const _hoisted_1$
|
|
630
|
+
const _hoisted_1$k = ["disabled"];
|
|
631
631
|
|
|
632
632
|
|
|
633
|
-
var script$
|
|
633
|
+
var script$m = {
|
|
634
634
|
__name: 'RegularButton',
|
|
635
635
|
props: {
|
|
636
636
|
text: String,
|
|
@@ -666,24 +666,24 @@ return (_ctx, _cache) => {
|
|
|
666
666
|
onClick: onClick,
|
|
667
667
|
class: vue.normalizeClass(cssClass.value),
|
|
668
668
|
disabled: __props.loading
|
|
669
|
-
}, vue.toDisplayString(__props.loading ? __props.textWhileLoading : __props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$
|
|
669
|
+
}, vue.toDisplayString(__props.loading ? __props.textWhileLoading : __props.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$k))
|
|
670
670
|
}
|
|
671
671
|
}
|
|
672
672
|
|
|
673
673
|
};
|
|
674
674
|
|
|
675
|
-
var css_248z$
|
|
676
|
-
styleInject(css_248z$
|
|
675
|
+
var css_248z$h = "\n.regular-button[data-v-7c962c54] {\n background-color: var(--color-regular);\n color: var(--color-regular-text);\n font-weight: var(--font-weight-bold);\n padding: var(--button-padding);\n border-radius: var(--border-radius-base);\n border: var(--button-border);\n cursor: pointer;\n transition: var(--button-transition);\n}\n.regular-button[data-v-7c962c54]:hover {\n background-color: var(--color-regular-hover);\n}\n\n/* Loading state */\n.loading[data-v-7c962c54] {\n background-color: var(--color-regular-disabled);\n cursor: wait;\n}\n.loading[data-v-7c962c54]:hover {\n background-color: var(--color-regular-disabled);\n}\n";
|
|
676
|
+
styleInject(css_248z$h);
|
|
677
677
|
|
|
678
|
-
script$
|
|
679
|
-
script$
|
|
678
|
+
script$m.__scopeId = "data-v-7c962c54";
|
|
679
|
+
script$m.__file = "src/Buttons/RegularButton/RegularButton.vue";
|
|
680
680
|
|
|
681
|
-
const _hoisted_1$
|
|
681
|
+
const _hoisted_1$j = { class: "pagination-container" };
|
|
682
682
|
const _hoisted_2$9 = ["href"];
|
|
683
683
|
const _hoisted_3$7 = ["href"];
|
|
684
684
|
|
|
685
685
|
|
|
686
|
-
var script$
|
|
686
|
+
var script$l = {
|
|
687
687
|
__name: 'Pagination',
|
|
688
688
|
props: {
|
|
689
689
|
previousLabel: String,
|
|
@@ -697,17 +697,17 @@ var script$k = {
|
|
|
697
697
|
|
|
698
698
|
|
|
699
699
|
return (_ctx, _cache) => {
|
|
700
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
700
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
|
|
701
701
|
(__props.showPrevious)
|
|
702
702
|
? (vue.openBlock(), vue.createElementBlock("a", {
|
|
703
703
|
key: 0,
|
|
704
704
|
href: __props.previousLink
|
|
705
705
|
}, [
|
|
706
|
-
vue.createVNode(script$
|
|
706
|
+
vue.createVNode(script$m, { text: __props.previousLabel }, null, 8 /* PROPS */, ["text"])
|
|
707
707
|
], 8 /* PROPS */, _hoisted_2$9))
|
|
708
708
|
: vue.createCommentVNode("v-if", true),
|
|
709
709
|
vue.createElementVNode("a", { href: __props.nextLink }, [
|
|
710
|
-
vue.createVNode(script$
|
|
710
|
+
vue.createVNode(script$m, { text: __props.nextLabel }, null, 8 /* PROPS */, ["text"])
|
|
711
711
|
], 8 /* PROPS */, _hoisted_3$7)
|
|
712
712
|
]))
|
|
713
713
|
}
|
|
@@ -715,16 +715,16 @@ return (_ctx, _cache) => {
|
|
|
715
715
|
|
|
716
716
|
};
|
|
717
717
|
|
|
718
|
-
var css_248z$
|
|
719
|
-
styleInject(css_248z$
|
|
718
|
+
var css_248z$g = "\n.pagination-container[data-v-265c87a6] {\n display: flex;\n justify-content: space-between;\n margin-top: 1rem;\n}\na[data-v-265c87a6] {\n text-decoration: none;\n}\n";
|
|
719
|
+
styleInject(css_248z$g);
|
|
720
720
|
|
|
721
|
-
script$
|
|
722
|
-
script$
|
|
721
|
+
script$l.__scopeId = "data-v-265c87a6";
|
|
722
|
+
script$l.__file = "src/Pagination/Pagination.vue";
|
|
723
723
|
|
|
724
|
-
const _hoisted_1$
|
|
724
|
+
const _hoisted_1$i = { class: "badge" };
|
|
725
725
|
|
|
726
726
|
|
|
727
|
-
var script$
|
|
727
|
+
var script$k = {
|
|
728
728
|
__name: 'Badge',
|
|
729
729
|
props: {
|
|
730
730
|
text: String,
|
|
@@ -734,26 +734,26 @@ var script$j = {
|
|
|
734
734
|
|
|
735
735
|
|
|
736
736
|
return (_ctx, _cache) => {
|
|
737
|
-
return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
737
|
+
return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$i, vue.toDisplayString(__props.text), 1 /* TEXT */))
|
|
738
738
|
}
|
|
739
739
|
}
|
|
740
740
|
|
|
741
741
|
};
|
|
742
742
|
|
|
743
|
-
var css_248z$
|
|
744
|
-
styleInject(css_248z$
|
|
743
|
+
var css_248z$f = "\n.badge[data-v-187659a4] {\n background-color: var(--color-badge);\n color: var(--color-badge-text);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-right: var(--badge-margin-right);\n padding: var(--badge-padding);\n border-radius: var(--badge-border-radius);\n display: inline-block;\n}\n.dark .badge[data-v-187659a4] {\n background-color: var(--color-badge-dark);\n color: var(--color-badge-dark-text);\n}\n";
|
|
744
|
+
styleInject(css_248z$f);
|
|
745
745
|
|
|
746
|
-
script$
|
|
747
|
-
script$
|
|
746
|
+
script$k.__scopeId = "data-v-187659a4";
|
|
747
|
+
script$k.__file = "src/Badge/Badge.vue";
|
|
748
748
|
|
|
749
|
-
const _hoisted_1$
|
|
749
|
+
const _hoisted_1$h = { class: "wrapper" };
|
|
750
750
|
const _hoisted_2$8 = { class: "title" };
|
|
751
751
|
const _hoisted_3$6 = { class: "avg" };
|
|
752
752
|
const _hoisted_4$2 = { class: "minmax" };
|
|
753
753
|
const _hoisted_5$1 = { class: "min" };
|
|
754
754
|
const _hoisted_6 = { class: "max" };
|
|
755
755
|
|
|
756
|
-
var script$
|
|
756
|
+
var script$j = {
|
|
757
757
|
__name: 'Temperature',
|
|
758
758
|
props: {
|
|
759
759
|
title: String,
|
|
@@ -769,7 +769,7 @@ const avgFormatted = vue.computed(() => props.avg.toFixed(2));
|
|
|
769
769
|
const maxFormatted = vue.computed(() => props.max.toFixed(2));
|
|
770
770
|
|
|
771
771
|
return (_ctx, _cache) => {
|
|
772
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
772
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
773
773
|
vue.createElementVNode("div", _hoisted_2$8, vue.toDisplayString(__props.title), 1 /* TEXT */),
|
|
774
774
|
vue.createElementVNode("div", _hoisted_3$6, vue.toDisplayString(avgFormatted.value) + " ℃", 1 /* TEXT */),
|
|
775
775
|
vue.createElementVNode("div", _hoisted_4$2, [
|
|
@@ -783,13 +783,13 @@ return (_ctx, _cache) => {
|
|
|
783
783
|
|
|
784
784
|
};
|
|
785
785
|
|
|
786
|
-
var css_248z$
|
|
787
|
-
styleInject(css_248z$
|
|
786
|
+
var css_248z$e = "\n.wrapper[data-v-4250e6d0] {\n flex-direction: column;\n display: inline-flex;\n}\n.avg[data-v-4250e6d0] {\n display: flex;\n font-size: var(--font-size-xlarge);\n justify-content: center;\n}\n.title[data-v-4250e6d0] {\n display: flex;\n font-size: var(--font-size-base);\n justify-content: center;\n}\n.minmax[data-v-4250e6d0] {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-size: var(--font-size-base);\n}\n";
|
|
787
|
+
styleInject(css_248z$e);
|
|
788
788
|
|
|
789
|
-
script$
|
|
790
|
-
script$
|
|
789
|
+
script$j.__scopeId = "data-v-4250e6d0";
|
|
790
|
+
script$j.__file = "src/Temperature/Temperature.vue";
|
|
791
791
|
|
|
792
|
-
var script$
|
|
792
|
+
var script$i = {
|
|
793
793
|
__name: 'SecondaryButton',
|
|
794
794
|
props: {
|
|
795
795
|
text: String,
|
|
@@ -811,13 +811,13 @@ return (_ctx, _cache) => {
|
|
|
811
811
|
|
|
812
812
|
};
|
|
813
813
|
|
|
814
|
-
var css_248z$
|
|
815
|
-
styleInject(css_248z$
|
|
814
|
+
var css_248z$d = "\n.secondary-button[data-v-5bb3ed46] {\n background-color: var(--color-secondary);\n color: var(--color-secondary-text);\n font-weight: var(--font-weight-bold);\n padding: var(--button-padding);\n border-radius: var(--border-radius-base);\n border: var(--button-border);\n cursor: pointer;\n transition: var(--button-transition);\n}\n.secondary-button[data-v-5bb3ed46]:hover {\n background-color: var(--color-secondary-hover);\n}\n";
|
|
815
|
+
styleInject(css_248z$d);
|
|
816
816
|
|
|
817
|
-
script$
|
|
818
|
-
script$
|
|
817
|
+
script$i.__scopeId = "data-v-5bb3ed46";
|
|
818
|
+
script$i.__file = "src/Buttons/SecondaryButton/SecondaryButton.vue";
|
|
819
819
|
|
|
820
|
-
var script$
|
|
820
|
+
var script$h = {
|
|
821
821
|
__name: 'DangerButton',
|
|
822
822
|
props: {
|
|
823
823
|
text: String,
|
|
@@ -839,20 +839,20 @@ return (_ctx, _cache) => {
|
|
|
839
839
|
|
|
840
840
|
};
|
|
841
841
|
|
|
842
|
-
var css_248z$
|
|
843
|
-
styleInject(css_248z$
|
|
842
|
+
var css_248z$c = "\n.danger-button[data-v-5e080598] {\n background-color: var(--color-danger);\n color: var(--color-danger-text);\n font-weight: var(--font-weight-bold);\n padding: var(--button-padding);\n border-radius: var(--border-radius-base);\n border: var(--button-border);\n cursor: pointer;\n transition: var(--button-transition);\n}\n.danger-button[data-v-5e080598]:hover {\n background-color: var(--color-danger-hover);\n}\n";
|
|
843
|
+
styleInject(css_248z$c);
|
|
844
844
|
|
|
845
|
-
script$
|
|
846
|
-
script$
|
|
845
|
+
script$h.__scopeId = "data-v-5e080598";
|
|
846
|
+
script$h.__file = "src/Buttons/DangerButton/DangerButton.vue";
|
|
847
847
|
|
|
848
|
-
const _hoisted_1$
|
|
848
|
+
const _hoisted_1$g = {
|
|
849
849
|
key: 0,
|
|
850
850
|
class: "modal-overlay"
|
|
851
851
|
};
|
|
852
852
|
const _hoisted_2$7 = { class: "modal-container" };
|
|
853
853
|
|
|
854
854
|
|
|
855
|
-
var script$
|
|
855
|
+
var script$g = {
|
|
856
856
|
__name: 'Modal',
|
|
857
857
|
props: {
|
|
858
858
|
open: Boolean,
|
|
@@ -867,14 +867,14 @@ const onConfirm = (evt) => emit('confirm', evt);
|
|
|
867
867
|
|
|
868
868
|
return (_ctx, _cache) => {
|
|
869
869
|
return (__props.open)
|
|
870
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
870
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
|
|
871
871
|
vue.createElementVNode("div", _hoisted_2$7, [
|
|
872
872
|
_cache[0] || (_cache[0] = vue.createElementVNode("h1", { class: "modal-title" }, "Are you sure?", -1 /* HOISTED */)),
|
|
873
|
-
vue.createVNode(script$
|
|
873
|
+
vue.createVNode(script$i, {
|
|
874
874
|
onClick: onCancel,
|
|
875
875
|
text: "No"
|
|
876
876
|
}),
|
|
877
|
-
vue.createVNode(script$
|
|
877
|
+
vue.createVNode(script$h, {
|
|
878
878
|
class: "ml-2",
|
|
879
879
|
onClick: onConfirm,
|
|
880
880
|
text: "Yes"
|
|
@@ -887,26 +887,26 @@ return (_ctx, _cache) => {
|
|
|
887
887
|
|
|
888
888
|
};
|
|
889
889
|
|
|
890
|
-
var css_248z$
|
|
891
|
-
styleInject(css_248z$
|
|
890
|
+
var css_248z$b = "\n.modal-overlay[data-v-11d137c2] {\n background-color: var(--color-modal-overlay);\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n.modal-container[data-v-11d137c2] {\n background-color: var(--color-modal-background);\n padding: 3.5rem 4rem;\n border-radius: var(--border-radius-big);\n text-align: center;\n}\n.modal-title[data-v-11d137c2] {\n font-size: var(--font-size-large);\n margin-bottom: 1rem;\n font-weight: var(--font-weight-bold);\n color: var(--color-modal-title);\n}\n";
|
|
891
|
+
styleInject(css_248z$b);
|
|
892
892
|
|
|
893
|
-
script$
|
|
894
|
-
script$
|
|
893
|
+
script$g.__scopeId = "data-v-11d137c2";
|
|
894
|
+
script$g.__file = "src/Modal/Modal.vue";
|
|
895
895
|
|
|
896
|
-
const _hoisted_1$
|
|
896
|
+
const _hoisted_1$f = {
|
|
897
897
|
class: "spinner",
|
|
898
898
|
role: "status"
|
|
899
899
|
};
|
|
900
900
|
|
|
901
901
|
|
|
902
|
-
var script$
|
|
902
|
+
var script$f = {
|
|
903
903
|
__name: 'Spinner',
|
|
904
904
|
setup(__props) {
|
|
905
905
|
|
|
906
906
|
// No logic needed
|
|
907
907
|
|
|
908
908
|
return (_ctx, _cache) => {
|
|
909
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
909
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, _cache[0] || (_cache[0] = [
|
|
910
910
|
vue.createElementVNode("span", { class: "sr-only-text" }, "Please wait...", -1 /* HOISTED */)
|
|
911
911
|
])))
|
|
912
912
|
}
|
|
@@ -914,19 +914,19 @@ return (_ctx, _cache) => {
|
|
|
914
914
|
|
|
915
915
|
};
|
|
916
916
|
|
|
917
|
-
var css_248z$
|
|
918
|
-
styleInject(css_248z$
|
|
917
|
+
var css_248z$a = "\n.spinner[data-v-3d456f9a] {\n display: inline-block;\n height: 2rem;\n width: 2rem;\n border: 4px solid currentColor;\n border-right-color: transparent;\n border-radius: var(--border-radius-round);\n animation: spin-3d456f9a 1.5s linear infinite;\n}\n.sr-only-text[data-v-3d456f9a] {\n position: absolute;\n margin: -1px;\n height: 1px;\n width: 1px;\n overflow: hidden;\n white-space: nowrap;\n border: 0;\n padding: 0;\n clip: rect(0, 0, 0, 0);\n}\n@keyframes spin-3d456f9a {\nfrom {\n transform: rotate(0deg);\n}\nto {\n transform: rotate(360deg);\n}\n}\n";
|
|
918
|
+
styleInject(css_248z$a);
|
|
919
919
|
|
|
920
|
-
script$
|
|
921
|
-
script$
|
|
920
|
+
script$f.__scopeId = "data-v-3d456f9a";
|
|
921
|
+
script$f.__file = "src/Spinner/Spinner.vue";
|
|
922
922
|
|
|
923
|
-
const _hoisted_1$
|
|
923
|
+
const _hoisted_1$e = { class: "ranges-editor" };
|
|
924
924
|
const _hoisted_2$6 = { class: "labels" };
|
|
925
925
|
const _hoisted_3$5 = { class: "label" };
|
|
926
926
|
const _hoisted_4$1 = { class: "label" };
|
|
927
927
|
|
|
928
928
|
|
|
929
|
-
var script$
|
|
929
|
+
var script$e = {
|
|
930
930
|
__name: 'RangeView',
|
|
931
931
|
props: {
|
|
932
932
|
ranges: Array,
|
|
@@ -936,7 +936,7 @@ var script$d = {
|
|
|
936
936
|
|
|
937
937
|
|
|
938
938
|
return (_ctx, _cache) => {
|
|
939
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
939
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
|
|
940
940
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.ranges, (range, index) => {
|
|
941
941
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
942
942
|
class: "range",
|
|
@@ -955,19 +955,19 @@ return (_ctx, _cache) => {
|
|
|
955
955
|
|
|
956
956
|
};
|
|
957
957
|
|
|
958
|
-
var css_248z$
|
|
959
|
-
styleInject(css_248z$
|
|
958
|
+
var css_248z$9 = "\n.ranges-editor[data-v-3e589c2c] {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n}\n.range[data-v-3e589c2c] {\n min-width: 50px;\n text-align: center;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n.labels[data-v-3e589c2c] {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n}\n.gap[data-v-3e589c2c] {\n height: 10px;\n width: auto;\n background-color: red;\n border: 1px solid black;\n}\n.label[data-v-3e589c2c] {\n margin-top: 5px;\n}\n";
|
|
959
|
+
styleInject(css_248z$9);
|
|
960
960
|
|
|
961
|
-
script$
|
|
962
|
-
script$
|
|
961
|
+
script$e.__scopeId = "data-v-3e589c2c";
|
|
962
|
+
script$e.__file = "src/RangeView/RangeView.vue";
|
|
963
963
|
|
|
964
|
-
const _hoisted_1$
|
|
964
|
+
const _hoisted_1$d = {
|
|
965
965
|
class: "reset-button",
|
|
966
966
|
type: "reset"
|
|
967
967
|
};
|
|
968
968
|
|
|
969
969
|
|
|
970
|
-
var script$
|
|
970
|
+
var script$d = {
|
|
971
971
|
__name: 'ResetButton',
|
|
972
972
|
props: {
|
|
973
973
|
text: String,
|
|
@@ -977,22 +977,22 @@ var script$c = {
|
|
|
977
977
|
|
|
978
978
|
|
|
979
979
|
return (_ctx, _cache) => {
|
|
980
|
-
return (vue.openBlock(), vue.createElementBlock("button", _hoisted_1$
|
|
980
|
+
return (vue.openBlock(), vue.createElementBlock("button", _hoisted_1$d, vue.toDisplayString(__props.text), 1 /* TEXT */))
|
|
981
981
|
}
|
|
982
982
|
}
|
|
983
983
|
|
|
984
984
|
};
|
|
985
985
|
|
|
986
|
-
var css_248z$
|
|
987
|
-
styleInject(css_248z$
|
|
986
|
+
var css_248z$8 = "\n.reset-button[data-v-70384d7c] {\n background-color: var(--color-reset);\n color: var(--color-reset-text);\n font-weight: var(--font-weight-bold);\n padding: var(--button-padding);\n border-radius: var(--border-radius-base);\n border: var(--button-border);\n cursor: pointer;\n transition: var(--button-transition);\n}\n.reset-button[data-v-70384d7c]:hover {\n background-color: var(--color-reset-hover);\n}\n";
|
|
987
|
+
styleInject(css_248z$8);
|
|
988
988
|
|
|
989
|
-
script$
|
|
990
|
-
script$
|
|
989
|
+
script$d.__scopeId = "data-v-70384d7c";
|
|
990
|
+
script$d.__file = "src/Buttons/ResetButton/ResetButton.vue";
|
|
991
991
|
|
|
992
|
-
const _hoisted_1$
|
|
992
|
+
const _hoisted_1$c = ["disabled"];
|
|
993
993
|
|
|
994
994
|
|
|
995
|
-
var script$
|
|
995
|
+
var script$c = {
|
|
996
996
|
__name: 'SubmitButton',
|
|
997
997
|
props: {
|
|
998
998
|
text: String,
|
|
@@ -1007,24 +1007,24 @@ return (_ctx, _cache) => {
|
|
|
1007
1007
|
class: "submit-button",
|
|
1008
1008
|
type: "submit",
|
|
1009
1009
|
disabled: __props.disabled
|
|
1010
|
-
}, vue.toDisplayString(__props.text), 9 /* TEXT, PROPS */, _hoisted_1$
|
|
1010
|
+
}, vue.toDisplayString(__props.text), 9 /* TEXT, PROPS */, _hoisted_1$c))
|
|
1011
1011
|
}
|
|
1012
1012
|
}
|
|
1013
1013
|
|
|
1014
1014
|
};
|
|
1015
1015
|
|
|
1016
|
-
var css_248z$
|
|
1017
|
-
styleInject(css_248z$
|
|
1016
|
+
var css_248z$7 = "\n.submit-button[data-v-f7f11890] {\n background-color: var(--color-submit);\n color: var(--color-submit-text);\n font-weight: var(--font-weight-bold);\n padding: var(--button-padding);\n border-radius: var(--border-radius-base);\n border: var(--button-border);\n cursor: pointer;\n transition: var(--button-transition);\n}\n.submit-button[data-v-f7f11890]:hover {\n background-color: var(--color-submit-hover);\n}\n.submit-button[data-v-f7f11890]:disabled {\n background-color: var(--color-submit-disabled);\n cursor: not-allowed;\n}\n";
|
|
1017
|
+
styleInject(css_248z$7);
|
|
1018
1018
|
|
|
1019
|
-
script$
|
|
1020
|
-
script$
|
|
1019
|
+
script$c.__scopeId = "data-v-f7f11890";
|
|
1020
|
+
script$c.__file = "src/Buttons/SubmitButton/SubmitButton.vue";
|
|
1021
1021
|
|
|
1022
|
-
const _hoisted_1$
|
|
1022
|
+
const _hoisted_1$b = { class: "text-input-container" };
|
|
1023
1023
|
const _hoisted_2$5 = ["for"];
|
|
1024
1024
|
const _hoisted_3$4 = ["id", "name", "required", "disabled", "placeholder", "value"];
|
|
1025
1025
|
|
|
1026
1026
|
|
|
1027
|
-
var script$
|
|
1027
|
+
var script$b = {
|
|
1028
1028
|
__name: 'TextInput',
|
|
1029
1029
|
props: {
|
|
1030
1030
|
id: String,
|
|
@@ -1042,7 +1042,7 @@ const emit = __emit;
|
|
|
1042
1042
|
const onInput = (event) => emit('update', event.target.value);
|
|
1043
1043
|
|
|
1044
1044
|
return (_ctx, _cache) => {
|
|
1045
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1045
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
|
|
1046
1046
|
vue.createElementVNode("label", {
|
|
1047
1047
|
class: "text-input-label",
|
|
1048
1048
|
for: __props.id
|
|
@@ -1064,18 +1064,18 @@ return (_ctx, _cache) => {
|
|
|
1064
1064
|
|
|
1065
1065
|
};
|
|
1066
1066
|
|
|
1067
|
-
var css_248z$
|
|
1068
|
-
styleInject(css_248z$
|
|
1067
|
+
var css_248z$6 = "\n.text-input-container[data-v-6df3547e] {\n margin-bottom: 1rem;\n}\n.text-input-label[data-v-6df3547e] {\n display: block;\n color: var(--color-text-input-label);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-bottom: 0.5rem;\n}\n.text-input-field[data-v-6df3547e] {\n box-shadow: 0 1px 3px var(--color-text-input-shadow);\n appearance: none;\n border: 1px solid var(--color-text-input-border);\n border-radius: var(--border-radius--base);\n width: 100%;\n padding: 0.5rem 0.75rem;\n color: var(--color-text-input);\n line-height: 1.25;\n transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n}\n.text-input-field[data-v-6df3547e]:focus {\n outline: none;\n box-shadow: 0 0 0 3px var(--color-text-input-shadow);\n border-color: var(--color-text-input-border-focus);\n}\n.text-input-field[data-v-6df3547e]:disabled {\n background-color: var(--color-input-disabled);\n cursor: not-allowed;\n}\n";
|
|
1068
|
+
styleInject(css_248z$6);
|
|
1069
1069
|
|
|
1070
|
-
script$
|
|
1071
|
-
script$
|
|
1070
|
+
script$b.__scopeId = "data-v-6df3547e";
|
|
1071
|
+
script$b.__file = "src/Inputs/TextInput/TextInput.vue";
|
|
1072
1072
|
|
|
1073
|
-
const _hoisted_1$
|
|
1073
|
+
const _hoisted_1$a = { class: "checkbox-container" };
|
|
1074
1074
|
const _hoisted_2$4 = ["id", "name", "required", "value"];
|
|
1075
1075
|
const _hoisted_3$3 = ["for"];
|
|
1076
1076
|
|
|
1077
1077
|
|
|
1078
|
-
var script$
|
|
1078
|
+
var script$a = {
|
|
1079
1079
|
__name: 'CheckBoxInput',
|
|
1080
1080
|
props: {
|
|
1081
1081
|
id: String,
|
|
@@ -1092,7 +1092,7 @@ const emit = __emit;
|
|
|
1092
1092
|
const onInput = (event) => emit('update', event.target.value);
|
|
1093
1093
|
|
|
1094
1094
|
return (_ctx, _cache) => {
|
|
1095
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1095
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
|
|
1096
1096
|
vue.createElementVNode("input", {
|
|
1097
1097
|
id: __props.id,
|
|
1098
1098
|
name: __props.id,
|
|
@@ -1112,18 +1112,18 @@ return (_ctx, _cache) => {
|
|
|
1112
1112
|
|
|
1113
1113
|
};
|
|
1114
1114
|
|
|
1115
|
-
var css_248z$
|
|
1116
|
-
styleInject(css_248z$
|
|
1115
|
+
var css_248z$5 = "\n.checkbox-container[data-v-4612e592] {\n margin-bottom: 1rem;\n}\ninput[type=\"checkbox\"][data-v-4612e592] {\n margin-right: 0.5rem;\n}\n.checkbox-label[data-v-4612e592] {\n display: block;\n color: var(--color-checkbox-label);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n}\n";
|
|
1116
|
+
styleInject(css_248z$5);
|
|
1117
1117
|
|
|
1118
|
-
script$
|
|
1119
|
-
script$
|
|
1118
|
+
script$a.__scopeId = "data-v-4612e592";
|
|
1119
|
+
script$a.__file = "src/Inputs/CheckBoxInput/CheckBoxInput.vue";
|
|
1120
1120
|
|
|
1121
|
-
const _hoisted_1$
|
|
1121
|
+
const _hoisted_1$9 = { class: "number-input-container" };
|
|
1122
1122
|
const _hoisted_2$3 = ["for"];
|
|
1123
1123
|
const _hoisted_3$2 = ["id", "name", "required", "placeholder", "disabled", "value", "min", "step"];
|
|
1124
1124
|
|
|
1125
1125
|
|
|
1126
|
-
var script$
|
|
1126
|
+
var script$9 = {
|
|
1127
1127
|
__name: 'NumberInput',
|
|
1128
1128
|
props: {
|
|
1129
1129
|
id: String,
|
|
@@ -1143,7 +1143,7 @@ const emit = __emit;
|
|
|
1143
1143
|
const onInput = (event) => emit('update', event.target.value);
|
|
1144
1144
|
|
|
1145
1145
|
return (_ctx, _cache) => {
|
|
1146
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1146
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
|
|
1147
1147
|
vue.createElementVNode("label", {
|
|
1148
1148
|
class: "number-input-label",
|
|
1149
1149
|
for: __props.id
|
|
@@ -1167,18 +1167,18 @@ return (_ctx, _cache) => {
|
|
|
1167
1167
|
|
|
1168
1168
|
};
|
|
1169
1169
|
|
|
1170
|
-
var css_248z$
|
|
1171
|
-
styleInject(css_248z$
|
|
1170
|
+
var css_248z$4 = "\n.number-input-container[data-v-26abc846] {\n margin-bottom: 1rem;\n}\n.number-input-label[data-v-26abc846] {\n display: block;\n color: var(--color-number-input-label);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-bottom: 0.5rem;\n}\n.number-input-field[data-v-26abc846] {\n box-shadow: 0 1px 3px var(--color-input-shadow);\n appearance: none;\n border: 1px solid var(--color-number-input-border);\n border-radius: var(--border-radius--base);\n width: 100%;\n padding: 0.5rem 0.75rem;\n color: var(--color-number-input);\n line-height: 1.25;\n transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n}\n.number-input-field[data-v-26abc846]:focus {\n outline: none;\n box-shadow: 0 0 0 3px var(--color-input-shadow-focus);\n border-color: var(--color-number-input-border-focus);\n}\n.number-input-field[data-v-26abc846]:disabled {\n background-color: var(--color-input-disabled);\n cursor: not-allowed;\n}\n";
|
|
1171
|
+
styleInject(css_248z$4);
|
|
1172
1172
|
|
|
1173
|
-
script$
|
|
1174
|
-
script$
|
|
1173
|
+
script$9.__scopeId = "data-v-26abc846";
|
|
1174
|
+
script$9.__file = "src/Inputs/NumberInput/NumberInput.vue";
|
|
1175
1175
|
|
|
1176
|
-
const _hoisted_1$
|
|
1176
|
+
const _hoisted_1$8 = { class: "image-input-container" };
|
|
1177
1177
|
const _hoisted_2$2 = ["for"];
|
|
1178
1178
|
const _hoisted_3$1 = ["id", "name", "required", "placeholder", "value", "drop-placeholder"];
|
|
1179
1179
|
|
|
1180
1180
|
|
|
1181
|
-
var script$
|
|
1181
|
+
var script$8 = {
|
|
1182
1182
|
__name: 'ImageInput',
|
|
1183
1183
|
props: {
|
|
1184
1184
|
id: String,
|
|
@@ -1196,7 +1196,7 @@ const emit = __emit;
|
|
|
1196
1196
|
const onInput = (event) => emit('update', event.target.files[0]);
|
|
1197
1197
|
|
|
1198
1198
|
return (_ctx, _cache) => {
|
|
1199
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1199
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
|
|
1200
1200
|
vue.createElementVNode("label", {
|
|
1201
1201
|
class: "image-input-label",
|
|
1202
1202
|
for: __props.id
|
|
@@ -1219,11 +1219,11 @@ return (_ctx, _cache) => {
|
|
|
1219
1219
|
|
|
1220
1220
|
};
|
|
1221
1221
|
|
|
1222
|
-
var css_248z$
|
|
1223
|
-
styleInject(css_248z$
|
|
1222
|
+
var css_248z$3 = "\n.image-input-container[data-v-d90b5f3c] {\n margin-bottom: 1rem;\n}\n.image-input-label[data-v-d90b5f3c] {\n display: block;\n color: var(--color-image-input);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-bottom: 0.5rem;\n}\n.image-input-field[data-v-d90b5f3c] {\n box-shadow: 0 1px 3px var(--color-input-shadow);\n appearance: none;\n border: 1px solid var(--color-image-input-border);\n border-radius: var(--border-radius--base);\n width: 100%;\n padding: 0.5rem 0.75rem;\n color: var(--color-image-input);\n line-height: 1.25;\n transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;\n}\n.image-input-field[data-v-d90b5f3c]:focus {\n outline: none;\n box-shadow: 0 0 0 3px var(--color-image-input-shadow);\n border-color: var(--color-image-input-border-focus);\n}\n";
|
|
1223
|
+
styleInject(css_248z$3);
|
|
1224
1224
|
|
|
1225
|
-
script$
|
|
1226
|
-
script$
|
|
1225
|
+
script$8.__scopeId = "data-v-d90b5f3c";
|
|
1226
|
+
script$8.__file = "src/Inputs/ImageInput/ImageInput.vue";
|
|
1227
1227
|
|
|
1228
1228
|
/*! image-blob-reduce 4.1.0 https://github.com/nodeca/image-blob-reduce @license MIT */
|
|
1229
1229
|
function commonjsRequire (path) {
|
|
@@ -4820,11 +4820,11 @@ ImageBlobReduce.pica = pica;
|
|
|
4820
4820
|
|
|
4821
4821
|
var imageBlobReduce = ImageBlobReduce;
|
|
4822
4822
|
|
|
4823
|
-
const _hoisted_1$
|
|
4823
|
+
const _hoisted_1$7 = { class: "image-input-container" };
|
|
4824
4824
|
const _hoisted_2$1 = { key: 0 };
|
|
4825
4825
|
|
|
4826
4826
|
|
|
4827
|
-
var script$
|
|
4827
|
+
var script$7 = {
|
|
4828
4828
|
__name: 'ResizeImageUpload',
|
|
4829
4829
|
props: {
|
|
4830
4830
|
id: String,
|
|
@@ -4857,8 +4857,8 @@ const onInput = async (file) => {
|
|
|
4857
4857
|
};
|
|
4858
4858
|
|
|
4859
4859
|
return (_ctx, _cache) => {
|
|
4860
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4861
|
-
vue.createVNode(script$
|
|
4860
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
|
|
4861
|
+
vue.createVNode(script$8, {
|
|
4862
4862
|
id: __props.id,
|
|
4863
4863
|
name: __props.id,
|
|
4864
4864
|
required: __props.required,
|
|
@@ -4876,20 +4876,20 @@ return (_ctx, _cache) => {
|
|
|
4876
4876
|
|
|
4877
4877
|
};
|
|
4878
4878
|
|
|
4879
|
-
var css_248z$
|
|
4880
|
-
styleInject(css_248z$
|
|
4879
|
+
var css_248z$2 = "\nimage-input[data-v-3fb95754] {\n display: block;\n margin-bottom: 1rem;\n}\nimage-input label[data-v-3fb95754] {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-small);\n color: var(--color-image-input);\n}\nimage-input input[type=\"file\"][data-v-3fb95754] {\n display: block;\n width: 100%;\n padding: 0.5rem;\n border: 1px solid var(--color-image-input-border);\n border-radius: var(--border-radius--base);\n color: var(--color-image-input);\n background-color: var(--color-image-input-background);\n cursor: pointer;\n}\nimage-input input[type=\"file\"][data-v-3fb95754]:focus {\n outline: none;\n border-color: var(--color-image-input-border-focus);\n box-shadow: 0 0 0 3px var(--color-image-input-shadow);\n}\nimage-input input[type=\"file\"][data-v-3fb95754]:disabled {\n background-color: var(--color-input-disabled);\n cursor: not-allowed;\n}\n";
|
|
4880
|
+
styleInject(css_248z$2);
|
|
4881
4881
|
|
|
4882
|
-
script$
|
|
4883
|
-
script$
|
|
4882
|
+
script$7.__scopeId = "data-v-3fb95754";
|
|
4883
|
+
script$7.__file = "src/Inputs/ResizeImageUpload/ResizeImageUpload.vue";
|
|
4884
4884
|
|
|
4885
|
-
const _hoisted_1$
|
|
4885
|
+
const _hoisted_1$6 = { class: "selector-container" };
|
|
4886
4886
|
const _hoisted_2 = ["for"];
|
|
4887
4887
|
const _hoisted_3 = { class: "selector-relative-container" };
|
|
4888
4888
|
const _hoisted_4 = ["id", "disabled"];
|
|
4889
4889
|
const _hoisted_5 = ["value", "disabled"];
|
|
4890
4890
|
|
|
4891
4891
|
|
|
4892
|
-
var script$
|
|
4892
|
+
var script$6 = {
|
|
4893
4893
|
__name: 'Selector',
|
|
4894
4894
|
props: {
|
|
4895
4895
|
id: String,
|
|
@@ -4922,7 +4922,7 @@ vue.watch(() => props.options, (newOptions) => {
|
|
|
4922
4922
|
const onChange = () => emit('selected', selected.value);
|
|
4923
4923
|
|
|
4924
4924
|
return (_ctx, _cache) => {
|
|
4925
|
-
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4925
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
|
|
4926
4926
|
vue.createElementVNode("label", {
|
|
4927
4927
|
class: "selector-label",
|
|
4928
4928
|
for: __props.id
|
|
@@ -4961,16 +4961,16 @@ return (_ctx, _cache) => {
|
|
|
4961
4961
|
|
|
4962
4962
|
};
|
|
4963
4963
|
|
|
4964
|
-
var css_248z = "\n.selector-container[data-v-008e1be2] {\n margin-bottom: 1rem;\n}\n.selector-label[data-v-008e1be2] {\n display: block;\n color: var(--color-selector-label);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-bottom: 0.5rem;\n}\n.selector-relative-container[data-v-008e1be2] {\n position: relative;\n}\n.selector-field[data-v-008e1be2] {\n appearance: none;\n width: 100%;\n background-color: var(--color-selector-background);\n border: 1px solid var(--color-selector-border);\n color: var(--color-selector-text);\n padding: 0.75rem 1rem 0.75rem 0.75rem;\n padding-right: 2rem;\n border-radius: var(--border-radius--base);\n line-height: 1.25;\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n}\n.selector-field[data-v-008e1be2]:focus {\n outline: none;\n background-color: var(--color-selector-background-focused);\n border-color: var(--color-selector-border-focused);\n}\n.selector-icon-container[data-v-008e1be2] {\n pointer-events: none;\n position: absolute;\n inset: 0 auto;\n right: 0;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n color: var(--color-selector-icon-container);\n}\n.selector-icon[data-v-008e1be2] {\n fill: currentColor;\n height: 1rem;\n width: 1rem;\n}\n";
|
|
4965
|
-
styleInject(css_248z);
|
|
4964
|
+
var css_248z$1 = "\n.selector-container[data-v-008e1be2] {\n margin-bottom: 1rem;\n}\n.selector-label[data-v-008e1be2] {\n display: block;\n color: var(--color-selector-label);\n font-size: var(--font-size-small);\n font-weight: var(--font-weight-bold);\n margin-bottom: 0.5rem;\n}\n.selector-relative-container[data-v-008e1be2] {\n position: relative;\n}\n.selector-field[data-v-008e1be2] {\n appearance: none;\n width: 100%;\n background-color: var(--color-selector-background);\n border: 1px solid var(--color-selector-border);\n color: var(--color-selector-text);\n padding: 0.75rem 1rem 0.75rem 0.75rem;\n padding-right: 2rem;\n border-radius: var(--border-radius--base);\n line-height: 1.25;\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n}\n.selector-field[data-v-008e1be2]:focus {\n outline: none;\n background-color: var(--color-selector-background-focused);\n border-color: var(--color-selector-border-focused);\n}\n.selector-icon-container[data-v-008e1be2] {\n pointer-events: none;\n position: absolute;\n inset: 0 auto;\n right: 0;\n display: flex;\n align-items: center;\n padding: 0 0.5rem;\n color: var(--color-selector-icon-container);\n}\n.selector-icon[data-v-008e1be2] {\n fill: currentColor;\n height: 1rem;\n width: 1rem;\n}\n";
|
|
4965
|
+
styleInject(css_248z$1);
|
|
4966
4966
|
|
|
4967
|
-
script$
|
|
4968
|
-
script$
|
|
4967
|
+
script$6.__scopeId = "data-v-008e1be2";
|
|
4968
|
+
script$6.__file = "src/Inputs/Selector/Selector.vue";
|
|
4969
4969
|
|
|
4970
|
-
const _hoisted_1$
|
|
4970
|
+
const _hoisted_1$5 = ["width", "height", "stroke"];
|
|
4971
4971
|
|
|
4972
4972
|
|
|
4973
|
-
var script$
|
|
4973
|
+
var script$5 = {
|
|
4974
4974
|
__name: 'DropIcon',
|
|
4975
4975
|
props: {
|
|
4976
4976
|
size: {
|
|
@@ -5001,18 +5001,18 @@ return (_ctx, _cache) => {
|
|
|
5001
5001
|
}, _cache[0] || (_cache[0] = [
|
|
5002
5002
|
vue.createElementVNode("path", { d: "M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z" }, null, -1 /* HOISTED */),
|
|
5003
5003
|
vue.createElementVNode("path", { d: "M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97" }, null, -1 /* HOISTED */)
|
|
5004
|
-
]), 8 /* PROPS */, _hoisted_1$
|
|
5004
|
+
]), 8 /* PROPS */, _hoisted_1$5))
|
|
5005
5005
|
}
|
|
5006
5006
|
}
|
|
5007
5007
|
|
|
5008
5008
|
};
|
|
5009
5009
|
|
|
5010
|
-
script$
|
|
5010
|
+
script$5.__file = "src/Icons/DropIcon/DropIcon.vue";
|
|
5011
5011
|
|
|
5012
|
-
const _hoisted_1$
|
|
5012
|
+
const _hoisted_1$4 = ["width", "height", "stroke"];
|
|
5013
5013
|
|
|
5014
5014
|
|
|
5015
|
-
var script$
|
|
5015
|
+
var script$4 = {
|
|
5016
5016
|
__name: 'SkullIcon',
|
|
5017
5017
|
props: {
|
|
5018
5018
|
size: {
|
|
@@ -5053,18 +5053,18 @@ return (_ctx, _cache) => {
|
|
|
5053
5053
|
cy: "12",
|
|
5054
5054
|
r: "1"
|
|
5055
5055
|
}, null, -1 /* HOISTED */)
|
|
5056
|
-
]), 8 /* PROPS */, _hoisted_1$
|
|
5056
|
+
]), 8 /* PROPS */, _hoisted_1$4))
|
|
5057
5057
|
}
|
|
5058
5058
|
}
|
|
5059
5059
|
|
|
5060
5060
|
};
|
|
5061
5061
|
|
|
5062
|
-
script$
|
|
5062
|
+
script$4.__file = "src/Icons/SkullIcon/SkullIcon.vue";
|
|
5063
5063
|
|
|
5064
|
-
const _hoisted_1$
|
|
5064
|
+
const _hoisted_1$3 = ["width", "height", "stroke"];
|
|
5065
5065
|
|
|
5066
5066
|
|
|
5067
|
-
var script$
|
|
5067
|
+
var script$3 = {
|
|
5068
5068
|
__name: 'CalendarIcon',
|
|
5069
5069
|
props: {
|
|
5070
5070
|
size: {
|
|
@@ -5103,18 +5103,18 @@ return (_ctx, _cache) => {
|
|
|
5103
5103
|
rx: "2"
|
|
5104
5104
|
}, null, -1 /* HOISTED */),
|
|
5105
5105
|
vue.createElementVNode("path", { d: "M3 10h18" }, null, -1 /* HOISTED */)
|
|
5106
|
-
]), 8 /* PROPS */, _hoisted_1$
|
|
5106
|
+
]), 8 /* PROPS */, _hoisted_1$3))
|
|
5107
5107
|
}
|
|
5108
5108
|
}
|
|
5109
5109
|
|
|
5110
5110
|
};
|
|
5111
5111
|
|
|
5112
|
-
script$
|
|
5112
|
+
script$3.__file = "src/Icons/CalendarIcon/CalendarIcon.vue";
|
|
5113
5113
|
|
|
5114
|
-
const _hoisted_1$
|
|
5114
|
+
const _hoisted_1$2 = ["width", "height", "stroke"];
|
|
5115
5115
|
|
|
5116
5116
|
|
|
5117
|
-
var script$
|
|
5117
|
+
var script$2 = {
|
|
5118
5118
|
__name: 'SaveIcon',
|
|
5119
5119
|
props: {
|
|
5120
5120
|
size: {
|
|
@@ -5146,18 +5146,18 @@ return (_ctx, _cache) => {
|
|
|
5146
5146
|
vue.createElementVNode("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }, null, -1 /* HOISTED */),
|
|
5147
5147
|
vue.createElementVNode("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }, null, -1 /* HOISTED */),
|
|
5148
5148
|
vue.createElementVNode("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" }, null, -1 /* HOISTED */)
|
|
5149
|
-
]), 8 /* PROPS */, _hoisted_1$
|
|
5149
|
+
]), 8 /* PROPS */, _hoisted_1$2))
|
|
5150
5150
|
}
|
|
5151
5151
|
}
|
|
5152
5152
|
|
|
5153
5153
|
};
|
|
5154
5154
|
|
|
5155
|
-
script$
|
|
5155
|
+
script$2.__file = "src/Icons/SaveIcon/SaveIcon.vue";
|
|
5156
5156
|
|
|
5157
|
-
const _hoisted_1 = ["width", "height", "stroke"];
|
|
5157
|
+
const _hoisted_1$1 = ["width", "height", "stroke"];
|
|
5158
5158
|
|
|
5159
5159
|
|
|
5160
|
-
var script = {
|
|
5160
|
+
var script$1 = {
|
|
5161
5161
|
__name: 'CreateIcon',
|
|
5162
5162
|
props: {
|
|
5163
5163
|
size: {
|
|
@@ -5199,41 +5199,111 @@ return (_ctx, _cache) => {
|
|
|
5199
5199
|
y1: "12",
|
|
5200
5200
|
y2: "12"
|
|
5201
5201
|
}, null, -1 /* HOISTED */)
|
|
5202
|
-
]), 8 /* PROPS */, _hoisted_1))
|
|
5202
|
+
]), 8 /* PROPS */, _hoisted_1$1))
|
|
5203
|
+
}
|
|
5204
|
+
}
|
|
5205
|
+
|
|
5206
|
+
};
|
|
5207
|
+
|
|
5208
|
+
script$1.__file = "src/Icons/CreateIcon/CreateIcon.vue";
|
|
5209
|
+
|
|
5210
|
+
const _hoisted_1 = { class: "infinite-scroll-container" };
|
|
5211
|
+
|
|
5212
|
+
|
|
5213
|
+
var script = {
|
|
5214
|
+
__name: 'InfiniteScroll',
|
|
5215
|
+
props: {
|
|
5216
|
+
threshold: {
|
|
5217
|
+
type: Number,
|
|
5218
|
+
default: 0.1
|
|
5219
|
+
},
|
|
5220
|
+
rootMargin: {
|
|
5221
|
+
type: String,
|
|
5222
|
+
default: '0px'
|
|
5223
|
+
},
|
|
5224
|
+
disabled: {
|
|
5225
|
+
type: Boolean,
|
|
5226
|
+
default: false
|
|
5227
|
+
}
|
|
5228
|
+
},
|
|
5229
|
+
emits: ['load-more'],
|
|
5230
|
+
setup(__props, { emit: __emit }) {
|
|
5231
|
+
|
|
5232
|
+
const props = __props;
|
|
5233
|
+
|
|
5234
|
+
const emit = __emit;
|
|
5235
|
+
const sentinel = vue.ref(null);
|
|
5236
|
+
let observer = null;
|
|
5237
|
+
|
|
5238
|
+
vue.onMounted(() => {
|
|
5239
|
+
observer = new IntersectionObserver(([entry]) => {
|
|
5240
|
+
if (entry.isIntersecting && !props.disabled) {
|
|
5241
|
+
emit('load-more');
|
|
5242
|
+
}
|
|
5243
|
+
}, {
|
|
5244
|
+
rootMargin: props.rootMargin,
|
|
5245
|
+
threshold: props.threshold
|
|
5246
|
+
});
|
|
5247
|
+
|
|
5248
|
+
if (sentinel.value) {
|
|
5249
|
+
observer.observe(sentinel.value);
|
|
5250
|
+
}
|
|
5251
|
+
});
|
|
5252
|
+
|
|
5253
|
+
vue.onBeforeUnmount(() => {
|
|
5254
|
+
if (observer) {
|
|
5255
|
+
observer.disconnect();
|
|
5256
|
+
}
|
|
5257
|
+
});
|
|
5258
|
+
|
|
5259
|
+
return (_ctx, _cache) => {
|
|
5260
|
+
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
5261
|
+
vue.renderSlot(_ctx.$slots, "default"),
|
|
5262
|
+
vue.createElementVNode("div", {
|
|
5263
|
+
class: "sentinel",
|
|
5264
|
+
ref_key: "sentinel",
|
|
5265
|
+
ref: sentinel
|
|
5266
|
+
}, null, 512 /* NEED_PATCH */)
|
|
5267
|
+
]))
|
|
5203
5268
|
}
|
|
5204
5269
|
}
|
|
5205
5270
|
|
|
5206
5271
|
};
|
|
5207
5272
|
|
|
5208
|
-
|
|
5209
|
-
|
|
5210
|
-
|
|
5211
|
-
|
|
5212
|
-
|
|
5213
|
-
|
|
5214
|
-
exports.
|
|
5215
|
-
exports.
|
|
5216
|
-
exports.
|
|
5217
|
-
exports.
|
|
5218
|
-
exports.
|
|
5219
|
-
exports.
|
|
5220
|
-
exports.
|
|
5221
|
-
exports.
|
|
5222
|
-
exports.
|
|
5223
|
-
exports.
|
|
5224
|
-
exports.
|
|
5225
|
-
exports.
|
|
5226
|
-
exports.
|
|
5227
|
-
exports.
|
|
5228
|
-
exports.
|
|
5229
|
-
exports.
|
|
5230
|
-
exports.
|
|
5231
|
-
exports.
|
|
5232
|
-
exports.
|
|
5233
|
-
exports.
|
|
5234
|
-
exports.
|
|
5235
|
-
exports.
|
|
5236
|
-
exports.
|
|
5237
|
-
exports.
|
|
5238
|
-
exports.
|
|
5273
|
+
var css_248z = "\n.infinite-scroll-container[data-v-69ac2b46] {\n width: 100%;\n}\n.sentinel[data-v-69ac2b46] {\n height: var(--infinite-scroll-sentinel-height, 1px);\n width: 100%;\n}\n";
|
|
5274
|
+
styleInject(css_248z);
|
|
5275
|
+
|
|
5276
|
+
script.__scopeId = "data-v-69ac2b46";
|
|
5277
|
+
script.__file = "src/InfiniteScroll/InfiniteScroll.vue";
|
|
5278
|
+
|
|
5279
|
+
exports.Badge = script$k;
|
|
5280
|
+
exports.CalendarIcon = script$3;
|
|
5281
|
+
exports.Card = script$y;
|
|
5282
|
+
exports.CardGrid = script$x;
|
|
5283
|
+
exports.CheckBoxInput = script$a;
|
|
5284
|
+
exports.Container = script$w;
|
|
5285
|
+
exports.CreateIcon = script$1;
|
|
5286
|
+
exports.DangerButton = script$h;
|
|
5287
|
+
exports.DropIcon = script$5;
|
|
5288
|
+
exports.ImageInput = script$8;
|
|
5289
|
+
exports.InfiniteScroll = script;
|
|
5290
|
+
exports.Loading = script$B;
|
|
5291
|
+
exports.Modal = script$g;
|
|
5292
|
+
exports.Navbar = script$o;
|
|
5293
|
+
exports.NumberInput = script$9;
|
|
5294
|
+
exports.Pagination = script$l;
|
|
5295
|
+
exports.RangeView = script$e;
|
|
5296
|
+
exports.RegularButton = script$m;
|
|
5297
|
+
exports.ResetButton = script$d;
|
|
5298
|
+
exports.ResizeImageUpload = script$7;
|
|
5299
|
+
exports.SaveIcon = script$2;
|
|
5300
|
+
exports.SecondaryButton = script$i;
|
|
5301
|
+
exports.SectionTitle = script$C;
|
|
5302
|
+
exports.Selector = script$6;
|
|
5303
|
+
exports.SkullIcon = script$4;
|
|
5304
|
+
exports.Spinner = script$f;
|
|
5305
|
+
exports.StyledTable = script$n;
|
|
5306
|
+
exports.SubmitButton = script$c;
|
|
5307
|
+
exports.Temperature = script$j;
|
|
5308
|
+
exports.TextInput = script$b;
|
|
5239
5309
|
//# sourceMappingURL=index.js.map
|