@feedmepos/mf-hrm-portal 2.0.18-dev.2 → 2.0.18-dev.3

package/dist/Main-S5kR_LNV.js

@@ -0,0 +1,85 @@
+import { defineComponent as V, ref as u, computed as B, watch as A, resolveComponent as i, createBlock as s, openBlock as c, withCtx as p, createElementVNode as C, createVNode as d, resolveDynamicComponent as T, createCommentVNode as S } from "vue";
+import { useRouter as k, useRoute as F } from "vue-router";
+import { useI18n as N } from "@feedmepos/mf-common";
+import { _ as g } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as h } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import "@feedmepos/ui-library";
+import "./rule-B6wBPpcM.js";
+import "./iteration-BjJgU8cS.js";
+import { R as v } from "./app-BwtXEFgW.js";
+import "./useAppStore-D7jswOfq.js";
+/* empty css                                                                      */
+import "./TeamMemberList.vue_vue_type_style_index_0_scoped_473cbd86_lang-DJ-znUI3.js";
+const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
+  __name: "Main",
+  setup(x) {
+    const { t: a } = N(), f = k(), R = F(), _ = 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("permissionSet.title"),
+        value: "role",
+        createButtonLabel: a("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = b.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, r) => {
+      const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
+      return c(), s(h, {
+        heading: l.value.label
+      }, {
+        "append-heading": p(() => {
+          var o;
+          return [
+            d(L),
+            (o = l.value) != null && o.createButtonLabel ? (c(), s(g, {
+              key: 0,
+              icon: "add",
+              label: l.value.createButtonLabel,
+              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
+            }, null, 8, ["label"])) : S("", !0)
+          ];
+        }),
+        default: p(() => [
+          C("div", w, [
+            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 }) => [
+                (c(), s(T(o), {
+                  ref: (m) => {
+                    t.value === "member" && (_.value = m), t.value === "role" && (b.value = m);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  K as default
+};