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

package/dist/ProductChipSummary.vue_vue_type_script_setup_true_lang-D9v88xZs.js

@@ -0,0 +1,111 @@
+import { defineComponent as V, computed as u, ref as j, resolveComponent as _, openBlock as t, createBlock as b, withCtx as i, createElementVNode as c, createElementBlock as p, Fragment as x, renderList as h, toDisplayString as r, createTextVNode as E, unref as k, createCommentVNode as f, withKeys as K, withModifiers as w } from "vue";
+import { useI18n as L } from "@feedmepos/mf-common";
+import { useBreakpoints as S } from "@feedmepos/ui-library";
+const $ = { class: "flex flex-wrap gap-8 min-w-0 max-w-full" }, z = { class: "fm-typo-en-body-md-600 truncate" }, D = { class: "py-12 px-16 space-y-12" }, I = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, M = { class: "flex flex-wrap gap-8" }, P = { class: "fm-typo-en-body-md-600 break-words min-w-0" }, q = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, A = { key: 0 }, G = {
+  key: 1,
+  class: "inline-block w-8"
+}, Q = /* @__PURE__ */ V({
+  __name: "ProductChipSummary",
+  props: {
+    kind: {},
+    chips: {}
+  },
+  setup(C) {
+    const d = C, { t: l } = L(), m = u(
+      () => d.kind === "category" ? {
+        column: l("menu.product.table.columns.category"),
+        all: l("menu.product.table.category.all"),
+        expand: (e) => l("menu.product.table.category.expand", { count: e }),
+        collapse: l("menu.product.table.category.collapse")
+      } : {
+        column: l("menu.product.table.columns.tagging"),
+        all: l("menu.product.table.tagging.all"),
+        expand: (e) => l("menu.product.table.tagging.expand", { count: e }),
+        collapse: l("menu.product.table.tagging.collapse")
+      }
+    ), F = (e) => d.kind === "tagging" ? l("menu.common.labels.a11y_labelled_name", {
+      label: e.key,
+      name: e.label
+    }) : e.label, B = S(), v = u(() => B.breakpoints.value.xs), o = j(!0), y = u(() => v.value ? 1 : 2), g = u(() => d.chips.slice(0, y.value)), N = u(() => {
+      const e = l("menu.catalog.list_separator");
+      if (!o.value)
+        return d.chips.map((n) => n.label).join(e);
+      const a = g.value.map((n) => n.label).join(e);
+      return a.length > 20 ? a.slice(0, 20) + l("menu.common.labels.truncation_suffix") : a;
+    });
+    return (e, a) => {
+      const n = _("FmChip"), T = _("FmTooltip");
+      return v.value ? e.chips.length ? (t(), p("p", q, [
+        c("span", null, r(k(l)("menu.common.labels.a11y_labelled_name", {
+          label: m.value.column,
+          name: N.value
+        })), 1),
+        o.value ? (t(), p("span", G)) : (t(), p("br", A)),
+        e.chips.length > y.value ? (t(), p("span", {
+          key: 2,
+          role: "button",
+          tabindex: "0",
+          class: "fm-typo-en-body-md-400 text-fm-color-primary cursor-pointer",
+          onClick: a[0] || (a[0] = w((s) => o.value = !o.value, ["stop", "prevent"])),
+          onKeydown: a[1] || (a[1] = K(w((s) => o.value = !o.value, ["stop", "prevent"]), ["enter"]))
+        }, r(o.value ? m.value.expand(e.chips.length - y.value) : m.value.collapse), 33)) : f("", !0)
+      ])) : f("", !0) : (t(), b(T, {
+        key: 0,
+        class: "flex min-w-0 max-w-full",
+        variant: "rich",
+        placement: "top",
+        "z-index": 50
+      }, {
+        content: i(() => [
+          c("div", D, [
+            c("p", I, r(m.value.all), 1),
+            c("div", M, [
+              (t(!0), p(x, null, h(e.chips, (s) => (t(), b(n, {
+                key: s.key,
+                compact: "",
+                class: "max-w-full !h-auto min-h-[22px] !px-4 py-2"
+              }, {
+                default: i(() => [
+                  c("span", P, r(F(s)), 1)
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ])
+          ])
+        ]),
+        default: i(() => [
+          c("div", $, [
+            (t(!0), p(x, null, h(g.value, (s) => (t(), b(n, {
+              key: s.key,
+              compact: "",
+              class: "max-w-full !px-4"
+            }, {
+              default: i(() => [
+                c("span", z, r(s.label), 1)
+              ]),
+              _: 2
+            }, 1024))), 128)),
+            e.chips.length > y.value ? (t(), b(n, {
+              key: 0,
+              compact: "",
+              class: "fm-typo-en-body-md-600 !px-4",
+              "aria-label": m.value.all
+            }, {
+              default: i(() => [
+                E(r(k(l)("menu.common.labels.truncation_suffix")), 1)
+              ]),
+              _: 1
+            }, 8, ["aria-label"])) : f("", !0)
+          ])
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  Q as _
+};

package/dist/{ProductEditorHost.vue_vue_type_script_setup_true_lang-CBlDEjqF.js → ProductEditorHost.vue_vue_type_script_setup_true_lang-DsIGLKNS.js}

@@ -1,9 +1,9 @@
-import { defineComponent as C, ref as E, openBlock as r, createElementBlock as _, Fragment as g, createVNode as c, unref as t, withCtx as p, createBlock as v, createCommentVNode as f, createElementVNode as $ } from "vue";
-import { useI18n as B } from "@feedmepos/mf-common";
-import { useSnackbar as I, SnackbarPosition as N } from "@feedmepos/ui-library";
-import { _ as O } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-cG47Pu-6.js";
-import { _ as S, c as P, b as T, I as V } from "./ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-0UwUcA2L.js";
-const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
+import { defineComponent as C, ref as E, openBlock as r, createElementBlock as g, Fragment as _, createVNode as c, unref as t, withCtx as p, createBlock as v, createCommentVNode as f, createElementVNode as B } from "vue";
+import { useI18n as I } from "@feedmepos/mf-common";
+import { useSnackbar as N, SnackbarPosition as P } from "@feedmepos/ui-library";
+import { _ as $ } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-B3bShTjM.js";
+import { P as O, b as S, _ as T, I as V } from "./ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-BzctosMW.js";
+const F = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
   __name: "ProductEditorHost",
   props: {
     sdk: {},
@@ -13,8 +13,8 @@ const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
     validation: {}
   },
   emits: ["update:open", "submit", "select-scope"],
-  setup(F, { emit: y }) {
-    const s = y, { t: n } = B(), k = I(), m = E(null);
+  setup(A, { emit: y }) {
+    const s = y, { t: n } = I(), k = N(), m = E(null);
     function w(e) {
       var o;
       (o = m.value) == null || o.open(e);
@@ -24,17 +24,17 @@ const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
       name: o
     }) {
       const i = e === "category" || e === "subcategory" ? n(V[e].success, { name: o }) : e === "priceGroup" ? n("menu.price_tier.add_price_group_success") : e === "variant" ? n("menu.variant.form.saved", { name: o }) : n("menu.product.manager.action.saved", { name: o });
-      k.open({ type: "success", title: i, position: N.BOTTOM });
+      k.open({ type: "success", title: i, position: P.BOTTOM });
     }
     return (e, o) => {
-      var i, l, d, u;
-      return r(), _(g, null, [
-        c(O, {
+      var i, d, l, u;
+      return r(), g(_, null, [
+        c($, {
           show: e.open,
           title: ((i = e.view) == null ? void 0 : i.mode) === "update" ? t(n)("menu.product.form.title.update") : t(n)("menu.product.form.title.add"),
           "primary-action": {
-            label: ((l = e.view) == null ? void 0 : l.mode) === "update" ? t(n)("menu.common.actions.update") : t(n)("menu.common.actions.add"),
-            disabled: ((d = e.view) == null ? void 0 : d.submit.state) !== "allowed"
+            label: ((d = e.view) == null ? void 0 : d.mode) === "update" ? t(n)("menu.common.actions.update") : t(n)("menu.common.actions.add"),
+            disabled: ((l = e.view) == null ? void 0 : l.submit.state) !== "allowed"
           },
           "secondary-actions": [
             {
@@ -46,8 +46,8 @@ const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
           onOnCancel: o[2] || (o[2] = (a) => s("update:open", !1))
         }, {
           "append-title": p(() => [
-            $("div", A, [
-              e.view ? (r(), v(P, {
+            B("div", F, [
+              e.view ? (r(), v(S, {
                 key: 0,
                 summary: e.view.summary,
                 variant: "dialog"
@@ -55,7 +55,7 @@ const A = { class: "hidden xs:block sm:block" }, h = /* @__PURE__ */ C({
             ])
           ]),
           default: p(() => [
-            e.view && e.session ? (r(), v(S, {
+            e.view && e.session ? (r(), v(O, {
               key: 0,
               sdk: e.sdk,
               view: e.view,