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

package/dist/VMain-deI9jyIf.js

@@ -0,0 +1,35 @@
+import { p as n, b as r, e as c, g as m, B as i, u, a as e } from "./asWebComponent-BKe6Spni.js";
+import { u as d } from "./ssrBoot-Cm5pWM14.js";
+const p = n({
+  scrollable: Boolean,
+  ...r(),
+  ...c({
+    tag: "main"
+  })
+}, "VMain"), V = m()({
+  name: "VMain",
+  props: p(),
+  setup(a, l) {
+    let {
+      slots: s
+    } = l;
+    const {
+      mainStyles: o
+    } = i(), {
+      ssrBootStyles: t
+    } = d();
+    return u(() => e(a.tag, {
+      class: ["v-main", {
+        "v-main--scrollable": a.scrollable
+      }, a.class],
+      style: [o.value, t.value, a.style]
+    }, {
+      default: () => [a.scrollable ? e("div", {
+        class: "v-main__scroller"
+      }, [s.default?.()]) : s.default?.()]
+    })), {};
+  }
+});
+export {
+  V
+};

package/dist/WidgetsContainer-D_PLP1qf.js

@@ -0,0 +1,122 @@
+import { A as p, r as s, C as g, B as y, D as n, K as m, L as x, J as v, F as E, T as f, Q as H, E as k, aL as C, aM as _, H as w, N as A } from "./asWebComponent-BKe6Spni.js";
+class D extends HTMLDetailsElement {
+  // this is an adaptation of // https://css-tricks.com/how-to-animate-the-details-element-using-waapi/
+  // which turns the class into a custom element
+  // additionally, the "exclusive" attribute has been introduced
+  // for accordion-style exclusiv eopening/closing
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    this.el = this, this.summary = this.querySelector("summary"), this.content = this.lastElementChild, this.animation = null, this.isClosing = !1, this.isExpanding = !1, this.summary.addEventListener("click", (e) => this.onClick(e));
+  }
+  onClick(e) {
+    e?.preventDefault(), this.el.style.overflow = "hidden", this.isClosing || !this.el.open ? this.doOpen() : (this.isExpanding || this.el.open) && this.shrink();
+  }
+  shrink() {
+    this.isClosing = !0;
+    const e = `${this.el.offsetHeight}px`, t = `${this.summary.offsetHeight}px`;
+    this.animation && this.animation.cancel(), this.animation = this.el.animate(
+      {
+        // Set the keyframes from the startHeight to endHeight
+        height: [e, t]
+      },
+      {
+        duration: 300,
+        easing: "ease-out"
+      }
+    ), this.animation.onfinish = () => this.onAnimationFinish(!1), this.animation.oncancel = () => this.isClosing = !1;
+  }
+  doOpen() {
+    this.el.style.height = `${this.el.offsetHeight}px`, this.el.open = !0, window.requestAnimationFrame(() => this.expand()), this.parentElement.querySelectorAll(
+      "details[open][exclusive]"
+    ).forEach((t) => {
+      t !== this && t.onClick();
+    });
+  }
+  expand() {
+    this.isExpanding = !0;
+    const e = `${this.el.offsetHeight}px`, t = `${this.summary.offsetHeight + this.content.offsetHeight}px`;
+    this.animation && this.animation.cancel(), this.animation = this.el.animate(
+      {
+        // Set the keyframes from the startHeight to endHeight
+        height: [e, t]
+      },
+      {
+        duration: 300,
+        easing: "ease-out"
+      }
+    ), this.animation.onfinish = () => this.onAnimationFinish(!0), this.animation.oncancel = () => this.isExpanding = !1;
+  }
+  onAnimationFinish(e) {
+    this.el.open = e, this.animation = null, this.isClosing = !1, this.isExpanding = !1, this.el.style.height = this.el.style.overflow = "";
+  }
+}
+customElements.define("animated-details", D, {
+  extends: "details"
+});
+const L = {
+  __name: "WidgetsContainer",
+  props: {
+    widgets: {
+      /** @type {import('vue').PropType<Omit<import("@/types").Widget,'layout'>[]>} */
+      type: Array,
+      required: !0
+    }
+  },
+  setup(a) {
+    const t = p(a.widgets), l = s([]), o = s([]), h = s(""), r = s(0);
+    return g(() => {
+      r.value = o.value.reduce((u, i) => u += i.clientHeight, 0);
+      const { mainRect: c } = y();
+      h.value = (l.value[0].parentElement?.scrollHeight ?? 0) - r.value - c.value.top + "px";
+    }), (c, u) => (n(!0), m(
+      E,
+      null,
+      x(v(t), (i, d) => (n(), m("details", {
+        is: "animated-details",
+        ref_for: !0,
+        ref_key: "detailsEls",
+        ref: l,
+        key: d,
+        class: "overflow-auto",
+        exclusive: ""
+      }, [
+        f(
+          "summary",
+          {
+            ref_for: !0,
+            ref_key: "summaryEls",
+            ref: o
+          },
+          H(i.value.title),
+          513
+          /* TEXT, NEED_PATCH */
+        ),
+        f(
+          "span",
+          {
+            style: A({ height: h.value }),
+            class: "d-flex flex-column"
+          },
+          [
+            (n(), k(
+              w(i.value.component),
+              C(_(i.value.props)),
+              null,
+              16
+              /* FULL_PROPS */
+            ))
+          ],
+          4
+          /* STYLE */
+        )
+      ]))),
+      128
+      /* KEYED_FRAGMENT */
+    ));
+  }
+};
+export {
+  L as default
+};

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};