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

package/dist/TakeawayList.vue_vue_type_script_setup_true_lang-CUHB-g9I.js

@@ -0,0 +1,616 @@
+import { defineComponent as Be, computed as m, ref as T, shallowRef as ie, h as $, withModifiers as B, onUnmounted as ze, resolveComponent as _, openBlock as r, createBlock as h, unref as t, withCtx as v, renderSlot as q, createElementBlock as y, toDisplayString as k, Fragment as z, createElementVNode as d, withDirectives as E, createVNode as c, renderList as ue, createCommentVNode as x, mergeProps as Ee } from "vue";
+import { useI18n as Ne } from "@feedmepos/mf-common";
+import { useDialog as De, useBreakpoints as Ae, components as N, FmButtonVariant as Ie } from "@feedmepos/ui-library";
+import { _ as Me } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ke } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js";
+import { _ as re } from "./vuedraggable-CBtQLb_S.js";
+import { _ as Re } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as Qe } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as je } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as qe } from "./useActionFeedback-CElXij1W.js";
+import { u as Ge } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Oe, u as de } from "./provide-BGLSDsuJ.js";
+import { v as He } from "./tableSemantics-C9WFO_I_.js";
+const Je = {
+  key: 0,
+  class: "flex-1 flex justify-between gap-8 pl-8"
+}, We = { class: "flex items-center" }, Xe = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Ye = { class: "fm-typo-en-body-md-600" }, Ze = {
+  key: 0,
+  class: "text-fm-color-typo-secondary",
+  role: "alert"
+}, ea = {
+  key: 1,
+  class: "text-fm-color-typo-secondary",
+  "data-menu-state": "unavailable"
+}, aa = {
+  key: 0,
+  class: "flex flex-col flex-1 overflow-hidden pt-16 space-y-16"
+}, ta = { class: "flex items-center justify-end space-x-8" }, la = { class: "w-[320px]" }, na = { class: "px-16 pt-8" }, oa = {
+  class: "flex-1 overflow-scroll divide-y divide-fm-color-neutral-gray-100",
+  "data-testid": "takeaway-phone-list"
+}, sa = ["onClick"], ia = { class: "flex-1 min-w-0" }, ua = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, ra = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ca = { class: "fm-typo-en-title-md-600" }, ma = { class: "flex flex-col gap-32 h-full min-h-0" }, pa = { class: "flex flex-col flex-1 min-h-0 space-y-16" }, va = { class: "flex items-center space-x-24" }, ba = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ya = { class: "flex gap-8 items-center justify-start" }, La = /* @__PURE__ */ Be({
+  __name: "TakeawayList",
+  props: {
+    sdk: {},
+    catalogPage: { type: Boolean, default: !1 },
+    heading: { default: "" }
+  },
+  setup(ce) {
+    const b = ce, { t: a, n: G } = Ne(), D = Oe(), me = De(), { run: O } = qe(), f = de(b.sdk.takeaway.list), i = m(
+      () => f.value.status === "ready" ? f.value.value : null
+    ), A = m(() => {
+      var e;
+      return ((e = i.value) == null ? void 0 : e.query) ?? "";
+    }), pe = m(() => {
+      var e;
+      return [...((e = i.value) == null ? void 0 : e.rows) ?? []];
+    }), { breakpoints: ve } = Ae(), I = m(() => ve.value.xs);
+    function H(e) {
+      return G(e.price.amount, {
+        minimumFractionDigits: e.price.precision,
+        maximumFractionDigits: e.price.precision
+      });
+    }
+    const M = {
+      mounted: (e, l) => {
+        var o;
+        (o = e.querySelector("input")) == null || o.setAttribute("aria-label", String(l.value));
+      },
+      updated: (e, l) => {
+        var o;
+        (o = e.querySelector("input")) == null || o.setAttribute("aria-label", String(l.value));
+      }
+    }, P = T(!1), L = T(!1), S = T(!1), J = de(
+      b.sdk.linkProduct.catalogue
+    ), be = m(
+      () => J.value.status === "ready" ? J.value.value : null
+    ), ye = m(() => {
+      var e;
+      return ((e = s.value) == null ? void 0 : e.linkedProducts) ?? [];
+    }), ke = m(
+      () => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.linkVariantCombinations.state) === "allowed";
+      }
+    ), W = m(
+      () => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.linkedGroups) ?? [];
+      }
+    ), fe = m(
+      () => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.linkedProductQuery) ?? "";
+      }
+    ), ge = m(
+      () => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.linkedProductCount) ?? 0;
+      }
+    );
+    function _e(e) {
+      u.value.setLinkedProducts(e), L.value = !1;
+    }
+    function he() {
+      var e;
+      ((e = s.value) == null ? void 0 : e.translation.state) === "allowed" && (u.value.beginTranslationEdit(), S.value = !0);
+    }
+    function we() {
+      u.value.saveTranslationEdit(), S.value = !1;
+    }
+    function K() {
+      u.value.discardTranslationEdit(), S.value = !1;
+    }
+    const U = T(/* @__PURE__ */ new Set());
+    function xe(e) {
+      const l = new Set(U.value);
+      l.has(e) ? l.delete(e) : l.add(e), U.value = l;
+    }
+    function Se(e) {
+      const l = [];
+      for (const o of e.products)
+        if (l.push({
+          kind: "product",
+          key: o.id,
+          itemId: o.id,
+          label: o.label,
+          combinationCount: o.combinations.length,
+          unlink: o.unlink
+        }), !!U.value.has(o.id))
+          for (const p of o.combinations)
+            l.push({
+              kind: "combination",
+              key: `${o.id}@${p.combinationKey}`,
+              itemId: o.id,
+              combinationKey: p.combinationKey,
+              label: p.label,
+              unlink: p.unlink
+            });
+      return l;
+    }
+    const Ce = m(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const l of W.value)
+        e.set(l.id ?? "", Se(l));
+      return e;
+    });
+    function X(e) {
+      return Ce.value.get(e.id ?? "") ?? [];
+    }
+    function Pe(e) {
+      return $(N.FmButton, {
+        icon: "delete",
+        variant: "tertiary",
+        textColor: "neutral-gray-400",
+        disabled: e.unlink.state !== "allowed",
+        "aria-label": e.kind === "product" ? a("menu.apply_product.table.remove_product", {
+          name: e.label
+        }) : a("menu.apply_product.table.remove_combination", {
+          name: e.label
+        }),
+        onClick: B(() => {
+          e.kind === "product" ? u.value.unlinkProduct(e.itemId) : u.value.unlinkCombination(e.itemId, e.combinationKey);
+        }, ["stop", "prevent"])
+      });
+    }
+    function Fe(e) {
+      return [
+        {
+          accessorKey: "label",
+          enableSorting: !1,
+          header: () => a("menu.apply_product.table.category_count", {
+            name: e.isSynthetic ? a("menu.tree_editor.labels.addon") : e.name,
+            count: e.products.length
+          }),
+          cell: (l) => {
+            const o = l.row.original;
+            if (o.kind === "combination")
+              return $("span", { class: "pl-24" }, o.label);
+            if (o.combinationCount === 0) return o.label;
+            const p = U.value.has(o.itemId);
+            return $("span", { class: "flex gap-8 items-center" }, [
+              o.label,
+              $(N.FmButton, {
+                icon: "keyboard_arrow_up",
+                variant: "tertiary",
+                class: p ? "" : "rotate-180",
+                "aria-expanded": p,
+                "aria-label": a(
+                  p ? "menu.apply_product.table.collapse_combinations" : "menu.apply_product.table.expand_combinations",
+                  { name: o.label }
+                ),
+                onClick: B(
+                  () => xe(o.itemId),
+                  ["stop", "prevent"]
+                )
+              })
+            ]);
+          }
+        },
+        {
+          id: "actions",
+          enableSorting: !1,
+          header: "",
+          cell: (l) => Pe(l.row.original)
+        }
+      ];
+    }
+    const u = ie(
+      b.sdk.takeaway.editor()
+    ), F = ie(
+      u.value.get()
+    );
+    let R = u.value.subscribe(
+      (e) => F.value = e
+    );
+    const s = m(
+      () => F.value.status === "ready" ? F.value.value : null
+    ), Q = Ge(() => u.value), Y = m(
+      () => s.value ? Q.issue(s.value.fieldIssues, "name") : null
+    );
+    function Z(e) {
+      S.value = !1, R(), u.value.dispose(), u.value = b.sdk.takeaway.editor(e), F.value = u.value.get(), R = u.value.subscribe(
+        (l) => F.value = l
+      );
+    }
+    function j() {
+      i.value && i.value.create.state !== "allowed" || (Z(), P.value = !0);
+    }
+    function ee(e) {
+      Z(e.id), P.value = !0;
+    }
+    function ae() {
+      S.value && K(), P.value = !1;
+    }
+    async function Ve() {
+      var p, C;
+      const e = ((p = s.value) == null ? void 0 : p.name.trim()) ?? "", l = b.catalogPage ? ((C = i.value) == null ? void 0 : C.catalogName) ?? (b.heading || e) : e;
+      (await O(
+        () => Q.submit(() => u.value.submit()),
+        {
+          successMessage: a("menu.takeaway.form.saved", { name: l }),
+          showLoading: () => {
+            var V;
+            return ((V = s.value) == null ? void 0 : V.status) === "submitting";
+          }
+        }
+      )).kind === "success" && ae();
+    }
+    function te(e) {
+      e.remove.state === "allowed" && me.open({
+        title: a("menu.common.dialog.remove.takeaway.title"),
+        message: a("menu.common.dialog.remove.takeaway.message", {
+          name: e.name
+        }),
+        primaryActions: {
+          text: a("menu.common.actions.remove"),
+          close: !0,
+          variant: Ie.Destructive
+        },
+        secondaryActions: {
+          text: a("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await O(() => b.sdk.takeaway.remove(e.id), {
+          successMessage: a("menu.takeaway.form.removed", { name: e.name })
+        });
+      });
+    }
+    const $e = m(() => [
+      {
+        accessorKey: "name",
+        header: () => a("menu.takeaway.table.columns.name"),
+        enableSorting: !1,
+        // Legacy fixes the four column widths at 700/200/200/52 rather than
+        // letting them distribute (`portal views/Catalog/Edit/Takeaway.vue:84,
+        // 103, 116, 126`).
+        size: 700
+      },
+      {
+        id: "price",
+        // Legacy's header carries the currency symbol once
+        // (`menu.takeaway.table.columns.price` = "Price ({symbol})"), resolved
+        // from the business country (`Country.getCountry(country).currency`);
+        // the cell itself is a plain formatted number with no symbol
+        // (`formatCurrency(value, false)`), reproduced here rather than
+        // repeating the symbol on every row. `currencySymbol` is the SDK's own
+        // country-derived value, not a row's stored currency code.
+        header: () => {
+          var e;
+          return a("menu.takeaway.table.columns.price", {
+            symbol: ((e = i.value) == null ? void 0 : e.currencySymbol) ?? ""
+          });
+        },
+        enableSorting: !1,
+        size: 200,
+        meta: { textAlign: "right" },
+        cell: (e) => H(e.row.original)
+      },
+      {
+        id: "linkedProducts",
+        header: () => a("menu.takeaway.table.columns.products"),
+        enableSorting: !1,
+        size: 200,
+        cell: (e) => a("menu.takeaway.table.items_linked", {
+          count: e.row.original.linkedProductCount
+        })
+      },
+      ...b.catalogPage ? [] : [
+        {
+          id: "actions",
+          size: 52,
+          meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
+          header: "",
+          cell: (e) => $(N.FmButton, {
+            icon: "delete",
+            variant: "tertiary",
+            textColor: "neutral-gray-400",
+            disabled: e.row.original.remove.state !== "allowed",
+            "aria-label": a("menu.takeaway.table.remove_takeaway", {
+              name: e.row.original.name
+            }),
+            onClick: B(
+              () => te(e.row.original),
+              ["stop", "prevent"]
+            )
+          })
+        }
+      ]
+    ]);
+    return ze(() => {
+      b.sdk.takeaway.search(""), R(), u.value.dispose();
+    }), (e, l) => {
+      var ne;
+      const o = _("FmButton"), p = _("FmCircularProgress"), C = _("FmSearch"), V = _("FmTable"), Le = _("FmTooltip"), le = _("FmTextField"), Ue = _("FmSpacer"), Te = _("FmSideSheet");
+      return r(), h(Re, {
+        heading: e.catalogPage ? ((ne = i.value) == null ? void 0 : ne.catalogName) ?? (e.heading || t(a)("menu.common.labels.main")) : t(a)("menu.takeaway.title")
+      }, {
+        "prepend-heading": v(() => [
+          q(e.$slots, "prepend-heading")
+        ]),
+        "append-heading": v(() => [
+          !e.catalogPage && t(f).status === "ready" && i.value ? (r(), y("div", Je, [
+            d("div", We, [
+              d("div", Xe, [
+                d("p", Ye, k(t(G)(i.value.rows.length)), 1)
+              ])
+            ]),
+            i.value.rows.length > 0 && !I.value ? (r(), h(o, {
+              key: 0,
+              disabled: i.value.create.state !== "allowed",
+              label: t(a)("menu.takeaway.add"),
+              "prepend-icon": "add",
+              onClick: j
+            }, null, 8, ["disabled", "label"])) : x("", !0)
+          ])) : x("", !0),
+          q(e.$slots, "append-heading")
+        ]),
+        default: v(() => [
+          q(e.$slots, "navigation"),
+          t(f).status === "error" ? (r(), y("p", Ze, k(t(D)(t(f).error.message)), 1)) : t(f).status === "unavailable" ? (r(), y("p", ea, k(t(D)(t(f).reason)), 1)) : t(f).status === "loading" ? (r(), h(p, { key: 2 })) : i.value && i.value.rows.length === 0 && !A.value ? (r(), h(t(Me), {
+            key: 3,
+            class: "xs:pt-24",
+            action: i.value.create.state === "allowed" ? { text: t(a)("menu.takeaway.add"), callback: j } : void 0,
+            title: t(a)("menu.takeaway.empty.title"),
+            subtitle: t(a)("menu.takeaway.empty.subtitle")
+          }, null, 8, ["action", "title", "subtitle"])) : i.value ? (r(), y(z, { key: 4 }, [
+            I.value ? (r(), y(z, { key: 1 }, [
+              d("div", na, [
+                E(c(C, {
+                  class: "w-full",
+                  autofocus: "",
+                  "model-value": A.value,
+                  placeholder: t(a)("menu.takeaway.table.search.placeholder"),
+                  "onUpdate:modelValue": b.sdk.takeaway.search
+                }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]), [
+                  [M, t(a)("menu.takeaway.table.search.label")]
+                ])
+              ]),
+              d("div", oa, [
+                (r(!0), y(z, null, ue(i.value.rows, (n) => (r(), y("div", {
+                  key: n.id,
+                  class: "py-12 px-16 flex space-x-8 items-center cursor-pointer",
+                  "data-testid": "takeaway-phone-card",
+                  onClick: (g) => ee(n)
+                }, [
+                  d("div", ia, [
+                    d("p", ua, k(n.name), 1),
+                    d("p", ra, k(t(a)("menu.takeaway.table.items_linked", {
+                      count: n.linkedProductCount
+                    })), 1),
+                    d("p", da, k(t(a)("menu.takeaway.mobile.price", {
+                      price: `${i.value.currencySymbol}${H(n)}`
+                    })), 1)
+                  ]),
+                  e.catalogPage ? x("", !0) : (r(), h(o, {
+                    key: 0,
+                    disabled: n.remove.state !== "allowed",
+                    "aria-label": t(a)("menu.takeaway.table.remove_takeaway", { name: n.name }),
+                    "prepend-icon": "delete",
+                    "text-color": "neutral-gray-400",
+                    variant: "tertiary",
+                    onClick: B((g) => te(n), ["stop"])
+                  }, null, 8, ["disabled", "aria-label", "onClick"]))
+                ], 8, sa))), 128))
+              ])
+            ], 64)) : (r(), y("div", aa, [
+              d("div", ta, [
+                d("div", la, [
+                  E(c(C, {
+                    autofocus: "",
+                    "model-value": A.value,
+                    placeholder: t(a)("menu.takeaway.table.search.placeholder"),
+                    "onUpdate:modelValue": b.sdk.takeaway.search
+                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]), [
+                    [M, t(a)("menu.takeaway.table.search.label")]
+                  ])
+                ])
+              ]),
+              E(c(V, {
+                "column-defs": $e.value,
+                "hide-footer": "",
+                "page-size": i.value.rows.length,
+                "pin-header-row": "",
+                "row-data": pe.value,
+                "shrink-at": !1,
+                onRowClick: l[0] || (l[0] = (n) => ee(n.original))
+              }, null, 8, ["column-defs", "page-size", "row-data"]), [
+                [t(He), t(a)("menu.takeaway.table.columns.name")]
+              ])
+            ])),
+            I.value && !e.catalogPage && i.value.rows.length > 0 ? (r(), h(Qe, { key: 2 }, {
+              default: v(() => [
+                c(o, {
+                  disabled: i.value.create.state !== "allowed",
+                  label: t(a)("menu.takeaway.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: j
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : x("", !0)
+          ], 64)) : x("", !0),
+          c(Te, {
+            modelValue: P.value,
+            "onUpdate:modelValue": l[4] || (l[4] = (n) => P.value = n),
+            "is-container": t(N).FmForm,
+            "is-container-props": { onValidationSuccess: Ve },
+            "max-width": 560
+          }, {
+            "side-sheet-header": v(() => {
+              var n;
+              return [
+                d("p", ca, k(((n = s.value) == null ? void 0 : n.mode) === "update" ? t(a)("menu.takeaway.update") : t(a)("menu.takeaway.add")), 1)
+              ];
+            }),
+            "side-sheet-footer": v(() => {
+              var n, g;
+              return [
+                d("div", ya, [
+                  c(o, {
+                    disabled: ((n = s.value) == null ? void 0 : n.submit.state) !== "allowed",
+                    label: ((g = s.value) == null ? void 0 : g.mode) === "update" ? t(a)("menu.common.actions.update") : t(a)("menu.common.actions.add"),
+                    size: "lg",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"]),
+                  c(o, {
+                    label: t(a)("menu.common.actions.cancel"),
+                    size: "lg",
+                    variant: "tertiary",
+                    onClick: ae
+                  }, null, 8, ["label"])
+                ])
+              ];
+            }),
+            default: v(() => [
+              d("div", ma, [
+                c(re, null, {
+                  default: v(() => {
+                    var n, g, oe, se;
+                    return [
+                      c(le, Ee({
+                        disabled: ((n = s.value) == null ? void 0 : n.editName.state) !== "allowed",
+                        "error-messages": Y.value ? [t(D)(Y.value)] : [],
+                        label: t(a)("menu.takeaway.columns.title"),
+                        "model-value": ((g = s.value) == null ? void 0 : g.name) ?? "",
+                        placeholder: t(a)("menu.takeaway.placeholders.title")
+                      }, t(Q).field("name", u.value.setName)), {
+                        append: v(() => [
+                          c(Le, {
+                            placement: "top",
+                            variant: "plain",
+                            "z-index": 999
+                          }, {
+                            default: v(() => {
+                              var w;
+                              return [
+                                c(o, {
+                                  "aria-label": t(a)("menu.common.translation.translation_label"),
+                                  disabled: ((w = s.value) == null ? void 0 : w.translation.state) !== "allowed",
+                                  icon: "g_translate",
+                                  variant: "tertiary",
+                                  onClick: he
+                                }, null, 8, ["aria-label", "disabled"])
+                              ];
+                            }),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 16, ["disabled", "error-messages", "label", "model-value", "placeholder"]),
+                      c(le, {
+                        disabled: ((oe = s.value) == null ? void 0 : oe.editPrice.state) !== "allowed",
+                        inputmode: "decimal",
+                        label: t(a)("menu.takeaway.columns.price"),
+                        "model-value": ((se = s.value) == null ? void 0 : se.price) ?? "",
+                        placeholder: t(a)("menu.takeaway.placeholders.price"),
+                        "onUpdate:modelValue": l[1] || (l[1] = (w) => u.value.setPrice(w))
+                      }, {
+                        prepend: v(() => {
+                          var w;
+                          return [
+                            d("span", null, k(((w = s.value) == null ? void 0 : w.currencySymbol) ?? ""), 1)
+                          ];
+                        }),
+                        _: 1
+                      }, 8, ["disabled", "label", "model-value", "placeholder"])
+                    ];
+                  }),
+                  _: 1
+                }),
+                d("div", pa, [
+                  c(re, {
+                    title: t(a)("menu.common.labels.product")
+                  }, {
+                    "append-title": v(() => {
+                      var n;
+                      return [
+                        c(Ue),
+                        ((n = s.value) == null ? void 0 : n.editLinkedProducts.state) === "allowed" ? (r(), h(o, {
+                          key: 0,
+                          label: t(a)("menu.common.actions.link_product"),
+                          "border-color": "primary",
+                          "prepend-icon": "link",
+                          "text-color": "primary",
+                          variant: "secondary",
+                          onClick: l[2] || (l[2] = (g) => L.value = !0)
+                        }, null, 8, ["label"])) : x("", !0)
+                      ];
+                    }),
+                    default: v(() => [
+                      d("div", va, [
+                        d("p", ba, k(t(a)("menu.common.labels.product_count", {
+                          count: ge.value
+                        })), 1),
+                        E(c(C, {
+                          "model-value": fe.value,
+                          class: "flex-1",
+                          placeholder: t(a)("menu.common.labels.search_product"),
+                          "aria-label": t(a)("menu.apply_product.table.search.label"),
+                          "onUpdate:modelValue": l[3] || (l[3] = (n) => u.value.setLinkedProductQuery(String(n ?? "")))
+                        }, null, 8, ["model-value", "placeholder", "aria-label"]), [
+                          [
+                            M,
+                            t(a)("menu.apply_product.table.search.label")
+                          ]
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["title"]),
+                  (r(!0), y(z, null, ue(W.value, (n) => (r(), y("div", {
+                    key: n.id ?? ""
+                  }, [
+                    c(V, {
+                      "column-defs": Fe(n),
+                      "hide-footer": "",
+                      "page-size": X(n).length,
+                      "row-data": X(n),
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "page-size", "row-data"])
+                  ]))), 128))
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "is-container", "is-container-props"]),
+          c(Ke, {
+            modelValue: L.value,
+            "onUpdate:modelValue": l[5] || (l[5] = (n) => L.value = n),
+            catalogue: be.value,
+            "select-variant": ke.value,
+            "selected-products": ye.value,
+            title: t(a)("menu.takeaway.form.link_product.title"),
+            onSubmitLinks: _e
+          }, null, 8, ["modelValue", "catalogue", "select-variant", "selected-products", "title"]),
+          s.value ? (r(), h(je, {
+            key: 5,
+            dirty: s.value.translationDirty,
+            "model-value": S.value,
+            name: s.value.name,
+            "name-locale": s.value.nameLocale,
+            "name-section-label": t(a)("menu.common.translation.name_section", {
+              entity: t(a)("menu.takeaway.title")
+            }),
+            "supported-locales": s.value.supportedLocales,
+            title: t(a)("menu.common.translation.sheet_title", {
+              entity: t(a)("menu.takeaway.title")
+            }),
+            onDiscard: K,
+            onSave: we,
+            "onUpdate:modelValue": l[6] || (l[6] = (n) => n || K()),
+            "onUpdate:name": u.value.setName,
+            "onUpdate:nameLocale": u.value.setNameLocale
+          }, null, 8, ["dirty", "model-value", "name", "name-locale", "name-section-label", "supported-locales", "title", "onUpdate:name", "onUpdate:nameLocale"])) : x("", !0)
+        ]),
+        _: 3
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  La as _
+};

package/dist/TextChip.vue_vue_type_script_setup_true_lang-YkUjMTXo.js

@@ -0,0 +1,32 @@
+import { defineComponent as s, computed as m, openBlock as l, createElementBlock as a, normalizeClass as c, toDisplayString as p } from "vue";
+const i = /* @__PURE__ */ s({
+  __name: "TextChip",
+  props: {
+    label: {},
+    variant: {},
+    border: { type: Boolean },
+    bold: { type: Boolean, default: !0 },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const o = e, t = {
+      neutral: "text-fm-color-typo-neutral bg-fm-color-neutral-gray-100",
+      primary: "text-fm-color-typo-primary bg-fm-color-system-primary-100",
+      secondary: "text-fm-color-typo-secondary bg-fm-color-system-secondary-100",
+      success: "text-fm-color-typo-success bg-fm-color-system-success-100",
+      warning: "text-fm-color-primary bg-fm-color-system-warning-100",
+      error: "text-fm-color-typo-error bg-fm-color-system-error-100",
+      info: "text-fm-color-typo-info bg-fm-color-system-info-100"
+    }, n = m(() => o.size === "xs" ? "text-[8px] tracking-wide leading-[10px] no-underline" : o.size === "sm" ? o.bold ? "fm-typo-en-body-sm-600" : "fm-typo-en-body-sm-400" : o.bold ? "fm-typo-en-body-md-600" : "fm-typo-en-body-md-400");
+    return (r, y) => (l(), a("span", {
+      class: c(["inline-block fm-corner-radius-md px-4 py-[2px] text-nowrap max-w-full", [
+        n.value,
+        t[r.variant],
+        r.border ? "border border-fm-color-neutral-gray-400" : ""
+      ]])
+    }, p(r.label), 3));
+  }
+});
+export {
+  i as _
+};