@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.2-dev

package/dist/Main-HzplGv-e.js

@@ -0,0 +1,85 @@
+import { defineComponent as V, ref as u, computed as B, watch as A, resolveComponent as c, createBlock as i, openBlock as s, withCtx as p, createElementVNode as C, createVNode as d, resolveDynamicComponent as T, createCommentVNode as k } from "vue";
+import { useRouter as F, useRoute as N } from "vue-router";
+import { useI18n as g } from "@feedmepos/mf-common";
+import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as w } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import "@feedmepos/ui-library";
+import "./index-CicR1-Jp.js";
+import { R as v } from "./app-DUs516v0.js";
+import "./useAppStore-RzLLN5d9.js";
+/* empty css                                                                      */
+/* empty css                                                                            */
+import "./team-CiZSNUQW.js";
+const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
+  __name: "Main",
+  setup(y) {
+    const { t: a } = g(), f = F(), R = N(), _ = u(), b = u(), t = u("member");
+    R.name === v.TEAM_ROLE ? t.value = "role" : t.value = "member";
+    const l = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
+    A(t, (e) => {
+      e === "member" ? f.replace({ name: v.TEAM_MEMBER }) : e === "role" && f.replace({ name: v.TEAM_ROLE });
+    });
+    const n = B(() => [
+      {
+        label: a("team.title"),
+        value: "member",
+        createButtonLabel: a("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = _.value) == null || e.create();
+        }
+      },
+      {
+        label: a("role.title"),
+        value: "role",
+        createButtonLabel: a("role.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = b.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, r) => {
+      const L = c("FmSpacer"), E = c("FmTabs"), M = c("RouterView");
+      return s(), i(w, {
+        heading: l.value.label
+      }, {
+        "append-heading": p(() => {
+          var o;
+          return [
+            d(L),
+            (o = l.value) != null && o.createButtonLabel ? (s(), i(h, {
+              key: 0,
+              icon: "add",
+              label: l.value.createButtonLabel,
+              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
+            }, null, 8, ["label"])) : k("", !0)
+          ];
+        }),
+        default: p(() => [
+          C("div", x, [
+            d(E, {
+              modelValue: t.value,
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => t.value = o),
+              items: n.value
+            }, null, 8, ["modelValue", "items"]),
+            d(M, null, {
+              default: p(({ Component: o }) => [
+                (s(), i(T(o), {
+                  ref: (m) => {
+                    t.value === "member" && (_.value = m), t.value === "role" && (b.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  J as default
+};