@feedmepos/mf-hrm-portal 2.2.5-dev.5 → 2.2.5-dev.7

package/dist/SchedulePositionPage-BXz1USn3.js

@@ -0,0 +1,220 @@
+import { defineComponent as y, onMounted as h, createElementBlock as a, openBlock as d, createElementVNode as s, toDisplayString as l, unref as t, normalizeClass as c, createTextVNode as g, createCommentVNode as _, withDirectives as m, withKeys as u, vModelText as p, Fragment as v, renderList as C, withModifiers as r } from "vue";
+import { useRouter as w } from "vue-router";
+import { R as $ } from "./app-BpnOPodL.js";
+import { x as D, y as A } from "./useScheduleOutlet-TPZJHgSY.js";
+import { u as N } from "./useSchedulePositions-DCkaKHQm.js";
+import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const x = { class: "sch9" }, M = { class: "main" }, S = {
+  id: "viewPositions",
+  class: "view"
+}, P = { class: "sp-body" }, B = { class: "sp-content" }, F = { class: "sp-panel" }, V = { class: "cfg-head" }, I = { class: "cfg-count" }, K = { id: "skList" }, L = {
+  key: 0,
+  class: "cfg-empty"
+}, R = {
+  key: 1,
+  class: "cfg-list"
+}, U = {
+  key: 0,
+  class: "cfg-row"
+}, W = { class: "cfg-main" }, j = ["disabled"], T = ["disabled"], q = {
+  key: 0,
+  class: "cfg-row"
+}, z = { class: "cfg-main" }, H = ["onKeyup"], O = ["disabled", "onClick"], G = ["disabled"], J = ["onClick"], Q = { class: "cfg-main" }, X = { class: "cfg-name" }, Y = {
+  key: 0,
+  class: "cfg-confirm"
+}, Z = { class: "q" }, ee = ["disabled", "onClick"], te = ["disabled"], se = ["onClick"], oe = ["aria-label", "onClick"], ne = /* @__PURE__ */ y({
+  __name: "SchedulePositionPage",
+  setup(ie) {
+    const f = w(), e = N(), b = D();
+    h(async () => {
+      await b.resolve() && await A(/* @__PURE__ */ new Date());
+    });
+    function k() {
+      f.push({ name: $.SCHEDULE });
+    }
+    return (ae, o) => (d(), a("div", x, [
+      s("div", M, [
+        s("div", S, [
+          s("div", { class: "sp-head" }, [
+            s("button", {
+              type: "button",
+              class: "sp-back",
+              onClick: k
+            }, [...o[10] || (o[10] = [
+              s("svg", {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                s("path", {
+                  d: "M10 3.5L5.5 8l4.5 4.5",
+                  stroke: "currentColor",
+                  "stroke-width": "1.7",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1),
+              s("span", null, "Back to schedule", -1)
+            ])]),
+            o[11] || (o[11] = s("div", { class: "sp-title" }, "Position", -1)),
+            o[12] || (o[12] = s("div", { class: "sp-sub" }, "What your staff can do — the same catalogue across every outlet.", -1))
+          ]),
+          s("div", P, [
+            s("div", B, [
+              s("div", F, [
+                o[17] || (o[17] = s("div", { class: "cfg-lead" }, " What your staff can do. Positions drive who Auto-Schedule considers for a shift, and the top-ranked position on a person wins when more than one could cover it. ", -1)),
+                s("div", V, [
+                  o[13] || (o[13] = s("div", { class: "cfg-title" }, "Configured positions", -1)),
+                  s("span", I, l(t(e).count.value), 1),
+                  o[14] || (o[14] = s("span", { class: "cfg-spacer" }, null, -1)),
+                  s("button", {
+                    type: "button",
+                    class: "am-btn am-btn-primary",
+                    onClick: o[0] || (o[0] = (n) => t(e).startAdd())
+                  }, " + Add position ")
+                ]),
+                s("div", {
+                  class: c(["ce-err", { show: t(e).error.value }])
+                }, l(t(e).error.value), 3),
+                s("div", K, [
+                  !t(e).positions.value.length && !t(e).isAdding.value ? (d(), a("div", L, [...o[15] || (o[15] = [
+                    g(" No positions yet.", -1),
+                    s("br", null, null, -1),
+                    g(" Add one and it becomes assignable on every employee. ", -1)
+                  ])])) : (d(), a("div", R, [
+                    t(e).isAdding.value ? (d(), a("div", U, [
+                      s("div", W, [
+                        m(s("input", {
+                          "onUpdate:modelValue": o[1] || (o[1] = (n) => t(e).newName.value = n),
+                          type: "text",
+                          class: "cfg-name-input",
+                          placeholder: "New position name",
+                          autofocus: "",
+                          onKeyup: [
+                            o[2] || (o[2] = u((n) => t(e).confirmAdd(), ["enter"])),
+                            o[3] || (o[3] = u((n) => t(e).cancelAdd(), ["esc"]))
+                          ]
+                        }, null, 544), [
+                          [p, t(e).newName.value]
+                        ])
+                      ]),
+                      s("button", {
+                        type: "button",
+                        class: "cfg-btn",
+                        disabled: !t(e).newName.value.trim() || t(e).saving.value,
+                        onClick: o[4] || (o[4] = (n) => t(e).confirmAdd())
+                      }, l(t(e).saving.value ? "Adding…" : "Add"), 9, j),
+                      s("button", {
+                        type: "button",
+                        class: "cfg-btn",
+                        disabled: t(e).saving.value,
+                        onClick: o[5] || (o[5] = (n) => t(e).cancelAdd())
+                      }, " Cancel ", 8, T)
+                    ])) : _("", !0),
+                    (d(!0), a(v, null, C(t(e).positions.value, (n) => (d(), a(v, {
+                      key: n.id
+                    }, [
+                      t(e).editingId.value === n.id ? (d(), a("div", q, [
+                        s("div", z, [
+                          m(s("input", {
+                            "onUpdate:modelValue": o[6] || (o[6] = (i) => t(e).editingName.value = i),
+                            type: "text",
+                            class: "cfg-name-input",
+                            autofocus: "",
+                            onKeyup: [
+                              u((i) => t(e).saveEdit(n.id), ["enter"]),
+                              o[7] || (o[7] = u((i) => t(e).cancelEdit(), ["esc"]))
+                            ]
+                          }, null, 40, H), [
+                            [p, t(e).editingName.value]
+                          ])
+                        ]),
+                        s("button", {
+                          type: "button",
+                          class: "cfg-btn",
+                          disabled: !t(e).editingName.value.trim() || t(e).saving.value,
+                          onClick: (i) => t(e).saveEdit(n.id)
+                        }, l(t(e).saving.value ? "Saving…" : "Save"), 9, O),
+                        s("button", {
+                          type: "button",
+                          class: "cfg-btn",
+                          disabled: t(e).saving.value,
+                          onClick: o[8] || (o[8] = (i) => t(e).cancelEdit())
+                        }, " Cancel ", 8, G)
+                      ])) : (d(), a("div", {
+                        key: 1,
+                        class: c(["cfg-row", { "is-clickable": t(e).pendingDeleteId.value !== n.id }]),
+                        onClick: (i) => t(e).pendingDeleteId.value !== n.id && t(e).startEdit(n.id)
+                      }, [
+                        s("div", Q, [
+                          s("div", X, l(n.name), 1)
+                        ]),
+                        t(e).pendingDeleteId.value === n.id ? (d(), a("div", Y, [
+                          s("span", Z, l(t(e).usageCountFor(n.name) ? `Remove from ${t(e).usageCountFor(n.name)} staff?` : "Delete?"), 1),
+                          s("button", {
+                            type: "button",
+                            class: "cfg-yes",
+                            disabled: t(e).saving.value,
+                            onClick: r((i) => t(e).confirmDelete(n.id), ["stop"])
+                          }, l(t(e).saving.value ? "Deleting…" : "Delete"), 9, ee),
+                          s("button", {
+                            type: "button",
+                            class: "cfg-no",
+                            disabled: t(e).saving.value,
+                            onClick: o[9] || (o[9] = r((i) => t(e).cancelDelete(), ["stop"]))
+                          }, " Keep ", 8, te)
+                        ])) : (d(), a(v, { key: 1 }, [
+                          s("span", {
+                            class: c(["cfg-used", { none: !t(e).usageCountFor(n.name) }])
+                          }, l(t(e).usageCountFor(n.name) ? `${t(e).usageCountFor(n.name)} staff` : "unused"), 3),
+                          s("button", {
+                            type: "button",
+                            class: "cfg-btn",
+                            onClick: r((i) => t(e).startEdit(n.id), ["stop"])
+                          }, " Edit ", 8, se),
+                          s("button", {
+                            type: "button",
+                            class: "cfg-del",
+                            "aria-label": `Delete ${n.name}`,
+                            onClick: r((i) => t(e).askDelete(n.id), ["stop"])
+                          }, [...o[16] || (o[16] = [
+                            s("svg", {
+                              width: "14",
+                              height: "14",
+                              viewBox: "0 0 16 16",
+                              fill: "none",
+                              "aria-hidden": "true"
+                            }, [
+                              s("path", {
+                                d: "M2.5 4.5h11M6 4.5V3a.8.8 0 0 1 .8-.8h2.4a.8.8 0 0 1 .8.8v1.5M4 4.5l.6 8.2a1 1 0 0 0 1 .93h4.8a1 1 0 0 0 1-.93l.6-8.2",
+                                stroke: "currentColor",
+                                "stroke-width": "1.4",
+                                "stroke-linecap": "round",
+                                "stroke-linejoin": "round"
+                              }),
+                              s("path", {
+                                d: "M6.6 7v4M9.4 7v4",
+                                stroke: "currentColor",
+                                "stroke-width": "1.3",
+                                "stroke-linecap": "round"
+                              })
+                            ], -1)
+                          ])], 8, oe)
+                        ], 64))
+                      ], 10, J))
+                    ], 64))), 128))
+                  ]))
+                ])
+              ])
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+}), ge = /* @__PURE__ */ E(ne, [["__scopeId", "data-v-1c99a674"]]);
+export {
+  ge as default
+};

package/dist/ScheduleSelect.vue_vue_type_script_setup_true_lang-DAHke2rH.js

@@ -0,0 +1,201 @@
+import { ref as m, reactive as G, computed as b, defineComponent as K, useAttrs as q, onBeforeUnmount as Q, createElementBlock as p, openBlock as d, normalizeClass as L, createElementVNode as h, createBlock as X, mergeProps as Y, toDisplayString as O, Teleport as Z, createCommentVNode as ee, Fragment as J, renderList as te, createTextVNode as oe, nextTick as ne } from "vue";
+import { b as a } from "./useScheduleOutlet-TPZJHgSY.js";
+const ce = [
+  { key: "overtime", label: "Overtime" }
+];
+function C() {
+  return JSON.parse(
+    JSON.stringify({
+      salesForecast: a.salesForecast,
+      labourTarget: a.labourTarget,
+      budgetFromSales: a.budgetFromSales,
+      budget: a.budget,
+      payRate: a.payRate,
+      otCapHours: a.otCapHours,
+      otBudget: a.otBudget,
+      notify: a.notify
+    })
+  );
+}
+function de() {
+  const l = m(!1), y = m("overtime"), n = G(C());
+  function k(f) {
+    Object.assign(n, C()), y.value = f ?? "overtime", l.value = !0;
+  }
+  const x = b(() => JSON.stringify(n) !== JSON.stringify(C()));
+  function M() {
+    return x.value ? !1 : (l.value = !1, !0);
+  }
+  function i() {
+    Object.assign(n, C()), l.value = !1;
+  }
+  function S() {
+    a.salesForecast = n.salesForecast, a.labourTarget = n.labourTarget, a.budgetFromSales = n.budgetFromSales, a.budget = n.budget, a.payRate = JSON.parse(JSON.stringify(n.payRate)), a.otCapHours = n.otCapHours, a.otBudget = n.otBudget, a.notify = JSON.parse(JSON.stringify(n.notify)), l.value = !1;
+  }
+  return { isOpen: l, activeSection: y, draft: n, dirty: x, open: k, close: M, discard: i, save: S };
+}
+const ae = ["disabled", "aria-expanded"], ie = { class: "sch9" }, se = {
+  key: 0,
+  class: "fx-grp"
+}, le = ["aria-selected", "onClick"], fe = /* @__PURE__ */ K({
+  inheritAttrs: !1,
+  __name: "ScheduleSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: y }) {
+    const n = l, k = y, x = q(), M = b(() => x.class ?? ""), i = m(!1), S = m(null), f = m(null), E = m(null), _ = b(
+      () => {
+        var e;
+        return ((e = n.options.find((t) => t.value === n.modelValue)) == null ? void 0 : e.label) ?? "";
+      }
+    ), $ = b(() => {
+      const e = [];
+      let t;
+      for (const o of n.options)
+        o.group !== t && (t = o.group, t && e.push({ heading: t })), e.push({ option: o });
+      return e;
+    }), v = 5, r = 8;
+    function B() {
+      const e = E.value, t = f.value;
+      if (!e || !t) return;
+      const o = t.getBoundingClientRect(), u = window.innerWidth || document.documentElement.clientWidth, s = window.innerHeight || document.documentElement.clientHeight;
+      e.style.minWidth = `${Math.round(o.width)}px`, e.style.maxWidth = `${Math.max(180, Math.round(u - r * 2))}px`;
+      const g = s - o.bottom - v - r, z = o.top - v - r;
+      e.style.maxHeight = `${Math.max(120, Math.min(320, Math.max(g, z)))}px`;
+      const w = e.offsetHeight, P = e.offsetWidth;
+      let N = o.bottom + v;
+      N + w > s - r && (N = o.top - v - w >= r ? o.top - v - w : Math.max(r, s - w - r));
+      const U = Math.min(Math.max(r, o.left), Math.max(r, u - P - r));
+      e.style.top = `${Math.round(N)}px`, e.style.left = `${Math.round(U)}px`, e.style.visibility = "visible";
+    }
+    function H(e) {
+      var o;
+      const t = e.target;
+      t && ((o = S.value) != null && o.contains(t)) || c();
+    }
+    function T(e) {
+      const t = E.value, o = e.target;
+      if (t && o && o !== document && t.contains(o)) return;
+      const u = f.value;
+      if (!u) return;
+      const s = u.getBoundingClientRect(), g = window.innerHeight || document.documentElement.clientHeight;
+      if (s.bottom < 0 || s.top > g) {
+        c();
+        return;
+      }
+      B();
+    }
+    function A() {
+      document.addEventListener("click", H), document.addEventListener("scroll", T, !0), window.addEventListener("resize", c);
+    }
+    function D() {
+      document.removeEventListener("click", H), document.removeEventListener("scroll", T, !0), window.removeEventListener("resize", c);
+    }
+    async function V() {
+      var e, t;
+      n.disabled || i.value || (i.value = !0, await ne(), B(), (t = (e = E.value) == null ? void 0 : e.querySelector(".fx-opt.is-on")) == null || t.scrollIntoView({ block: "nearest" }), A());
+    }
+    function c() {
+      i.value && (i.value = !1, D());
+    }
+    function F() {
+      i.value ? c() : V();
+    }
+    function R(e) {
+      e.disabled || (c(), e.value !== n.modelValue && k("update:modelValue", e.value));
+    }
+    const W = b(() => n.options.filter((e) => !e.disabled));
+    function I(e) {
+      const t = W.value;
+      if (!t.length) {
+        V();
+        return;
+      }
+      const o = t.findIndex((g) => g.value === n.modelValue), u = e === "Home" ? 0 : e === "End" ? t.length - 1 : e === "ArrowDown" ? Math.min(t.length - 1, (o < 0 ? -1 : o) + 1) : Math.max(0, (o < 0 ? 1 : o) - 1), s = t[u];
+      s && s.value !== n.modelValue ? k("update:modelValue", s.value) : V();
+    }
+    function j(e) {
+      var t;
+      if (e.key === "Escape") {
+        if (!i.value) return;
+        e.preventDefault(), c(), (t = f.value) == null || t.focus();
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault(), F();
+        return;
+      }
+      e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Home" && e.key !== "End" || (e.preventDefault(), I(e.key));
+    }
+    return Q(D), (e, t) => (d(), p("div", {
+      ref_key: "rootEl",
+      ref: S,
+      class: L(["fx-sel", M.value])
+    }, [
+      h("button", Y({
+        ref_key: "btnEl",
+        ref: f
+      }, e.$attrs, {
+        type: "button",
+        class: ["fx-btn", { "is-open": i.value }],
+        disabled: l.disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": i.value,
+        onClick: t[0] || (t[0] = (o) => F()),
+        onKeydown: j
+      }), O(_.value), 17, ae),
+      (d(), X(Z, { to: "body" }, [
+        h("div", ie, [
+          i.value ? (d(), p("div", {
+            key: 0,
+            ref_key: "popEl",
+            ref: E,
+            class: "fx-pop",
+            role: "listbox",
+            style: { visibility: "hidden" }
+          }, [
+            (d(!0), p(J, null, te($.value, (o, u) => (d(), p(J, { key: u }, [
+              "heading" in o ? (d(), p("div", se, O(o.heading), 1)) : (d(), p("div", {
+                key: 1,
+                class: L(["fx-opt", { "is-on": o.option.value === l.modelValue, "is-off": o.option.disabled }]),
+                role: "option",
+                "aria-selected": o.option.value === l.modelValue,
+                onClick: (s) => R(o.option)
+              }, [
+                t[1] || (t[1] = h("span", {
+                  class: "fx-tick",
+                  "aria-hidden": "true"
+                }, [
+                  h("svg", {
+                    width: "11",
+                    height: "11",
+                    viewBox: "0 0 16 16",
+                    fill: "none"
+                  }, [
+                    h("path", {
+                      d: "m3.5 8.4 3 3 6-7",
+                      stroke: "currentColor",
+                      "stroke-width": "2.2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    })
+                  ])
+                ], -1)),
+                oe(" " + O(o.option.label), 1)
+              ], 10, le))
+            ], 64))), 128))
+          ], 512)) : ee("", !0)
+        ])
+      ]))
+    ], 2));
+  }
+});
+export {
+  ce as S,
+  fe as _,
+  de as u
+};

package/dist/SelectFilter-CG13h83-.js

@@ -0,0 +1,264 @@
+import { ref as $, computed as v, defineComponent as X, watch as Y, nextTick as Z, resolveComponent as F, createElementBlock as d, openBlock as c, createElementVNode as A, createVNode as b, renderSlot as z, withCtx as O, createCommentVNode as x, normalizeStyle as ee, Fragment as S, createBlock as T, unref as k, renderList as R, toDisplayString as N, normalizeClass as le, withModifiers as te } from "vue";
+import "@feedmepos/ui-library";
+/* empty css                                                                      */
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function ue(r, u, _ = r) {
+  const t = $(!0), C = v(() => {
+    if (!t.value && !u.value)
+      return !0;
+    if (u.value && u.value.length > 0) {
+      const n = _.value.map((o) => o.value);
+      return u.value.length === n.length && u.value.every((o) => n.includes(o));
+    }
+    return !1;
+  }), l = v(() => {
+    var n, o, h, p;
+    return !!((n = u.value) != null && n.length && ((o = u.value) == null ? void 0 : o.length) > 0 && ((h = u.value) == null ? void 0 : h.length) < ((p = r.value) == null ? void 0 : p.length));
+  });
+  return { allCleared: t, allSelected: C, indeterminate: l, toggleAll: () => {
+    if (C.value) {
+      u.value = void 0, t.value = !0;
+      return;
+    }
+    const n = _.value.map((o) => o.value);
+    n.length === r.value.length ? (u.value = void 0, t.value = !1) : (u.value = n, t.value = !1);
+  }, toggleOption: (n) => {
+    var h, p, B;
+    let o;
+    u.value === void 0 && t.value ? o = [n] : u.value === void 0 && !t.value ? o = (h = r.value.map((m) => m.value)) == null ? void 0 : h.filter((m) => m !== n) : (p = u.value) != null && p.includes(n) ? o = (B = u.value) == null ? void 0 : B.filter((m) => m !== n) : o = [...u.value || [], n], o.length === 0 ? (u.value = void 0, t.value = !0) : o.length === r.value.length ? (u.value = void 0, t.value = !1) : u.value = o;
+  } };
+}
+const ne = { class: "w-full flex flex-col gap-8" }, re = { class: "flex items-center gap-8" }, oe = { class: "inline-flex items-center" }, se = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, ie = {
+  key: 0,
+  class: "flex gap-4 px-[6px] pt-4"
+}, ce = { class: "flex-1" }, ve = {
+  key: 0,
+  class: "px-12 pt-8 pb-4 text-xs font-semibold text-fm-color-typo-secondary select-none"
+}, de = /* @__PURE__ */ X({
+  __name: "SelectFilter",
+  props: {
+    items: { default: () => [] },
+    modelValue: {},
+    multiple: { type: Boolean, default: !1 },
+    placeholder: { default: "Select..." },
+    searchPlaceholder: { default: "Search" },
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    clearable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    autoSelectFirst: { type: Boolean, default: !1 },
+    chipIcon: { default: "filter_list" },
+    showSelectAll: { type: Boolean, default: !0 },
+    maxHeight: { default: 300 },
+    selectedPrefix: { default: "Selected: " },
+    filterFn: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(r, { expose: u, emit: _ }) {
+    const t = r, C = _, l = v({
+      get: () => t.modelValue,
+      set: (e) => {
+        C("update:modelValue", e), C("change", e);
+      }
+    }), V = $(""), f = v(() => t.items), n = v(() => {
+      const e = V.value.trim();
+      if (!t.searchable || !e) return f.value;
+      if (t.filterFn)
+        return f.value.filter((s) => t.filterFn(s, e));
+      const a = e.toLowerCase();
+      return f.value.filter((s) => s.label.toLowerCase().includes(a));
+    }), o = v(() => f.value.some((e) => !!e.group)), h = v(() => {
+      if (!o.value)
+        return [{ group: "", options: n.value }];
+      const e = [], a = /* @__PURE__ */ new Map();
+      for (const s of n.value) {
+        const w = s.group ?? "";
+        let y = a.get(w);
+        y || (y = [], a.set(w, y), e.push({ group: w, options: y })), y.push(s);
+      }
+      return e;
+    }), p = v(() => {
+      if (!l.value || Array.isArray(l.value) && l.value.length === 0)
+        return t.placeholder;
+      if (Array.isArray(l.value) && l.value.length === 1) {
+        const a = f.value.find((s) => s.value === l.value[0]);
+        return (a == null ? void 0 : a.label) || t.placeholder;
+      }
+      const e = Array.isArray(l.value) ? l.value.length : 0;
+      return `${t.selectedPrefix}${e}`;
+    }), B = v(() => {
+      if (l.value === void 0 || l.value === null || l.value === "")
+        return t.placeholder;
+      const e = f.value.find((a) => a.value === l.value);
+      return (e == null ? void 0 : e.label) || t.placeholder;
+    }), m = v(
+      () => t.multiple ? p.value : B.value
+    ), I = v(() => t.disabled ? "neutral-gray-200" : t.variant === "dark" ? "neutral-black" : "neutral-gray-400"), U = v(() => t.disabled ? "text-fm-color-neutral-gray-200" : t.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), L = $(void 0), j = new Proxy(L, {
+      get(e, a) {
+        return a === "value" ? Array.isArray(l.value) ? l.value : l.value === void 0 ? void 0 : [l.value] : L[a];
+      },
+      set(e, a, s) {
+        return a === "value" ? (l.value = s, !0) : (L[a] = s, !0);
+      }
+    }), { allSelected: P, toggleAll: q, toggleOption: E, indeterminate: J } = ue(
+      f,
+      j,
+      n
+    );
+    function G(e) {
+      var a;
+      t.multiple || (l.value = e, (a = M.value) == null || a.toggleMenu(!1));
+    }
+    function Q(e) {
+      e.stopPropagation(), !t.disabled && (l.value = null);
+    }
+    Y(
+      () => t.autoSelectFirst,
+      async (e) => {
+        if (e && !t.multiple && (l.value === void 0 || l.value === null)) {
+          await Z();
+          const a = f.value[0];
+          a && (l.value = a.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    const M = $(null);
+    return u({
+      open: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!0);
+      },
+      close: () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.toggleMenu(!1);
+      }
+    }), (e, a) => {
+      const s = F("FmIcon"), w = F("FmChip"), y = F("FmSearch"), H = F("FmMenuItem"), W = F("FmMenu");
+      return c(), d("div", ne, [
+        A("div", re, [
+          b(W, {
+            ref_key: "menuRef",
+            ref: M,
+            "close-on-click": !1,
+            disabled: r.disabled,
+            "z-index": 50,
+            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
+          }, {
+            "menu-button": O(() => [
+              z(e.$slots, "menu-button", {}, () => [
+                A("div", oe, [
+                  b(w, { disabled: r.disabled }, {
+                    default: O(() => [
+                      b(s, {
+                        color: I.value,
+                        name: r.chipIcon,
+                        outline: "",
+                        size: "sm"
+                      }, null, 8, ["color", "name"]),
+                      m.value ? (c(), d("div", {
+                        key: 0,
+                        class: le([
+                          "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
+                          U.value
+                        ])
+                      }, N(m.value), 3)) : x("", !0),
+                      b(s, {
+                        color: I.value,
+                        name: "keyboard_arrow_down",
+                        size: "sm"
+                      }, null, 8, ["color"]),
+                      r.clearable && !r.multiple && l.value != null && l.value !== "" && !r.disabled ? (c(), d("button", {
+                        key: 1,
+                        class: "ml-4 focus:outline-none",
+                        type: "button",
+                        "aria-label": "Clear selection",
+                        onClick: te(Q, ["stop"])
+                      }, [
+                        b(s, {
+                          name: "close",
+                          size: "sm",
+                          color: I.value
+                        }, null, 8, ["color"])
+                      ])) : x("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ])
+              ], !0)
+            ]),
+            default: O(() => [
+              A("div", se, [
+                r.searchable ? (c(), d("div", ie, [
+                  A("div", ce, [
+                    b(y, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (i) => V.value = i),
+                      placeholder: r.searchPlaceholder
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])
+                ])) : x("", !0),
+                A("div", {
+                  class: "flex-1 overflow-y-auto min-h-0",
+                  style: ee({ maxHeight: typeof r.maxHeight == "number" ? r.maxHeight + "px" : r.maxHeight })
+                }, [
+                  r.multiple ? (c(), d(S, { key: 0 }, [
+                    r.showSelectAll ? (c(), T(H, {
+                      key: 0,
+                      label: "All",
+                      "has-checkbox": "",
+                      "model-value": k(P),
+                      indeterminate: k(J),
+                      onClick: k(q)
+                    }, null, 8, ["model-value", "indeterminate", "onClick"])) : x("", !0),
+                    n.value.length ? (c(!0), d(S, { key: 1 }, R(h.value, (i) => (c(), d(S, {
+                      key: i.group
+                    }, [
+                      i.group ? (c(), d("div", ve, N(i.group) + " (" + N(i.options.length) + ") ", 1)) : x("", !0),
+                      (c(!0), d(S, null, R(i.options, (g) => {
+                        var K;
+                        return z(e.$slots, "option", {
+                          key: g.value,
+                          option: g,
+                          selected: k(P) || Array.isArray(l.value) && ((K = l.value) == null ? void 0 : K.includes(g.value)),
+                          toggle: () => k(E)(g.value)
+                        }, () => {
+                          var D;
+                          return [
+                            b(H, {
+                              label: g.label,
+                              "has-checkbox": "",
+                              "model-value": k(P) || Array.isArray(l.value) && ((D = l.value) == null ? void 0 : D.includes(g.value)),
+                              onClick: (fe) => k(E)(g.value)
+                            }, null, 8, ["label", "model-value", "onClick"])
+                          ];
+                        }, !0);
+                      }), 128))
+                    ], 64))), 128)) : x("", !0)
+                  ], 64)) : (c(), d(S, { key: 1 }, [
+                    n.value.length ? (c(!0), d(S, { key: 0 }, R(n.value, (i) => z(e.$slots, "option", {
+                      option: i,
+                      selected: l.value === i.value,
+                      toggle: () => G(i.value)
+                    }, () => [
+                      (c(), T(H, {
+                        key: i.value,
+                        label: i.label,
+                        onClick: (g) => G(i.value)
+                      }, null, 8, ["label", "onClick"]))
+                    ], !0)), 256)) : x("", !0)
+                  ], 64))
+                ], 4)
+              ])
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          z(e.$slots, "append-right", {}, void 0, !0)
+        ])
+      ]);
+    };
+  }
+}), ye = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-81cde2b9"]]);
+export {
+  ye as S
+};