@eodash/eodash 5.0.0-alpha.2 → 5.0.0-alpha.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.2.3",
   "type": "module",
   "types": "./core/types.d.ts",
   "files": [
@@ -49,7 +49,7 @@
     "@eox/layout": "^0.1.0",
     "@eox/map": "^1.4.0",
     "@eox/stacinfo": "^0.3.0",
-    "@mdi/font": "7.0.96",
+    "@mdi/js": "^7.4.47",
     "@vitejs/plugin-vue": "^5.0.0",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
     "axios": "^1.6.2",
@@ -62,7 +62,7 @@
     "vite": "^5.1.5",
     "vite-plugin-vuetify": "^2.0.0",
     "vue": "^3.2.0",
-    "vuetify": "^3.5.1",
+    "vuetify": "^3.6.5",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {

package/widgets/EodashDatePicker.vue

@@ -6,6 +6,7 @@
         type="date" bg-color="surface" color="primary" density="comfortable" label="Select Date" v-model="currentDate"
         variant="plain" hide-details />
     </div>
+
     <v-date-picker v-else ref="datePicker" :width="width" :height="height" hide-header v-model="currentDate"
       color="primary" bg-color="surface" location="center" class="overflow-auto fill-height fill-width"
       position="relative" show-adjacent-months></v-date-picker>

package/widgets/WidgetsContainer.vue

@@ -9,7 +9,7 @@
 </template>
 <script setup>
 import { useDefineWidgets } from '@/composables/DefineWidgets';
-import { onMounted } from 'vue';
+import { nextTick, onMounted } from 'vue';
 import { ref } from 'vue';
 import { useLayout } from 'vuetify/lib/framework.mjs';
 import 'animated-details'
@@ -38,9 +38,11 @@ const widgetHeight = ref('')
 const summariesHeights = ref(0)
 
 
-onMounted(() => {
-  summariesHeights.value = summaryEls.value.reduce((acc, el) => acc += el.clientHeight, 0)
-  const { mainRect } = useLayout()
-  widgetHeight.value = ((detailsEls.value[0].parentElement?.scrollHeight ?? 0) - summariesHeights.value - mainRect.value['top']) + 'px'
+const { mainRect } = useLayout()
+onMounted(async () => {
+  await nextTick(() => {
+    summariesHeights.value = summaryEls.value.reduce((acc, el) => acc += el.clientHeight, 0)
+    widgetHeight.value = ((detailsEls.value[0].parentElement?.scrollHeight ?? 0) - summariesHeights.value - mainRect.value['top']) + 'px'
+  })
 })
 </script>

package/dist/DashboardLayout-YLfAa8wH.js

@@ -1,168 +0,0 @@
-import { y as k, z as v, A as m, r as C, R as A, S as L, D as o, E as n, G as l, T as y, J as e, U as b, a as c, H as f, m as _, K as w, F as V, L as E, N as $, V as B } from "./asWebComponent-BKe6Spni.js";
-import { V as S, b as z } from "./VBtn-CFPhsIX8.js";
-import { V as H } from "./VMain-deI9jyIf.js";
-class M extends HTMLElement {
-  static get observedAttributes() {
-    return ["gap"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.render();
-  }
-  render() {
-    this.shadowRoot.innerHTML = `
-    <style>
-      :host {
-        display: grid;
-        padding: ${this.getAttribute("gap") || 0}px;
-        height: 100%;
-        box-sizing: border-box;
-        gap: ${this.getAttribute("gap") || "0"}px;
-        grid-template-columns: repeat(12, 1fr);
-        grid-template-rows: repeat(12, 1fr);
-      }
-    </style>
-    <slot></slot>
-  `;
-  }
-  attributeChangedCallback(a, r, s) {
-    r !== s && (this[a] = s), this.render();
-  }
-}
-class T extends HTMLElement {
-  static get observedAttributes() {
-    return ["x", "y", "w", "h"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.render();
-  }
-  render() {
-    this.shadowRoot.innerHTML = `
-      <style>
-        :host {
-          background: lightgrey;
-          border: 1px solid darkgrey;
-          border-radius: 4px;
-          padding: 4px 8px;
-          overflow: hidden;
-
-
-          grid-column: ${parseInt(this.getAttribute("x")) + 1} / span ${this.getAttribute("w")};
-          grid-row: ${parseInt(this.getAttribute("y")) + 1} / span ${this.getAttribute("h")};
-        }
-      </style>
-      <slot></slot>
-    `;
-  }
-  attributeChangedCallback(a, r, s) {
-    r !== s && (this[a] = s), this.render();
-  }
-}
-customElements.define("eox-layout", M);
-customElements.define("eox-layout-item", T);
-const D = ["gap"], I = {
-  style: { "z-index": "0" },
-  x: "0",
-  y: "0",
-  h: "12",
-  w: "12"
-}, N = ["x", "y", "h", "w"], G = {
-  __name: "DashboardLayout",
-  setup(p) {
-    const a = (
-      /** @type {import("@/types").Eodash} */
-      k(v)
-    ), [r] = m([a.template?.background]), s = a.template?.widgets, u = m(s), h = C([]), { slideBtns: i, slideInOut: x } = A(h, s);
-    return (R, W) => {
-      const g = L("Loading");
-      return o(), n(H, null, {
-        default: l(() => [
-          y("eox-layout", {
-            gap: e(a).template.gap ?? 2
-          }, [
-            y("eox-layout-item", I, [
-              (o(), n(b, null, {
-                fallback: l(() => [
-                  c(g)
-                ]),
-                default: l(() => [
-                  (o(), n(
-                    f(e(r).component),
-                    _({ id: "bg-widget" }, e(r).props),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  ))
-                ]),
-                _: 1
-                /* STABLE */
-              }))
-            ]),
-            (o(!0), w(
-              V,
-              null,
-              E(e(s), (d, t) => (o(), w("eox-layout-item", {
-                ref_for: !0,
-                ref_key: "itemEls",
-                ref: h,
-                key: t,
-                style: { position: "relative", overflow: "visible", "z-index": "1", "border-radius": "0px", background: "rgb(var(--v-theme-surface))" },
-                x: d.layout.x,
-                y: d.layout.y,
-                h: d.layout.h,
-                w: d.layout.w
-              }, [
-                e(i)[t].enabled ? (o(), n(S, {
-                  key: 0,
-                  position: "absolute",
-                  variant: "tonal",
-                  style: $(e(i)[t].style),
-                  class: "slide-btn",
-                  onClick: (F) => e(x)(t)
-                }, {
-                  default: l(() => [
-                    c(z, {
-                      icon: e(i)[t].active ? e(i)[t].icon.in : e(i)[t].icon.out
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["style", "onClick"])) : B("v-if", !0),
-                (o(), n(
-                  b,
-                  null,
-                  {
-                    fallback: l(() => [
-                      c(g)
-                    ]),
-                    default: l(() => [
-                      (o(), n(
-                        f(e(u)[t].value.component),
-                        _({
-                          key: e(u)[t].value.id
-                        }, e(u)[t].value.props),
-                        null,
-                        16
-                        /* FULL_PROPS */
-                      ))
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1024
-                  /* DYNAMIC_SLOTS */
-                ))
-              ], 8, N))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ], 8, D)
-        ]),
-        _: 1
-        /* STABLE */
-      });
-    };
-  }
-};
-export {
-  G as default
-};