@feedmepos/mf-hrm-portal 2.1.1-dev.3 → 2.1.1-dev.4

package/dist/ConditionFormHost.vue_vue_type_script_setup_true_lang-zJwkM_Xb.js

@@ -0,0 +1,387 @@
+import { defineComponent as B, ref as N, onMounted as te, nextTick as ne, onUnmounted as oe, resolveComponent as h, createElementBlock as g, openBlock as s, Fragment as U, createElementVNode as x, renderSlot as P, createCommentVNode as E, toDisplayString as ae, createVNode as le, normalizeStyle as ue, watch as W, defineAsyncComponent as re, computed as I, renderList as A, createBlock as p, withCtx as G, unref as D, resolveDynamicComponent as ie } from "vue";
+import { e as H, f as se, U as j } from "./app-BZwE2coe.js";
+import { useI18n as de, useCoreStore as ce } from "@feedmepos/mf-common";
+import { l as me } from "./lodash-CUIS1iIz.js";
+const fe = { class: "flex items-center" }, ve = {
+  key: 0,
+  class: "ml-8 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, be = { class: "ml-auto" }, Ne = /* @__PURE__ */ B({
+  __name: "CollapsibleWrapper",
+  props: {
+    title: { default: "" },
+    subtitle: { default: "" },
+    initiallyCollapsed: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const l = N(t.initiallyCollapsed), c = N(), m = N(0);
+    let f;
+    function F() {
+      l.value = !l.value;
+    }
+    function v() {
+      c.value && (m.value = c.value.scrollHeight);
+    }
+    return te(async () => {
+      await ne(), c.value && (f = new ResizeObserver(() => {
+        v();
+      }), f.observe(c.value));
+    }), oe(() => {
+      f == null || f.disconnect();
+    }), (k, r) => {
+      const d = h("FmButton");
+      return s(), g(U, null, [
+        x("div", { onClick: F }, [
+          x("div", fe, [
+            P(k.$slots, "title"),
+            l.value && t.subtitle ? (s(), g("span", ve, ae(t.subtitle), 1)) : E("", !0),
+            x("div", be, [
+              le(d, {
+                icon: l.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
+                "text-color": "neutral-gray-400",
+                variant: "tertiary",
+                size: "md"
+              }, null, 8, ["icon"])
+            ])
+          ])
+        ]),
+        x("div", {
+          ref_key: "contentRef",
+          ref: c,
+          class: "transition-all duration-300 ease-in-out overflow-hidden",
+          style: ue({ maxHeight: l.value ? "0" : m.value + "px" })
+        }, [
+          P(k.$slots, "default")
+        ], 4)
+      ], 64);
+    };
+  }
+});
+function O(t) {
+  return `${t.subject}::${t.builderKey}`;
+}
+function Se(t) {
+  const u = N(/* @__PURE__ */ new Map());
+  function l(r, d) {
+    const y = new Map(u.value);
+    y.set(O(r), d), u.value = y;
+  }
+  function c(r) {
+    return u.value.get(O(r));
+  }
+  function m(r) {
+    for (const d of u.value.keys())
+      if (d.startsWith(`${r}::`)) return !0;
+    return !1;
+  }
+  function f(r) {
+    const d = /* @__PURE__ */ new Map();
+    for (const [y, S] of u.value.entries())
+      y.startsWith(`${r}::`) && d.set(y, S);
+    return d;
+  }
+  function F(r) {
+    const d = new Map(u.value);
+    for (const y of Array.from(d.keys()))
+      y.startsWith(`${r}::`) && d.delete(y);
+    u.value = d;
+  }
+  function v() {
+    u.value = /* @__PURE__ */ new Map();
+  }
+  function k(r) {
+    const d = new Map(u.value);
+    d.delete(O(r)), u.value = d;
+  }
+  return t && W(
+    t,
+    () => {
+      v();
+    },
+    { deep: !0 }
+  ), {
+    drafts: u,
+    setDraft: l,
+    getDraft: c,
+    hasDraftsForSubject: m,
+    getDraftsForSubject: f,
+    clearDraftsForSubject: F,
+    clearAllDrafts: v,
+    clearDraft: k
+  };
+}
+const ye = {}, L = /* @__PURE__ */ new Map();
+function pe(t) {
+  const u = L.get(t);
+  if (u) return u;
+  const l = ye[t];
+  if (!l) return;
+  const c = re(l);
+  return L.set(t, c), c;
+}
+function ke(t, u) {
+  return !me.isEqual(t, u);
+}
+const Ve = { class: "flex flex-col gap-8" }, he = { class: "flex flex-col gap-4" }, ge = "condition-form-select-menu", Z = 120, Fe = 220, Ce = /* @__PURE__ */ B({
+  __name: "ConditionFormRenderer",
+  props: {
+    config: {},
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    optionProviders: { default: () => ({}) }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const l = t, c = u, { t: m } = de(), f = ce(), F = I(() => H(l.config, l.modelValue));
+    let v = l.modelValue;
+    W(
+      () => l.modelValue,
+      (e) => {
+        v = e;
+      }
+    );
+    function k(e) {
+      return "static" in e ? e.static.map((n) => ({ value: n.value, label: m(n.labelKey) })) : l.optionProviders[e.provider] ?? [];
+    }
+    function r(e, n) {
+      const a = d(
+        se(l.config, { ...l.modelValue, [e]: n })
+      );
+      ke(a, v) && (v = a, c("update:modelValue", a));
+    }
+    function d(e) {
+      const n = { ...e };
+      for (const a of H(l.config, n))
+        a.kind === "date" && !n[a.key] && (n[a.key] = K(J()));
+      return n;
+    }
+    function y() {
+      const e = f.currentBusiness.value;
+      if (e != null && e.timezone) return e.timezone;
+      if (e != null && e.timeZone) return e.timeZone;
+      const n = (e == null ? void 0 : e.country) ?? (f.currentCountry.value instanceof Object ? f.currentCountry.value.code : f.currentCountry.value);
+      return S(n);
+    }
+    function S(e) {
+      switch ((e || "").toUpperCase()) {
+        case "MY":
+          return "Asia/Kuala_Lumpur";
+        case "SG":
+          return "Asia/Singapore";
+        case "TH":
+          return "Asia/Bangkok";
+        case "ID":
+          return "Asia/Jakarta";
+        case "MO":
+          return "Asia/Macau";
+        case "BN":
+          return "Asia/Brunei";
+        case "PK":
+          return "Asia/Karachi";
+        case "MV":
+          return "Indian/Maldives";
+        case "VN":
+          return "Asia/Ho_Chi_Minh";
+        case "JP":
+          return "Asia/Tokyo";
+        case "AU":
+          return "Australia/Sydney";
+        case "AE":
+          return "Asia/Dubai";
+        case "UK":
+          return "Europe/London";
+        default:
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+      }
+    }
+    function $(e, n) {
+      const a = new Intl.DateTimeFormat("en-CA", {
+        timeZone: n,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+        hourCycle: "h23"
+      }).formatToParts(e), b = Object.fromEntries(
+        a.filter((V) => V.type !== "literal").map((V) => [V.type, V.value])
+      );
+      return {
+        year: Number(b.year),
+        month: Number(b.month),
+        day: Number(b.day),
+        hour: Number(b.hour),
+        minute: Number(b.minute),
+        second: Number(b.second)
+      };
+    }
+    function z(e, n) {
+      try {
+        const a = $(n, e);
+        return (Date.UTC(
+          a.year,
+          a.month - 1,
+          a.day,
+          a.hour,
+          a.minute,
+          a.second
+        ) - n.getTime()) / 6e4;
+      } catch {
+        return 0;
+      }
+    }
+    function K(e) {
+      const [n, a, b] = e.split("-").map(Number);
+      if (!n || !a || !b) return "";
+      const V = y(), C = new Date(Date.UTC(n, a - 1, b, 0, 0, 0, 0)), M = z(V, C), w = new Date(C.getTime() - M * 6e4), _ = z(V, w);
+      return new Date(C.getTime() - _ * 6e4).toISOString();
+    }
+    function R(e) {
+      const n = new Date(e);
+      if (Number.isNaN(n.getTime())) return "";
+      try {
+        const a = $(n, y());
+        return `${String(a.year).padStart(4, "0")}-${String(a.month).padStart(2, "0")}-${String(a.day).padStart(2, "0")}`;
+      } catch {
+        return e.slice(0, 10);
+      }
+    }
+    function J() {
+      return R((/* @__PURE__ */ new Date()).toISOString());
+    }
+    function T(e) {
+      return "options" in e ? k(e.options) : [];
+    }
+    function X(e) {
+      const n = l.modelValue[e];
+      return n == null ? "" : String(n);
+    }
+    function q(e) {
+      const n = l.modelValue[e];
+      return typeof n != "string" || !n ? "" : R(n);
+    }
+    function Y(e, n) {
+      r(e, n ? K(n) : "");
+    }
+    function Q(e, n) {
+      let a = Math.floor(Number(n) || (e.min ?? 0));
+      e.min !== void 0 && (a = Math.max(e.min, a)), e.max !== void 0 && (a = Math.min(e.max, a)), r(e.key, a);
+    }
+    return (e, n) => {
+      const a = h("FmRadio"), b = h("FmRadioGroup"), V = h("FmSelect"), C = h("FmTextField"), M = h("FmDatePicker"), w = h("FmCheckbox"), _ = h("FmFormGroup");
+      return s(), g("div", Ve, [
+        (s(!0), g(U, null, A(F.value, (o) => (s(), g(U, {
+          key: o.key
+        }, [
+          o.kind === "radio" ? (s(), p(b, {
+            key: 0,
+            "model-value": t.modelValue[o.key],
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => r(o.key, i)
+          }, {
+            default: G(() => [
+              (s(!0), g(U, null, A(T(o), (i) => (s(), p(a, {
+                key: i.value,
+                value: i.value,
+                label: i.label
+              }, null, 8, ["value", "label"]))), 128))
+            ]),
+            _: 2
+          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : o.kind === "select" ? (s(), p(V, {
+            key: 1,
+            "model-value": t.modelValue[o.key],
+            label: D(m)(o.labelKey),
+            items: T(o),
+            "menu-id": ge,
+            "menu-z-index": Z,
+            "max-height": Fe,
+            "shift-menu": "",
+            placement: "bottom-start",
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => r(o.key, i)
+          }, null, 8, ["model-value", "label", "items", "disabled", "onUpdate:modelValue"])) : o.kind === "number" ? (s(), p(C, {
+            key: 2,
+            "model-value": X(o.key),
+            type: "number",
+            class: "!w-[120px] ml-32",
+            label: D(m)(o.labelKey),
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => Q(o, i)
+          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : o.kind === "text" ? (s(), p(C, {
+            key: 3,
+            "model-value": t.modelValue[o.key] ?? "",
+            label: D(m)(o.labelKey),
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => r(o.key, i)
+          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : o.kind === "date" ? (s(), p(M, {
+            key: 4,
+            "model-value": q(o.key),
+            label: D(m)(o.labelKey),
+            "z-index": Z,
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => Y(o.key, i)
+          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : o.kind === "switch" ? (s(), p(w, {
+            key: 5,
+            "model-value": !!t.modelValue[o.key],
+            value: !0,
+            label: D(m)(o.labelKey),
+            disabled: t.disabled,
+            "onUpdate:modelValue": (i) => r(o.key, i)
+          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : o.kind === "multiselect" ? (s(), p(_, {
+            key: 6,
+            "model-value": t.modelValue[o.key] ?? [],
+            "onUpdate:modelValue": (i) => r(o.key, i)
+          }, {
+            default: G(() => [
+              x("div", he, [
+                (s(!0), g(U, null, A(T(o), (i) => (s(), p(w, {
+                  key: i.value,
+                  "model-value": t.modelValue[o.key] ?? [],
+                  value: i.value,
+                  label: i.label,
+                  disabled: t.disabled,
+                  "onUpdate:modelValue": (ee) => r(o.key, ee)
+                }, null, 8, ["model-value", "value", "label", "disabled", "onUpdate:modelValue"]))), 128))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["model-value", "onUpdate:modelValue"])) : E("", !0)
+        ], 64))), 128))
+      ]);
+    };
+  }
+}), Te = /* @__PURE__ */ B({
+  __name: "ConditionFormHost",
+  props: {
+    builder: {},
+    modelValue: {},
+    disable: { type: Boolean, default: !1 },
+    optionProviders: { default: () => ({}) }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: u }) {
+    const l = t, c = u, m = I(
+      () => l.builder.form && j(l.builder.form) ? l.builder.form : void 0
+    ), f = I(
+      () => l.builder.form && !j(l.builder.form) ? pe(l.builder.form.component) : void 0
+    );
+    return (F, v) => m.value ? (s(), p(Ce, {
+      key: 0,
+      config: m.value,
+      "model-value": t.modelValue ?? m.value.defaults,
+      disabled: t.disable,
+      "option-providers": t.optionProviders,
+      "onUpdate:modelValue": v[0] || (v[0] = (k) => c("update:modelValue", k))
+    }, null, 8, ["config", "model-value", "disabled", "option-providers"])) : f.value ? (s(), p(ie(f.value), {
+      key: 1,
+      "model-value": t.modelValue,
+      disable: t.disable,
+      "onUpdate:modelValue": v[1] || (v[1] = (k) => c("update:modelValue", k))
+    }, null, 8, ["model-value", "disable"])) : E("", !0);
+  }
+});
+export {
+  Ne as _,
+  Te as a,
+  Se as u
+};