@feedmepos/mf-connect 0.1.98-beta.9 → 0.1.99-prod

package/dist/TargetLocationInput.vue_vue_type_script_setup_true_lang-5Aazsvfa.js

@@ -0,0 +1,142 @@
+import { defineComponent as N, ref as U, computed as w, watch as M, resolveComponent as v, openBlock as a, createElementBlock as i, Fragment as p, toDisplayString as F, createCommentVNode as T, createElementVNode as j, createVNode as h, unref as n, renderList as S, createBlock as k, isRef as $, withCtx as C } from "vue";
+import { u as q } from "./business-6gZtKQ8L.js";
+import { u as D } from "./vue-i18n-DJXhpQga.js";
+function K(l, s, o) {
+  return l.some(
+    o instanceof Function ? o : (u) => u === s
+  ) || l.push(s), l;
+}
+function O(l, s, o) {
+  return l.filter(
+    o instanceof Function ? (u) => !o(u) : (u) => u !== s
+  );
+}
+const R = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400"
+}, z = {
+  key: 1,
+  class: "space-y-4"
+}, A = { key: 0 }, G = { key: 1 }, H = { key: 2 }, W = /* @__PURE__ */ N({
+  __name: "TargetLocationInput",
+  props: {
+    label: {
+      type: String
+    },
+    type: {
+      type: String,
+      default: "select"
+    },
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(l, { emit: s }) {
+    const o = q(), { t: u } = D(), c = l, r = U(""), B = w(() => o.locations.filter(
+      (d) => {
+        var t;
+        return d.name.toLowerCase().includes(r.value.toLowerCase()) || ((t = d == null ? void 0 : d.code) == null ? void 0 : t.toLowerCase().includes(r.value.toLowerCase()));
+      }
+    )), b = s;
+    function L(d, t) {
+      const m = d ? K(c.modelValue || [], t.toString()) : O(
+        c.modelValue || o.locations.map((g) => g._id.toString()),
+        t.toString()
+      );
+      return b("update:model-value", m);
+    }
+    const V = U(!1), I = w(() => {
+      var m, g;
+      const t = ((m = c.modelValue) == null ? void 0 : m.slice(0, 5).map((f) => {
+        var y;
+        return ((y = o.locationById(f)) == null ? void 0 : y.name) || f;
+      })) || [];
+      return c.modelValue && ((g = c.modelValue) == null ? void 0 : g.length) > 5 && t.push(`+${c.modelValue.length - 5} more`), t;
+    });
+    return M(V, (d) => {
+      d && (r.value = "");
+    }), (d, t) => {
+      const m = v("FmCheckbox"), g = v("FmChip"), f = v("FmField"), y = v("FmTextField"), E = v("FmMenu");
+      return a(), i(p, null, [
+        l.label ? (a(), i("div", R, F(l.label), 1)) : T("", !0),
+        l.type === "checkbox" ? (a(), i("div", z, [
+          j("div", null, [
+            h(m, {
+              value: null,
+              indeterminate: l.modelValue != null && l.modelValue.length > 0 && l.modelValue.length < n(o).locations.length,
+              label: n(u)("connect.setting.location.allLocations"),
+              "model-value": l.modelValue == null || l.modelValue.length === n(o).locations.length,
+              "onUpdate:modelValue": t[0] || (t[0] = (e) => b("update:model-value", e ? null : []))
+            }, null, 8, ["indeterminate", "label", "model-value"])
+          ]),
+          (a(!0), i(p, null, S(n(o).locations, (e) => (a(), i("div", {
+            key: e._id.toString()
+          }, [
+            h(m, {
+              value: e._id.toString(),
+              label: `${e.code ? `${e.code} - ` : ""} ${e.name}`,
+              "model-value": !l.modelValue || l.modelValue.includes(e._id.toString()),
+              "onUpdate:modelValue": (x) => L(x, e._id.toString())
+            }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"])
+          ]))), 128))
+        ])) : (a(), k(E, {
+          key: 2,
+          modelValue: n(V),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => $(V) ? V.value = e : null),
+          onMenuChanged: t[4] || (t[4] = (e) => V.value = e),
+          placement: "top-end"
+        }, {
+          "menu-button": C(() => [
+            h(f, {
+              "append-icon": n(V) ? "expand_more" : "expand_less",
+              class: "!h-auto"
+            }, {
+              default: C(() => [
+                !l.modelValue || l.modelValue.length == n(o).locations.length ? (a(), i("div", A, F(n(u)("connect.setting.location.allLocations")), 1)) : l.modelValue.length ? (a(), i("div", H, [
+                  (a(!0), i(p, null, S(n(I), (e) => (a(), k(g, {
+                    key: e,
+                    label: e,
+                    class: "max-w-[130px] text-ellipsis"
+                  }, null, 8, ["label"]))), 128))
+                ])) : (a(), i("div", G, F(n(u)("connect.setting.location.noLocations")), 1))
+              ]),
+              _: 1
+            }, 8, ["append-icon"])
+          ]),
+          default: C(() => [
+            h(y, {
+              modelValue: n(r),
+              "onUpdate:modelValue": t[1] || (t[1] = (e) => $(r) ? r.value = e : null),
+              placeholder: n(u)("connect.setting.location.searchLocations"),
+              class: "my-8"
+            }, null, 8, ["modelValue", "placeholder"]),
+            h(m, {
+              class: "my-8",
+              value: null,
+              indeterminate: l.modelValue != null && l.modelValue.length > 0 && l.modelValue.length < n(o).locations.length,
+              label: n(u)("connect.setting.location.allLocations"),
+              "model-value": l.modelValue == null || l.modelValue.length === n(o).locations.length,
+              "onUpdate:modelValue": t[2] || (t[2] = (e) => b("update:model-value", e ? null : []))
+            }, null, 8, ["indeterminate", "label", "model-value"]),
+            (a(!0), i(p, null, S(n(B), (e) => (a(), k(m, {
+              class: "my-8",
+              key: e._id.toString(),
+              value: e._id.toString(),
+              label: `${e.code ? `${e.code} - ` : ""} ${e.name}`,
+              "model-value": !l.modelValue || l.modelValue.includes(e._id.toString()),
+              "onUpdate:modelValue": (x) => L(x, e._id.toString())
+            }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]))
+      ], 64);
+    };
+  }
+});
+export {
+  W as _,
+  K as p,
+  O as r
+};