@feedmepos/mf-connect 0.1.58-prod → 0.1.59-prod

package/dist/TargetLocationInput.vue_vue_type_script_setup_true_lang-DGSjAbol.js

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