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

package/dist/{OrderPacing-JcTuweqF.js → OrderPacing-DwQU7c0Y.js}

@@ -1,95 +1,93 @@
-import { defineComponent as Q, resolveComponent as k, openBlock as m, createElementBlock as f, createElementVNode as i, toDisplayString as b, unref as l, createVNode as n, withCtx as c, Fragment as q, renderList as re, createBlock as P, createCommentVNode as C, computed as g, ref as I, shallowRef as oe, h as v, withModifiers as V, onUnmounted as Ce } from "vue";
+import { defineComponent as Q, resolveComponent as k, openBlock as m, createElementBlock as b, createElementVNode as r, toDisplayString as g, unref as l, createVNode as n, withCtx as u, Fragment as q, renderList as se, createBlock as x, createCommentVNode as P, computed as f, ref as z, shallowRef as oe, h as v, withModifiers as I, onUnmounted as Ce } from "vue";
 import { d as Pe, _ as Fe } from "./vuedraggable-CBtQLb_S.js";
-import { useI18n as se } from "@feedmepos/mf-common";
-import { useDialog as Se, useBreakpoints as Ve, components as L, FmButtonColorThemeVariant as T } from "@feedmepos/ui-library";
-import { _ as Le } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Ue } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-Hdsnu29V.js";
-import { _ as $e } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-HwwJ2mGv.js";
-import { _ as De } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
-import { _ as ze } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Ie } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as Ne } from "./useActionFeedback-Dm2HDa_2.js";
-import { u as Te } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Be, u as ne, a as Ee } from "./provide-CDmXzkhz.js";
-const Me = {
+import { useI18n as re } from "@feedmepos/mf-common";
+import { useDialog as Se, useBreakpoints as Ve, components as V, FmButtonColorThemeVariant as T } from "@feedmepos/ui-library";
+import { _ as Le } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ue } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-CPh1GBw9.js";
+import { _ as De } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-2Cdz70u-.js";
+import { _ as ze } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js";
+import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as Ne } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as Te } from "./useActionFeedback-CElXij1W.js";
+import { u as Be } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ee, u as ne, a as Me } from "./provide-BGLSDsuJ.js";
+const Oe = {
   key: 0,
   class: "mt-4"
-}, Oe = { class: "text-fm-color-typo-secondary mb-2" }, je = { class: "fm-typo-en-body-md-400 leading-5 text-fm-color-typo-secondary" }, Re = /* @__PURE__ */ Q({
+}, je = { class: "text-fm-color-typo-secondary mb-2" }, Re = { class: "fm-typo-en-body-md-400 leading-5 text-fm-color-typo-secondary" }, Ae = /* @__PURE__ */ Q({
   __name: "DeleteOrderPacingConfirmation",
   props: {
     name: {},
     linkedProductNames: {}
   },
   setup(B) {
-    const { t: p } = se();
+    const { t: p } = re();
     return (e, E) => {
-      const M = k("FmIcon"), N = k("FmListItem"), x = k("FmList");
-      return m(), f("div", null, [
-        i("p", null, b(l(p)("menu.order_pacing.dialogs.delete.message", { name: e.name })), 1),
-        e.linkedProductNames.length > 0 ? (m(), f("div", Me, [
-          i("p", Oe, b(l(p)("menu.order_pacing.dialogs.delete.unlink_warning", {
+      const M = k("FmIcon"), N = k("FmListItem"), w = k("FmList");
+      return m(), b("div", null, [
+        r("p", null, g(l(p)("menu.order_pacing.dialogs.delete.message", { name: e.name })), 1),
+        e.linkedProductNames.length > 0 ? (m(), b("div", Oe, [
+          r("p", je, g(l(p)("menu.order_pacing.dialogs.delete.unlink_warning", {
             count: e.linkedProductNames.length
           })), 1),
-          n(x, { class: "mt-8" }, {
-            default: c(() => [
-              (m(!0), f(q, null, re(e.linkedProductNames, (y) => (m(), P(N, {
+          n(w, { class: "mt-8" }, {
+            default: u(() => [
+              (m(!0), b(q, null, se(e.linkedProductNames, (y) => (m(), x(N, {
                 key: y,
                 class: "!p-0 !gap-4",
                 clickable: !1
               }, {
-                prepend: c(() => [
+                prepend: u(() => [
                   n(M, {
                     color: "typo-secondary",
                     name: "fiber_manual_record",
                     size: "sm"
                   })
                 ]),
-                default: c(() => [
-                  i("span", je, b(y), 1)
+                default: u(() => [
+                  r("span", Re, g(y), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 1
           })
-        ])) : C("", !0)
+        ])) : P("", !0)
       ]);
     };
   }
-}), Ae = {
+}), Ke = {
   key: 0,
   class: "flex-1 flex justify-between gap-8 pl-8"
-}, Ke = { class: "flex items-center" }, qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Qe = { class: "fm-typo-en-body-md-600 font-semibold" }, Ge = {
+}, qe = { class: "flex items-center" }, Qe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ge = { class: "fm-typo-en-body-md-600 font-semibold" }, He = {
   key: 0,
   class: "flex flex-col items-start gap-8"
-}, He = {
+}, Je = {
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Je = {
+}, We = {
   key: 3,
   class: "flex-1 flex flex-col min-h-0"
-}, We = { class: "p-8" }, Xe = ["onClick"], Ye = { class: "min-w-0 flex-1 space-y-4" }, Ze = { class: "fm-typo-en-body-lg-600 break-words" }, ea = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, aa = {
-  key: 0,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, la = { class: "flex justify-end items-center" }, ta = { class: "w-[320px]" }, oa = { class: "fm-typo-en-title-md-600" }, na = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, ra = { class: "py-12 px-16 space-y-4" }, sa = { key: 0 }, ia = { class: "flex-shrink-0" }, da = { class: "flex gap-8 items-center justify-start" }, ua = { class: "fm-typo-en-title-md-600" }, ca = { class: "flex-shrink-0" }, ma = { class: "flex gap-8 items-center justify-start" }, pa = /* @__PURE__ */ Q({
+}, Xe = { class: "p-8" }, Ye = ["onClick"], Ze = { class: "min-w-0 flex-1 space-y-4" }, ea = { class: "fm-typo-en-body-lg-600 break-words" }, aa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, la = { class: "flex justify-end items-center" }, ta = { class: "w-[320px]" }, oa = { class: "fm-typo-en-title-md-600" }, na = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, sa = { class: "py-12 px-16 space-y-4" }, ra = { key: 0 }, ia = { class: "flex-shrink-0" }, da = { class: "xs:overflow-x-scroll" }, ua = { class: "xs:min-w-[640px]" }, ca = { class: "flex gap-8 items-center justify-start" }, ma = { class: "fm-typo-en-title-md-600" }, pa = { class: "flex-shrink-0" }, va = { class: "flex gap-8 items-center justify-start" }, _a = /* @__PURE__ */ Q({
   __name: "OrderPacingList",
   props: {
     sdk: {}
   },
   setup(B) {
-    const p = B, { t: e, n: E } = se(), M = Be(), N = Se(), { run: x } = Ne(), y = ne(p.sdk.orderPacing.list), u = g(
+    const p = B, { t: e, n: E } = re(), M = Ee(), N = Se(), { run: w } = Te(), y = ne(p.sdk.orderPacing.list), c = f(
       () => y.value.status === "ready" ? y.value.value : null
-    ), O = g(() => {
+    ), O = f(() => {
       var a;
-      return ((a = u.value) == null ? void 0 : a.query) ?? "";
-    }), { breakpoints: ie } = Ve(), G = g(() => ie.value.xs), H = g(() => {
+      return ((a = c.value) == null ? void 0 : a.query) ?? "";
+    }), { breakpoints: ie } = Ve(), G = f(() => ie.value.xs), H = f(() => {
       var a;
-      return [...((a = u.value) == null ? void 0 : a.rows) ?? []];
-    }), F = I(!1), U = I(!1), S = I(!1), j = I(!1);
+      return [...((a = c.value) == null ? void 0 : a.rows) ?? []];
+    }), F = z(!1), L = z(!1), S = z(!1), j = z(!1);
     async function de() {
       j.value = !0;
       try {
-        await x(() => p.sdk.orderPacing.retryRead(), {
+        await w(() => p.sdk.orderPacing.retryRead(), {
           showLoading: !1
         });
       } finally {
@@ -98,7 +96,7 @@ const Me = {
     }
     const J = ne(
       p.sdk.linkProduct.catalogue
-    ), ue = g(
+    ), ue = f(
       () => J.value.status === "ready" ? J.value.value : null
     ), d = oe(
       p.sdk.orderPacing.editor()
@@ -108,28 +106,28 @@ const Me = {
     let R = d.value.subscribe((a) => {
       $.value = a;
     });
-    const s = g(
+    const i = f(
       () => $.value.status === "ready" ? $.value.value : null
-    ), W = Te(() => d.value), ce = g(() => {
+    ), W = Be(() => d.value), ce = f(() => {
       var a;
       return [
-        ...((a = s.value) == null ? void 0 : a.linkedProducts) ?? []
+        ...((a = i.value) == null ? void 0 : a.linkedProducts) ?? []
       ];
-    }), me = g(
+    }), me = f(
       () => {
         var a;
-        return ((a = s.value) == null ? void 0 : a.linkedProductIds) ?? [];
+        return ((a = i.value) == null ? void 0 : a.linkedProductIds) ?? [];
       }
     );
     function pe(a) {
-      var t, r;
-      return ((r = (t = s.value) == null ? void 0 : t.supportedLocales.find(
+      var t, s;
+      return ((s = (t = i.value) == null ? void 0 : t.supportedLocales.find(
         (h) => h.code === a
-      )) == null ? void 0 : r.name) ?? a;
+      )) == null ? void 0 : s.name) ?? a;
     }
     function ve() {
       var a;
-      ((a = s.value) == null ? void 0 : a.translation.state) === "allowed" && (d.value.beginTranslationEdit(), S.value = !0);
+      ((a = i.value) == null ? void 0 : a.translation.state) === "allowed" && (d.value.beginTranslationEdit(), S.value = !0);
     }
     function _e() {
       d.value.saveTranslationEdit(), S.value = !1;
@@ -144,15 +142,15 @@ const Me = {
     }
     function K() {
       var a;
-      ((a = u.value) == null ? void 0 : a.create.state) === "allowed" && (A(), S.value = !1, F.value = !0);
+      ((a = c.value) == null ? void 0 : a.create.state) === "allowed" && (A(), S.value = !1, F.value = !0);
     }
     function Y(a) {
       A(a.id), S.value = !1, F.value = !0;
     }
-    async function ge() {
-      var r;
-      const a = ((r = s.value) == null ? void 0 : r.name.trim()) ?? "";
-      (await x(
+    async function fe() {
+      var s;
+      const a = ((s = i.value) == null ? void 0 : s.name.trim()) ?? "";
+      (await w(
         () => W.submit(() => d.value.submit()),
         {
           // The inline field rules are decided in the SDK with no round trip, and
@@ -160,7 +158,7 @@ const Me = {
           // loading indicator — so a rejected submit must not flash one.
           showLoading: () => {
             var h;
-            return ((h = s.value) == null ? void 0 : h.status) === "submitting";
+            return ((h = i.value) == null ? void 0 : h.status) === "submitting";
           },
           successMessage: e("menu.order_pacing.form.saved", {
             name: a || e("menu.order_pacing.title")
@@ -187,7 +185,7 @@ const Me = {
         // measured 560x200, which is how the visual gate caught it on
         // 2026-09-07. Legacy passes a `contentComponent` here too
         // (`portal .../manager/menu/order_pacing.ts:111-114`).
-        contentComponent: v(Re, {
+        contentComponent: v(Ae, {
           name: a.name,
           linkedProductNames: t.linkedProductNames
         }),
@@ -213,7 +211,7 @@ const Me = {
           close: !0
         }
       }).onPrimary(async () => {
-        await x(() => p.sdk.orderPacing.remove(a.id), {
+        await w(() => p.sdk.orderPacing.remove(a.id), {
           // 'removed', not 'saved': legacy's manager passes `isDelete` true and
           // the shared loader picks the other sentence.
           successMessage: e("menu.order_pacing.delete.success", {
@@ -222,15 +220,15 @@ const Me = {
         }), N.close();
       });
     }
-    const fe = g(() => {
+    const ge = f(() => {
       var a;
-      return ((a = u.value) == null ? void 0 : a.reorder.state) === "allowed";
+      return ((a = c.value) == null ? void 0 : a.reorder.state) === "allowed";
     });
     function ee(a) {
-      var r;
-      if (((r = u.value) == null ? void 0 : r.reorder.state) !== "allowed") return;
+      var s;
+      if (((s = c.value) == null ? void 0 : s.reorder.state) !== "allowed") return;
       const t = a.map((h) => h.id);
-      t.length && x(() => p.sdk.orderPacing.reorder(t), {
+      t.length && w(() => p.sdk.orderPacing.reorder(t), {
         // A rearrange carries no single entity, so legacy fed the shared
         // `{name} saved` template the MODULE's own title and the toast reads
         // "Order pacing saved". Each locale carries the whole sentence rather
@@ -239,7 +237,7 @@ const Me = {
         successMessage: e("menu.order_pacing.reorder.success")
       });
     }
-    const be = g(() => [
+    const be = f(() => [
       {
         accessorKey: "name",
         header: () => e("menu.order_pacing.columns.timing_label"),
@@ -257,12 +255,12 @@ const Me = {
         // Legacy renders this cell as a dashed-underline affordance that opens the
         // apply-product sheet on click, stopping propagation so the row's own
         // click does not open the editor (`OrderPacingTable.vue:60-84`).
-        cell: (a) => v(L.FmButton, {
+        cell: (a) => v(V.FmButton, {
           label: e("menu.common.labels.items_linked", {
             count: a.row.original.linkedProductCount
           }),
           variant: "tertiary",
-          onClick: V(
+          onClick: I(
             () => ye(a.row.original),
             ["stop", "prevent"]
           )
@@ -274,7 +272,7 @@ const Me = {
         meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
         header: "",
         cell: (a) => v("div", { class: "w-full flex justify-end items-center" }, [
-          v(L.FmButton, {
+          v(V.FmButton, {
             prependIcon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
@@ -283,36 +281,36 @@ const Me = {
             // app: legacy's control is icon-only and unnamed, so no semantic
             // locator resolves against it.
             "aria-label": e("menu.common.actions.delete"),
-            onClick: V(
+            onClick: I(
               () => Z(a.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
-    ]), D = I(!1);
+    ]), U = z(!1);
     function ye(a) {
-      A(a.id), D.value = !0;
+      A(a.id), U.value = !0;
     }
     async function ke() {
       var t;
-      (await x(() => d.value.submitLinks(), {
+      (await w(() => d.value.submitLinks(), {
         showLoading: () => {
-          var r;
-          return ((r = s.value) == null ? void 0 : r.status) === "submitting";
+          var s;
+          return ((s = i.value) == null ? void 0 : s.status) === "submitting";
         },
         successMessage: e("menu.order_pacing.form.saved", {
-          name: ((t = s.value) == null ? void 0 : t.name) ?? e("menu.order_pacing.title")
+          name: ((t = i.value) == null ? void 0 : t.name) ?? e("menu.order_pacing.title")
         })
-      })).kind === "success" && (D.value = !1);
+      })).kind === "success" && (U.value = !1);
     }
-    const he = g(() => [
+    const he = f(() => [
       {
         id: "default",
         size: 75,
         enableSorting: !1,
         header: () => e("menu.order_pacing.link_product.table.column.default"),
-        cell: (a) => v(L.FmCheckbox, {
+        cell: (a) => v(V.FmCheckbox, {
           modelValue: a.row.original.isDefault,
           value: "",
           "aria-label": e("menu.common.labels.a11y_labelled_name", {
@@ -411,7 +409,7 @@ const Me = {
          */
         meta: { cellClass: "" },
         cell: (a) => v("div", {}, [
-          v(L.FmButton, {
+          v(V.FmButton, {
             prependIcon: "delete",
             variant: "tertiary",
             // No `textColor`, unlike the LIST table's own delete at :305.
@@ -421,7 +419,7 @@ const Me = {
             // 200-pixel patch is over a third of what
             // `serveDelay/create/form-with-linked-products` still had to close.
             "aria-label": e("menu.common.actions.delete"),
-            onClick: V(
+            onClick: I(
               () => d.value.unlinkProduct(a.row.original.productId),
               ["stop", "prevent"]
             )
@@ -433,46 +431,46 @@ const Me = {
       R(), d.value.dispose(), p.sdk.orderPacing.search("");
     });
     function xe(a) {
-      d.value.setLinkedProducts(a), U.value = !1;
+      d.value.setLinkedProducts(a), L.value = !1;
     }
     return (a, t) => {
-      const r = k("FmButton"), h = k("FmCircularProgress"), ae = k("FmSearch"), le = k("FmTable"), we = k("FmTooltip"), te = k("FmSideSheet");
-      return m(), P(ze, {
+      const s = k("FmButton"), h = k("FmCircularProgress"), ae = k("FmSearch"), le = k("FmTable"), we = k("FmTooltip"), te = k("FmSideSheet");
+      return m(), x(Ie, {
         "data-visual-root": "serveDelay",
         heading: l(e)("menu.order_pacing.title")
       }, {
-        "append-heading": c(() => [
-          l(y).status === "ready" && u.value ? (m(), f("div", Ae, [
-            i("div", Ke, [
-              i("div", qe, [
-                i("p", Qe, b(l(E)(u.value.totalCount)), 1)
+        "append-heading": u(() => [
+          l(y).status === "ready" && c.value ? (m(), b("div", Ke, [
+            r("div", qe, [
+              r("div", Qe, [
+                r("p", Ge, g(l(E)(c.value.totalCount)), 1)
               ])
             ]),
-            u.value.totalCount > 0 && !G.value ? (m(), P(r, {
+            c.value.totalCount > 0 && !G.value ? (m(), x(s, {
               key: 0,
-              disabled: u.value.create.state !== "allowed",
+              disabled: c.value.create.state !== "allowed",
               label: l(e)("menu.order_pacing.add"),
               "prepend-icon": "add",
               onClick: K
-            }, null, 8, ["disabled", "label"])) : C("", !0)
-          ])) : C("", !0)
+            }, null, 8, ["disabled", "label"])) : P("", !0)
+          ])) : P("", !0)
         ]),
-        default: c(() => [
-          l(y).status === "error" ? (m(), f("div", Ge, [
-            i("p", He, b(l(M)(l(y).error.message)), 1),
-            n(r, {
+        default: u(() => [
+          l(y).status === "error" ? (m(), b("div", He, [
+            r("p", Je, g(l(M)(l(y).error.message)), 1),
+            n(s, {
               label: l(e)("menu.common.actions.retry"),
               loading: j.value,
               variant: "secondary",
               onClick: de
             }, null, 8, ["label", "loading"])
-          ])) : l(y).status === "loading" ? (m(), P(h, { key: 1 })) : u.value && u.value.rows.length === 0 && !O.value ? (m(), P(l(Le), {
+          ])) : l(y).status === "loading" ? (m(), x(h, { key: 1 })) : c.value && c.value.rows.length === 0 && !O.value ? (m(), x(l($e), {
             key: 2,
             action: { text: l(e)("menu.order_pacing.add"), callback: K },
             title: l(e)("menu.order_pacing.empty.title"),
             subtitle: l(e)("menu.order_pacing.empty.subtitle")
-          }, null, 8, ["action", "title", "subtitle"])) : u.value && G.value ? (m(), f("div", Je, [
-            i("div", We, [
+          }, null, 8, ["action", "title", "subtitle"])) : c.value && G.value ? (m(), b("div", We, [
+            r("div", Xe, [
               n(ae, {
                 autofocus: "",
                 class: "mb-8",
@@ -485,60 +483,61 @@ const Me = {
             ]),
             n(l(Pe), {
               class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64",
-              disabled: u.value.reorder.state !== "allowed",
+              disabled: c.value.reorder.state !== "allowed",
               handle: ".handle",
               "item-key": "id",
               "model-value": H.value,
               "onUpdate:modelValue": ee
             }, {
-              item: c(({ element: o }) => [
-                i("div", {
+              item: u(({ element: o }) => [
+                r("div", {
                   class: "flex flex-row items-center py-12 px-16",
                   onClick: (_) => Y(o)
                 }, [
-                  n(r, {
+                  n(s, {
                     class: "handle cursor-grab mr-8 shrink-0",
                     "aria-label": l(e)("menu.common.labels.a11y_labelled_name", {
                       label: l(e)("menu.common.actions.move"),
                       name: o.name
                     }),
-                    disabled: u.value.reorder.state !== "allowed",
+                    disabled: c.value.reorder.state !== "allowed",
                     "prepend-icon": "drag_handle",
-                    variant: "tertiary",
-                    onClick: t[0] || (t[0] = V(() => {
-                    }, ["stop"]))
+                    variant: "tertiary"
                   }, null, 8, ["aria-label", "disabled"]),
-                  i("div", Ye, [
-                    i("p", Ze, b(o.name), 1),
-                    i("p", ea, b(l(e)("menu.common.labels.product_linked", {
+                  r("div", Ze, [
+                    r("p", ea, g(o.name), 1),
+                    r("p", aa, g(l(e)("menu.common.labels.product_linked", {
                       count: o.linkedProductCount
                     })), 1)
                   ]),
-                  n(r, {
+                  n(s, {
                     class: "shrink-0",
                     "aria-label": l(e)("menu.common.actions.delete"),
                     disabled: o.remove.state !== "allowed",
                     "prepend-icon": "delete",
                     "text-color": "neutral-gray-400",
                     variant: "tertiary",
-                    onClick: V((_) => Z(o), ["stop"])
+                    onClick: I((_) => Z(o), ["stop"])
                   }, null, 8, ["aria-label", "disabled", "onClick"])
-                ], 8, Xe)
+                ], 8, Ye)
               ]),
               _: 1
             }, 8, ["disabled", "model-value"]),
-            u.value.totalCount > 0 ? (m(), f("div", aa, [
-              n(r, {
-                disabled: u.value.create.state !== "allowed",
-                label: l(e)("menu.order_pacing.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: K
-              }, null, 8, ["disabled", "label"])
-            ])) : C("", !0)
-          ])) : u.value ? (m(), f(q, { key: 4 }, [
-            i("div", la, [
-              i("div", ta, [
+            c.value.totalCount > 0 ? (m(), x(Le, { key: 0 }, {
+              default: u(() => [
+                n(s, {
+                  disabled: c.value.create.state !== "allowed",
+                  label: l(e)("menu.order_pacing.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: K
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : P("", !0)
+          ])) : c.value ? (m(), b(q, { key: 4 }, [
+            r("div", la, [
+              r("div", ta, [
                 n(ae, {
                   autofocus: "",
                   class: "mb-8",
@@ -553,78 +552,78 @@ const Me = {
             n(le, {
               "column-defs": be.value,
               "hide-footer": "",
-              "page-size": u.value.rows.length,
+              "page-size": c.value.rows.length,
               "pin-header-row": "",
               "row-data": H.value,
               "shrink-at": !1,
-              draggable: fe.value,
-              onRowClick: t[1] || (t[1] = (o) => Y(o.original)),
+              draggable: ge.value,
+              onRowClick: t[0] || (t[0] = (o) => Y(o.original)),
               onDndChanged: ee
             }, null, 8, ["column-defs", "page-size", "row-data", "draggable"])
-          ], 64)) : C("", !0),
+          ], 64)) : P("", !0),
           n(te, {
             modelValue: F.value,
-            "onUpdate:modelValue": t[5] || (t[5] = (o) => F.value = o),
-            "is-container": l(L).FmForm,
+            "onUpdate:modelValue": t[4] || (t[4] = (o) => F.value = o),
+            "is-container": l(V).FmForm,
             "is-container-props": {
-              onValidationSuccess: ge,
+              onValidationSuccess: fe,
               blameFormChildOnValidationFailed: !0
             },
             "max-width": 600
           }, {
-            "side-sheet-header": c(() => {
+            "side-sheet-header": u(() => {
               var o;
               return [
-                i("p", oa, b(((o = s.value) == null ? void 0 : o.mode) === "update" ? l(e)("menu.order_pacing.manager.dialog.update.title") : l(e)("menu.order_pacing.manager.dialog.add.title")), 1)
+                r("p", oa, g(((o = i.value) == null ? void 0 : o.mode) === "update" ? l(e)("menu.order_pacing.manager.dialog.update.title") : l(e)("menu.order_pacing.manager.dialog.add.title")), 1)
               ];
             }),
-            "side-sheet-footer": c(() => {
+            "side-sheet-footer": u(() => {
               var o, _;
               return [
-                i("div", da, [
-                  n(r, {
-                    disabled: ((o = s.value) == null ? void 0 : o.submit.state) !== "allowed",
-                    label: ((_ = s.value) == null ? void 0 : _.mode) === "update" ? l(e)("menu.common.actions.update") : l(e)("menu.order_pacing.manager.dialog.add.action"),
+                r("div", ca, [
+                  n(s, {
+                    disabled: ((o = i.value) == null ? void 0 : o.submit.state) !== "allowed",
+                    label: ((_ = i.value) == null ? void 0 : _.mode) === "update" ? l(e)("menu.common.actions.update") : l(e)("menu.order_pacing.manager.dialog.add.action"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["disabled", "label"]),
-                  n(r, {
+                  n(s, {
                     label: l(e)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
-                    onClick: t[4] || (t[4] = (z) => F.value = !1)
+                    onClick: t[3] || (t[3] = (D) => F.value = !1)
                   }, null, 8, ["label"])
                 ])
               ];
             }),
-            default: c(() => [
-              i("div", na, [
-                n($e, {
-                  view: s.value,
+            default: u(() => [
+              r("div", na, [
+                n(De, {
+                  view: i.value,
                   session: d.value,
                   validation: l(W)
                 }, {
-                  "name-append": c(() => [
+                  "name-append": u(() => [
                     n(we, {
                       variant: "plain",
                       placement: "top",
                       "z-index": 999
                     }, {
-                      content: c(() => {
+                      content: u(() => {
                         var o, _;
                         return [
-                          i("div", ra, [
-                            Object.keys(((o = s.value) == null ? void 0 : o.nameLocale) ?? {}).length === 0 ? (m(), f("div", sa, b(l(e)("menu.common.translation.translation_label")), 1)) : C("", !0),
-                            (m(!0), f(q, null, re((_ = s.value) == null ? void 0 : _.nameLocale, (z, w) => (m(), f("div", { key: w }, b(l(e)("menu.order_pacing.translation.tooltip_value", {
-                              value: z,
-                              locale: pe(w)
+                          r("div", sa, [
+                            Object.keys(((o = i.value) == null ? void 0 : o.nameLocale) ?? {}).length === 0 ? (m(), b("div", ra, g(l(e)("menu.common.translation.translation_label")), 1)) : P("", !0),
+                            (m(!0), b(q, null, se((_ = i.value) == null ? void 0 : _.nameLocale, (D, C) => (m(), b("div", { key: C }, g(l(e)("menu.order_pacing.translation.tooltip_value", {
+                              value: D,
+                              locale: pe(C)
                             })), 1))), 128))
                           ])
                         ];
                       }),
-                      default: c(() => [
-                        n(r, {
+                      default: u(() => [
+                        n(s, {
                           "aria-label": l(e)("menu.common.translation.translation_label"),
                           icon: "g_translate",
                           variant: "tertiary",
@@ -640,29 +639,33 @@ const Me = {
                   title: l(e)("menu.order_pacing.product.title"),
                   "sub-title": l(e)("menu.order_pacing.product.subtitle")
                 }, {
-                  "append-title": c(() => [
-                    i("div", ia, [
-                      n(r, {
+                  "append-title": u(() => [
+                    r("div", ia, [
+                      n(s, {
                         "border-color": l(T).ColorPrimary,
                         label: l(e)("menu.order_pacing.link_product.title"),
                         "prepend-icon": "link",
                         "text-color": l(T).ColorPrimary,
                         variant: "secondary",
                         type: "button",
-                        onPointerdown: t[2] || (t[2] = V(() => {
+                        onPointerdown: t[1] || (t[1] = I(() => {
                         }, ["prevent"])),
-                        onClick: t[3] || (t[3] = (o) => U.value = !0)
+                        onClick: t[2] || (t[2] = (o) => L.value = !0)
                       }, null, 8, ["border-color", "label", "text-color"])
                     ])
                   ]),
-                  default: c(() => [
-                    n(le, {
-                      "column-defs": he.value,
-                      "hide-footer": "",
-                      "page-size": 999,
-                      "row-data": ce.value,
-                      "shrink-at": !1
-                    }, null, 8, ["column-defs", "row-data"])
+                  default: u(() => [
+                    r("div", da, [
+                      r("div", ua, [
+                        n(le, {
+                          "column-defs": he.value,
+                          "hide-footer": "",
+                          "page-size": 999,
+                          "row-data": ce.value,
+                          "shrink-at": !1
+                        }, null, 8, ["column-defs", "row-data"])
+                      ])
+                    ])
                   ]),
                   _: 1
                 }, 8, ["title", "sub-title"])
@@ -670,71 +673,71 @@ const Me = {
             ]),
             _: 1
           }, 8, ["modelValue", "is-container", "is-container-props"]),
-          s.value ? (m(), P(Ie, {
+          i.value ? (m(), x(Ne, {
             key: 5,
             "model-value": S.value,
-            "onUpdate:modelValue": t[6] || (t[6] = (o) => o || X()),
-            dirty: s.value.translationDirty,
-            name: s.value.name,
-            "name-locale": s.value.nameLocale,
+            "onUpdate:modelValue": t[5] || (t[5] = (o) => o || X()),
+            dirty: i.value.translationDirty,
+            name: i.value.name,
+            "name-locale": i.value.nameLocale,
             "name-section-label": l(e)("menu.order_pacing.translation.name_section"),
-            "supported-locales": s.value.supportedLocales,
+            "supported-locales": i.value.supportedLocales,
             title: l(e)("menu.order_pacing.translation.title"),
             onDiscard: X,
             onSave: _e,
             "onUpdate:name": d.value.setName,
             "onUpdate:nameLocale": d.value.setNameLocale
-          }, null, 8, ["model-value", "dirty", "name", "name-locale", "name-section-label", "supported-locales", "title", "onUpdate:name", "onUpdate:nameLocale"])) : C("", !0),
+          }, null, 8, ["model-value", "dirty", "name", "name-locale", "name-section-label", "supported-locales", "title", "onUpdate:name", "onUpdate:nameLocale"])) : P("", !0),
           n(te, {
-            modelValue: D.value,
-            "onUpdate:modelValue": t[11] || (t[11] = (o) => D.value = o),
-            "is-container": l(L).FmForm,
+            modelValue: U.value,
+            "onUpdate:modelValue": t[10] || (t[10] = (o) => U.value = o),
+            "is-container": l(V).FmForm,
             "is-container-props": { onValidationSuccess: ke },
             "max-width": 560
           }, {
-            "side-sheet-header": c(() => [
-              i("p", ua, b(l(e)("menu.order_pacing.link_product.title")), 1)
+            "side-sheet-header": u(() => [
+              r("p", ma, g(l(e)("menu.order_pacing.link_product.title")), 1)
             ]),
-            "side-sheet-footer": c(() => {
+            "side-sheet-footer": u(() => {
               var o;
               return [
-                i("div", ma, [
-                  n(r, {
-                    disabled: ((o = s.value) == null ? void 0 : o.submit.state) !== "allowed",
+                r("div", va, [
+                  n(s, {
+                    disabled: ((o = i.value) == null ? void 0 : o.submit.state) !== "allowed",
                     label: l(e)("menu.common.actions.save"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["disabled", "label"]),
-                  n(r, {
+                  n(s, {
                     label: l(e)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
-                    onClick: t[10] || (t[10] = (_) => D.value = !1)
+                    onClick: t[9] || (t[9] = (_) => U.value = !1)
                   }, null, 8, ["label"])
                 ])
               ];
             }),
-            default: c(() => {
-              var o, _, z;
+            default: u(() => {
+              var o, _, D;
               return [
                 n(Ue, {
-                  "applied-count": ((o = s.value) == null ? void 0 : o.appliedProductCount) ?? 0,
-                  groups: ((_ = s.value) == null ? void 0 : _.linkedGroups) ?? [],
-                  query: ((z = s.value) == null ? void 0 : z.linkedProductQuery) ?? "",
+                  "applied-count": ((o = i.value) == null ? void 0 : o.appliedProductCount) ?? 0,
+                  groups: ((_ = i.value) == null ? void 0 : _.linkedGroups) ?? [],
+                  query: ((D = i.value) == null ? void 0 : D.linkedProductQuery) ?? "",
                   title: l(e)("menu.order_pacing.product.title"),
-                  onUnapply: t[8] || (t[8] = (w) => d.value.unlinkProduct(w)),
-                  "onUpdate:query": t[9] || (t[9] = (w) => d.value.setLinkedProductQuery(w))
+                  onUnapply: t[7] || (t[7] = (C) => d.value.unlinkProduct(C)),
+                  "onUpdate:query": t[8] || (t[8] = (C) => d.value.setLinkedProductQuery(C))
                 }, {
-                  "append-title": c(() => [
-                    i("div", ca, [
-                      n(r, {
+                  "append-title": u(() => [
+                    r("div", pa, [
+                      n(s, {
                         "border-color": l(T).ColorPrimary,
                         label: l(e)("menu.common.actions.apply_product"),
                         "prepend-icon": "link",
                         "text-color": l(T).ColorPrimary,
                         variant: "secondary",
-                        onClick: t[7] || (t[7] = (w) => U.value = !0)
+                        onClick: t[6] || (t[6] = (C) => L.value = !0)
                       }, null, 8, ["border-color", "label", "text-color"])
                     ])
                   ]),
@@ -744,9 +747,9 @@ const Me = {
             }),
             _: 1
           }, 8, ["modelValue", "is-container", "is-container-props"]),
-          n(De, {
-            modelValue: U.value,
-            "onUpdate:modelValue": t[12] || (t[12] = (o) => U.value = o),
+          n(ze, {
+            modelValue: L.value,
+            "onUpdate:modelValue": t[11] || (t[11] = (o) => L.value = o),
             catalogue: ue.value,
             "selected-product-ids": me.value,
             title: l(e)("menu.order_pacing.link_product.title"),
@@ -757,13 +760,13 @@ const Me = {
       }, 8, ["heading"]);
     };
   }
-}), Sa = /* @__PURE__ */ Q({
+}), $a = /* @__PURE__ */ Q({
   __name: "OrderPacing",
   setup(B) {
-    const p = Ee();
-    return (e, E) => (m(), P(pa, { sdk: l(p) }, null, 8, ["sdk"]));
+    const p = Me();
+    return (e, E) => (m(), x(_a, { sdk: l(p) }, null, 8, ["sdk"]));
   }
 });
 export {
-  Sa as default
+  $a as default
 };