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

package/dist/client/DashboardLayout-BYROtP-7.js

@@ -0,0 +1,156 @@
+import { _ as b, x as m, W as x, X as d, $ as t, a0 as r, a1 as l, a9 as _, a3 as n, a6 as u, a2 as p, a4 as c, d as h, a5 as g, F as f, a7 as v, ab as w } from "./asWebComponent-CbdGxelK.js";
+import { V as k } from "./VMain-C9XV5Lyg.js";
+class A 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, s, o) {
+    s !== o && (this[a] = o), this.render();
+  }
+}
+class C 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, s, o) {
+    s !== o && (this[a] = o), this.render();
+  }
+}
+customElements.define("eox-layout", A);
+customElements.define("eox-layout-item", C);
+const L = ["gap"], $ = {
+  key: 0,
+  class: "bg-panel",
+  x: "0",
+  y: "0",
+  h: "12",
+  w: "12"
+}, E = ["h", "w", "x", "y"], M = {
+  __name: "DashboardLayout",
+  setup(i) {
+    const a = (
+      /** @type {import("@/types").Eodash} */
+      m(x)
+    ), [s] = d([a.template?.background]), o = d(a.template?.widgets);
+    return (T, B) => (t(), r(k, null, {
+      default: l(() => [
+        _("eox-layout", {
+          gap: n(a).template.gap ?? 2
+        }, [
+          n(s).component ? (t(), u("eox-layout-item", $, [
+            (t(), r(p, { suspensible: "" }, {
+              default: l(() => [
+                (t(), r(
+                  c(n(s).component),
+                  h({ id: "bg-widget" }, n(s).props),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            }))
+          ])) : g("v-if", !0),
+          (t(!0), u(
+            f,
+            null,
+            v(n(o), (e, y) => (t(), r(
+              w,
+              {
+                key: y,
+                name: "fade"
+              },
+              {
+                default: l(() => [
+                  e.value.component ? (t(), u("eox-layout-item", {
+                    key: e.value.id,
+                    class: "panel",
+                    h: e.value.layout.h,
+                    w: e.value.layout.w,
+                    x: e.value.layout.x,
+                    y: e.value.layout.y
+                  }, [
+                    (t(), r(
+                      p,
+                      { suspensible: "" },
+                      {
+                        default: l(() => [
+                          (t(), r(
+                            c(e.value.component),
+                            h({
+                              key: e.value.id,
+                              ref_for: !0
+                            }, e.value.props),
+                            null,
+                            16
+                            /* FULL_PROPS */
+                          ))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    ))
+                  ], 8, E)) : g("v-if", !0)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              },
+              1024
+              /* DYNAMIC_SLOTS */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ], 8, L)
+      ]),
+      _: 1
+      /* STABLE */
+    }));
+  }
+}, V = /* @__PURE__ */ b(M, [["__scopeId", "data-v-d836e339"]]);
+export {
+  V as default
+};

package/dist/{DynamicWebComponent-CgDh2csQ.js → client/DynamicWebComponent-BQhxFPM0.js}

@@ -1,5 +1,5 @@
-import { a_ as i, a$ as m, r as p, Z as d, b0 as f, _ as c, a5 as g, $ as _, d as y, a3 as k } from "./asWebComponent-fqvymeM-.js";
-const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
+import { b6 as i, aZ as m, r as p, Z as d, b7 as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-CbdGxelK.js";
+const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
   __name: "DynamicWebComponent",
   props: {
     link: {
@@ -38,10 +38,10 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
       e.onMounted?.(r.value, s);
     }), f(() => {
       e.onUnmounted?.(r.value, s);
-    }), (n, x) => (c(), g("span", h, [
-      (c(), _(
+    }), (n, w) => (c(), g("span", h, [
+      (c(), y(
         k(o.tagName),
-        y(o.properties, {
+        _(o.properties, {
           ref_key: "elementRef",
           ref: r
         }),
@@ -53,5 +53,5 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
   }
 };
 export {
-  N as default
+  C as default
 };