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

package/dist/{WidgetsContainer-D_PLP1qf.js → client/WidgetsContainer-qMUwtN0W.js}

@@ -1,5 +1,5 @@
-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 {
+import { X as g, r as i, Y as y, Z as x, D as v, $ as n, a6 as m, a7 as E, a3 as H, F as k, a9 as f, aa as C, a0 as _, d as w, a4 as A, bB as D } from "./asWebComponent-DQrnLsI2.js";
+class F 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
@@ -52,33 +52,40 @@ class D extends HTMLDetailsElement {
     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, {
+customElements.define("animated-details", F, {
   extends: "details"
 });
-const L = {
+const B = {
   __name: "WidgetsContainer",
   props: {
     widgets: {
-      /** @type {import('vue').PropType<Omit<import("@/types").Widget,'layout'>[]>} */
+      /**
+       * @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";
+    const t = g(a.widgets), l = i([]), o = i([]), h = i(""), r = i(0), { mainRect: d } = y();
+    return x(async () => {
+      await v(() => {
+        r.value = o.value.reduce(
+          (c, u) => c += u.clientHeight,
+          0
+        ), h.value = (l.value[0].parentElement?.scrollHeight ?? 0) - r.value - d.value.top + "px";
+      });
     }), (c, u) => (n(!0), m(
-      E,
+      k,
       null,
-      x(v(t), (i, d) => (n(), m("details", {
+      E(H(t), (s, p) => (n(), m("details", {
         is: "animated-details",
         ref_for: !0,
         ref_key: "detailsEls",
         ref: l,
-        key: d,
+        key: p,
         class: "overflow-auto",
         exclusive: ""
       }, [
@@ -89,20 +96,20 @@ const L = {
             ref_key: "summaryEls",
             ref: o
           },
-          H(i.value.title),
+          C(s.value.title),
           513
           /* TEXT, NEED_PATCH */
         ),
         f(
           "span",
           {
-            style: A({ height: h.value }),
+            style: D({ height: h.value }),
             class: "d-flex flex-column"
           },
           [
-            (n(), k(
-              w(i.value.component),
-              C(_(i.value.props)),
+            (n(), _(
+              A(s.value.component),
+              w({ ref_for: !0 }, s.value.props),
               null,
               16
               /* FULL_PROPS */
@@ -118,5 +125,5 @@ const L = {
   }
 };
 export {
-  L as default
+  B as default
 };