@namelivia/vue-components 4.3.0 → 4.4.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.
Files changed (11) hide show
  1. package/dist/index.esm.js +255 -208
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +265 -217
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/Navbar/Navbar.vue +1 -1
  7. package/src/Temperature/Temperature.cy.js +22 -0
  8. package/src/Temperature/Temperature.stories.js +15 -0
  9. package/src/Temperature/Temperature.vue +59 -0
  10. package/src/index.js +1 -0
  11. package/styles/index.css +1 -1
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var vue = require('vue');
4
4
 
5
- var script$v = vue.defineComponent({
5
+ var script$w = vue.defineComponent({
6
6
  name: 'SectionTitle',
7
7
  props: {
8
8
  text: {
@@ -12,10 +12,10 @@ var script$v = vue.defineComponent({
12
12
  }
13
13
  });
14
14
 
15
- const _hoisted_1$q = { class: "section-title" };
15
+ const _hoisted_1$r = { class: "section-title" };
16
16
 
17
- function render$v(_ctx, _cache, $props, $setup, $data, $options) {
18
- return (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$q, vue.toDisplayString(_ctx.text), 1 /* TEXT */))
17
+ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
18
+ return (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$r, vue.toDisplayString(_ctx.text), 1 /* TEXT */))
19
19
  }
20
20
 
21
21
  function styleInject(css, ref) {
@@ -45,34 +45,34 @@ function styleInject(css, ref) {
45
45
  }
46
46
  }
47
47
 
48
- var css_248z$v = "\n.section-title[data-v-0375af86] {\n text-align: center;\n font-size: var(--font-size-xlarge);\n line-height: 1.5;\n}\n";
49
- styleInject(css_248z$v);
48
+ var css_248z$w = "\n.section-title[data-v-0375af86] {\n text-align: center;\n font-size: var(--font-size-xlarge);\n line-height: 1.5;\n}\n";
49
+ styleInject(css_248z$w);
50
50
 
51
- script$v.render = render$v;
52
- script$v.__scopeId = "data-v-0375af86";
53
- script$v.__file = "src/SectionTitle/SectionTitle.vue";
51
+ script$w.render = render$w;
52
+ script$w.__scopeId = "data-v-0375af86";
53
+ script$w.__file = "src/SectionTitle/SectionTitle.vue";
54
54
 
55
- var script$u = vue.defineComponent({
55
+ var script$v = vue.defineComponent({
56
56
  name: "Loading",
57
57
  props: {
58
58
  text: String,
59
59
  },
60
60
  });
61
61
 
62
- function render$u(_ctx, _cache, $props, $setup, $data, $options) {
63
- return (vue.openBlock(), vue.createElementBlock("div", null, _cache[0] || (_cache[0] = [
62
+ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
63
+ return (vue.openBlock(), vue.createElementBlock("div", null, [...(_cache[0] || (_cache[0] = [
64
64
  vue.createStaticVNode("<h1 class=\"loading-text\" data-v-7a9a3040>Loading...</h1><div class=\"loading-balls-container\" data-v-7a9a3040><div class=\"loading-ball blue\" data-v-7a9a3040></div><div class=\"loading-ball green\" data-v-7a9a3040></div><div class=\"loading-ball red\" data-v-7a9a3040></div></div>", 2)
65
- ])))
65
+ ]))]))
66
66
  }
67
67
 
68
- var css_248z$u = "\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";
69
- styleInject(css_248z$u);
68
+ var css_248z$v = "\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";
69
+ styleInject(css_248z$v);
70
70
 
71
- script$u.render = render$u;
72
- script$u.__scopeId = "data-v-7a9a3040";
73
- script$u.__file = "src/Loading/Loading.vue";
71
+ script$v.render = render$v;
72
+ script$v.__scopeId = "data-v-7a9a3040";
73
+ script$v.__file = "src/Loading/Loading.vue";
74
74
 
75
- var script$t = vue.defineComponent({
75
+ var script$u = vue.defineComponent({
76
76
  name: "CardImage",
77
77
  props: {
78
78
  src: String,
@@ -94,51 +94,51 @@ var script$t = vue.defineComponent({
94
94
  },
95
95
  });
96
96
 
97
- const _hoisted_1$p = ["src", "alt"];
97
+ const _hoisted_1$q = ["src", "alt"];
98
98
 
99
- function render$t(_ctx, _cache, $props, $setup, $data, $options) {
99
+ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
100
100
  return (vue.openBlock(), vue.createElementBlock("img", {
101
101
  src: _ctx.src,
102
102
  alt: _ctx.alt,
103
103
  ref: "image"
104
- }, null, 8 /* PROPS */, _hoisted_1$p))
104
+ }, null, 8 /* PROPS */, _hoisted_1$q))
105
105
  }
106
106
 
107
- var css_248z$t = "\nimg[data-v-5fa6a3f6] {\n width: 100%;\n}\n";
108
- styleInject(css_248z$t);
107
+ var css_248z$u = "\nimg[data-v-5fa6a3f6] {\n width: 100%;\n}\n";
108
+ styleInject(css_248z$u);
109
109
 
110
- script$t.render = render$t;
111
- script$t.__scopeId = "data-v-5fa6a3f6";
112
- script$t.__file = "src/Card/CardImage.vue";
110
+ script$u.render = render$u;
111
+ script$u.__scopeId = "data-v-5fa6a3f6";
112
+ script$u.__file = "src/Card/CardImage.vue";
113
113
 
114
- var script$s = vue.defineComponent({
114
+ var script$t = vue.defineComponent({
115
115
  name: "CardBody",
116
116
  props: {
117
117
  title: String,
118
118
  },
119
119
  });
120
120
 
121
- const _hoisted_1$o = { class: "card-body" };
122
- const _hoisted_2$e = { class: "card-title" };
123
- const _hoisted_3$9 = { class: "card-text" };
121
+ const _hoisted_1$p = { class: "card-body" };
122
+ const _hoisted_2$f = { class: "card-title" };
123
+ const _hoisted_3$a = { class: "card-text" };
124
124
 
125
- function render$s(_ctx, _cache, $props, $setup, $data, $options) {
126
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
127
- vue.createElementVNode("div", _hoisted_2$e, vue.toDisplayString(_ctx.title), 1 /* TEXT */),
128
- vue.createElementVNode("p", _hoisted_3$9, [
125
+ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
126
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
127
+ vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString(_ctx.title), 1 /* TEXT */),
128
+ vue.createElementVNode("p", _hoisted_3$a, [
129
129
  vue.renderSlot(_ctx.$slots, "default")
130
130
  ])
131
131
  ]))
132
132
  }
133
133
 
134
- var css_248z$s = "\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";
135
- styleInject(css_248z$s);
134
+ var css_248z$t = "\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";
135
+ styleInject(css_248z$t);
136
136
 
137
- script$s.render = render$s;
138
- script$s.__scopeId = "data-v-c140cd30";
139
- script$s.__file = "src/Card/CardBody.vue";
137
+ script$t.render = render$t;
138
+ script$t.__scopeId = "data-v-c140cd30";
139
+ script$t.__file = "src/Card/CardBody.vue";
140
140
 
141
- var script$r = vue.defineComponent({
141
+ var script$s = vue.defineComponent({
142
142
  name: "Card",
143
143
  props: {
144
144
  image: String,
@@ -149,25 +149,25 @@ var script$r = vue.defineComponent({
149
149
  },
150
150
  },
151
151
  components: {
152
- CardImage: script$t,
153
- CardBody: script$s,
152
+ CardImage: script$u,
153
+ CardBody: script$t,
154
154
  },
155
155
  emits: ['width']
156
156
  });
157
157
 
158
- const _hoisted_1$n = {
158
+ const _hoisted_1$o = {
159
159
  key: 0,
160
160
  class: "card-container"
161
161
  };
162
- const _hoisted_2$d = { class: "card" };
162
+ const _hoisted_2$e = { class: "card" };
163
163
 
164
- function render$r(_ctx, _cache, $props, $setup, $data, $options) {
164
+ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
165
165
  const _component_card_image = vue.resolveComponent("card-image");
166
166
  const _component_card_body = vue.resolveComponent("card-body");
167
167
 
168
168
  return (!_ctx.dismissed)
169
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
170
- vue.createElementVNode("div", _hoisted_2$d, [
169
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
170
+ vue.createElementVNode("div", _hoisted_2$e, [
171
171
  vue.createVNode(_component_card_image, {
172
172
  src: _ctx.image,
173
173
  alt: _ctx.title,
@@ -184,52 +184,52 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
184
184
  : vue.createCommentVNode("v-if", true)
185
185
  }
186
186
 
187
- var css_248z$r = "\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";
188
- styleInject(css_248z$r);
187
+ var css_248z$s = "\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";
188
+ styleInject(css_248z$s);
189
189
 
190
- script$r.render = render$r;
191
- script$r.__scopeId = "data-v-da3858b4";
192
- script$r.__file = "src/Card/Card.vue";
190
+ script$s.render = render$s;
191
+ script$s.__scopeId = "data-v-da3858b4";
192
+ script$s.__file = "src/Card/Card.vue";
193
193
 
194
- var script$q = vue.defineComponent({
194
+ var script$r = vue.defineComponent({
195
195
  name: "CardGrid"
196
196
  });
197
197
 
198
- const _hoisted_1$m = { class: "card-grid" };
198
+ const _hoisted_1$n = { class: "card-grid" };
199
199
 
200
- function render$q(_ctx, _cache, $props, $setup, $data, $options) {
201
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
200
+ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
201
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
202
202
  vue.renderSlot(_ctx.$slots, "default")
203
203
  ]))
204
204
  }
205
205
 
206
- var css_248z$q = "\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";
207
- styleInject(css_248z$q);
206
+ var css_248z$r = "\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";
207
+ styleInject(css_248z$r);
208
208
 
209
- script$q.render = render$q;
210
- script$q.__scopeId = "data-v-ad060034";
211
- script$q.__file = "src/CardGrid/CardGrid.vue";
209
+ script$r.render = render$r;
210
+ script$r.__scopeId = "data-v-ad060034";
211
+ script$r.__file = "src/CardGrid/CardGrid.vue";
212
212
 
213
- var script$p = vue.defineComponent({
213
+ var script$q = vue.defineComponent({
214
214
  name: "Container"
215
215
  });
216
216
 
217
- const _hoisted_1$l = { class: "container" };
217
+ const _hoisted_1$m = { class: "container" };
218
218
 
219
- function render$p(_ctx, _cache, $props, $setup, $data, $options) {
220
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
219
+ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
220
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
221
221
  vue.renderSlot(_ctx.$slots, "default")
222
222
  ]))
223
223
  }
224
224
 
225
- var css_248z$p = "\n.container[data-v-7cccf06a] {\n max-width: var(--container-max-width);\n margin: var(--container-margin);\n}\n";
226
- styleInject(css_248z$p);
225
+ var css_248z$q = "\n.container[data-v-7cccf06a] {\n max-width: var(--container-max-width);\n margin: var(--container-margin);\n}\n";
226
+ styleInject(css_248z$q);
227
227
 
228
- script$p.render = render$p;
229
- script$p.__scopeId = "data-v-7cccf06a";
230
- script$p.__file = "src/Container/Container.vue";
228
+ script$q.render = render$q;
229
+ script$q.__scopeId = "data-v-7cccf06a";
230
+ script$q.__file = "src/Container/Container.vue";
231
231
 
232
- var script$o = vue.defineComponent({
232
+ var script$p = vue.defineComponent({
233
233
  name: "MobileNavigationLink",
234
234
  props: {
235
235
  text: {
@@ -255,27 +255,27 @@ var script$o = vue.defineComponent({
255
255
  },
256
256
  });
257
257
 
258
- const _hoisted_1$k = ["href"];
258
+ const _hoisted_1$l = ["href"];
259
259
 
260
- function render$o(_ctx, _cache, $props, $setup, $data, $options) {
260
+ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
261
261
  return (vue.openBlock(), vue.createElementBlock("a", {
262
262
  href: _ctx.linkDestination,
263
263
  class: vue.normalizeClass(_ctx.linkClass),
264
264
  "aria-current": "page"
265
- }, vue.toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$k))
265
+ }, vue.toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$l))
266
266
  }
267
267
 
268
- var css_248z$o = "\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";
269
- styleInject(css_248z$o);
268
+ var css_248z$p = "\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";
269
+ styleInject(css_248z$p);
270
270
 
271
- script$o.render = render$o;
272
- script$o.__scopeId = "data-v-3e279546";
273
- script$o.__file = "src/Navbar/MobileNavigationLink.vue";
271
+ script$p.render = render$p;
272
+ script$p.__scopeId = "data-v-3e279546";
273
+ script$p.__file = "src/Navbar/MobileNavigationLink.vue";
274
274
 
275
- var script$n = vue.defineComponent({
275
+ var script$o = vue.defineComponent({
276
276
  name: "MobileNavigationLinks",
277
277
  components: {
278
- MobileNavigationLink: script$o,
278
+ MobileNavigationLink: script$p,
279
279
  },
280
280
  props: {
281
281
  links: {
@@ -288,13 +288,13 @@ var script$n = vue.defineComponent({
288
288
  },
289
289
  });
290
290
 
291
- const _hoisted_1$j = {
291
+ const _hoisted_1$k = {
292
292
  key: 0,
293
293
  id: "mobile-menu"
294
294
  };
295
- const _hoisted_2$c = { class: "menu-panel" };
295
+ const _hoisted_2$d = { class: "menu-panel" };
296
296
 
297
- function render$n(_ctx, _cache, $props, $setup, $data, $options) {
297
+ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
298
298
  const _component_mobile_navigation_link = vue.resolveComponent("mobile-navigation-link");
299
299
 
300
300
  return (vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -307,8 +307,8 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
307
307
  }, {
308
308
  default: vue.withCtx(() => [
309
309
  (_ctx.open)
310
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
311
- vue.createElementVNode("div", _hoisted_2$c, [
310
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
311
+ vue.createElementVNode("div", _hoisted_2$d, [
312
312
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
313
313
  return (vue.openBlock(), vue.createBlock(_component_mobile_navigation_link, {
314
314
  key: link.id,
@@ -325,14 +325,14 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
325
325
  }))
326
326
  }
327
327
 
328
- var css_248z$n = "\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";
329
- styleInject(css_248z$n);
328
+ var css_248z$o = "\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";
329
+ styleInject(css_248z$o);
330
330
 
331
- script$n.render = render$n;
332
- script$n.__scopeId = "data-v-eb1296c6";
333
- script$n.__file = "src/Navbar/MobileNavigationLinks.vue";
331
+ script$o.render = render$o;
332
+ script$o.__scopeId = "data-v-eb1296c6";
333
+ script$o.__file = "src/Navbar/MobileNavigationLinks.vue";
334
334
 
335
- var script$m = vue.defineComponent({
335
+ var script$n = vue.defineComponent({
336
336
  name: "NavigationLink",
337
337
  props: {
338
338
  text: {
@@ -358,27 +358,27 @@ var script$m = vue.defineComponent({
358
358
  },
359
359
  });
360
360
 
361
- const _hoisted_1$i = ["href"];
361
+ const _hoisted_1$j = ["href"];
362
362
 
363
- function render$m(_ctx, _cache, $props, $setup, $data, $options) {
363
+ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
364
364
  return (vue.openBlock(), vue.createElementBlock("a", {
365
365
  href: _ctx.linkDestination,
366
366
  class: vue.normalizeClass(_ctx.linkClass),
367
367
  "aria-current": "page"
368
- }, vue.toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$i))
368
+ }, vue.toDisplayString(_ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$j))
369
369
  }
370
370
 
371
- var css_248z$m = "\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";
372
- styleInject(css_248z$m);
371
+ var css_248z$n = "\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";
372
+ styleInject(css_248z$n);
373
373
 
374
- script$m.render = render$m;
375
- script$m.__scopeId = "data-v-4989b384";
376
- script$m.__file = "src/Navbar/NavigationLink.vue";
374
+ script$n.render = render$n;
375
+ script$n.__scopeId = "data-v-4989b384";
376
+ script$n.__file = "src/Navbar/NavigationLink.vue";
377
377
 
378
- var script$l = vue.defineComponent({
378
+ var script$m = vue.defineComponent({
379
379
  name: "NavigationLinks",
380
380
  components: {
381
- NavigationLink: script$m,
381
+ NavigationLink: script$n,
382
382
  },
383
383
  props: {
384
384
  links: {
@@ -387,14 +387,14 @@ var script$l = vue.defineComponent({
387
387
  },
388
388
  });
389
389
 
390
- const _hoisted_1$h = { class: "links-container" };
391
- const _hoisted_2$b = { class: "links-wrapper" };
390
+ const _hoisted_1$i = { class: "links-container" };
391
+ const _hoisted_2$c = { class: "links-wrapper" };
392
392
 
393
- function render$l(_ctx, _cache, $props, $setup, $data, $options) {
393
+ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
394
394
  const _component_navigation_link = vue.resolveComponent("navigation-link");
395
395
 
396
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
397
- vue.createElementVNode("div", _hoisted_2$b, [
396
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
397
+ vue.createElementVNode("div", _hoisted_2$c, [
398
398
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
399
399
  return (vue.openBlock(), vue.createBlock(_component_navigation_link, {
400
400
  key: link.id,
@@ -407,14 +407,14 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
407
407
  ]))
408
408
  }
409
409
 
410
- var css_248z$l = "\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";
411
- styleInject(css_248z$l);
410
+ var css_248z$m = "\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";
411
+ styleInject(css_248z$m);
412
412
 
413
- script$l.render = render$l;
414
- script$l.__scopeId = "data-v-294f43c2";
415
- script$l.__file = "src/Navbar/NavigationLinks.vue";
413
+ script$m.render = render$m;
414
+ script$m.__scopeId = "data-v-294f43c2";
415
+ script$m.__file = "src/Navbar/NavigationLinks.vue";
416
416
 
417
- var script$k = vue.defineComponent({
417
+ var script$l = vue.defineComponent({
418
418
  name: "NavbarTitle",
419
419
  props: {
420
420
  href: {
@@ -432,11 +432,11 @@ var script$k = vue.defineComponent({
432
432
  }
433
433
  });
434
434
 
435
- const _hoisted_1$g = ["href"];
436
- const _hoisted_2$a = ["src", "alt"];
437
- const _hoisted_3$8 = ["src", "alt"];
435
+ const _hoisted_1$h = ["href"];
436
+ const _hoisted_2$b = ["src", "alt"];
437
+ const _hoisted_3$9 = ["src", "alt"];
438
438
 
439
- function render$k(_ctx, _cache, $props, $setup, $data, $options) {
439
+ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
440
440
  return (vue.openBlock(), vue.createElementBlock("a", {
441
441
  class: "title-container",
442
442
  href: _ctx.href
@@ -445,23 +445,23 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
445
445
  class: "logo-small",
446
446
  src: _ctx.imageSmall,
447
447
  alt: _ctx.title
448
- }, null, 8 /* PROPS */, _hoisted_2$a),
448
+ }, null, 8 /* PROPS */, _hoisted_2$b),
449
449
  vue.createElementVNode("img", {
450
450
  class: "logo-big",
451
451
  src: _ctx.imageBig,
452
452
  alt: _ctx.title
453
- }, null, 8 /* PROPS */, _hoisted_3$8)
454
- ], 8 /* PROPS */, _hoisted_1$g))
453
+ }, null, 8 /* PROPS */, _hoisted_3$9)
454
+ ], 8 /* PROPS */, _hoisted_1$h))
455
455
  }
456
456
 
457
- var css_248z$k = "\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";
458
- styleInject(css_248z$k);
457
+ var css_248z$l = "\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";
458
+ styleInject(css_248z$l);
459
459
 
460
- script$k.render = render$k;
461
- script$k.__scopeId = "data-v-661ef87c";
462
- script$k.__file = "src/Navbar/NavbarTitle.vue";
460
+ script$l.render = render$l;
461
+ script$l.__scopeId = "data-v-661ef87c";
462
+ script$l.__file = "src/Navbar/NavbarTitle.vue";
463
463
 
464
- var script$j = vue.defineComponent({
464
+ var script$k = vue.defineComponent({
465
465
  name: "RightContent",
466
466
  props: {
467
467
  locale: {
@@ -484,27 +484,27 @@ var script$j = vue.defineComponent({
484
484
  },
485
485
  });
486
486
 
487
- const _hoisted_1$f = { class: "action-container" };
488
- const _hoisted_2$9 = ["src", "alt"];
487
+ const _hoisted_1$g = { class: "action-container" };
488
+ const _hoisted_2$a = ["src", "alt"];
489
489
 
490
- function render$j(_ctx, _cache, $props, $setup, $data, $options) {
491
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
490
+ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
491
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
492
492
  vue.createElementVNode("img", {
493
493
  class: "circle-image",
494
494
  src: _ctx.currentUserPicture,
495
495
  alt: _ctx.avatarAlt
496
- }, null, 8 /* PROPS */, _hoisted_2$9)
496
+ }, null, 8 /* PROPS */, _hoisted_2$a)
497
497
  ]))
498
498
  }
499
499
 
500
- var css_248z$j = "\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";
501
- styleInject(css_248z$j);
500
+ var css_248z$k = "\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";
501
+ styleInject(css_248z$k);
502
502
 
503
- script$j.render = render$j;
504
- script$j.__scopeId = "data-v-07675a13";
505
- script$j.__file = "src/Navbar/RightContent.vue";
503
+ script$k.render = render$k;
504
+ script$k.__scopeId = "data-v-07675a13";
505
+ script$k.__file = "src/Navbar/RightContent.vue";
506
506
 
507
- var script$i = vue.defineComponent({
507
+ var script$j = vue.defineComponent({
508
508
  name: "MobileMenuButton",
509
509
  props: {
510
510
  open: {
@@ -520,12 +520,12 @@ var script$i = vue.defineComponent({
520
520
  },
521
521
  });
522
522
 
523
- function render$i(_ctx, _cache, $props, $setup, $data, $options) {
523
+ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
524
524
  return (vue.openBlock(), vue.createElementBlock("button", {
525
525
  class: "menu-button",
526
526
  type: "button",
527
527
  onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args)))
528
- }, _cache[1] || (_cache[1] = [
528
+ }, [...(_cache[1] || (_cache[1] = [
529
529
  vue.createElementVNode("svg", {
530
530
  class: "menu-icon",
531
531
  xmlns: "http://www.w3.org/2000/svg",
@@ -540,24 +540,24 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
540
540
  d: "M4 6h16M4 12h16M4 18h16"
541
541
  })
542
542
  ], -1 /* CACHED */)
543
- ])))
543
+ ]))]))
544
544
  }
545
545
 
546
- var css_248z$i = "\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";
547
- styleInject(css_248z$i);
546
+ var css_248z$j = "\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";
547
+ styleInject(css_248z$j);
548
548
 
549
- script$i.render = render$i;
550
- script$i.__scopeId = "data-v-397545ee";
551
- script$i.__file = "src/Navbar/MobileMenuButton.vue";
549
+ script$j.render = render$j;
550
+ script$j.__scopeId = "data-v-397545ee";
551
+ script$j.__file = "src/Navbar/MobileMenuButton.vue";
552
552
 
553
- var script$h = vue.defineComponent({
553
+ var script$i = vue.defineComponent({
554
554
  name: "Navbar",
555
555
  components: {
556
- NavbarTitle: script$k,
557
- NavigationLinks: script$l,
558
- MobileNavigationLinks: script$n,
559
- RightContent: script$j,
560
- MobileMenuButton: script$i,
556
+ NavbarTitle: script$l,
557
+ NavigationLinks: script$m,
558
+ MobileNavigationLinks: script$o,
559
+ RightContent: script$k,
560
+ MobileMenuButton: script$j,
561
561
  },
562
562
  data() {
563
563
  return {
@@ -597,29 +597,29 @@ var script$h = vue.defineComponent({
597
597
  }
598
598
  });
599
599
 
600
- const _hoisted_1$e = { class: "navbar" };
601
- const _hoisted_2$8 = { class: "navbar-container" };
602
- const _hoisted_3$7 = { class: "flex-header" };
603
- const _hoisted_4$2 = { class: "menu-toggle" };
604
- const _hoisted_5$1 = { class: "title-container" };
600
+ const _hoisted_1$f = { class: "navbar" };
601
+ const _hoisted_2$9 = { class: "navbar-container" };
602
+ const _hoisted_3$8 = { class: "flex-header" };
603
+ const _hoisted_4$3 = { class: "menu-toggle" };
604
+ const _hoisted_5$2 = { class: "title-container" };
605
605
 
606
- function render$h(_ctx, _cache, $props, $setup, $data, $options) {
606
+ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
607
607
  const _component_mobile_menu_button = vue.resolveComponent("mobile-menu-button");
608
608
  const _component_navbar_title = vue.resolveComponent("navbar-title");
609
609
  const _component_navigation_links = vue.resolveComponent("navigation-links");
610
610
  const _component_right_content = vue.resolveComponent("right-content");
611
611
  const _component_mobile_navigation_links = vue.resolveComponent("mobile-navigation-links");
612
612
 
613
- return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$e, [
614
- vue.createElementVNode("div", _hoisted_2$8, [
615
- vue.createElementVNode("div", _hoisted_3$7, [
616
- vue.createElementVNode("div", _hoisted_4$2, [
613
+ return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1$f, [
614
+ vue.createElementVNode("div", _hoisted_2$9, [
615
+ vue.createElementVNode("div", _hoisted_3$8, [
616
+ vue.createElementVNode("div", _hoisted_4$3, [
617
617
  vue.createVNode(_component_mobile_menu_button, {
618
618
  onClick: _ctx.onMobileMenuClick,
619
619
  open: _ctx.mobileMenuOpen
620
620
  }, null, 8 /* PROPS */, ["onClick", "open"])
621
621
  ]),
622
- vue.createElementVNode("div", _hoisted_5$1, [
622
+ vue.createElementVNode("div", _hoisted_5$2, [
623
623
  vue.createVNode(_component_navbar_title, {
624
624
  href: "/",
625
625
  title: _ctx.title,
@@ -643,33 +643,33 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
643
643
  ]))
644
644
  }
645
645
 
646
- var css_248z$h = "\n.navbar[data-v-1b5caf34] {\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 background-color: var(--color-navbar-background);\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";
647
- styleInject(css_248z$h);
646
+ var css_248z$i = "\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";
647
+ styleInject(css_248z$i);
648
648
 
649
- script$h.render = render$h;
650
- script$h.__scopeId = "data-v-1b5caf34";
651
- script$h.__file = "src/Navbar/Navbar.vue";
649
+ script$i.render = render$i;
650
+ script$i.__scopeId = "data-v-1b5caf34";
651
+ script$i.__file = "src/Navbar/Navbar.vue";
652
652
 
653
- var script$g = vue.defineComponent({
653
+ var script$h = vue.defineComponent({
654
654
  name: "StyledTable",
655
655
  });
656
656
 
657
- const _hoisted_1$d = { class: "styled-table" };
657
+ const _hoisted_1$e = { class: "styled-table" };
658
658
 
659
- function render$g(_ctx, _cache, $props, $setup, $data, $options) {
660
- return (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$d, [
659
+ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
660
+ return (vue.openBlock(), vue.createElementBlock("table", _hoisted_1$e, [
661
661
  vue.renderSlot(_ctx.$slots, "default")
662
662
  ]))
663
663
  }
664
664
 
665
- var css_248z$g = "\n.styled-table[data-v-8e6b2044] {\n width: 100%;\n border-collapse: collapse;\n}\n";
666
- styleInject(css_248z$g);
665
+ var css_248z$h = "\n.styled-table[data-v-8e6b2044] {\n width: 100%;\n border-collapse: collapse;\n}\n";
666
+ styleInject(css_248z$h);
667
667
 
668
- script$g.render = render$g;
669
- script$g.__scopeId = "data-v-8e6b2044";
670
- script$g.__file = "src/StyledTable/StyledTable.vue";
668
+ script$h.render = render$h;
669
+ script$h.__scopeId = "data-v-8e6b2044";
670
+ script$h.__file = "src/StyledTable/StyledTable.vue";
671
671
 
672
- var script$f = vue.defineComponent({
672
+ var script$g = vue.defineComponent({
673
673
  name: "RegularButton",
674
674
  props: {
675
675
  text: String,
@@ -698,24 +698,24 @@ var script$f = vue.defineComponent({
698
698
  },
699
699
  });
700
700
 
701
- const _hoisted_1$c = ["disabled"];
701
+ const _hoisted_1$d = ["disabled"];
702
702
 
703
- function render$f(_ctx, _cache, $props, $setup, $data, $options) {
703
+ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
704
704
  return (vue.openBlock(), vue.createElementBlock("button", {
705
705
  onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args))),
706
706
  class: vue.normalizeClass(_ctx.cssClass),
707
707
  disabled: _ctx.loading
708
- }, vue.toDisplayString(_ctx.loading ? _ctx.textWhileLoading : _ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$c))
708
+ }, vue.toDisplayString(_ctx.loading ? _ctx.textWhileLoading : _ctx.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$d))
709
709
  }
710
710
 
711
- var css_248z$f = "\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";
712
- styleInject(css_248z$f);
711
+ var css_248z$g = "\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";
712
+ styleInject(css_248z$g);
713
713
 
714
- script$f.render = render$f;
715
- script$f.__scopeId = "data-v-7c962c54";
716
- script$f.__file = "src/Buttons/RegularButton/RegularButton.vue";
714
+ script$g.render = render$g;
715
+ script$g.__scopeId = "data-v-7c962c54";
716
+ script$g.__file = "src/Buttons/RegularButton/RegularButton.vue";
717
717
 
718
- var script$e = vue.defineComponent({
718
+ var script$f = vue.defineComponent({
719
719
  name: "Pagination",
720
720
  props: {
721
721
  previousLabel: String,
@@ -725,58 +725,105 @@ var script$e = vue.defineComponent({
725
725
  nextLink: String,
726
726
  },
727
727
  components: {
728
- RegularButton: script$f,
728
+ RegularButton: script$g,
729
729
  },
730
730
  });
731
731
 
732
- const _hoisted_1$b = { class: "pagination-container" };
733
- const _hoisted_2$7 = ["href"];
734
- const _hoisted_3$6 = ["href"];
732
+ const _hoisted_1$c = { class: "pagination-container" };
733
+ const _hoisted_2$8 = ["href"];
734
+ const _hoisted_3$7 = ["href"];
735
735
 
736
- function render$e(_ctx, _cache, $props, $setup, $data, $options) {
736
+ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
737
737
  const _component_regular_button = vue.resolveComponent("regular-button");
738
738
 
739
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
739
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
740
740
  (_ctx.showPrevious)
741
741
  ? (vue.openBlock(), vue.createElementBlock("a", {
742
742
  key: 0,
743
743
  href: _ctx.previousLink
744
744
  }, [
745
745
  vue.createVNode(_component_regular_button, { text: _ctx.previousLabel }, null, 8 /* PROPS */, ["text"])
746
- ], 8 /* PROPS */, _hoisted_2$7))
746
+ ], 8 /* PROPS */, _hoisted_2$8))
747
747
  : vue.createCommentVNode("v-if", true),
748
748
  vue.createElementVNode("a", { href: _ctx.nextLink }, [
749
749
  vue.createVNode(_component_regular_button, { text: _ctx.nextLabel }, null, 8 /* PROPS */, ["text"])
750
- ], 8 /* PROPS */, _hoisted_3$6)
750
+ ], 8 /* PROPS */, _hoisted_3$7)
751
751
  ]))
752
752
  }
753
753
 
754
- var css_248z$e = "\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";
754
+ var css_248z$f = "\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";
755
+ styleInject(css_248z$f);
756
+
757
+ script$f.render = render$f;
758
+ script$f.__scopeId = "data-v-265c87a6";
759
+ script$f.__file = "src/Pagination/Pagination.vue";
760
+
761
+ var script$e = vue.defineComponent({
762
+ name: "Badge",
763
+ props: {
764
+ text: String,
765
+ },
766
+ });
767
+
768
+ const _hoisted_1$b = { class: "badge" };
769
+
770
+ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
771
+ return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$b, vue.toDisplayString(_ctx.text), 1 /* TEXT */))
772
+ }
773
+
774
+ var css_248z$e = "\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";
755
775
  styleInject(css_248z$e);
756
776
 
757
777
  script$e.render = render$e;
758
- script$e.__scopeId = "data-v-265c87a6";
759
- script$e.__file = "src/Pagination/Pagination.vue";
778
+ script$e.__scopeId = "data-v-187659a4";
779
+ script$e.__file = "src/Badge/Badge.vue";
760
780
 
761
781
  var script$d = vue.defineComponent({
762
- name: "Badge",
782
+ name: "Temperature",
763
783
  props: {
764
- text: String,
784
+ title: String,
785
+ min: Number,
786
+ max: Number,
787
+ avg: Number
788
+ },
789
+ computed: {
790
+ minFormatted() {
791
+ return this.min.toFixed(2);
792
+ },
793
+ avgFormatted() {
794
+ return this.avg.toFixed(2);
795
+ },
796
+ maxFormatted() {
797
+ return this.max.toFixed(2);
798
+ },
765
799
  },
766
800
  });
767
801
 
768
- const _hoisted_1$a = { class: "badge" };
802
+ const _hoisted_1$a = { class: "wrapper" };
803
+ const _hoisted_2$7 = { class: "title" };
804
+ const _hoisted_3$6 = { class: "avg" };
805
+ const _hoisted_4$2 = { class: "minmax" };
806
+ const _hoisted_5$1 = { class: "min" };
807
+ const _hoisted_6 = { class: "max" };
769
808
 
770
809
  function render$d(_ctx, _cache, $props, $setup, $data, $options) {
771
- return (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, vue.toDisplayString(_ctx.text), 1 /* TEXT */))
810
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
811
+ vue.createElementVNode("div", _hoisted_2$7, vue.toDisplayString(_ctx.title), 1 /* TEXT */),
812
+ vue.createElementVNode("div", _hoisted_3$6, vue.toDisplayString(_ctx.avgFormatted) + " ℃", 1 /* TEXT */),
813
+ vue.createElementVNode("div", _hoisted_4$2, [
814
+ vue.createElementVNode("div", _hoisted_5$1, vue.toDisplayString(_ctx.minFormatted) + " ℃", 1 /* TEXT */),
815
+ _cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "separator" }, "—", -1 /* CACHED */)),
816
+ vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(_ctx.maxFormatted) + " ℃", 1 /* TEXT */)
817
+ ])
818
+ ]))
772
819
  }
773
820
 
774
- var css_248z$d = "\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";
821
+ var css_248z$d = "\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";
775
822
  styleInject(css_248z$d);
776
823
 
777
824
  script$d.render = render$d;
778
- script$d.__scopeId = "data-v-187659a4";
779
- script$d.__file = "src/Badge/Badge.vue";
825
+ script$d.__scopeId = "data-v-4250e6d0";
826
+ script$d.__file = "src/Temperature/Temperature.vue";
780
827
 
781
828
  var script$c = vue.defineComponent({
782
829
  name: "Modal",
@@ -839,9 +886,9 @@ const _hoisted_1$8 = {
839
886
  };
840
887
 
841
888
  function render$b(_ctx, _cache, $props, $setup, $data, $options) {
842
- return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, _cache[0] || (_cache[0] = [
889
+ return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [...(_cache[0] || (_cache[0] = [
843
890
  vue.createElementVNode("span", { class: "sr-only-text" }, "Please wait...", -1 /* CACHED */)
844
- ])))
891
+ ]))]))
845
892
  }
846
893
 
847
894
  var css_248z$b = "\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";
@@ -5005,27 +5052,28 @@ script.render = render;
5005
5052
  script.__scopeId = "data-v-008e1be2";
5006
5053
  script.__file = "src/Inputs/Selector/Selector.vue";
5007
5054
 
5008
- exports.Badge = script$d;
5009
- exports.Card = script$r;
5010
- exports.CardGrid = script$q;
5055
+ exports.Badge = script$e;
5056
+ exports.Card = script$s;
5057
+ exports.CardGrid = script$r;
5011
5058
  exports.CheckBoxInput = script$4;
5012
- exports.Container = script$p;
5059
+ exports.Container = script$q;
5013
5060
  exports.DangerButton = script$6;
5014
5061
  exports.ImageInput = script$2;
5015
- exports.Loading = script$u;
5062
+ exports.Loading = script$v;
5016
5063
  exports.Modal = script$c;
5017
- exports.Navbar = script$h;
5064
+ exports.Navbar = script$i;
5018
5065
  exports.NumberInput = script$3;
5019
- exports.Pagination = script$e;
5066
+ exports.Pagination = script$f;
5020
5067
  exports.RangeView = script$a;
5021
- exports.RegularButton = script$f;
5068
+ exports.RegularButton = script$g;
5022
5069
  exports.ResetButton = script$9;
5023
5070
  exports.ResizeImageUpload = script$1;
5024
5071
  exports.SecondaryButton = script$7;
5025
- exports.SectionTitle = script$v;
5072
+ exports.SectionTitle = script$w;
5026
5073
  exports.Selector = script;
5027
5074
  exports.Spinner = script$b;
5028
- exports.StyledTable = script$g;
5075
+ exports.StyledTable = script$h;
5029
5076
  exports.SubmitButton = script$8;
5077
+ exports.Temperature = script$d;
5030
5078
  exports.TextInput = script$5;
5031
5079
  //# sourceMappingURL=index.js.map