@feedmepos/mf-menu-portal 1.0.4 → 1.0.5-dev.1

package/dist/{CatalogEditTabs.vue_vue_type_script_setup_true_lang-doB3hsWD.js → CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js}

@@ -1,39 +1,39 @@
-import { defineComponent as k, ref as I, computed as O, resolveComponent as C, openBlock as p, createElementBlock as T, Fragment as L, withDirectives as R, createVNode as A, unref as g } from "vue";
-import { useRoute as h, useRouter as w } from "vue-router";
+import { defineComponent as k, ref as I, computed as O, resolveComponent as h, openBlock as p, createElementBlock as T, Fragment as w, withDirectives as C, createVNode as A, unref as g } from "vue";
+import { useRoute as L, useRouter as R } from "vue-router";
 import { useI18n as D } from "@feedmepos/mf-common";
-import { _ as G } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-k5S4mGCN.js";
-import { R as u } from "./app-C_XNYz8_.js";
-import { a as S } from "./provide-Bwf3KcOV.js";
+import { _ as G } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-D_OV9Z_4.js";
+import { R as u } from "./app-CxJjx2ma.js";
+import { a as S } from "./provide-BGLSDsuJ.js";
 const K = /* @__PURE__ */ k({
   __name: "CatalogEditTabs",
   setup(M) {
-    const _ = S(), s = h(), E = w(), { t: l } = D(), d = /* @__PURE__ */ new WeakMap(), c = I(null);
+    const _ = S(), s = L(), v = R(), { t: l } = D(), m = /* @__PURE__ */ new WeakMap(), c = I(null);
     let b = null;
-    function m(e) {
-      const a = f.value.findIndex(
+    function d(e) {
+      const o = f.value.findIndex(
         (t) => t.value === s.name
       );
-      b !== s.name && (c.value = a, b = s.name);
-      const o = c.value ?? a, n = Array.from(
+      b !== s.name && (c.value = o, b = s.name);
+      const a = c.value ?? o, n = Array.from(
         e.querySelectorAll("button")
       ), i = n.filter(
         (t) => !n.some((r) => r !== t && r.contains(t))
       );
       i.forEach((t, r) => {
-        t.setAttribute("role", "tab"), t.setAttribute("aria-selected", String(r === a)), t.setAttribute("tabindex", r === o ? "0" : "-1");
+        t.setAttribute("role", "tab"), t.setAttribute("aria-selected", String(r === o)), t.setAttribute("tabindex", r === a ? "0" : "-1");
       }), n.filter((t) => !i.includes(t)).forEach((t) => {
         t.setAttribute("role", "presentation"), t.setAttribute("tabindex", "-1"), t.setAttribute("aria-hidden", "true");
       });
     }
-    const v = {
+    const E = {
       mounted: (e) => {
-        const a = () => m(e), o = new MutationObserver(a);
-        o.observe(e, { childList: !0, subtree: !0 }), d.set(e, o), a();
+        const o = () => d(e), a = new MutationObserver(o);
+        a.observe(e, { childList: !0, subtree: !0 }), m.set(e, a), o();
       },
-      updated: (e) => m(e),
+      updated: (e) => d(e),
       beforeUnmount: (e) => {
-        var a;
-        return (a = d.get(e)) == null ? void 0 : a.disconnect();
+        var o;
+        return (o = m.get(e)) == null ? void 0 : o.disconnect();
       }
     }, f = O(() => [
       {
@@ -58,34 +58,35 @@ const K = /* @__PURE__ */ k({
       }
     ]);
     function x(e) {
-      E.replace({ name: e, params: { id: s.params.id } });
+      v.replace({ name: e, params: { id: s.params.id } });
     }
     function y(e) {
       var r;
       if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
-      const a = e.target instanceof HTMLElement ? e.target.closest('[role="tab"]') : null, o = e.currentTarget, n = o instanceof HTMLElement ? Array.from(
-        o.querySelectorAll('[role="tab"]')
-      ) : [], i = a ? n.indexOf(a) : -1;
+      const o = e.target instanceof HTMLElement ? e.target.closest('[role="tab"]') : null, a = e.currentTarget, n = a instanceof HTMLElement ? Array.from(
+        a.querySelectorAll('[role="tab"]')
+      ) : [], i = o ? n.indexOf(o) : -1;
       if (i < 0) return;
       const t = e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : (i + (e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length;
-      e.preventDefault(), c.value = t, o instanceof HTMLElement && m(o), (r = n[t]) == null || r.focus();
+      e.preventDefault(), c.value = t, a instanceof HTMLElement && d(a), (r = n[t]) == null || r.focus();
     }
-    return (e, a) => {
-      const o = C("FmTabs");
-      return p(), T(L, null, [
-        R((p(), T("div", {
+    return (e, o) => {
+      const a = h("FmTabs");
+      return p(), T(w, null, [
+        C((p(), T("div", {
           id: "catalog-edit-tabs",
+          class: "shrink-0 xs:overflow-x-auto xs:overflow-y-hidden",
           role: "tablist",
           onKeydown: y
         }, [
-          A(o, {
+          A(a, {
             items: f.value,
             "model-value": g(s).name,
             class: "mb-7 xs:mb-0 xs:px-32",
-            "onUpdate:modelValue": a[0] || (a[0] = (n) => x(n))
+            "onUpdate:modelValue": o[0] || (o[0] = (n) => x(n))
           }, null, 8, ["items", "model-value"])
         ], 32)), [
-          [v]
+          [E]
         ]),
         A(G, { sdk: g(_) }, null, 8, ["sdk"])
       ], 64);