@feedmepos/mf-menu 0.31.32-prod → 0.31.33-beta.10

package/dist/{CookingGuide-kVclP--T.js → CookingGuide-Day6eG7h.js}

@@ -1,26 +1,26 @@
-import { defineComponent as ae, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as I, toDisplayString as S, Fragment as z, renderList as H, withModifiers as le, createCommentVNode as ce, createTextVNode as fe, h as R } from "vue";
+import { defineComponent as ae, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as I, toDisplayString as S, Fragment as z, renderList as H, withModifiers as le, createCommentVNode as ce, createTextVNode as fe, h as A } from "vue";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { components as ue, useSnackbar as be, useDialog as ye } from "@feedmepos/ui-library";
 import { _ as ke } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as he } from "./app-D23N7tJ0.js";
-import { H as ee, I as me, J as re, G as oe, u as xe, O as Ce, D as we } from "./menu-DcGo3sn5.js";
+import { _ as he } from "./app-CAhJXoa3.js";
+import { H as ee, I as me, J as re, A as oe, u as xe, O as Ce, G as we } from "./menu-D_Cckz_p.js";
 import { d as Fe } from "./vuedraggable-CK8z7qA8.js";
 import { _ as Z } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Ve } from "./LinkProductSideSheet-CEClo07H.js";
