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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.0.0-alpha.2.1",
+  "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-Dp8AnYD9.js

@@ -1,141 +0,0 @@
-import { y as w, z as x, A as p, r as _, R as v, D as r, E as l, G as h, S as g, J as e, H as m, m as y, K as b, F as k, L as C, N as A, a as E, T as V } from "./asWebComponent-C8rb3b1D.js";
-import { V as L, b as $ } from "./VBtn-Bz7ruRUg.js";
-import { V as B } from "./VMain-BHfWJU2j.js";
-class z 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(o, a, s) {
-    a !== s && (this[o] = s), this.render();
-  }
-}
-class H 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(o, a, s) {
-    a !== s && (this[o] = s), this.render();
-  }
-}
-customElements.define("eox-layout", z);
-customElements.define("eox-layout-item", H);
-const M = ["gap"], S = {
-  style: { "z-index": "0" },
-  x: "0",
-  y: "0",
-  h: "12",
-  w: "12"
-}, T = ["x", "y", "h", "w"], K = {
-  __name: "DashboardLayout",
-  setup(u) {
-    const o = (
-      /** @type {import("@/types").Eodash} */
-      w(x)
-    ), [a] = p([o.template?.background]), s = o.template?.widgets, d = p(s), c = _([]), { slideBtns: n, slideInOut: f } = v(c, s);
-    return (D, I) => (r(), l(B, null, {
-      default: h(() => [
-        g("eox-layout", {
-          gap: e(o).template.gap ?? 2
-        }, [
-          g("eox-layout-item", S, [
-            (r(), l(
-              m(e(a).component),
-              y({ id: "bg-widget" }, e(a).props),
-              null,
-              16
-              /* FULL_PROPS */
-            ))
-          ]),
-          (r(!0), b(
-            k,
-            null,
-            C(e(s), (i, t) => (r(), b("eox-layout-item", {
-              ref_for: !0,
-              ref_key: "itemEls",
-              ref: c,
-              key: t,
-              style: { position: "relative", overflow: "visible", "z-index": "1", "border-radius": "0px", background: "rgb(var(--v-theme-surface))" },
-              x: i.layout.x,
-              y: i.layout.y,
-              h: i.layout.h,
-              w: i.layout.w
-            }, [
-              e(n)[t].enabled ? (r(), l(L, {
-                key: 0,
-                position: "absolute",
-                variant: "tonal",
-                style: A(e(n)[t].style),
-                class: "slide-btn",
-                onClick: (N) => e(f)(t)
-              }, {
-                default: h(() => [
-                  E($, {
-                    icon: e(n)[t].active ? e(n)[t].icon.in : e(n)[t].icon.out
-                  }, null, 8, ["icon"])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["style", "onClick"])) : V("v-if", !0),
-              (r(), l(
-                m(e(d)[t].value.component),
-                y({
-                  key: e(d)[t].value.id
-                }, e(d)[t].value.props),
-                null,
-                16
-                /* FULL_PROPS */
-              ))
-            ], 8, T))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ], 8, M)
-      ]),
-      _: 1
-      /* STABLE */
-    }));
-  }
-};
-export {
-  K as default
-};