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

package/dist/{PrintRoute-3UwiMoBU.js → PrintRoute-R38w0-U2.js}

@@ -1,54 +1,55 @@
-import { defineComponent as j, resolveComponent as p, openBlock as n, createElementBlock as y, createVNode as s, withCtx as d, createElementVNode as r, toDisplayString as k, createBlock as f, Fragment as L, renderList as N, createCommentVNode as $, computed as _, ref as E, shallowRef as W, onUnmounted as ke, h as C, withModifiers as M, unref as o, mergeProps as be } from "vue";
+import { defineComponent as j, resolveComponent as p, openBlock as n, createElementBlock as k, createVNode as s, withCtx as u, createElementVNode as r, toDisplayString as g, createBlock as v, Fragment as L, renderList as N, createCommentVNode as $, computed as _, ref as E, shallowRef as W, onUnmounted as ge, h as x, withModifiers as M, unref as a, mergeProps as be } from "vue";
 import { useI18n as he } from "@feedmepos/mf-common";
-import { useDialog as we, useBreakpoints as xe, components as U } from "@feedmepos/ui-library";
+import { useDialog as we, useBreakpoints as Ce, components as U } from "@feedmepos/ui-library";
+import { _ as xe } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
 import { _ as X } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Ce } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C0rc1FRO.js";
+import { _ as Fe } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js";
 import { _ as Y } from "./vuedraggable-CBtQLb_S.js";
