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