@feedmepos/mf-menu-portal 0.0.0-stage → 1.0.1-dev.1

package/dist/OrderPacing-CejS9dEI.js

@@ -0,0 +1,698 @@
+import { defineComponent as K, resolveComponent as b, openBlock as c, createElementBlock as y, createElementVNode as d, toDisplayString as k, unref as n, createVNode as i, withCtx as u, Fragment as A, renderList as ee, createBlock as C, createCommentVNode as V, computed as g, ref as z, shallowRef as Y, h as v, withModifiers as N, onUnmounted as we } from "vue";
+import { useI18n as ae } from "@feedmepos/mf-common";
+import { useDialog as Pe, components as S, FmButtonColorThemeVariant as T } from "@feedmepos/ui-library";
+import { _ as Ce } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as xe } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-C9OSr8ft.js";
+import { _ as Fe } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-C2mixGUk.js";
+import { _ as Se } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-D9jK-Fhn.js";
+import { _ as Ve } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { _ as Le } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { _ as $e } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as De } from "./useActionFeedback-DoFeBFpl.js";
+import { u as Ue } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as ze, u as Z, a as Ie } from "./provide-Tmjfji09.js";
+const Ne = {
+  key: 0,
+  class: "mt-4"
+}, Te = { class: "text-fm-color-typo-secondary mb-2" }, Ee = { class: "fm-typo-en-body-md-400 leading-5 text-fm-color-typo-secondary" }, Be = /* @__PURE__ */ K({
+  __name: "DeleteOrderPacingConfirmation",
+  props: {
+    name: {},
+    linkedProductNames: {}
+  },
+  setup(E) {
+    const { t: m } = ae();
+    return (a, B) => {
+      const O = b("FmIcon"), I = b("FmListItem"), w = b("FmList");
+      return c(), y("div", null, [
+        d("p", null, k(n(m)("menu.order_pacing.dialogs.delete.message", { name: a.name })), 1),
+        a.linkedProductNames.length > 0 ? (c(), y("div", Ne, [
+          d("p", Te, k(n(m)("menu.order_pacing.dialogs.delete.unlink_warning", {
+            count: a.linkedProductNames.length
+          })), 1),
+          i(w, { class: "mt-8" }, {
+            default: u(() => [
+              (c(!0), y(A, null, ee(a.linkedProductNames, (_) => (c(), C(I, {
+                key: _,
+                class: "!p-0 !gap-4",
+                clickable: !1
+              }, {
+                prepend: u(() => [
+                  i(O, {
+                    color: "typo-secondary",
+                    name: "fiber_manual_record",
+                    size: "sm"
+                  })
+                ]),
+                default: u(() => [
+                  d("span", Ee, k(_), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ])) : V("", !0)
+      ]);
+    };
+  }
+}), Oe = {
+  key: 0,
+  class: "flex-1 flex justify-between gap-8 pl-8"
+}, Me = { class: "flex items-center" }, je = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Re = { class: "fm-typo-en-body-md-600 font-semibold" }, Ae = {
+  key: 0,
+  class: "flex flex-col items-start gap-8"
+}, Ke = {
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, qe = { class: "flex justify-end items-center" }, Qe = { class: "w-[320px]" }, Ge = { class: "fm-typo-en-title-md-600" }, He = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Je = { class: "py-12 px-16 space-y-4" }, We = { key: 0 }, Xe = { class: "flex-shrink-0" }, Ye = { class: "flex gap-8 items-center justify-start" }, Ze = { class: "fm-typo-en-title-md-600" }, ea = { class: "flex-shrink-0" }, aa = { class: "flex gap-8 items-center justify-start" }, ta = /* @__PURE__ */ K({
+  __name: "OrderPacingList",
+  props: {
+    sdk: {}
+  },
+  setup(E) {
+    const m = E, { t: a, n: B } = ae(), O = ze(), I = Pe(), { run: w } = De(), _ = Z(m.sdk.orderPacing.list), p = g(
+      () => _.value.status === "ready" ? _.value.value : null
+    ), q = g(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.query) ?? "";
+    }), te = g(() => {
+      var e;
+      return [...((e = p.value) == null ? void 0 : e.rows) ?? []];
+    }), x = z(!1), L = z(!1), F = z(!1), M = z(!1);
+    async function ne() {
+      M.value = !0;
+      try {
+        await w(() => m.sdk.orderPacing.retryRead(), {
+          showLoading: !1
+        });
+      } finally {
+        M.value = !1;
+      }
+    }
+    const Q = Z(
+      m.sdk.linkProduct.catalogue
+    ), oe = g(
+      () => Q.value.status === "ready" ? Q.value.value : null
+    ), r = Y(
+      m.sdk.orderPacing.editor()
+    ), $ = Y(
+      r.value.get()
+    );
+    let j = r.value.subscribe((e) => {
+      $.value = e;
+    });
+    const l = g(
+      () => $.value.status === "ready" ? $.value.value : null
+    ), G = Ue(() => r.value), le = g(() => {
+      var e;
+      return [
+        ...((e = l.value) == null ? void 0 : e.linkedProducts) ?? []
+      ];
+    }), re = g(
+      () => {
+        var e;
+        return ((e = l.value) == null ? void 0 : e.linkedProductIds) ?? [];
+      }
+    );
+    function se(e) {
+      var t, s;
+      return ((s = (t = l.value) == null ? void 0 : t.supportedLocales.find(
+        (h) => h.code === e
+      )) == null ? void 0 : s.name) ?? e;
+    }
+    function ie() {
+      var e;
+      ((e = l.value) == null ? void 0 : e.translation.state) === "allowed" && (r.value.beginTranslationEdit(), F.value = !0);
+    }
+    function de() {
+      r.value.saveTranslationEdit(), F.value = !1;
+    }
+    function H() {
+      r.value.discardTranslationEdit(), F.value = !1;
+    }
+    function R(e) {
+      j(), r.value.dispose(), r.value = m.sdk.orderPacing.editor(e), $.value = r.value.get(), j = r.value.subscribe((t) => {
+        $.value = t;
+      });
+    }
+    function J() {
+      var e;
+      ((e = p.value) == null ? void 0 : e.create.state) === "allowed" && (R(), F.value = !1, x.value = !0);
+    }
+    function ue(e) {
+      R(e.id), F.value = !1, x.value = !0;
+    }
+    async function ce() {
+      var s;
+      const e = ((s = l.value) == null ? void 0 : s.name.trim()) ?? "";
+      (await w(
+        () => G.submit(() => r.value.submit()),
+        {
+          // The inline field rules are decided in the SDK with no round trip, and
+          // the frozen `create/validation-name` frame shows the sheet with no
+          // loading indicator — so a rejected submit must not flash one.
+          showLoading: () => {
+            var h;
+            return ((h = l.value) == null ? void 0 : h.status) === "submitting";
+          },
+          successMessage: a("menu.order_pacing.form.saved", {
+            name: e || a("menu.order_pacing.title")
+          })
+        }
+      )).kind === "success" && (x.value = !1);
+    }
+    function me(e) {
+      if (e.remove.state !== "allowed") return;
+      const t = m.sdk.orderPacing.describeDelete(e.id);
+      t && I.open({
+        title: a("menu.order_pacing.dialogs.delete.title"),
+        // Both sentences come from the SDK's view model: the names of the
+        // products that will be unlinked are a join over the aggregate, and
+        // resolving them here would be the per-feature derivation ADR-0002 §3
+        // forbids. The warning is a warning only — the delete always commits
+        // and cascades, and there is no referenced-delete guard to migrate.
+        // A COMPONENT, not a `message` string. The body is three blocks — the
+        // question, a secondary warning line and a bulleted list of the
+        // products about to be unlinked — and joining them with '\n' renders
+        // one collapsed paragraph, because the dialog puts the string into HTML
+        // where a newline is whitespace. The frozen golden
+        // `serveDelay/delete/confirm-linked` is 560x244; the collapsed string
+        // 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(Be, {
+          name: e.name,
+          linkedProductNames: t.linkedProductNames
+        }),
+        // `close: false` on purpose: two frozen pending states name `.fm-dialog`
+        // as this module's delete pending surface, because legacy's manager
+        // declares the same and calls `dialog.close()` only after the write
+        // resolves (`portal .../manager/menu/order_pacing.ts:115-118,134`).
+        // Dismissing on the click would leave the shared loading snackbar as the
+        // only pending surface — a behaviour difference from the baseline that
+        // nobody approved.
+        primaryActions: {
+          text: a("menu.common.actions.remove"),
+          close: !1
+          // NO `variant`, so the library's default Primary applies. Legacy's
+          // `primaryActions` declares none either
+          // (`portal .../manager/menu/order_pacing.ts:115-118`), and the frozen
+          // goldens `serveDelay/delete/confirm` and `.../confirm-linked` show an
+          // ORANGE Remove. `FmButtonVariant.Destructive` rendered it red — a
+          // difference nobody approved, caught by the visual gate 2026-09-07.
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await w(() => m.sdk.orderPacing.remove(e.id), {
+          // 'removed', not 'saved': legacy's manager passes `isDelete` true and
+          // the shared loader picks the other sentence.
+          successMessage: a("menu.order_pacing.delete.success", {
+            name: e.name
+          })
+        }), I.close();
+      });
+    }
+    const pe = g(() => {
+      var e;
+      return ((e = p.value) == null ? void 0 : e.reorder.state) === "allowed";
+    });
+    function ve(e) {
+      var s;
+      if (((s = p.value) == null ? void 0 : s.reorder.state) !== "allowed") return;
+      const t = e.map((h) => h.id);
+      t.length && w(() => m.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
+        // than interpolating a title, because the word order of "{name} saved"
+        // does not survive translation.
+        successMessage: a("menu.order_pacing.reorder.success")
+      });
+    }
+    const ge = g(() => [
+      {
+        accessorKey: "name",
+        header: () => a("menu.order_pacing.columns.timing_label"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "delay",
+        header: () => a("menu.order_pacing.columns.delay"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "linkedProductCount",
+        header: () => a("menu.order_pacing.columns.items"),
+        enableSorting: !1,
+        // 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: (e) => v(S.FmButton, {
+          label: a("menu.common.labels.items_linked", {
+            count: e.row.original.linkedProductCount
+          }),
+          variant: "tertiary",
+          onClick: N(
+            () => _e(e.row.original),
+            ["stop", "prevent"]
+          )
+        })
+      },
+      {
+        id: "actions",
+        size: 52,
+        meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+        header: "",
+        cell: (e) => v("div", { class: "w-full flex justify-end items-center" }, [
+          v(S.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            disabled: e.row.original.remove.state !== "allowed",
+            // The one deliberate addition to legacy's DOM, owned by the new
+            // app: legacy's control is icon-only and unnamed, so no semantic
+            // locator resolves against it.
+            "aria-label": a("menu.common.actions.delete"),
+            onClick: N(
+              () => me(e.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]), D = z(!1);
+    function _e(e) {
+      R(e.id), D.value = !0;
+    }
+    async function fe() {
+      var t;
+      (await w(() => r.value.submitLinks(), {
+        showLoading: () => {
+          var s;
+          return ((s = l.value) == null ? void 0 : s.status) === "submitting";
+        },
+        successMessage: a("menu.order_pacing.form.saved", {
+          name: ((t = l.value) == null ? void 0 : t.name) ?? a("menu.order_pacing.title")
+        })
+      })).kind === "success" && (D.value = !1);
+    }
+    const be = g(() => [
+      {
+        id: "default",
+        size: 75,
+        enableSorting: !1,
+        header: () => a("menu.order_pacing.link_product.table.column.default"),
+        cell: (e) => v(S.FmCheckbox, {
+          modelValue: e.row.original.isDefault,
+          value: "",
+          "aria-label": a("menu.common.labels.a11y_labelled_name", {
+            label: a("menu.order_pacing.link_product.table.column.default"),
+            name: e.row.original.name
+          }),
+          // Bound one-way from the SDK's draft and pushed back through the
+          // editor, so the control cannot hold a state the model does not have.
+          // Legacy's does exactly that in create mode — it renders ticked while
+          // `isDefault: false` goes to the wire — a defect approved for fixing.
+          "onUpdate:modelValue": (t) => r.value.setProductDefault(
+            e.row.original.productId,
+            t
+          )
+        })
+      },
+      {
+        accessorKey: "name",
+        enableSorting: !1,
+        header: () => a("menu.order_pacing.link_product.table.column.product_name"),
+        cell: (e) => v("span", { class: "text-wrap" }, e.row.original.name)
+      },
+      {
+        accessorKey: "productCode",
+        enableSorting: !1,
+        header: () => a("menu.order_pacing.link_product.table.column.product_code"),
+        cell: (e) => v("span", { class: "text-wrap" }, e.row.original.productCode ?? "")
+      },
+      {
+        id: "currentDefault",
+        enableSorting: !1,
+        header: () => a("menu.order_pacing.link_product.table.column.current_default"),
+        /**
+         * RECORDED ADR-0003 §1 GAP: the library has no outlined chip.
+         *
+         * Legacy renders this as an OUTLINED chip — transparent ground, primary
+         * border and primary text for a set default, grey border for "None"
+         * (`LinkProductTable.vue:96-115`). Every `FmChip` variant is FILLED and
+         * sets its own background plus white or black text
+         * (`plain`→`bg-fm-color-neutral-gray-100`, `neutral`→`bg-…-black`,
+         * `info`→`bg-…-blueberry`, `success`→mint, `critical`→salmon,
+         * `warning`→mustard), and the union carries no primary at all
+         * (`FmChipVariant` in the installed d.ts). So no variant can express this
+         * control, and substituting a filled one would change the frozen goldens
+         * for `serveDelay/update/form` and
+         * `serveDelay/create/form-with-linked-products` — a visual difference only
+         * a human may approve (ADR-0003 §5).
+         *
+         * Colours are `fm-*` tokens, not literals, so §2 holds. Replace this
+         * with `FmChip` if the library ever ships an outlined variant.
+         */
+        cell: (e) => {
+          const t = e.row.original.currentDefault;
+          return v("div", { class: "pt-1" }, [
+            t ? v(
+              "span",
+              {
+                class: "text-fm-color-primary border border-fm-color-primary rounded-md px-8"
+              },
+              a("menu.order_pacing.columns.mins", { count: t.delay })
+            ) : v(
+              "span",
+              {
+                class: "text-fm-color-typo-secondary border rounded-md px-8"
+              },
+              a("menu.order_pacing.columns.none")
+            )
+          ]);
+        }
+      },
+      {
+        id: "actions",
+        size: 40,
+        enableSorting: !1,
+        header: "",
+        /**
+         * `cellClass: ''` is load-bearing, not styling taste.
+         *
+         * `FmTable` falls back to `px-16` for every cell (`cellClass ?? "px-16"`
+         * in the installed build), and this table is `table-layout: auto`, so
+         * that 32px of padding on a 40px-wide column does not shrink the column —
+         * it takes 27px away from the three auto-width columns beside it. Legacy
+         * declares `meta: { cellClass: "" }` on exactly this column
+         * (`portal .../OrderPacingManager/LinkProductTable.vue`), which is why
+         * its columns measure 82/144/143/142/41 where ours measured
+         * 82/134/134/134/68 — and why "Current Default" wrapped onto a second
+         * line here and onto none in the frozen goldens. The wrap then moved
+         * every row below it, which is the whole diff on
+         * `serveDelay/create/link-product-picker`,
+         * `serveDelay/create/form-with-linked-products` and
+         * `serveDelay/update/form`.
+         *
+         * The button is rendered straight into the cell, as legacy renders it: a
+         * `flex justify-end` wrapper inside an unpadded 41px column would push
+         * the icon a pixel off the golden for no gain.
+         */
+        meta: { cellClass: "" },
+        cell: (e) => v("div", {}, [
+          v(S.FmButton, {
+            prependIcon: "delete",
+            variant: "tertiary",
+            // No `textColor`, unlike the LIST table's own delete at :305.
+            // Legacy sets none here either, so the icon takes the tertiary
+            // default; forcing `neutral-gray-400` measured 107 against the
+            // golden's 29 on the darkest pixel of a 17x18 glyph, and that
+            // 200-pixel patch is over a third of what
+            // `serveDelay/create/form-with-linked-products` still had to close.
+            "aria-label": a("menu.common.actions.delete"),
+            onClick: N(
+              () => r.value.unlinkProduct(e.row.original.productId),
+              ["stop", "prevent"]
+            )
+          })
+        ])
+      }
+    ]);
+    we(() => {
+      j(), r.value.dispose(), m.sdk.orderPacing.search("");
+    });
+    function ye(e) {
+      r.value.setLinkedProducts(e), L.value = !1;
+    }
+    return (e, t) => {
+      const s = b("FmButton"), h = b("FmCircularProgress"), ke = b("FmSearch"), W = b("FmTable"), he = b("FmTooltip"), X = b("FmSideSheet");
+      return c(), C(Le, {
+        "data-visual-root": "serveDelay",
+        heading: n(a)("menu.order_pacing.title")
+      }, {
+        "append-heading": u(() => [
+          n(_).status === "ready" && p.value ? (c(), y("div", Oe, [
+            d("div", Me, [
+              d("div", je, [
+                d("p", Re, k(n(B)(p.value.totalCount)), 1)
+              ])
+            ]),
+            p.value.totalCount > 0 ? (c(), C(s, {
+              key: 0,
+              disabled: p.value.create.state !== "allowed",
+              label: n(a)("menu.order_pacing.add"),
+              "prepend-icon": "add",
+              onClick: J
+            }, null, 8, ["disabled", "label"])) : V("", !0)
+          ])) : V("", !0)
+        ]),
+        default: u(() => [
+          n(_).status === "error" ? (c(), y("div", Ae, [
+            d("p", Ke, k(n(O)(n(_).error.message)), 1),
+            i(s, {
+              label: n(a)("menu.common.actions.retry"),
+              loading: M.value,
+              variant: "secondary",
+              onClick: ne
+            }, null, 8, ["label", "loading"])
+          ])) : n(_).status === "loading" ? (c(), C(h, { key: 1 })) : p.value && p.value.rows.length === 0 && !q.value ? (c(), C(n(Ce), {
+            key: 2,
+            action: { text: n(a)("menu.order_pacing.add"), callback: J },
+            title: n(a)("menu.order_pacing.empty.title"),
+            subtitle: n(a)("menu.order_pacing.empty.subtitle")
+          }, null, 8, ["action", "title", "subtitle"])) : p.value ? (c(), y(A, { key: 3 }, [
+            d("div", qe, [
+              d("div", Qe, [
+                i(ke, {
+                  autofocus: "",
+                  class: "mb-8",
+                  "model-value": q.value,
+                  placeholder: n(a)("menu.common.labels.search_placeholder", {
+                    type: n(a)("menu.order_pacing.title")
+                  }),
+                  "onUpdate:modelValue": m.sdk.orderPacing.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
+              ])
+            ]),
+            i(W, {
+              "column-defs": ge.value,
+              "hide-footer": "",
+              "page-size": p.value.rows.length,
+              "pin-header-row": "",
+              "row-data": te.value,
+              "shrink-at": !1,
+              draggable: pe.value,
+              onRowClick: t[0] || (t[0] = (o) => ue(o.original)),
+              onDndChanged: ve
+            }, null, 8, ["column-defs", "page-size", "row-data", "draggable"])
+          ], 64)) : V("", !0),
+          i(X, {
+            modelValue: x.value,
+            "onUpdate:modelValue": t[4] || (t[4] = (o) => x.value = o),
+            "is-container": n(S).FmForm,
+            "is-container-props": {
+              onValidationSuccess: ce,
+              blameFormChildOnValidationFailed: !0
+            },
+            "max-width": 600
+          }, {
+            "side-sheet-header": u(() => {
+              var o;
+              return [
+                d("p", Ge, k(((o = l.value) == null ? void 0 : o.mode) === "update" ? n(a)("menu.order_pacing.manager.dialog.update.title") : n(a)("menu.order_pacing.manager.dialog.add.title")), 1)
+              ];
+            }),
+            "side-sheet-footer": u(() => {
+              var o, f;
+              return [
+                d("div", Ye, [
+                  i(s, {
+                    disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
+                    label: ((f = l.value) == null ? void 0 : f.mode) === "update" ? n(a)("menu.common.actions.update") : n(a)("menu.order_pacing.manager.dialog.add.action"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  i(s, {
+                    label: n(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: t[3] || (t[3] = (U) => x.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: u(() => [
+              d("div", He, [
+                i(Fe, {
+                  view: l.value,
+                  session: r.value,
+                  validation: n(G)
+                }, {
+                  "name-append": u(() => [
+                    i(he, {
+                      variant: "plain",
+                      placement: "top",
+                      "z-index": 999
+                    }, {
+                      content: u(() => {
+                        var o, f;
+                        return [
+                          d("div", Je, [
+                            Object.keys(((o = l.value) == null ? void 0 : o.nameLocale) ?? {}).length === 0 ? (c(), y("div", We, k(n(a)("menu.common.translation.translation_label")), 1)) : V("", !0),
+                            (c(!0), y(A, null, ee((f = l.value) == null ? void 0 : f.nameLocale, (U, P) => (c(), y("div", { key: P }, k(n(a)("menu.order_pacing.translation.tooltip_value", {
+                              value: U,
+                              locale: se(P)
+                            })), 1))), 128))
+                          ])
+                        ];
+                      }),
+                      default: u(() => [
+                        i(s, {
+                          "aria-label": n(a)("menu.common.translation.translation_label"),
+                          icon: "g_translate",
+                          variant: "tertiary",
+                          onClick: ie
+                        }, null, 8, ["aria-label"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["view", "session", "validation"]),
+                i(Ve, {
+                  title: n(a)("menu.order_pacing.product.title"),
+                  "sub-title": n(a)("menu.order_pacing.product.subtitle")
+                }, {
+                  "append-title": u(() => [
+                    d("div", Xe, [
+                      i(s, {
+                        "border-color": n(T).ColorPrimary,
+                        label: n(a)("menu.order_pacing.link_product.title"),
+                        "prepend-icon": "link",
+                        "text-color": n(T).ColorPrimary,
+                        variant: "secondary",
+                        type: "button",
+                        onPointerdown: t[1] || (t[1] = N(() => {
+                        }, ["prevent"])),
+                        onClick: t[2] || (t[2] = (o) => L.value = !0)
+                      }, null, 8, ["border-color", "label", "text-color"])
+                    ])
+                  ]),
+                  default: u(() => [
+                    i(W, {
+                      "column-defs": be.value,
+                      "hide-footer": "",
+                      "page-size": 999,
+                      "row-data": le.value,
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "row-data"])
+                  ]),
+                  _: 1
+                }, 8, ["title", "sub-title"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"]),
+          l.value ? (c(), C($e, {
+            key: 4,
+            "model-value": F.value,
+            "onUpdate:modelValue": t[5] || (t[5] = (o) => o || H()),
+            dirty: l.value.translationDirty,
+            name: l.value.name,
+            "name-locale": l.value.nameLocale,
+            "name-section-label": n(a)("menu.order_pacing.translation.name_section"),
+            "supported-locales": l.value.supportedLocales,
+            title: n(a)("menu.order_pacing.translation.title"),
+            onDiscard: H,
+            onSave: de,
+            "onUpdate:name": r.value.setName,
+            "onUpdate:nameLocale": r.value.setNameLocale
+          }, null, 8, ["model-value", "dirty", "name", "name-locale", "name-section-label", "supported-locales", "title", "onUpdate:name", "onUpdate:nameLocale"])) : V("", !0),
+          i(X, {
+            modelValue: D.value,
+            "onUpdate:modelValue": t[10] || (t[10] = (o) => D.value = o),
+            "is-container": n(S).FmForm,
+            "is-container-props": { onValidationSuccess: fe },
+            "max-width": 560
+          }, {
+            "side-sheet-header": u(() => [
+              d("p", Ze, k(n(a)("menu.order_pacing.link_product.title")), 1)
+            ]),
+            "side-sheet-footer": u(() => {
+              var o;
+              return [
+                d("div", aa, [
+                  i(s, {
+                    disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
+                    label: n(a)("menu.common.actions.save"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  i(s, {
+                    label: n(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: t[9] || (t[9] = (f) => D.value = !1)
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: u(() => {
+              var o, f, U;
+              return [
+                i(xe, {
+                  "applied-count": ((o = l.value) == null ? void 0 : o.appliedProductCount) ?? 0,
+                  groups: ((f = l.value) == null ? void 0 : f.linkedGroups) ?? [],
+                  query: ((U = l.value) == null ? void 0 : U.linkedProductQuery) ?? "",
+                  title: n(a)("menu.order_pacing.product.title"),
+                  onUnapply: t[7] || (t[7] = (P) => r.value.unlinkProduct(P)),
+                  "onUpdate:query": t[8] || (t[8] = (P) => r.value.setLinkedProductQuery(P))
+                }, {
+                  "append-title": u(() => [
+                    d("div", ea, [
+                      i(s, {
+                        "border-color": n(T).ColorPrimary,
+                        label: n(a)("menu.common.actions.apply_product"),
+                        "prepend-icon": "link",
+                        "text-color": n(T).ColorPrimary,
+                        variant: "secondary",
+                        onClick: t[6] || (t[6] = (P) => L.value = !0)
+                      }, null, 8, ["border-color", "label", "text-color"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["applied-count", "groups", "query", "title"])
+              ];
+            }),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"]),
+          i(Se, {
+            modelValue: L.value,
+            "onUpdate:modelValue": t[11] || (t[11] = (o) => L.value = o),
+            catalogue: oe.value,
+            "selected-product-ids": re.value,
+            title: n(a)("menu.order_pacing.link_product.title"),
+            onSubmit: ye
+          }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+}), _a = /* @__PURE__ */ K({
+  __name: "OrderPacing",
+  setup(E) {
+    const m = Ie();
+    return (a, B) => (c(), C(ta, { sdk: n(m) }, null, 8, ["sdk"]));
+  }
+});
+export {
+  _a as default
+};