@namelivia/vue-components 4.6.0 → 4.7.0

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