@namelivia/vue-components 1.4.0 → 1.5.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 +275 -237
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +299 -260
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/src/NumberInput.vue +5 -1
- package/src/Selector.vue +4 -0
- package/src/Spinner.vue +12 -0
- package/src/SubmitButton.vue +11 -2
- package/src/TextInput.vue +5 -1
- package/src/index.js +1 -0
package/dist/index.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, toDisplayString, createStaticVNode, createElementVNode, renderSlot, withDirectives, Fragment, renderList, vModelSelect, createCommentVNode, normalizeClass, resolveComponent, createBlock, Transition, withCtx, createVNode } from 'vue';
|
|
2
2
|
|
|
3
|
-
var script$
|
|
3
|
+
var script$u = defineComponent({
|
|
4
4
|
name: 'SectionTitle',
|
|
5
5
|
props: {
|
|
6
6
|
text: {
|
|
@@ -10,73 +10,79 @@ var script$t = defineComponent({
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
|
|
13
|
-
const _hoisted_1$
|
|
13
|
+
const _hoisted_1$q = { class: "text-center text-6xl leading-relaxed" };
|
|
14
14
|
|
|
15
|
-
function render$
|
|
16
|
-
return (openBlock(), createElementBlock("h1", _hoisted_1$
|
|
15
|
+
function render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
16
|
+
return (openBlock(), createElementBlock("h1", _hoisted_1$q, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
script$
|
|
20
|
-
script$
|
|
19
|
+
script$u.render = render$u;
|
|
20
|
+
script$u.__file = "src/SectionTitle.vue";
|
|
21
21
|
|
|
22
|
-
var script$
|
|
22
|
+
var script$t = defineComponent({
|
|
23
23
|
name: "Loading",
|
|
24
24
|
props: {
|
|
25
25
|
text: String,
|
|
26
26
|
},
|
|
27
27
|
});
|
|
28
28
|
|
|
29
|
-
const _hoisted_1$
|
|
30
|
-
const _hoisted_3$
|
|
31
|
-
_hoisted_1$
|
|
29
|
+
const _hoisted_1$p = /*#__PURE__*/createStaticVNode("<h1 class=\"text-center.text-1xl.leading-relaxed\">Loading...</h1><div class=\"flex items-center justify-center space-x-2 animate-bounce\"><div class=\"w-8 h-8 bg-blue-400 rounded-full\"></div><div class=\"w-8 h-8 bg-green-400 rounded-full\"></div><div class=\"w-8 h-8 bg-red-400 rounded-full\"></div></div>", 2);
|
|
30
|
+
const _hoisted_3$a = [
|
|
31
|
+
_hoisted_1$p
|
|
32
32
|
];
|
|
33
33
|
|
|
34
|
-
function render$
|
|
35
|
-
return (openBlock(), createElementBlock("div", null, _hoisted_3$
|
|
34
|
+
function render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
35
|
+
return (openBlock(), createElementBlock("div", null, _hoisted_3$a))
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
script$
|
|
39
|
-
script$
|
|
38
|
+
script$t.render = render$t;
|
|
39
|
+
script$t.__file = "src/Loading.vue";
|
|
40
40
|
|
|
41
|
-
var script$
|
|
41
|
+
var script$s = defineComponent({
|
|
42
42
|
name: "ResetButton",
|
|
43
43
|
props: {
|
|
44
44
|
text: String,
|
|
45
45
|
},
|
|
46
46
|
});
|
|
47
47
|
|
|
48
|
-
const _hoisted_1$
|
|
48
|
+
const _hoisted_1$o = {
|
|
49
49
|
class: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
|
|
50
50
|
type: "reset"
|
|
51
51
|
};
|
|
52
52
|
|
|
53
|
-
function render$
|
|
54
|
-
return (openBlock(), createElementBlock("button", _hoisted_1$
|
|
53
|
+
function render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
54
|
+
return (openBlock(), createElementBlock("button", _hoisted_1$o, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
script$
|
|
58
|
-
script$
|
|
57
|
+
script$s.render = render$s;
|
|
58
|
+
script$s.__file = "src/ResetButton.vue";
|
|
59
59
|
|
|
60
|
-
var script$
|
|
60
|
+
var script$r = defineComponent({
|
|
61
61
|
name: "SubmitButton",
|
|
62
62
|
props: {
|
|
63
|
-
text:
|
|
63
|
+
text: {
|
|
64
|
+
type: String,
|
|
65
|
+
},
|
|
66
|
+
disabled: {
|
|
67
|
+
type: Boolean,
|
|
68
|
+
},
|
|
64
69
|
},
|
|
65
70
|
});
|
|
66
71
|
|
|
67
|
-
const _hoisted_1$
|
|
68
|
-
class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",
|
|
69
|
-
type: "submit"
|
|
70
|
-
};
|
|
72
|
+
const _hoisted_1$n = ["disabled"];
|
|
71
73
|
|
|
72
|
-
function render$
|
|
73
|
-
return (openBlock(), createElementBlock("button",
|
|
74
|
+
function render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
75
|
+
return (openBlock(), createElementBlock("button", {
|
|
76
|
+
class: "bg-blue-500 hover:bg-blue-700 disabled:bg-blue-400 text-white font-bold py-2 px-4 rounded disabled:cursor-not-allowed",
|
|
77
|
+
type: "submit",
|
|
78
|
+
disabled: _ctx.disabled
|
|
79
|
+
}, toDisplayString(_ctx.text), 9 /* TEXT, PROPS */, _hoisted_1$n))
|
|
74
80
|
}
|
|
75
81
|
|
|
76
|
-
script$
|
|
77
|
-
script$
|
|
82
|
+
script$r.render = render$r;
|
|
83
|
+
script$r.__file = "src/SubmitButton.vue";
|
|
78
84
|
|
|
79
|
-
var script$
|
|
85
|
+
var script$q = defineComponent({
|
|
80
86
|
name: "RegularButton",
|
|
81
87
|
props: {
|
|
82
88
|
text: String,
|
|
@@ -89,17 +95,17 @@ var script$p = defineComponent({
|
|
|
89
95
|
}
|
|
90
96
|
});
|
|
91
97
|
|
|
92
|
-
function render$
|
|
98
|
+
function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
93
99
|
return (openBlock(), createElementBlock("button", {
|
|
94
100
|
class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",
|
|
95
101
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
|
|
96
102
|
}, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
97
103
|
}
|
|
98
104
|
|
|
99
|
-
script$
|
|
100
|
-
script$
|
|
105
|
+
script$q.render = render$q;
|
|
106
|
+
script$q.__file = "src/RegularButton.vue";
|
|
101
107
|
|
|
102
|
-
var script$
|
|
108
|
+
var script$p = defineComponent({
|
|
103
109
|
name: "SecondaryButton",
|
|
104
110
|
props: {
|
|
105
111
|
text: String,
|
|
@@ -112,17 +118,17 @@ var script$o = defineComponent({
|
|
|
112
118
|
}
|
|
113
119
|
});
|
|
114
120
|
|
|
115
|
-
function render$
|
|
121
|
+
function render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
116
122
|
return (openBlock(), createElementBlock("button", {
|
|
117
123
|
class: "bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded",
|
|
118
124
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
|
|
119
125
|
}, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
120
126
|
}
|
|
121
127
|
|
|
122
|
-
script$
|
|
123
|
-
script$
|
|
128
|
+
script$p.render = render$p;
|
|
129
|
+
script$p.__file = "src/SecondaryButton.vue";
|
|
124
130
|
|
|
125
|
-
var script$
|
|
131
|
+
var script$o = defineComponent({
|
|
126
132
|
name: "DangerButton",
|
|
127
133
|
props: {
|
|
128
134
|
text: String,
|
|
@@ -135,35 +141,35 @@ var script$n = defineComponent({
|
|
|
135
141
|
}
|
|
136
142
|
});
|
|
137
143
|
|
|
138
|
-
function render$
|
|
144
|
+
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
139
145
|
return (openBlock(), createElementBlock("button", {
|
|
140
146
|
class: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded",
|
|
141
147
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
|
|
142
148
|
}, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
143
149
|
}
|
|
144
150
|
|
|
145
|
-
script$
|
|
146
|
-
script$
|
|
151
|
+
script$o.render = render$o;
|
|
152
|
+
script$o.__file = "src/DangerButton.vue";
|
|
147
153
|
|
|
148
|
-
var script$
|
|
154
|
+
var script$n = defineComponent({
|
|
149
155
|
name: "Card"
|
|
150
156
|
});
|
|
151
157
|
|
|
152
|
-
const _hoisted_1$
|
|
153
|
-
const _hoisted_2$
|
|
158
|
+
const _hoisted_1$m = { class: "m-8" };
|
|
159
|
+
const _hoisted_2$f = { class: "max-w-sm rounded overflow-hidden shadow-lg" };
|
|
154
160
|
|
|
155
|
-
function render$
|
|
156
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
157
|
-
createElementVNode("div", _hoisted_2$
|
|
161
|
+
function render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
162
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$m, [
|
|
163
|
+
createElementVNode("div", _hoisted_2$f, [
|
|
158
164
|
renderSlot(_ctx.$slots, "default")
|
|
159
165
|
])
|
|
160
166
|
]))
|
|
161
167
|
}
|
|
162
168
|
|
|
163
|
-
script$
|
|
164
|
-
script$
|
|
169
|
+
script$n.render = render$n;
|
|
170
|
+
script$n.__file = "src/Card.vue";
|
|
165
171
|
|
|
166
|
-
var script$
|
|
172
|
+
var script$m = defineComponent({
|
|
167
173
|
name: "CardImage",
|
|
168
174
|
props: {
|
|
169
175
|
src: String,
|
|
@@ -185,49 +191,52 @@ var script$l = defineComponent({
|
|
|
185
191
|
},
|
|
186
192
|
});
|
|
187
193
|
|
|
188
|
-
const _hoisted_1$
|
|
194
|
+
const _hoisted_1$l = ["src", "alt"];
|
|
189
195
|
|
|
190
|
-
function render$
|
|
196
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
191
197
|
return (openBlock(), createElementBlock("img", {
|
|
192
198
|
class: "w-full",
|
|
193
199
|
src: _ctx.src,
|
|
194
200
|
alt: _ctx.alt,
|
|
195
201
|
ref: "image"
|
|
196
|
-
}, null, 8 /* PROPS */, _hoisted_1$
|
|
202
|
+
}, null, 8 /* PROPS */, _hoisted_1$l))
|
|
197
203
|
}
|
|
198
204
|
|
|
199
|
-
script$
|
|
200
|
-
script$
|
|
205
|
+
script$m.render = render$m;
|
|
206
|
+
script$m.__file = "src/CardImage.vue";
|
|
201
207
|
|
|
202
|
-
var script$
|
|
208
|
+
var script$l = defineComponent({
|
|
203
209
|
name: "CardBody",
|
|
204
210
|
props: {
|
|
205
211
|
title: String,
|
|
206
212
|
},
|
|
207
213
|
});
|
|
208
214
|
|
|
209
|
-
const _hoisted_1$
|
|
210
|
-
const _hoisted_2$
|
|
211
|
-
const _hoisted_3$
|
|
215
|
+
const _hoisted_1$k = { class: "px-6 py-4" };
|
|
216
|
+
const _hoisted_2$e = { class: "font-bold text-xl mb-2" };
|
|
217
|
+
const _hoisted_3$9 = { class: "text-gray-700 text-base" };
|
|
212
218
|
|
|
213
|
-
function render$
|
|
214
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
215
|
-
createElementVNode("div", _hoisted_2$
|
|
216
|
-
createElementVNode("p", _hoisted_3$
|
|
219
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
220
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$k, [
|
|
221
|
+
createElementVNode("div", _hoisted_2$e, toDisplayString(_ctx.title), 1 /* TEXT */),
|
|
222
|
+
createElementVNode("p", _hoisted_3$9, [
|
|
217
223
|
renderSlot(_ctx.$slots, "default")
|
|
218
224
|
])
|
|
219
225
|
]))
|
|
220
226
|
}
|
|
221
227
|
|
|
222
|
-
script$
|
|
223
|
-
script$
|
|
228
|
+
script$l.render = render$l;
|
|
229
|
+
script$l.__file = "src/CardBody.vue";
|
|
224
230
|
|
|
225
|
-
var script$
|
|
231
|
+
var script$k = defineComponent({
|
|
226
232
|
name: "Selector",
|
|
227
233
|
props: {
|
|
228
234
|
id: {
|
|
229
235
|
type: String,
|
|
230
236
|
},
|
|
237
|
+
disabled: {
|
|
238
|
+
type: Boolean,
|
|
239
|
+
},
|
|
231
240
|
label: {
|
|
232
241
|
type: String,
|
|
233
242
|
},
|
|
@@ -261,10 +270,10 @@ var script$j = defineComponent({
|
|
|
261
270
|
},
|
|
262
271
|
});
|
|
263
272
|
|
|
264
|
-
const _hoisted_1$
|
|
265
|
-
const _hoisted_2$
|
|
266
|
-
const _hoisted_3$
|
|
267
|
-
const _hoisted_4$1 = ["id"];
|
|
273
|
+
const _hoisted_1$j = { class: "mb-4" };
|
|
274
|
+
const _hoisted_2$d = ["for"];
|
|
275
|
+
const _hoisted_3$8 = { class: "relative" };
|
|
276
|
+
const _hoisted_4$1 = ["id", "disabled"];
|
|
268
277
|
const _hoisted_5$1 = ["value", "disabled"];
|
|
269
278
|
const _hoisted_6 = /*#__PURE__*/createElementVNode("div", { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700" }, [
|
|
270
279
|
/*#__PURE__*/createElementVNode("svg", {
|
|
@@ -276,16 +285,17 @@ const _hoisted_6 = /*#__PURE__*/createElementVNode("div", { class: "pointer-even
|
|
|
276
285
|
])
|
|
277
286
|
], -1 /* HOISTED */);
|
|
278
287
|
|
|
279
|
-
function render$
|
|
280
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
288
|
+
function render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
289
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$j, [
|
|
281
290
|
createElementVNode("label", {
|
|
282
291
|
class: "block text-gray-700 text-sm font-bold mb-2",
|
|
283
292
|
for: _ctx.id
|
|
284
|
-
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$
|
|
285
|
-
createElementVNode("div", _hoisted_3$
|
|
293
|
+
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$d),
|
|
294
|
+
createElementVNode("div", _hoisted_3$8, [
|
|
286
295
|
withDirectives(createElementVNode("select", {
|
|
287
296
|
class: "block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500",
|
|
288
297
|
id: _ctx.id,
|
|
298
|
+
disabled: _ctx.disabled,
|
|
289
299
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.selected) = $event)),
|
|
290
300
|
onChange: _cache[1] || (_cache[1] = (...args) => (_ctx.onChange && _ctx.onChange(...args)))
|
|
291
301
|
}, [
|
|
@@ -304,10 +314,10 @@ function render$j(_ctx, _cache) {
|
|
|
304
314
|
]))
|
|
305
315
|
}
|
|
306
316
|
|
|
307
|
-
script$
|
|
308
|
-
script$
|
|
317
|
+
script$k.render = render$k;
|
|
318
|
+
script$k.__file = "src/Selector.vue";
|
|
309
319
|
|
|
310
|
-
var script$
|
|
320
|
+
var script$j = defineComponent({
|
|
311
321
|
name: "TextInput",
|
|
312
322
|
props: {
|
|
313
323
|
id: {
|
|
@@ -316,6 +326,9 @@ var script$i = defineComponent({
|
|
|
316
326
|
required: {
|
|
317
327
|
type: Boolean,
|
|
318
328
|
},
|
|
329
|
+
disabled: {
|
|
330
|
+
type: Boolean,
|
|
331
|
+
},
|
|
319
332
|
placeholder: {
|
|
320
333
|
type: String,
|
|
321
334
|
},
|
|
@@ -335,33 +348,34 @@ var script$i = defineComponent({
|
|
|
335
348
|
|
|
336
349
|
});
|
|
337
350
|
|
|
338
|
-
const _hoisted_1$
|
|
339
|
-
const _hoisted_2$
|
|
340
|
-
const _hoisted_3$
|
|
351
|
+
const _hoisted_1$i = { class: "mb-4" };
|
|
352
|
+
const _hoisted_2$c = ["for"];
|
|
353
|
+
const _hoisted_3$7 = ["id", "name", "required", "disabled", "placeholder", "value"];
|
|
341
354
|
|
|
342
|
-
function render$
|
|
343
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
355
|
+
function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
356
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$i, [
|
|
344
357
|
createElementVNode("label", {
|
|
345
358
|
class: "block text-gray-700 text-sm font-bold mb-2",
|
|
346
359
|
for: _ctx.id
|
|
347
|
-
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$
|
|
360
|
+
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$c),
|
|
348
361
|
createElementVNode("input", {
|
|
349
|
-
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
|
|
362
|
+
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline disabled:bg-gray-200 disabled:cursor-not-allowed",
|
|
350
363
|
id: _ctx.id,
|
|
351
364
|
name: _ctx.id,
|
|
352
365
|
required: _ctx.required,
|
|
366
|
+
disabled: _ctx.disabled,
|
|
353
367
|
placeholder: _ctx.placeholder,
|
|
354
368
|
value: _ctx.text,
|
|
355
369
|
onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
|
|
356
370
|
type: "text"
|
|
357
|
-
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$
|
|
371
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$7)
|
|
358
372
|
]))
|
|
359
373
|
}
|
|
360
374
|
|
|
361
|
-
script$
|
|
362
|
-
script$
|
|
375
|
+
script$j.render = render$j;
|
|
376
|
+
script$j.__file = "src/TextInput.vue";
|
|
363
377
|
|
|
364
|
-
var script$
|
|
378
|
+
var script$i = defineComponent({
|
|
365
379
|
name: "CheckBoxInput",
|
|
366
380
|
props: {
|
|
367
381
|
id: {
|
|
@@ -388,11 +402,11 @@ var script$h = defineComponent({
|
|
|
388
402
|
},
|
|
389
403
|
});
|
|
390
404
|
|
|
391
|
-
const _hoisted_1$
|
|
392
|
-
const _hoisted_2$
|
|
405
|
+
const _hoisted_1$h = { class: "mb-4" };
|
|
406
|
+
const _hoisted_2$b = ["id", "name", "required", "value"];
|
|
393
407
|
|
|
394
|
-
function render$
|
|
395
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
408
|
+
function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
409
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
396
410
|
createElementVNode("input", {
|
|
397
411
|
id: _ctx.id,
|
|
398
412
|
name: _ctx.id,
|
|
@@ -401,16 +415,16 @@ function render$h(_ctx, _cache) {
|
|
|
401
415
|
onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
|
|
402
416
|
type: "checkbox",
|
|
403
417
|
"unchecked-value": "false"
|
|
404
|
-
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_2$
|
|
418
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_2$b),
|
|
405
419
|
createCommentVNode("TODO: This seems not to work"),
|
|
406
420
|
createCommentVNode("label(class=\"block text-gray-700 text-sm font-bold\" :for=\"id\") {{ label }}")
|
|
407
421
|
]))
|
|
408
422
|
}
|
|
409
423
|
|
|
410
|
-
script$
|
|
411
|
-
script$
|
|
424
|
+
script$i.render = render$i;
|
|
425
|
+
script$i.__file = "src/CheckBoxInput.vue";
|
|
412
426
|
|
|
413
|
-
var script$
|
|
427
|
+
var script$h = defineComponent({
|
|
414
428
|
name: "NumberInput",
|
|
415
429
|
props: {
|
|
416
430
|
id: {
|
|
@@ -419,6 +433,9 @@ var script$g = defineComponent({
|
|
|
419
433
|
required: {
|
|
420
434
|
type: Boolean,
|
|
421
435
|
},
|
|
436
|
+
disabled: {
|
|
437
|
+
type: Boolean,
|
|
438
|
+
},
|
|
422
439
|
placeholder: {
|
|
423
440
|
type: String,
|
|
424
441
|
},
|
|
@@ -444,35 +461,36 @@ var script$g = defineComponent({
|
|
|
444
461
|
|
|
445
462
|
});
|
|
446
463
|
|
|
447
|
-
const _hoisted_1$
|
|
448
|
-
const _hoisted_2$
|
|
449
|
-
const _hoisted_3$
|
|
464
|
+
const _hoisted_1$g = { class: "mb-4" };
|
|
465
|
+
const _hoisted_2$a = ["for"];
|
|
466
|
+
const _hoisted_3$6 = ["id", "name", "required", "placeholder", "disabled", "value", "min", "step"];
|
|
450
467
|
|
|
451
|
-
function render$
|
|
452
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
468
|
+
function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
469
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
453
470
|
createElementVNode("label", {
|
|
454
471
|
class: "block text-gray-700 text-sm font-bold mb-2",
|
|
455
472
|
for: _ctx.id
|
|
456
|
-
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$
|
|
473
|
+
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$a),
|
|
457
474
|
createElementVNode("input", {
|
|
458
|
-
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
|
|
475
|
+
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline disabled:bg-gray-200 disabled:cursor-not-allowed",
|
|
459
476
|
id: _ctx.id,
|
|
460
477
|
name: _ctx.id,
|
|
461
478
|
required: _ctx.required,
|
|
462
479
|
placeholder: _ctx.placeholder,
|
|
480
|
+
disabled: _ctx.disabled,
|
|
463
481
|
value: _ctx.amount,
|
|
464
482
|
min: _ctx.min,
|
|
465
483
|
step: _ctx.step,
|
|
466
484
|
onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
|
|
467
485
|
type: "number"
|
|
468
|
-
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$
|
|
486
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$6)
|
|
469
487
|
]))
|
|
470
488
|
}
|
|
471
489
|
|
|
472
|
-
script$
|
|
473
|
-
script$
|
|
490
|
+
script$h.render = render$h;
|
|
491
|
+
script$h.__file = "src/NumberInput.vue";
|
|
474
492
|
|
|
475
|
-
var script$
|
|
493
|
+
var script$g = defineComponent({
|
|
476
494
|
name: "ImageInput",
|
|
477
495
|
props: {
|
|
478
496
|
id: {
|
|
@@ -502,16 +520,16 @@ var script$f = defineComponent({
|
|
|
502
520
|
},
|
|
503
521
|
});
|
|
504
522
|
|
|
505
|
-
const _hoisted_1$
|
|
506
|
-
const _hoisted_2$
|
|
507
|
-
const _hoisted_3$
|
|
523
|
+
const _hoisted_1$f = { class: "mb-4" };
|
|
524
|
+
const _hoisted_2$9 = ["for"];
|
|
525
|
+
const _hoisted_3$5 = ["id", "name", "required", "placeholder", "value", "drop-placeholder"];
|
|
508
526
|
|
|
509
|
-
function render$
|
|
510
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
527
|
+
function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
528
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
511
529
|
createElementVNode("label", {
|
|
512
530
|
class: "block text-gray-700 text-sm font-bold mb-2",
|
|
513
531
|
for: _ctx.id
|
|
514
|
-
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$
|
|
532
|
+
}, toDisplayString(_ctx.label), 9 /* TEXT, PROPS */, _hoisted_2$9),
|
|
515
533
|
createElementVNode("input", {
|
|
516
534
|
class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",
|
|
517
535
|
id: _ctx.id,
|
|
@@ -523,44 +541,44 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
523
541
|
onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.onInput && _ctx.onInput(...args))),
|
|
524
542
|
type: "file",
|
|
525
543
|
accept: "image/*"
|
|
526
|
-
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$
|
|
544
|
+
}, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_3$5)
|
|
527
545
|
]))
|
|
528
546
|
}
|
|
529
547
|
|
|
530
|
-
script$
|
|
531
|
-
script$
|
|
548
|
+
script$g.render = render$g;
|
|
549
|
+
script$g.__file = "src/ImageInput.vue";
|
|
532
550
|
|
|
533
|
-
var script$
|
|
551
|
+
var script$f = defineComponent({
|
|
534
552
|
name: "CardGrid"
|
|
535
553
|
});
|
|
536
554
|
|
|
537
|
-
const _hoisted_1$
|
|
555
|
+
const _hoisted_1$e = { class: "flex flex-wrap lg:justify-between justify-center align-content:center" };
|
|
538
556
|
|
|
539
|
-
function render$
|
|
540
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
557
|
+
function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
558
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$e, [
|
|
541
559
|
renderSlot(_ctx.$slots, "default")
|
|
542
560
|
]))
|
|
543
561
|
}
|
|
544
562
|
|
|
545
|
-
script$
|
|
546
|
-
script$
|
|
563
|
+
script$f.render = render$f;
|
|
564
|
+
script$f.__file = "src/CardGrid.vue";
|
|
547
565
|
|
|
548
|
-
var script$
|
|
566
|
+
var script$e = defineComponent({
|
|
549
567
|
name: "Container"
|
|
550
568
|
});
|
|
551
569
|
|
|
552
|
-
const _hoisted_1$
|
|
570
|
+
const _hoisted_1$d = { class: "container mx-auto" };
|
|
553
571
|
|
|
554
|
-
function render$
|
|
555
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
572
|
+
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
573
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$d, [
|
|
556
574
|
renderSlot(_ctx.$slots, "default")
|
|
557
575
|
]))
|
|
558
576
|
}
|
|
559
577
|
|
|
560
|
-
script$
|
|
561
|
-
script$
|
|
578
|
+
script$e.render = render$e;
|
|
579
|
+
script$e.__file = "src/Container.vue";
|
|
562
580
|
|
|
563
|
-
var script$
|
|
581
|
+
var script$d = defineComponent({
|
|
564
582
|
name: "MobileNavigationLink",
|
|
565
583
|
props: {
|
|
566
584
|
text: {
|
|
@@ -583,23 +601,23 @@ var script$c = defineComponent({
|
|
|
583
601
|
},
|
|
584
602
|
});
|
|
585
603
|
|
|
586
|
-
const _hoisted_1$
|
|
604
|
+
const _hoisted_1$c = ["href"];
|
|
587
605
|
|
|
588
|
-
function render$
|
|
606
|
+
function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
589
607
|
return (openBlock(), createElementBlock("a", {
|
|
590
608
|
href: _ctx.href,
|
|
591
609
|
class: normalizeClass(_ctx.linkClass),
|
|
592
610
|
"aria-current": "page"
|
|
593
|
-
}, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$
|
|
611
|
+
}, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$c))
|
|
594
612
|
}
|
|
595
613
|
|
|
596
|
-
script$
|
|
597
|
-
script$
|
|
614
|
+
script$d.render = render$d;
|
|
615
|
+
script$d.__file = "src/MobileNavigationLink.vue";
|
|
598
616
|
|
|
599
|
-
var script$
|
|
617
|
+
var script$c = defineComponent({
|
|
600
618
|
name: "MobileNavigationLinks",
|
|
601
619
|
components: {
|
|
602
|
-
MobileNavigationLink: script$
|
|
620
|
+
MobileNavigationLink: script$d,
|
|
603
621
|
},
|
|
604
622
|
props: {
|
|
605
623
|
links: {
|
|
@@ -612,14 +630,14 @@ var script$b = defineComponent({
|
|
|
612
630
|
},
|
|
613
631
|
});
|
|
614
632
|
|
|
615
|
-
const _hoisted_1$
|
|
633
|
+
const _hoisted_1$b = {
|
|
616
634
|
key: 0,
|
|
617
635
|
class: "sm:hidden",
|
|
618
636
|
id: "mobile-menu"
|
|
619
637
|
};
|
|
620
|
-
const _hoisted_2$
|
|
638
|
+
const _hoisted_2$8 = { class: "px-2 pt-2 pb-3 space-y-1" };
|
|
621
639
|
|
|
622
|
-
function render$
|
|
640
|
+
function render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
623
641
|
const _component_mobile_navigation_link = resolveComponent("mobile-navigation-link");
|
|
624
642
|
|
|
625
643
|
return (openBlock(), createBlock(Transition, {
|
|
@@ -632,8 +650,8 @@ function render$b(_ctx, _cache) {
|
|
|
632
650
|
}, {
|
|
633
651
|
default: withCtx(() => [
|
|
634
652
|
(_ctx.open)
|
|
635
|
-
? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
636
|
-
createElementVNode("div", _hoisted_2$
|
|
653
|
+
? (openBlock(), createElementBlock("div", _hoisted_1$b, [
|
|
654
|
+
createElementVNode("div", _hoisted_2$8, [
|
|
637
655
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.links, (link) => {
|
|
638
656
|
return (openBlock(), createBlock(_component_mobile_navigation_link, {
|
|
639
657
|
key: link.id,
|
|
@@ -649,10 +667,10 @@ function render$b(_ctx, _cache) {
|
|
|
649
667
|
}))
|
|
650
668
|
}
|
|
651
669
|
|
|
652
|
-
script$
|
|
653
|
-
script$
|
|
670
|
+
script$c.render = render$c;
|
|
671
|
+
script$c.__file = "src/MobileNavigationLinks.vue";
|
|
654
672
|
|
|
655
|
-
var script$
|
|
673
|
+
var script$b = defineComponent({
|
|
656
674
|
name: "NavigationLink",
|
|
657
675
|
props: {
|
|
658
676
|
text: {
|
|
@@ -675,23 +693,23 @@ var script$a = defineComponent({
|
|
|
675
693
|
},
|
|
676
694
|
});
|
|
677
695
|
|
|
678
|
-
const _hoisted_1$
|
|
696
|
+
const _hoisted_1$a = ["href"];
|
|
679
697
|
|
|
680
|
-
function render$
|
|
698
|
+
function render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
681
699
|
return (openBlock(), createElementBlock("a", {
|
|
682
700
|
href: _ctx.href,
|
|
683
701
|
class: normalizeClass(_ctx.linkClass),
|
|
684
702
|
"aria-current": "page"
|
|
685
|
-
}, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$
|
|
703
|
+
}, toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$a))
|
|
686
704
|
}
|
|
687
705
|
|
|
688
|
-
script$
|
|
689
|
-
script$
|
|
706
|
+
script$b.render = render$b;
|
|
707
|
+
script$b.__file = "src/NavigationLink.vue";
|
|
690
708
|
|
|
691
|
-
var script$
|
|
709
|
+
var script$a = defineComponent({
|
|
692
710
|
name: "NavigationLinks",
|
|
693
711
|
components: {
|
|
694
|
-
NavigationLink: script$
|
|
712
|
+
NavigationLink: script$b,
|
|
695
713
|
},
|
|
696
714
|
props: {
|
|
697
715
|
links: {
|
|
@@ -700,14 +718,14 @@ var script$9 = defineComponent({
|
|
|
700
718
|
},
|
|
701
719
|
});
|
|
702
720
|
|
|
703
|
-
const _hoisted_1$
|
|
704
|
-
const _hoisted_2$
|
|
721
|
+
const _hoisted_1$9 = { class: "hidden sm:block sm:ml-6" };
|
|
722
|
+
const _hoisted_2$7 = { class: "flex space-x-4" };
|
|
705
723
|
|
|
706
|
-
function render$
|
|
724
|
+
function render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
707
725
|
const _component_navigation_link = resolveComponent("navigation-link");
|
|
708
726
|
|
|
709
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
710
|
-
createElementVNode("div", _hoisted_2$
|
|
727
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
728
|
+
createElementVNode("div", _hoisted_2$7, [
|
|
711
729
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.links, (link) => {
|
|
712
730
|
return (openBlock(), createBlock(_component_navigation_link, {
|
|
713
731
|
key: link.id,
|
|
@@ -719,10 +737,10 @@ function render$9(_ctx, _cache) {
|
|
|
719
737
|
]))
|
|
720
738
|
}
|
|
721
739
|
|
|
722
|
-
script$
|
|
723
|
-
script$
|
|
740
|
+
script$a.render = render$a;
|
|
741
|
+
script$a.__file = "src/NavigationLinks.vue";
|
|
724
742
|
|
|
725
|
-
var script$
|
|
743
|
+
var script$9 = defineComponent({
|
|
726
744
|
name: "NavbarTitle",
|
|
727
745
|
props: {
|
|
728
746
|
href: {
|
|
@@ -740,11 +758,11 @@ var script$8 = defineComponent({
|
|
|
740
758
|
}
|
|
741
759
|
});
|
|
742
760
|
|
|
743
|
-
const _hoisted_1$
|
|
744
|
-
const _hoisted_2$
|
|
745
|
-
const _hoisted_3$
|
|
761
|
+
const _hoisted_1$8 = ["href"];
|
|
762
|
+
const _hoisted_2$6 = ["src", "alt"];
|
|
763
|
+
const _hoisted_3$4 = ["src", "alt"];
|
|
746
764
|
|
|
747
|
-
function render$
|
|
765
|
+
function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
748
766
|
return (openBlock(), createElementBlock("a", {
|
|
749
767
|
class: "flex-shrink-0 flex items-center",
|
|
750
768
|
href: _ctx.href
|
|
@@ -753,19 +771,19 @@ function render$8(_ctx, _cache) {
|
|
|
753
771
|
class: "block lg:hidden h-8 w-auto",
|
|
754
772
|
src: _ctx.imageSmall,
|
|
755
773
|
alt: _ctx.title
|
|
756
|
-
}, null, 8 /* PROPS */, _hoisted_2$
|
|
774
|
+
}, null, 8 /* PROPS */, _hoisted_2$6),
|
|
757
775
|
createElementVNode("img", {
|
|
758
776
|
class: "hidden lg:block h-8 w-auto",
|
|
759
777
|
src: _ctx.imageBig,
|
|
760
778
|
alt: _ctx.title
|
|
761
|
-
}, null, 8 /* PROPS */, _hoisted_3$
|
|
762
|
-
], 8 /* PROPS */, _hoisted_1$
|
|
779
|
+
}, null, 8 /* PROPS */, _hoisted_3$4)
|
|
780
|
+
], 8 /* PROPS */, _hoisted_1$8))
|
|
763
781
|
}
|
|
764
782
|
|
|
765
|
-
script$
|
|
766
|
-
script$
|
|
783
|
+
script$9.render = render$9;
|
|
784
|
+
script$9.__file = "src/NavbarTitle.vue";
|
|
767
785
|
|
|
768
|
-
var script$
|
|
786
|
+
var script$8 = defineComponent({
|
|
769
787
|
name: "RightContent",
|
|
770
788
|
props: {
|
|
771
789
|
locale: {
|
|
@@ -788,24 +806,24 @@ var script$7 = defineComponent({
|
|
|
788
806
|
},
|
|
789
807
|
});
|
|
790
808
|
|
|
791
|
-
const _hoisted_1$
|
|
792
|
-
const _hoisted_2$
|
|
809
|
+
const _hoisted_1$7 = { class: "absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0" };
|
|
810
|
+
const _hoisted_2$5 = ["src", "alt"];
|
|
793
811
|
|
|
794
|
-
function render$
|
|
795
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
812
|
+
function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
813
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
796
814
|
createElementVNode("img", {
|
|
797
815
|
class: "rounded-full p-1",
|
|
798
816
|
style: {"height":"50px"},
|
|
799
817
|
src: _ctx.currentUserPicture,
|
|
800
818
|
alt: _ctx.avatarAlt
|
|
801
|
-
}, null, 8 /* PROPS */, _hoisted_2$
|
|
819
|
+
}, null, 8 /* PROPS */, _hoisted_2$5)
|
|
802
820
|
]))
|
|
803
821
|
}
|
|
804
822
|
|
|
805
|
-
script$
|
|
806
|
-
script$
|
|
823
|
+
script$8.render = render$8;
|
|
824
|
+
script$8.__file = "src/RightContent.vue";
|
|
807
825
|
|
|
808
|
-
var script$
|
|
826
|
+
var script$7 = defineComponent({
|
|
809
827
|
name: "MobileMenuButton",
|
|
810
828
|
props: {
|
|
811
829
|
open: {
|
|
@@ -821,7 +839,7 @@ var script$6 = defineComponent({
|
|
|
821
839
|
}
|
|
822
840
|
});
|
|
823
841
|
|
|
824
|
-
const _hoisted_1$
|
|
842
|
+
const _hoisted_1$6 = /*#__PURE__*/createElementVNode("svg", {
|
|
825
843
|
class: "block h-6 w-6",
|
|
826
844
|
xmlns: "http://www.w3.org/2000/svg",
|
|
827
845
|
fill: "none",
|
|
@@ -835,29 +853,29 @@ const _hoisted_1$5 = /*#__PURE__*/createElementVNode("svg", {
|
|
|
835
853
|
d: "M4 6h16M4 12h16M4 18h16"
|
|
836
854
|
})
|
|
837
855
|
], -1 /* HOISTED */);
|
|
838
|
-
const _hoisted_2$
|
|
839
|
-
_hoisted_1$
|
|
856
|
+
const _hoisted_2$4 = [
|
|
857
|
+
_hoisted_1$6
|
|
840
858
|
];
|
|
841
859
|
|
|
842
|
-
function render$
|
|
860
|
+
function render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
843
861
|
return (openBlock(), createElementBlock("button", {
|
|
844
862
|
class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
|
|
845
863
|
type: "button",
|
|
846
864
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
|
|
847
|
-
}, _hoisted_2$
|
|
865
|
+
}, _hoisted_2$4))
|
|
848
866
|
}
|
|
849
867
|
|
|
850
|
-
script$
|
|
851
|
-
script$
|
|
868
|
+
script$7.render = render$7;
|
|
869
|
+
script$7.__file = "src/MobileMenuButton.vue";
|
|
852
870
|
|
|
853
|
-
var script$
|
|
871
|
+
var script$6 = defineComponent({
|
|
854
872
|
name: "Navbar",
|
|
855
873
|
components: {
|
|
856
|
-
NavbarTitle: script$
|
|
857
|
-
NavigationLinks: script$
|
|
858
|
-
MobileNavigationLinks: script$
|
|
859
|
-
RightContent: script$
|
|
860
|
-
MobileMenuButton: script$
|
|
874
|
+
NavbarTitle: script$9,
|
|
875
|
+
NavigationLinks: script$a,
|
|
876
|
+
MobileNavigationLinks: script$c,
|
|
877
|
+
RightContent: script$8,
|
|
878
|
+
MobileMenuButton: script$7,
|
|
861
879
|
},
|
|
862
880
|
data() {
|
|
863
881
|
return {
|
|
@@ -897,22 +915,22 @@ var script$5 = defineComponent({
|
|
|
897
915
|
}
|
|
898
916
|
});
|
|
899
917
|
|
|
900
|
-
const _hoisted_1$
|
|
901
|
-
const _hoisted_2$
|
|
902
|
-
const _hoisted_3$
|
|
918
|
+
const _hoisted_1$5 = { class: "bg-gray-800" };
|
|
919
|
+
const _hoisted_2$3 = { class: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8" };
|
|
920
|
+
const _hoisted_3$3 = { class: "relative flex items-center justify-between h-16" };
|
|
903
921
|
const _hoisted_4 = { class: "absolute inset-y-0 left-0 flex items-center sm:hidden" };
|
|
904
922
|
const _hoisted_5 = { class: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start" };
|
|
905
923
|
|
|
906
|
-
function render$
|
|
924
|
+
function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
907
925
|
const _component_mobile_menu_button = resolveComponent("mobile-menu-button");
|
|
908
926
|
const _component_navbar_title = resolveComponent("navbar-title");
|
|
909
927
|
const _component_navigation_links = resolveComponent("navigation-links");
|
|
910
928
|
const _component_right_content = resolveComponent("right-content");
|
|
911
929
|
const _component_mobile_navigation_links = resolveComponent("mobile-navigation-links");
|
|
912
930
|
|
|
913
|
-
return (openBlock(), createElementBlock("nav", _hoisted_1$
|
|
914
|
-
createElementVNode("div", _hoisted_2$
|
|
915
|
-
createElementVNode("div", _hoisted_3$
|
|
931
|
+
return (openBlock(), createElementBlock("nav", _hoisted_1$5, [
|
|
932
|
+
createElementVNode("div", _hoisted_2$3, [
|
|
933
|
+
createElementVNode("div", _hoisted_3$3, [
|
|
916
934
|
createElementVNode("div", _hoisted_4, [
|
|
917
935
|
createVNode(_component_mobile_menu_button, {
|
|
918
936
|
onClick: _ctx.onMobileMenuClick,
|
|
@@ -943,25 +961,25 @@ function render$5(_ctx, _cache) {
|
|
|
943
961
|
]))
|
|
944
962
|
}
|
|
945
963
|
|
|
946
|
-
script$
|
|
947
|
-
script$
|
|
964
|
+
script$6.render = render$6;
|
|
965
|
+
script$6.__file = "src/Navbar.vue";
|
|
948
966
|
|
|
949
|
-
var script$
|
|
967
|
+
var script$5 = defineComponent({
|
|
950
968
|
name: "StyledTable"
|
|
951
969
|
});
|
|
952
970
|
|
|
953
|
-
const _hoisted_1$
|
|
971
|
+
const _hoisted_1$4 = { class: "w-full border-collapse" };
|
|
954
972
|
|
|
955
|
-
function render$
|
|
956
|
-
return (openBlock(), createElementBlock("table", _hoisted_1$
|
|
973
|
+
function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
974
|
+
return (openBlock(), createElementBlock("table", _hoisted_1$4, [
|
|
957
975
|
renderSlot(_ctx.$slots, "default")
|
|
958
976
|
]))
|
|
959
977
|
}
|
|
960
978
|
|
|
961
|
-
script$
|
|
962
|
-
script$
|
|
979
|
+
script$5.render = render$5;
|
|
980
|
+
script$5.__file = "src/StyledTable.vue";
|
|
963
981
|
|
|
964
|
-
var script$
|
|
982
|
+
var script$4 = defineComponent({
|
|
965
983
|
name: "Pagination",
|
|
966
984
|
props: {
|
|
967
985
|
previousLabel: String,
|
|
@@ -971,34 +989,34 @@ var script$3 = defineComponent({
|
|
|
971
989
|
nextLink: String,
|
|
972
990
|
},
|
|
973
991
|
components: {
|
|
974
|
-
RegularButton: script$
|
|
992
|
+
RegularButton: script$q
|
|
975
993
|
}
|
|
976
994
|
});
|
|
977
995
|
|
|
978
|
-
const _hoisted_1$
|
|
979
|
-
const _hoisted_2$
|
|
980
|
-
const _hoisted_3$
|
|
996
|
+
const _hoisted_1$3 = { class: "flex justify-between mt-4" };
|
|
997
|
+
const _hoisted_2$2 = ["href"];
|
|
998
|
+
const _hoisted_3$2 = ["href"];
|
|
981
999
|
|
|
982
|
-
function render$
|
|
1000
|
+
function render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
983
1001
|
const _component_regular_button = resolveComponent("regular-button");
|
|
984
1002
|
|
|
985
|
-
return (openBlock(), createElementBlock("div", _hoisted_1$
|
|
1003
|
+
return (openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
986
1004
|
(_ctx.showPrevious)
|
|
987
1005
|
? (openBlock(), createElementBlock("a", {
|
|
988
1006
|
key: 0,
|
|
989
1007
|
href: _ctx.previousLink
|
|
990
1008
|
}, [
|
|
991
1009
|
createVNode(_component_regular_button, { text: _ctx.previousLabel }, null, 8 /* PROPS */, ["text"])
|
|
992
|
-
], 8 /* PROPS */, _hoisted_2$
|
|
1010
|
+
], 8 /* PROPS */, _hoisted_2$2))
|
|
993
1011
|
: createCommentVNode("v-if", true),
|
|
994
1012
|
createElementVNode("a", { href: _ctx.nextLink }, [
|
|
995
1013
|
createVNode(_component_regular_button, { text: _ctx.nextLabel }, null, 8 /* PROPS */, ["text"])
|
|
996
|
-
], 8 /* PROPS */, _hoisted_3$
|
|
1014
|
+
], 8 /* PROPS */, _hoisted_3$2)
|
|
997
1015
|
]))
|
|
998
1016
|
}
|
|
999
1017
|
|
|
1000
|
-
script$
|
|
1001
|
-
script$
|
|
1018
|
+
script$4.render = render$4;
|
|
1019
|
+
script$4.__file = "src/Pagination.vue";
|
|
1002
1020
|
|
|
1003
1021
|
/*! image-blob-reduce 4.1.0 https://github.com/nodeca/image-blob-reduce @license MIT */
|
|
1004
1022
|
function commonjsRequire (path) {
|
|
@@ -4595,7 +4613,7 @@ ImageBlobReduce.pica = pica;
|
|
|
4595
4613
|
|
|
4596
4614
|
var imageBlobReduce = ImageBlobReduce;
|
|
4597
4615
|
|
|
4598
|
-
var script$
|
|
4616
|
+
var script$3 = defineComponent({
|
|
4599
4617
|
name: "ResizeImageUpload",
|
|
4600
4618
|
props: {
|
|
4601
4619
|
id: {
|
|
@@ -4641,7 +4659,7 @@ var script$2 = defineComponent({
|
|
|
4641
4659
|
},
|
|
4642
4660
|
});
|
|
4643
4661
|
|
|
4644
|
-
function render$
|
|
4662
|
+
function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4645
4663
|
const _component_image_input = resolveComponent("image-input");
|
|
4646
4664
|
|
|
4647
4665
|
return (openBlock(), createBlock(_component_image_input, {
|
|
@@ -4655,26 +4673,26 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4655
4673
|
}, null, 8 /* PROPS */, ["id", "name", "required", "placeholder", "drop-placeholder", "label", "onUpdate"]))
|
|
4656
4674
|
}
|
|
4657
4675
|
|
|
4658
|
-
script$
|
|
4659
|
-
script$
|
|
4676
|
+
script$3.render = render$3;
|
|
4677
|
+
script$3.__file = "src/ResizeImageUpload.vue";
|
|
4660
4678
|
|
|
4661
|
-
var script$
|
|
4679
|
+
var script$2 = defineComponent({
|
|
4662
4680
|
name: "Badge",
|
|
4663
4681
|
props: {
|
|
4664
4682
|
text: String,
|
|
4665
4683
|
},
|
|
4666
4684
|
});
|
|
4667
4685
|
|
|
4668
|
-
const _hoisted_1$
|
|
4686
|
+
const _hoisted_1$2 = { class: "bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 inline-block" };
|
|
4669
4687
|
|
|
4670
|
-
function render$
|
|
4671
|
-
return (openBlock(), createElementBlock("span", _hoisted_1$
|
|
4688
|
+
function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4689
|
+
return (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(_ctx.text), 1 /* TEXT */))
|
|
4672
4690
|
}
|
|
4673
4691
|
|
|
4674
|
-
script$
|
|
4675
|
-
script$
|
|
4692
|
+
script$2.render = render$2;
|
|
4693
|
+
script$2.__file = "src/Badge.vue";
|
|
4676
4694
|
|
|
4677
|
-
var script = defineComponent({
|
|
4695
|
+
var script$1 = defineComponent({
|
|
4678
4696
|
name: "Modal",
|
|
4679
4697
|
emits: ['cancel', 'confirm'],
|
|
4680
4698
|
props: {
|
|
@@ -4690,21 +4708,21 @@ var script = defineComponent({
|
|
|
4690
4708
|
}
|
|
4691
4709
|
});
|
|
4692
4710
|
|
|
4693
|
-
const _hoisted_1 = {
|
|
4711
|
+
const _hoisted_1$1 = {
|
|
4694
4712
|
key: 0,
|
|
4695
4713
|
class: "bg-slate-800 bg-opacity-50 flex justify-center items-center absolute top-0 right-0 bottom-0 left-0"
|
|
4696
4714
|
};
|
|
4697
|
-
const _hoisted_2 = { class: "bg-white px-16 py-14 rounded-md text-center" };
|
|
4698
|
-
const _hoisted_3 = /*#__PURE__*/createElementVNode("h1", { class: "text-xl mb-4 font-bold text-slate-500" }, "Are you sure?", -1 /* HOISTED */);
|
|
4715
|
+
const _hoisted_2$1 = { class: "bg-white px-16 py-14 rounded-md text-center" };
|
|
4716
|
+
const _hoisted_3$1 = /*#__PURE__*/createElementVNode("h1", { class: "text-xl mb-4 font-bold text-slate-500" }, "Are you sure?", -1 /* HOISTED */);
|
|
4699
4717
|
|
|
4700
|
-
function render(_ctx, _cache) {
|
|
4718
|
+
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4701
4719
|
const _component_secondary_button = resolveComponent("secondary-button");
|
|
4702
4720
|
const _component_danger_button = resolveComponent("danger-button");
|
|
4703
4721
|
|
|
4704
4722
|
return (_ctx.open)
|
|
4705
|
-
? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
4706
|
-
createElementVNode("div", _hoisted_2, [
|
|
4707
|
-
_hoisted_3,
|
|
4723
|
+
? (openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
4724
|
+
createElementVNode("div", _hoisted_2$1, [
|
|
4725
|
+
_hoisted_3$1,
|
|
4708
4726
|
createVNode(_component_secondary_button, {
|
|
4709
4727
|
onClick: _ctx.onCancel,
|
|
4710
4728
|
text: "No"
|
|
@@ -4719,8 +4737,28 @@ function render(_ctx, _cache) {
|
|
|
4719
4737
|
: createCommentVNode("v-if", true)
|
|
4720
4738
|
}
|
|
4721
4739
|
|
|
4740
|
+
script$1.render = render$1;
|
|
4741
|
+
script$1.__file = "src/Modal.vue";
|
|
4742
|
+
|
|
4743
|
+
var script = defineComponent({
|
|
4744
|
+
name: "Spinner",
|
|
4745
|
+
});
|
|
4746
|
+
|
|
4747
|
+
const _hoisted_1 = {
|
|
4748
|
+
class: "inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
|
|
4749
|
+
role: "status"
|
|
4750
|
+
};
|
|
4751
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("span", { class: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" }, "Please wait...", -1 /* HOISTED */);
|
|
4752
|
+
const _hoisted_3 = [
|
|
4753
|
+
_hoisted_2
|
|
4754
|
+
];
|
|
4755
|
+
|
|
4756
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4757
|
+
return (openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3))
|
|
4758
|
+
}
|
|
4759
|
+
|
|
4722
4760
|
script.render = render;
|
|
4723
|
-
script.__file = "src/
|
|
4761
|
+
script.__file = "src/Spinner.vue";
|
|
4724
4762
|
|
|
4725
|
-
export { script$
|
|
4763
|
+
export { script$2 as Badge, script$n as Card, script$l as CardBody, script$f as CardGrid, script$m as CardImage, script$i as CheckBoxInput, script$e as Container, script$o as DangerButton, script$g as ImageInput, script$t as Loading, script$1 as Modal, script$6 as Navbar, script$h as NumberInput, script$4 as Pagination, script$q as RegularButton, script$s as ResetButton, script$3 as ResizeImageUpload, script$p as SecondaryButton, script$u as SectionTitle, script$k as Selector, script as Spinner, script$5 as StyledTable, script$r as SubmitButton, script$j as TextInput };
|
|
4726
4764
|
//# sourceMappingURL=index.esm.js.map
|