+import { L as Ve } from "./LinkProductSideSheet-32r2l60j.js";
 import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Le = { class: "px-16 py-8 grow" }, Ne = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Be = { class: "flex gap-8 items-center justify-start" }, Me = /* @__PURE__ */ ae({
+const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Le = { class: "px-16 py-8 w-[40%]" }, Ne = { class: "px-16 py-8 grow" }, De = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Be = { class: "flex gap-8 items-center justify-start" }, Me = /* @__PURE__ */ ae({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
-  setup(L, { expose: g, emit: J }) {
+  setup(N, { expose: g, emit: J }) {
     const { t: u } = se();
     g({
       show: d,
       hide: $
     });
-    const N = J;
-    function D() {
+    const D = J;
+    function L() {
       return {
         id: "",
         variables: {},
@@ -29,18 +29,18 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     }
     const C = w(!1), U = w(!1), E = w(void 0);
     function d(v) {
-      U.value = !!v, E.value = v ? ee(v) : D(), m.value = ee(E.value), F.value = Object.entries(m.value.variables).map(
+      U.value = !!v, E.value = v ? ee(v) : L(), m.value = ee(E.value), F.value = Object.entries(m.value.variables).map(
         ([t, f]) => ({ key: t, value: f })
       ), C.value = !0;
     }
     function $() {
       C.value = !1;
     }
-    const m = w(D()), F = w([]);
+    const m = w(L()), F = w([]);
     function X() {
       F.value.push({ key: "", value: "" });
     }
-    function A(v) {
+    function R(v) {
       F.value.splice(v, 1);
     }
     function G(v) {
@@ -81,7 +81,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }
     );
     function T() {
-      $(), N("onComplete", {
+      $(), D("onComplete", {
         ...m.value,
         variables: F.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
       });
@@ -147,14 +147,14 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
               default: p(() => [
                 a("div", null, [
                   a("div", Ke, [
-                    a("div", De, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
-                    a("div", Le, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
+                    a("div", Le, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
+                    a("div", Ne, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
                   (k(!0), I(z, null, H(F.value, (B, M) => (k(), I("div", {
                     key: M,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
-                    a("div", Ne, [
+                    a("div", De, [
                       l(_, {
                         modelValue: F.value[M].key,
                         "onUpdate:modelValue": (O) => F.value[M].key = O,
@@ -180,7 +180,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                       icon: "delete",
                       variant: "tertiary",
                       "text-color": "neutral-gray-400",
-                      onClick: () => A(M)
+                      onClick: () => R(M)
                     }, null, 8, ["onClick"])
                   ]))), 128))
                 ])
@@ -215,17 +215,17 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), ze = { class: "w-[700px]" }, Re = { class: "flex bg-fm-color-neutral-gray-100" }, Ae = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, He = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = /* @__PURE__ */ ae({
+}), ze = { class: "w-[700px]" }, Ae = { class: "flex bg-fm-color-neutral-gray-100" }, Re = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, He = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = /* @__PURE__ */ ae({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
-  setup(L, { expose: g, emit: J }) {
+  setup(N, { expose: g, emit: J }) {
     const { t: u } = se();
     g({
       show: d,
       hide: $
     });
-    const N = J;
-    function D() {
+    const D = J;
+    function L() {
       return {
         productId: "",
         overrides: []
@@ -233,17 +233,17 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     }
     const C = w(!1), U = w(""), E = w([]);
     function d(h) {
-      U.value = h.itemName, E.value = h.steps, m.value = h.bindings ? ee(h.bindings) : D(), C.value = !0;
+      U.value = h.itemName, E.value = h.steps, m.value = h.bindings ? ee(h.bindings) : L(), C.value = !0;
     }
     function $() {
       C.value = !1;
     }
-    const m = w(D()), F = V(() => m.value.overrides.reduce((h, n) => (h[n.id] = n, h), {}));
+    const m = w(L()), F = V(() => m.value.overrides.reduce((h, n) => (h[n.id] = n, h), {}));
     function X(h, n) {
       var s;
       return ((s = F.value[h]) == null ? void 0 : s.variables[n]) ?? "";
     }
-    function A(h, n, s) {
+    function R(h, n, s) {
       const K = m.value.overrides.findIndex((T) => T.id === h);
       s ? K < 0 ? m.value.overrides.push({
         id: h,
@@ -251,7 +251,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }) : m.value.overrides[K].variables[n] = s : K >= 0 && (delete m.value.overrides[K].variables[n], Object.keys(m.value.overrides[K].variables).length || m.value.overrides.splice(K, 1));
     }
     function G() {
-      $(), N("onComplete", m.value);
+      $(), D("onComplete", m.value);
     }
     return (h, n) => {
       const s = x("FmTextField"), K = x("FmSpacer"), T = x("FmButton"), v = x("FmDialog");
@@ -284,8 +284,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         ]),
         default: p(() => [
           a("div", ze, [
-            a("div", Re, [
-              a("div", Ae, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
+            a("div", Ae, [
+              a("div", Re, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
               a("div", Pe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
               a("div", qe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
             ]),
@@ -305,7 +305,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   l(s, {
                     "model-value": X(t.id, _.toString()),
                     placeholder: f,
-                    "onUpdate:modelValue": (P) => A(t.id, _.toString(), P)
+                    "onUpdate:modelValue": (P) => R(t.id, _.toString(), P)
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ]))), 128))
               ])
@@ -329,13 +329,13 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     }
   },
   emits: ["onSave"],
-  setup(L, { expose: g, emit: J }) {
-    const u = L;
+  setup(N, { expose: g, emit: J }) {
+    const u = N;
     g({
       showModal: U,
       hideModal: E
     });
-    function N() {
+    function D() {
       return {
         _id: "",
         name: "",
@@ -343,14 +343,14 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         steps: []
       };
     }
-    const D = w(!1), C = w(void 0);
+    const L = w(!1), C = w(void 0);
     function U(e) {
-      C.value = e ? ee(e) : N(), d.value = ee(C.value), D.value = !0;
+      C.value = e ? ee(e) : D(), d.value = ee(C.value), L.value = !0;
     }
     function E() {
-      D.value = !1;
+      L.value = !1;
     }
-    const d = w(N()), $ = w();
+    const d = w(D()), $ = w();
     function m() {
       var e;
       (e = $.value) == null || e.show();
@@ -362,7 +362,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     function X(e) {
       d.value.steps.splice(e, 1);
     }
-    function A(e) {
+    function R(e) {
       if (!e.id)
         d.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
       else {
@@ -381,7 +381,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         (r) => r.productId === e && r.combinationKey == o
       );
     }
-    function n(e) {
+    function n({ items: e }) {
       const o = e.reduce((r, c) => (r[c._id] = r[c._id] ?? [], c.combinationKey && (r[c._id] = [...r[c._id], c.combinationKey]), r), {}), b = Object.entries(o).reduce(
         (r, [c, Q]) => {
           var te;
@@ -484,7 +484,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     const _e = pe(
       () => !me.isEqual(C.value, d.value),
       () => {
-        D.value = !1;
+        L.value = !1;
       }
     );
     function ve() {
@@ -494,8 +494,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       const b = x("FmTextField"), r = x("FmButton"), c = x("FmCardSection"), Q = x("FmCard"), te = x("FmSpacer"), ne = x("FmSearch"), ie = x("FmSideSheet");
       return k(), I(z, null, [
         l(ie, {
-          modelValue: D.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (y) => D.value = y),
+          modelValue: L.value,
+          "onUpdate:modelValue": o[4] || (o[4] = (y) => L.value = y),
           header: f.value,
           "max-width": 560,
           "is-container": i(ue).FmForm,
@@ -600,14 +600,14 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                 ]),
                 _: 1
               }, 8, ["title"]),
-              L.canApplyItems ? (k(), Y(Z, {
+              N.canApplyItems ? (k(), Y(Z, {
                 key: 0,
                 title: i(t)("menu.cooking_guide.dialog.sections.apply_product.title")
               }, {
                 "append-title": p(() => [
                   l(te),
                   l(Ve, {
-                    "categorized-items": L.categorizedItems,
+                    "categorized-items": N.categorizedItems,
                     "initial-value": d.value.bindings.map((y) => ({
                       _id: y.productId,
                       combinationKey: y.combinationKey
@@ -678,7 +678,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         l(Me, {
           ref_key: "cookingGuideStepDialogRef",
           ref: $,
-          onOnComplete: A
+          onOnComplete: R
         }, null, 512),
         l(Je, {
           ref_key: "cookingGuideStepOverrideDialogRef",
@@ -689,25 +689,25 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     };
   }
 });
-function ro(L) {
+function ro(N) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.create,
-    data: oe.FdoMenuCookingGuide.parse(L)
+    data: oe.FdoMenuCookingGuide.parse(N)
   };
 }
-function co(L) {
+function co(N) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.update,
-    data: oe.FdoMenuCookingGuide.parse(L)
+    data: oe.FdoMenuCookingGuide.parse(N)
   };
 }
-function mo(L) {
+function mo(N) {
   return {
     module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
     operation: re.F_OPERATION_TYPE.delete,
-    data: L._id
+    data: N._id
   };
 }
 const po = {
@@ -724,7 +724,7 @@ const po = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Eo = /* @__PURE__ */ ae({
   __name: "CookingGuide",
-  setup(L) {
+  setup(N) {
     const {
       t: g
     } = se(), J = V(() => [{
@@ -761,39 +761,39 @@ const po = {
         headerContentClass: "-mx-16"
       },
       enableSorting: !1,
-      cell: (n) => R("div", {
+      cell: (n) => A("div", {
         class: "flex justify-end"
-      }, [R(ue.FmButton, {
+      }, [A(ue.FmButton, {
         icon: "delete",
         textColor: "neutral-gray-400",
         variant: "tertiary",
         onClick: le(() => {
-          A(n.row.original);
+          R(n.row.original);
         }, ["stop", "prevent"])
       })])
-    }]), u = xe(), N = V(() => E.checkMenuIsLoading()), D = V(() => u.categorizedItems), C = V(() => u.state.menu.modules.cookingGuide), U = V(() => C.value.length > 0), E = Ce(we(be())), d = w();
+    }]), u = xe(), D = V(() => E.checkMenuIsLoading()), L = V(() => u.categorizedItems), C = V(() => u.state.menu.modules.cookingGuide), U = V(() => C.value.length > 0), E = Ce(we(be())), d = w();
     function $() {
       var n;
-      N.value || (n = d.value) == null || n.showModal();
+      D.value || (n = d.value) == null || n.showModal();
     }
     function m(n) {
       var s;
-      N.value || (s = d.value) == null || s.showModal(n);
+      D.value || (s = d.value) == null || s.showModal(n);
     }
     async function F(n) {
       const s = n._id ? co(n) : ro(n);
       await E.updateMenu(s, n.name);
     }
     const X = ye();
-    async function A(n) {
-      let s = [R("span", g("menu.cooking_guide.dialogs.remove.message.prefix")), R("span", {
+    async function R(n) {
+      let s = [A("span", g("menu.cooking_guide.dialogs.remove.message.prefix")), A("span", {
         class: "fm-typo-en-body-lg-600"
-      }, n.name), R("span", "?")];
-      n.bindings.length && (s = [R("span", g("menu.cooking_guide.dialogs.remove.message.products_using")), R("span", {
+      }, n.name), A("span", "?")];
+      n.bindings.length && (s = [A("span", g("menu.cooking_guide.dialogs.remove.message.products_using")), A("span", {
         class: "fm-typo-en-body-lg-600"
-      }, n.bindings.length), R("span", g("menu.cooking_guide.dialogs.remove.message.products_count")), ...s]), X.open({
+      }, n.bindings.length), A("span", g("menu.cooking_guide.dialogs.remove.message.products_count")), ...s]), X.open({
         title: g("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: R("div", s),
+        contentComponent: A("div", s),
         primaryActions: {
           text: g("menu.cooking_guide.actions.remove"),
           close: !0,
@@ -818,7 +818,7 @@ const po = {
       }, {
         "append-heading": p(() => [a("div", po, [U.value ? (k(), Y(ke, {
           key: 0,
-          disabled: N.value,
+          disabled: D.value,
           icon: "add",
           label: i(g)("menu.cooking_guide.actions.add"),
           variant: "primary",
@@ -837,7 +837,7 @@ const po = {
         }, {
           default: p(() => [l(T, {
             "column-defs": J.value,
-            loading: N.value,
+            loading: D.value,
             "page-size": C.value.length,
             "row-data": C.value,
             "search-value": G.value,
@@ -864,11 +864,11 @@ const po = {
             })), 1), a("div", bo, S(i(g)("menu.cooking_guide.table.columns.steps", {
               count: _.steps.length
             })), 1)])]), l(v, {
-              disabled: N.value,
+              disabled: D.value,
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: le(() => A(_), ["stop"])
+              onClick: le(() => R(_), ["stop"])
             }, null, 8, ["disabled", "onClick"])]),
             _: 2
           }, 1032, ["label", "onClick"]))), 128))]),
@@ -884,7 +884,7 @@ const po = {
         }, null, 8, ["action", "subtitle", "title"])), l(uo, {
           ref_key: "cookingGuideDialogRef",
           ref: d,
-          "categorized-items": D.value,
+          "categorized-items": L.value,
           onOnSave: F
         }, null, 8, ["categorized-items"])]),
         _: 1

package/dist/CustomAttributeChip.vue_vue_type_script_setup_true_lang-CzrjTv0X.js

@@ -0,0 +1,113 @@
+import { defineComponent as S, computed as o, createBlock as v, openBlock as t, unref as c, withCtx as g, renderSlot as B, ref as A, resolveComponent as I, createElementBlock as a, createElementVNode as m, createCommentVNode as b, Fragment as f, renderList as C, toDisplayString as d, withModifiers as F } from "vue";
+import { useI18n as V } from "@feedmepos/mf-common";
+import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";
+import { u as D } from "./menu-D_Cckz_p.js";
+import { useBreakpoints as E } from "@feedmepos/ui-library";
+import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+const X = /* @__PURE__ */ S({
+  __name: "SchedulerSelector",
+  setup(k) {
+    const s = D(), { t: n } = V(), l = o({
+      get: () => s.state.currentSchedulerId || "",
+      set: (e) => s.selectScheduler(e)
+    }), _ = o(() => [
+      { label: n("menu.common.labels.summary"), value: "" },
+      ...s.schedulers.map((e) => ({
+        label: e.name,
+        value: e._id
+      }))
+    ]), h = o(() => {
+      var e;
+      return ((e = _.value.find((r) => r.value === l.value)) == null ? void 0 : e.label) || n("menu.common.labels.summary");
+    });
+    return (e, r) => (t(), v(M, {
+      modelValue: l.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
+      items: _.value,
+      placeholder: c(n)("menu.common.labels.summary"),
+      "search-placeholder": c(n)("menu.common.actions.search"),
+      title: c(n)("menu.common.labels.scheduler_title", { label: h.value })
+    }, {
+      append: g(() => [
+        B(e.$slots, "append")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "items", "placeholder", "search-placeholder", "title"]));
+  }
+}), L = { class: "flex flex-wrap gap-8" }, N = { class: "py-12 px-16 space-y-12" }, O = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, T = { class: "flex flex-wrap gap-8" }, z = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, U = { key: 0 }, q = {
+  key: 1,
+  class: "inline-block w-8"
+}, G = { key: 0 }, H = { key: 1 }, Y = /* @__PURE__ */ S({
+  __name: "CustomAttributeChip",
+  props: {
+    customAttributes: {},
+    ellipsis: { type: Boolean, default: !0 }
+  },
+  setup(k) {
+    const s = k, { t: n } = V(), l = o(() => Object.values(s.customAttributes || {})), _ = E(), h = o(() => _.breakpoints.value.xs), e = o(() => s.ellipsis ? h.value ? 1 : 2 : 1 / 0), r = o(() => l.value.length <= e.value ? l.value : l.value.slice(0, e.value)), u = A(!0), $ = o(() => {
+      if (u.value) {
+        const i = r.value.join(", ");
+        return i.length > 20 ? i.slice(0, 20) + "..." : i;
+      }
+      return l.value.join(", ");
+    });
+    return (j, i) => {
+      const w = I("FmTooltip");
+      return h.value ? (t(), a(f, { key: 1 }, [
+        l.value.length > 0 ? (t(), a("p", z, [
+          m("span", null, d(c(n)("menu.product.table.columns.tagging")) + ": ", 1),
+          m("span", null, d($.value), 1),
+          u.value ? (t(), a("span", q)) : (t(), a("br", U)),
+          l.value.length > e.value ? (t(), a("span", {
+            key: 2,
+            class: "fm-typo-en-body-md-400 text-fm-color-primary cursor-pointer",
+            onClick: i[0] || (i[0] = F((p) => u.value = !u.value, ["stop", "prevent"]))
+          }, [
+            u.value ? (t(), a("span", G, d(c(n)("menu.product.table.tagging.expand", { count: l.value.length - e.value })), 1)) : (t(), a("span", H, d(c(n)("menu.product.table.tagging.collapse")), 1))
+          ])) : b("", !0)
+        ])) : b("", !0)
+      ], 64)) : (t(), v(w, {
+        key: 0,
+        class: "flex",
+        variant: "rich",
+        placement: "top",
+        "z-index": 50
+      }, {
+        content: g(() => [
+          m("div", N, [
+            m("p", O, d(c(n)("menu.product.table.tagging.all")), 1),
+            m("div", T, [
+              (t(!0), a(f, null, C(Object.entries(s.customAttributes || {}), ([p, x]) => (t(), v(y, {
+                key: x,
+                label: `${p}: ${x}`,
+                variant: "neutral"
+              }, null, 8, ["label"]))), 128))
+            ])
+          ])
+        ]),
+        default: g(() => [
+          m("div", L, [
+            (t(!0), a(f, null, C(r.value, (p) => (t(), v(y, {
+              key: p,
+              label: p,
+              variant: "neutral"
+            }, null, 8, ["label"]))), 128)),
+            l.value.length > e.value ? (t(), v(y, {
+              key: 0,
+              label: "...",
+              variant: "neutral"
+            })) : b("", !0)
+          ])
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  Y as _,
+  X as a
+};

package/dist/{Group-Bgkye2LL.js → Group-HAAm8its.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-Bij0tGMP.js";
+import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-CTDR_kMg.js";
 export {
   f as default
 };

package/dist/{Group-CAS6o4Fo.js → Group-_G2GnGz-.js}

@@ -2,9 +2,9 @@ import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-Bij0tGMP.js";
-import { A as b } from "./item-DH1xf2Sa.js";
-import { a as h } from "./menu-Dx39P1vR.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-CTDR_kMg.js";
+import { A as b } from "./item-DX44khy2.js";
+import { a as h } from "./menu-DT5c-FqY.js";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, j = /* @__PURE__ */ m({
   __name: "Group",
   setup(N) {