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

package/core/components/DashboardLayout.vue

@@ -1,44 +0,0 @@
-<template>
-  <v-main>
-    <eox-layout :gap="eodash.template.gap ?? 2">
-      <eox-layout-item style="z-index: 0;" x="0" y="0" h="12" w="12">
-        <component id="bg-widget" :is="bgWidget.component" v-bind="bgWidget.props" />
-      </eox-layout-item>
-      <eox-layout-item v-for="(config, idx) in widgetsConfig" ref="itemEls" :key="idx"
-        style="position: relative; overflow: visible; z-index: 1; border-radius: 0px; background: rgb(var(--v-theme-surface))"
-        :x="config.layout.x" :y="config.layout.y" :h="config.layout.h" :w="config.layout.w">
-
-        <v-btn v-if="slideBtns[idx].enabled" position="absolute" variant="tonal" :style="slideBtns[idx].style"
-          class="slide-btn" @click="slideInOut(idx)">
-          <v-icon :icon="slideBtns[idx].active ? slideBtns[idx].icon.in : slideBtns[idx].icon.out" />
-        </v-btn>
-        <component :key="importedWidgets[idx].value.id" :is="importedWidgets[idx].value.component"
-          v-bind="importedWidgets[idx].value.props" />
-
-      </eox-layout-item>
-    </eox-layout>
-  </v-main>
-</template>
-<script setup>
-import { eodashKey } from '@/utils/keys';
-import { inject } from 'vue';
-import { useDefineWidgets } from '@/composables/DefineWidgets'
-import { useSlidePanels } from '@/composables'
-import { ref } from 'vue';
-import '@eox/layout'
-
-const eodash = /** @type {import("@/types").Eodash} */ (inject(eodashKey))
-
-const [bgWidget] = useDefineWidgets([eodash.template?.background])
-
-const widgetsConfig = eodash.template?.widgets
-
-const importedWidgets = useDefineWidgets(widgetsConfig)
-/**
- * Layout items template ref
- * @type {import('vue').Ref<HTMLElement[]>}
- */
-const itemEls = ref([])
-
-const { slideBtns, slideInOut } = useSlidePanels(itemEls, widgetsConfig)
-</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
-};