@feedmepos/mf-hrm-portal 2.1.1-dev.5 → 2.1.1-dev.6

package/dist/TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js

@@ -0,0 +1,37 @@
+import { defineComponent as c, computed as o, createElementBlock as n, openBlock as a, normalizeClass as i, renderSlot as p, createCommentVNode as m, createVNode as f, unref as d } from "vue";
+import { useBreakpoints as v } from "@feedmepos/ui-library";
+import { _ as y } from "./index.vue_vue_type_script_setup_true_lang-BVVwfd7B.js";
+const _ = /* @__PURE__ */ c({
+  __name: "TableEmptyState",
+  props: {
+    title: {},
+    subtitle: {},
+    isEmpty: { type: Boolean },
+    isLoading: { type: Boolean, default: !1 },
+    collapseAt: { type: [String, Boolean], default: "sm" }
+  },
+  setup(t) {
+    const e = t, { isAtMost: r } = v(), l = o(() => e.collapseAt !== !1 && r(e.collapseAt)), s = o(() => e.isEmpty && !e.isLoading);
+    return (u, b) => (a(), n("div", {
+      class: i(l.value && s.value ? "flex flex-col" : "relative min-h-0 flex-1")
+    }, [
+      p(u.$slots, "default", { isEmpty: s.value }),
+      s.value ? (a(), n("div", {
+        key: 0,
+        class: i(
+          l.value ? "pointer-events-none w-full" : "pointer-events-none absolute inset-0 flex items-center justify-center"
+        )
+      }, [
+        f(d(y), {
+          class: "pointer-events-auto",
+          "is-outlined": l.value,
+          title: t.title,
+          subtitle: t.subtitle
+        }, null, 8, ["is-outlined", "title", "subtitle"])
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+});
+export {
+  _
+};