-import { _ as Fe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as Pe } from "./useActionFeedback-CXx7dOVc.js";
-import { u as Se } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Ve, u as Z, a as Le } from "./provide-Bwf3KcOV.js";
-const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-lg-600" }, De = { class: "fm-typo-en-body-md-400" }, Ie = /* @__PURE__ */ j({
+import { _ as Pe } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as Se } from "./useActionFeedback-CElXij1W.js";
+import { u as Ve } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Le, u as Z, a as $e } from "./provide-BGLSDsuJ.js";
+const De = { class: "fm-typo-en-body-lg-600" }, Ie = { class: "fm-typo-en-body-lg-600" }, Re = { class: "fm-typo-en-body-md-400" }, ze = /* @__PURE__ */ j({
   __name: "RemoveRouteConfirmation",
   props: {
     row: {}
   },
-  setup(z) {
+  setup(D) {
     return (i, t) => {
-      const h = p("i18n-t"), F = p("FmIcon"), w = p("FmListItem"), g = p("FmList");
-      return n(), y("div", null, [
+      const h = p("i18n-t"), F = p("FmIcon"), w = p("FmListItem"), y = p("FmList");
+      return n(), k("div", null, [
         s(h, {
           keypath: i.row.linkedProductCount > 0 ? "menu.print_route.dialogs.remove.message.with_products" : "menu.print_route.dialogs.remove.message.confirm",
           scope: "global",
           tag: "p"
         }, {
-          count: d(() => [
-            r("span", $e, k(i.row.linkedProductCount), 1)
+          count: u(() => [
+            r("span", De, g(i.row.linkedProductCount), 1)
           ]),
-          name: d(() => [
-            r("span", ze, k(i.row.name), 1)
+          name: u(() => [
+            r("span", Ie, g(i.row.name), 1)
           ]),
           _: 1
         }, 8, ["keypath"]),
-        i.row.linkedProductCount > 0 ? (n(), f(g, {
+        i.row.linkedProductCount > 0 ? (n(), v(y, {
           key: 0,
           class: "mt-8"
         }, {
-          default: d(() => [
-            (n(!0), y(L, null, N(i.row.linkedProductNames, (l) => (n(), f(w, {
+          default: u(() => [
+            (n(!0), k(L, null, N(i.row.linkedProductNames, (l) => (n(), v(w, {
               key: l,
               class: "!p-0 !gap-4 mt-4",
               clickable: !1
             }, {
-              prepend: d(() => [
+              prepend: u(() => [
                 s(F, {
                   color: "neutral-gray-900",
                   name: "fiber_manual_record",
                   size: "sm"
                 })
               ]),
-              default: d(() => [
-                r("span", De, k(l), 1)
+              default: u(() => [
+                r("span", Re, g(l), 1)
               ]),
               _: 2
             }, 1024))), 128))
@@ -58,43 +59,40 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
       ]);
     };
   }
-}), Re = { class: "flex flex-1 justify-end" }, Be = {
+}), Be = { class: "flex flex-1 justify-end" }, Ae = {
   key: 0,
   class: "flex flex-col gap-16 items-start"
-}, Ae = {
+}, Ee = {
   class: "text-fm-color-typo-secondary",
   role: "alert"
-}, Ee = {
+}, Me = {
   key: 1,
   "data-menu-state": "unavailable"
-}, Me = { class: "flex justify-end items-center" }, Ue = { class: "w-[320px] xs:w-full xs:px-16" }, Ne = { class: "min-w-0 grow space-y-4" }, je = { class: "fm-typo-en-body-lg-600 break-words" }, Ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Qe = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, Te = { class: "fm-typo-en-title-md-600" }, Oe = { class: "flex flex-col gap-32 pb-16" }, Ge = { class: "space-y-16" }, qe = { class: "flex items-center gap-8" }, He = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Je = { class: "flex gap-8 items-center justify-start" }, We = /* @__PURE__ */ j({
+}, Ue = { class: "flex justify-end items-center" }, Ne = { class: "w-[320px] xs:w-full xs:px-16" }, je = { class: "min-w-0 grow space-y-4" }, Ke = { class: "fm-typo-en-body-lg-600 break-words" }, Qe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Te = { class: "fm-typo-en-title-md-600" }, Oe = { class: "flex flex-col gap-32 pb-16" }, Ge = { class: "space-y-16" }, qe = { class: "flex items-center gap-8" }, He = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Je = { class: "flex gap-8 items-center justify-start" }, We = /* @__PURE__ */ j({
   __name: "PrintRouteList",
   props: {
     sdk: {}
   },
-  setup(z) {
-    const i = z, { t } = he(), h = Ve(), F = we(), { run: w } = Pe(), g = Z(
+  setup(D) {
+    const i = D, { t } = he(), h = Le(), F = we(), { run: w } = Se(), y = Z(
       i.sdk.printDepartment.list
     ), l = _(
-      () => g.value.status === "ready" ? g.value.value : null
+      () => y.value.status === "ready" ? y.value.value : null
     ), ee = _(() => {
       var e;
       return ((e = l.value) == null ? void 0 : e.query) ?? "";
-    }), { breakpoints: te } = xe(), D = _(() => te.value.xs), oe = _(() => {
+    }), { breakpoints: te } = Ce(), I = _(() => te.value.xs), ae = _(() => {
       var e;
       return [...((e = l.value) == null ? void 0 : e.rows) ?? []];
-    }), b = E(!1), P = E(!1), I = E(!1);
-    async function ae() {
-      I.value = !0;
+    }), b = E(!1), P = E(!1), R = E(!1);
+    async function oe() {
+      R.value = !0;
       try {
         await w(() => i.sdk.printDepartment.retryRead(), {
           showLoading: !1
         });
       } finally {
-        I.value = !1;
+        R.value = !1;
       }
     }
     const K = Z(
@@ -131,14 +129,14 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
           id: "actions",
           enableSorting: !1,
           header: "",
-          cell: (u) => C("div", { class: "flex justify-end" }, [
-            C(U.FmButton, {
+          cell: (d) => x("div", { class: "flex justify-end" }, [
+            x(U.FmButton, {
               icon: "delete",
               variant: "tertiary",
               textColor: "neutral-gray-400",
               "aria-label": t("menu.common.actions.remove"),
               onClick: M(
-                () => c.value.unlinkProduct(u.row.original.id),
+                () => c.value.unlinkProduct(d.row.original.id),
                 ["stop", "prevent"]
               )
             })
@@ -148,24 +146,24 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
     }
     const c = W(
       i.sdk.printDepartment.editor()
-    ), x = W(
+    ), C = W(
       c.value.get()
     );
-    let R = c.value.subscribe(
-      (e) => x.value = e
+    let z = c.value.subscribe(
+      (e) => C.value = e
     );
     const m = _(
-      () => x.value.status === "ready" ? x.value.value : null
-    ), B = Se(() => c.value), Q = _(
+      () => C.value.status === "ready" ? C.value.value : null
+    ), B = Ve(() => c.value), Q = _(
       () => m.value ? B.issue(m.value.fieldIssues, "name") : null
     );
     function T(e) {
-      R(), c.value.dispose(), c.value = i.sdk.printDepartment.editor(e), x.value = c.value.get(), R = c.value.subscribe(
-        (u) => x.value = u
+      z(), c.value.dispose(), c.value = i.sdk.printDepartment.editor(e), C.value = c.value.get(), z = c.value.subscribe(
+        (d) => C.value = d
       );
     }
-    ke(() => {
-      i.sdk.printDepartment.search(""), R(), c.value.dispose();
+    ge(() => {
+      i.sdk.printDepartment.search(""), z(), c.value.dispose();
     });
     function A() {
       !l.value || l.value.create.state !== "allowed" || (T(), b.value = !0);
@@ -198,8 +196,8 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
       });
     }
     async function ce() {
-      var v;
-      const e = ((v = m.value) == null ? void 0 : v.name.trim()) ?? "";
+      var f;
+      const e = ((f = m.value) == null ? void 0 : f.name.trim()) ?? "";
       (await w(
         () => B.submit(() => c.value.submit()),
         {
@@ -224,7 +222,7 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
     function q(e) {
       F.open({
         title: t("menu.print_route.dialogs.remove.title"),
-        contentComponent: C(Ie, { row: e }),
+        contentComponent: x(ze, { row: e }),
         primaryActions: {
           text: t("menu.print_route.actions.remove"),
           close: !0,
@@ -263,8 +261,8 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
         size: 52,
         meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
         enableSorting: !1,
-        cell: (e) => C("div", { class: "flex justify-end" }, [
-          C(U.FmButton, {
+        cell: (e) => x("div", { class: "flex justify-end" }, [
+          x(U.FmButton, {
             icon: "delete",
             textColor: "neutral-gray-400",
             variant: "tertiary",
@@ -281,135 +279,138 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
     function pe(e) {
       c.value.setLinkedProducts(e), P.value = !1;
     }
-    return (e, u) => {
-      const v = p("FmButton"), S = p("FmCircularProgress"), H = p("FmSearch"), J = p("FmTable"), _e = p("FmListItem"), ve = p("FmList"), fe = p("FmTextField"), ye = p("FmSpacer"), ge = p("FmSideSheet");
-      return n(), f(Fe, {
-        heading: o(t)("menu.print_route.title")
+    return (e, d) => {
+      const f = p("FmButton"), S = p("FmCircularProgress"), H = p("FmSearch"), J = p("FmTable"), _e = p("FmListItem"), ve = p("FmList"), fe = p("FmTextField"), ye = p("FmSpacer"), ke = p("FmSideSheet");
+      return n(), v(Pe, {
+        heading: a(t)("menu.print_route.title")
       }, {
-        "append-heading": d(() => [
-          r("div", Re, [
-            l.value && l.value.totalCount > 0 && !D.value ? (n(), f(v, {
+        "append-heading": u(() => [
+          r("div", Be, [
+            l.value && l.value.totalCount > 0 && !I.value ? (n(), v(f, {
               key: 0,
               disabled: l.value.create.state !== "allowed",
-              label: o(t)("menu.print_route.actions.add"),
+              label: a(t)("menu.print_route.actions.add"),
               "prepend-icon": "add",
               variant: "primary",
               onClick: A
             }, null, 8, ["disabled", "label"])) : $("", !0)
           ])
         ]),
-        default: d(() => [
-          o(g).status === "error" ? (n(), y("div", Be, [
-            r("p", Ae, k(o(h)(o(g).error.message)), 1),
-            s(v, {
-              label: o(t)("menu.common.actions.retry"),
-              loading: I.value,
+        default: u(() => [
+          a(y).status === "error" ? (n(), k("div", Ae, [
+            r("p", Ee, g(a(h)(a(y).error.message)), 1),
+            s(f, {
+              label: a(t)("menu.common.actions.retry"),
+              loading: R.value,
               "prepend-icon": "refresh",
               size: "md",
               variant: "secondary",
-              onClick: ae
+              onClick: oe
             }, null, 8, ["label", "loading"])
-          ])) : o(g).status === "unavailable" ? (n(), y("div", Ee, [
-            s(o(X), {
-              subtitle: o(t)("menu.print_route.empty.subtitle"),
-              title: o(t)("menu.print_route.empty.title")
+          ])) : a(y).status === "unavailable" ? (n(), k("div", Me, [
+            s(a(X), {
+              subtitle: a(t)("menu.print_route.empty.subtitle"),
+              title: a(t)("menu.print_route.empty.title")
             }, null, 8, ["subtitle", "title"])
-          ])) : o(g).status === "loading" ? (n(), f(S, { key: 2 })) : l.value && l.value.totalCount === 0 ? (n(), f(o(X), {
+          ])) : a(y).status === "loading" ? (n(), v(S, { key: 2 })) : l.value && l.value.totalCount === 0 ? (n(), v(a(X), {
             key: 3,
-            action: l.value.create.state === "allowed" ? { text: o(t)("menu.print_route.empty.action"), callback: A } : void 0,
-            subtitle: o(t)("menu.print_route.empty.subtitle"),
-            title: o(t)("menu.print_route.empty.title")
-          }, null, 8, ["action", "subtitle", "title"])) : l.value ? (n(), y(L, { key: 4 }, [
-            r("div", Me, [
-              r("div", Ue, [
+            action: l.value.create.state === "allowed" ? { text: a(t)("menu.print_route.empty.action"), callback: A } : void 0,
+            subtitle: a(t)("menu.print_route.empty.subtitle"),
+            title: a(t)("menu.print_route.empty.title")
+          }, null, 8, ["action", "subtitle", "title"])) : l.value ? (n(), k(L, { key: 4 }, [
+            r("div", Ue, [
+              r("div", Ne, [
                 s(H, {
                   autofocus: "",
                   class: "my-8",
                   "model-value": ee.value,
-                  placeholder: o(t)("menu.print_route.table.search.placeholder"),
+                  placeholder: a(t)("menu.print_route.table.search.placeholder"),
                   "onUpdate:modelValue": i.sdk.printDepartment.search
                 }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
               ])
             ]),
-            D.value ? (n(), f(ve, {
+            I.value ? (n(), v(ve, {
               key: 1,
               class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
               separator: ""
             }, {
-              default: d(() => [
-                (n(!0), y(L, null, N(l.value.rows, (a) => (n(), f(_e, {
-                  key: a.id,
+              default: u(() => [
+                (n(!0), k(L, null, N(l.value.rows, (o) => (n(), v(_e, {
+                  key: o.id,
                   class: "!py-12 !px-0",
-                  onClick: (V) => O(a)
+                  onClick: (V) => O(o)
                 }, {
-                  default: d(() => [
-                    r("div", Ne, [
-                      r("div", je, k(a.name), 1),
-                      r("div", Ke, k(o(t)("menu.print_route.table.mobile.products_linked", {
-                        count: a.linkedProductCount
+                  default: u(() => [
+                    r("div", je, [
+                      r("div", Ke, g(o.name), 1),
+                      r("div", Qe, g(a(t)("menu.print_route.table.mobile.products_linked", {
+                        count: o.linkedProductCount
                       })), 1)
                     ]),
-                    s(v, {
+                    s(f, {
                       class: "shrink-0",
-                      "aria-label": o(t)("menu.print_route.actions.remove"),
-                      disabled: a.remove.state !== "allowed",
+                      "aria-label": a(t)("menu.print_route.actions.remove"),
+                      disabled: o.remove.state !== "allowed",
                       icon: "delete",
                       "text-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: M((V) => q(a), ["stop"])
+                      onClick: M((V) => q(o), ["stop"])
                     }, null, 8, ["aria-label", "disabled", "onClick"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
               ]),
               _: 1
-            })) : (n(), f(J, {
+            })) : (n(), v(J, {
               key: 0,
               "column-defs": me.value,
               "page-size": l.value.rows.length,
-              "row-data": oe.value,
+              "row-data": ae.value,
               "shrink-at": !1,
               "hide-footer": "",
               "pin-header-row": "",
-              onRowClick: u[0] || (u[0] = (a) => O(a.original))
+              onRowClick: d[0] || (d[0] = (o) => O(o.original))
             }, null, 8, ["column-defs", "page-size", "row-data"])),
-            l.value.totalCount > 0 && D.value ? (n(), y("div", Qe, [
-              s(v, {
-                disabled: l.value.create.state !== "allowed",
-                label: o(t)("menu.print_route.actions.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: A
-              }, null, 8, ["disabled", "label"])
-            ])) : $("", !0)
+            l.value.totalCount > 0 && I.value ? (n(), v(xe, { key: 2 }, {
+              default: u(() => [
+                s(f, {
+                  disabled: l.value.create.state !== "allowed",
+                  label: a(t)("menu.print_route.actions.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: A
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : $("", !0)
           ], 64)) : $("", !0),
-          s(ge, {
+          s(ke, {
             modelValue: b.value,
-            "onUpdate:modelValue": u[3] || (u[3] = (a) => b.value = a),
-            "is-container": o(U).FmForm,
+            "onUpdate:modelValue": d[3] || (d[3] = (o) => b.value = o),
+            "is-container": a(U).FmForm,
             "is-container-props": { onValidationSuccess: ce },
             "max-width": 560,
             "onOn:clickedAway": de
           }, {
-            "side-sheet-header": d(() => {
-              var a;
+            "side-sheet-header": u(() => {
+              var o;
               return [
-                r("p", Te, k(((a = m.value) == null ? void 0 : a.mode) === "update" ? o(t)("menu.print_route.department_dialog.update.title") : o(t)("menu.print_route.department_dialog.add.title")), 1)
+                r("p", Te, g(((o = m.value) == null ? void 0 : o.mode) === "update" ? a(t)("menu.print_route.department_dialog.update.title") : a(t)("menu.print_route.department_dialog.add.title")), 1)
               ];
             }),
-            "side-sheet-footer": d(() => {
-              var a, V;
+            "side-sheet-footer": u(() => {
+              var o, V;
               return [
                 r("div", Je, [
-                  s(v, {
-                    disabled: ((a = m.value) == null ? void 0 : a.submit.state) !== "allowed",
-                    label: ((V = m.value) == null ? void 0 : V.mode) === "update" ? o(t)("menu.print_route.department_dialog.update.action") : o(t)("menu.print_route.department_dialog.add.action"),
+                  s(f, {
+                    disabled: ((o = m.value) == null ? void 0 : o.submit.state) !== "allowed",
+                    label: ((V = m.value) == null ? void 0 : V.mode) === "update" ? a(t)("menu.print_route.department_dialog.update.action") : a(t)("menu.print_route.department_dialog.add.action"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["disabled", "label"]),
-                  s(v, {
-                    label: o(t)("menu.print_route.department_dialog.actions.cancel"),
+                  s(f, {
+                    label: a(t)("menu.print_route.department_dialog.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
                     onClick: G
@@ -417,70 +418,70 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
                 ])
               ];
             }),
-            default: d(() => [
+            default: u(() => [
               r("div", Oe, [
                 s(Y, {
-                  title: o(t)("menu.print_route.department_dialog.sections.route_detail.title")
+                  title: a(t)("menu.print_route.department_dialog.sections.route_detail.title")
                 }, {
-                  default: d(() => {
-                    var a;
+                  default: u(() => {
+                    var o;
                     return [
                       s(fe, be({
                         autofocus: "",
-                        "error-messages": Q.value ? [o(h)(Q.value)] : [],
-                        label: o(t)(
+                        "error-messages": Q.value ? [a(h)(Q.value)] : [],
+                        label: a(t)(
                           "menu.print_route.department_dialog.sections.route_detail.name.label"
                         ),
-                        "model-value": ((a = m.value) == null ? void 0 : a.name) ?? "",
-                        placeholder: o(t)(
+                        "model-value": ((o = m.value) == null ? void 0 : o.name) ?? "",
+                        placeholder: a(t)(
                           "menu.print_route.department_dialog.sections.route_detail.name.placeholder"
                         )
-                      }, o(B).field("name", c.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
+                      }, a(B).field("name", c.value.setName)), null, 16, ["error-messages", "label", "model-value", "placeholder"])
                     ];
                   }),
                   _: 1
                 }, 8, ["title"]),
                 s(Y, {
-                  title: o(t)("menu.print_route.department_dialog.sections.link_product.title")
+                  title: a(t)("menu.print_route.department_dialog.sections.link_product.title")
                 }, {
-                  "append-title": d(() => [
+                  "append-title": u(() => [
                     s(ye),
-                    s(v, {
-                      label: o(t)(
+                    s(f, {
+                      label: a(t)(
                         "menu.print_route.department_dialog.sections.link_product.link"
                       ),
                       "border-color": "primary",
                       "prepend-icon": "link",
                       "text-color": "primary",
                       variant: "secondary",
-                      onClick: u[1] || (u[1] = (a) => P.value = !0)
+                      onClick: d[1] || (d[1] = (o) => P.value = !0)
                     }, null, 8, ["label"])
                   ]),
-                  default: d(() => [
+                  default: u(() => [
                     r("div", Ge, [
                       r("div", qe, [
-                        r("p", He, k(o(t)(
+                        r("p", He, g(a(t)(
                           "menu.print_route.department_dialog.sections.link_product.products_linked",
                           { count: ie.value }
                         )), 1),
                         s(H, {
                           class: "flex-1",
                           "model-value": re.value,
-                          placeholder: o(t)(
+                          placeholder: a(t)(
                             "menu.print_route.department_dialog.sections.link_product.search"
                           ),
-                          "onUpdate:modelValue": u[2] || (u[2] = (a) => c.value.setLinkedProductQuery(String(a ?? "")))
+                          "onUpdate:modelValue": d[2] || (d[2] = (o) => c.value.setLinkedProductQuery(String(o ?? "")))
                         }, null, 8, ["model-value", "placeholder"])
                       ]),
                       r("div", null, [
-                        (n(!0), y(L, null, N(se.value, (a) => (n(), y("div", {
-                          key: a.id ?? ""
+                        (n(!0), k(L, null, N(se.value, (o) => (n(), k("div", {
+                          key: o.id ?? ""
                         }, [
                           s(J, {
-                            "column-defs": ue(a),
+                            "column-defs": ue(o),
                             "hide-footer": "",
-                            "page-size": a.products.length,
-                            "row-data": [...a.products],
+                            "page-size": o.products.length,
+                            "row-data": [...o.products],
                             "shrink-at": !1
                           }, null, 8, ["column-defs", "page-size", "row-data"])
                         ]))), 128))
@@ -493,12 +494,12 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
             ]),
             _: 1
           }, 8, ["modelValue", "is-container", "is-container-props"]),
-          s(Ce, {
+          s(Fe, {
             modelValue: P.value,
-            "onUpdate:modelValue": u[4] || (u[4] = (a) => P.value = a),
+            "onUpdate:modelValue": d[4] || (d[4] = (o) => P.value = o),
             catalogue: ne.value,
             "selected-product-ids": le.value,
-            title: o(t)("menu.print_route.department_dialog.sections.link_product.title"),
+            title: a(t)("menu.print_route.department_dialog.sections.link_product.title"),
             onSubmit: pe
           }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
         ]),
@@ -506,13 +507,13 @@ const $e = { class: "fm-typo-en-body-lg-600" }, ze = { class: "fm-typo-en-body-l
       }, 8, ["heading"]);
     };
   }
-}), rt = /* @__PURE__ */ j({
+}), it = /* @__PURE__ */ j({
   __name: "PrintRoute",
-  setup(z) {
-    const i = Le();
-    return (t, h) => (n(), f(We, { sdk: o(i) }, null, 8, ["sdk"]));
+  setup(D) {
+    const i = $e();
+    return (t, h) => (n(), v(We, { sdk: a(i) }, null, 8, ["sdk"]));
   }
 });
 export {
-  rt as default
+  it as default
 };

package/dist/{Product-LaB-YRTQ.js → Product-sbMCaVhM.js}

@@ -1,17 +1,18 @@
 import { defineComponent as m, resolveComponent as i, openBlock as c, createBlock as s, unref as t, withCtx as e, createVNode as o } from "vue";
 import { RouterLink as p } from "vue-router";
-import { useI18n as _ } from "@feedmepos/mf-common";
-import { _ as l } from "./ProductList.vue_vue_type_script_setup_true_lang-DeX8Exly.js";
-import { a as u } from "./provide-Bwf3KcOV.js";
-import { R as d } from "./app-C_XNYz8_.js";
-import { _ as f } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-doB3hsWD.js";
+import { useI18n as l } from "@feedmepos/mf-common";
+import { _ } from "./ProductList.vue_vue_type_script_setup_true_lang-rczFAWVa.js";
+import { a as u } from "./provide-BGLSDsuJ.js";
+import { R as d } from "./app-CxJjx2ma.js";
+import { _ as f } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js";
 const A = /* @__PURE__ */ m({
   __name: "Product",
   setup(k) {
-    const r = u(), { t: a } = _();
+    const r = u(), { t: a } = l();
     return (g, b) => {
       const n = i("FmButton");
-      return c(), s(l, {
+      return c(), s(_, {
+        class: "xs:overflow-hidden",
         sdk: t(r),
         "catalog-page": ""
       }, {