@eodash/eodash 5.0.0-alpha.2.18 → 5.0.0-alpha.2.20

package/dist/client/WidgetsContainer-CQY2xBg1.js

@@ -0,0 +1,83 @@
+import { ref, onMounted, nextTick, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import { G as useDefineWidgets, H as useLayout } from './asWebComponent-CIm1IGNl.js';
+import 'animated-details';
+
+const _sfc_main = {
+  __name: 'WidgetsContainer',
+  props: {
+  widgets: {
+    /**
+     * @type {import("vue").PropType<
+     *   Omit<import("@/types").Widget, "layout">[]
+     * >}
+     */
+    type: Array,
+    required: true,
+  },
+},
+  setup(__props) {
+
+const props = __props;
+
+const importedWidgets = useDefineWidgets(props.widgets);
+
+/**
+ * Details elements template ref
+ *
+ * @type {import("vue").Ref<HTMLDetailsElement[]>}
+ */
+const detailsEls = ref([]);
+/**
+ * Summary elements template ref
+ *
+ * @type {import("vue").Ref<HTMLDetailsElement[]>}
+ */
+const summaryEls = ref([]);
+const widgetHeight = ref("");
+const summariesHeights = ref(0);
+
+const { mainRect } = useLayout();
+onMounted(async () => {
+  await nextTick(() => {
+    summariesHeights.value = summaryEls.value.reduce(
+      (acc, el) => (acc += el.clientHeight),
+      0,
+    );
+    widgetHeight.value =
+      (detailsEls.value[0].parentElement?.scrollHeight ?? 0) -
+      summariesHeights.value -
+      mainRect.value["top"] +
+      "px";
+  });
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(true), createElementBlock(Fragment, null, renderList(unref(importedWidgets), (mod, idx) => {
+    return (openBlock(), createElementBlock("details", {
+      is: "animated-details",
+      ref_for: true,
+      ref_key: "detailsEls",
+      ref: detailsEls,
+      key: idx,
+      class: "overflow-auto",
+      exclusive: ""
+    }, [
+      createElementVNode("summary", {
+        ref_for: true,
+        ref_key: "summaryEls",
+        ref: summaryEls
+      }, toDisplayString(mod.value.title), 513 /* TEXT, NEED_PATCH */),
+      createElementVNode("span", {
+        style: normalizeStyle({ height: widgetHeight.value }),
+        class: "d-flex flex-column"
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(mod.value.component), mergeProps({ ref_for: true }, mod.value.props), null, 16 /* FULL_PROPS */))
+      ], 4 /* STYLE */)
+    ]))
+  }), 128 /* KEYED_FRAGMENT */))
+}
+}
+
+};
+
+export { _sfc_main as default };