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

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
-};