@feedmepos/mf-hrm-portal 2.0.17 → 2.0.18-dev

package/dist/CollapsibleWrapper.vue_vue_type_script_setup_true_lang-BLJlmPVa.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, ref as a, onMounted as v, nextTick as y, onUnmounted as _, resolveComponent as g, createElementBlock as r, openBlock as c, Fragment as h, createElementVNode as n, renderSlot as u, createCommentVNode as b, toDisplayString as k, createVNode as C, normalizeStyle as w } from "vue";
+const x = { class: "flex items-center" }, B = {
+  key: 0,
+  class: "ml-8 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, H = { class: "ml-auto" }, S = /* @__PURE__ */ f({
+  __name: "CollapsibleWrapper",
+  props: {
+    title: { default: "" },
+    subtitle: { default: "" },
+    initiallyCollapsed: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const e = a(l.initiallyCollapsed), t = a(), s = a(0);
+    let o;
+    function d() {
+      e.value = !e.value;
+    }
+    function m() {
+      t.value && (s.value = t.value.scrollHeight);
+    }
+    return v(async () => {
+      await y(), t.value && (o = new ResizeObserver(() => {
+        m();
+      }), o.observe(t.value));
+    }), _(() => {
+      o == null || o.disconnect();
+    }), (i, N) => {
+      const p = g("FmButton");
+      return c(), r(h, null, [
+        n("div", { onClick: d }, [
+          n("div", x, [
+            u(i.$slots, "title"),
+            e.value && l.subtitle ? (c(), r("span", B, k(l.subtitle), 1)) : b("", !0),
+            n("div", H, [
+              C(p, {
+                icon: e.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
+                "text-color": "neutral-gray-400",
+                variant: "tertiary",
+                size: "md"
+              }, null, 8, ["icon"])
+            ])
+          ])
+        ]),
+        n("div", {
+          ref_key: "contentRef",
+          ref: t,
+          class: "transition-all duration-300 ease-in-out overflow-hidden",
+          style: w({ maxHeight: e.value ? "0" : s.value + "px" })
+        }, [
+          u(i.$slots, "default")
+        ], 4)
+      ], 64);
+    };
+  }
+});
+export {
+  S as _
+};