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

package/dist/{Unit-Do7Tt8U8.js → Unit-B5wKBmIT.js}

@@ -1,55 +1,53 @@
-import { defineComponent as ae, computed as p, ref as ve, shallowRef as X, h as pe, withModifiers as Y, onUnmounted as be, resolveComponent as h, openBlock as r, createBlock as F, unref as e, withCtx as V, createElementBlock as v, toDisplayString as x, Fragment as j, createElementVNode as c, createVNode as m, renderList as Z, createCommentVNode as $, mergeProps as I } from "vue";
+import { defineComponent as ae, computed as v, ref as ve, shallowRef as X, h as pe, withModifiers as Y, onUnmounted as be, resolveComponent as h, openBlock as m, createBlock as w, unref as e, withCtx as S, createElementBlock as p, toDisplayString as x, Fragment as j, createElementVNode as c, createVNode as r, renderList as Z, createCommentVNode as V, mergeProps as I } from "vue";
 import { useI18n as fe } from "@feedmepos/mf-common";
 import { useDialog as ye, useBreakpoints as _e, components as ee, FmButtonVariant as ge } from "@feedmepos/ui-library";
-import { _ as ke } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as he } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as we } from "./useActionFeedback-CXx7dOVc.js";
-import { u as Ce } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as Fe, u as Se, a as Me } from "./provide-Bwf3KcOV.js";
+import { _ as ke } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as he } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as xe } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { _ as we } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { u as Ce } from "./useActionFeedback-CElXij1W.js";
+import { u as Fe } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Se, u as $e, a as Me } from "./provide-BGLSDsuJ.js";
 const Ve = {
   key: 0,
   class: "flex-1 flex justify-between gap-8 pl-8"
-}, $e = { class: "flex items-center" }, Ie = {
+}, Ie = { class: "flex items-center" }, Ne = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Ne = {
+}, Ue = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, Ue = { class: "flex justify-end items-center" }, Be = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Ee = {
+}, Be = { class: "flex justify-end items-center" }, Ee = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, je = {
   key: 1,
   class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, je = ["onClick"], Ae = { class: "min-w-0 flex-1" }, ze = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, De = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, Oe = { class: "fm-typo-en-title-md-600" }, Re = { class: "pt-8 space-y-40" }, Te = { class: "flex flex-row gap-16" }, Le = { class: "flex justify-between items-center" }, Ke = { class: "fm-typo-en-body-md-600" }, qe = { class: "flex flex-row gap-8" }, Qe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ge = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ ae({
+}, Ae = ["onClick"], Pe = { class: "min-w-0 flex-1" }, ze = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, De = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Oe = { class: "fm-typo-en-title-md-600" }, Re = { class: "pt-8 space-y-40" }, Te = { class: "flex flex-row gap-16" }, Le = { class: "flex justify-between items-center" }, Ke = { class: "fm-typo-en-body-md-600" }, qe = { class: "flex flex-row gap-8" }, Qe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ge = { class: "flex gap-8 items-center justify-start" }, He = /* @__PURE__ */ ae({
   __name: "UnitList",
   props: {
     sdk: {}
   },
   setup(A) {
-    const _ = A, { t: a } = fe(), w = Fe(), z = ye(), { run: P } = we(), b = Se(_.sdk.unit.list), d = p(
+    const _ = A, { t: a } = fe(), C = Se(), P = ye(), { run: z } = Ce(), b = $e(_.sdk.unit.list), d = v(
       () => b.value.status === "ready" ? b.value.value : null
-    ), le = p(() => {
+    ), le = v(() => {
       var l;
       return ((l = d.value) == null ? void 0 : l.query) ?? "";
-    }), { breakpoints: te } = _e(), N = p(() => te.value.xs), se = p(() => {
+    }), { breakpoints: te } = _e(), N = v(() => te.value.xs), se = v(() => {
       var l;
       return [...((l = d.value) == null ? void 0 : l.rows) ?? []];
-    }), f = ve(!1), i = X(_.sdk.unit.editor()), S = X(
+    }), f = ve(!1), i = X(_.sdk.unit.editor()), $ = X(
       i.value.get()
     );
     let U = i.value.subscribe(
       (l) => {
-        S.value = l;
+        $.value = l;
       }
     );
-    const o = p(
-      () => S.value.status === "ready" ? S.value.value : null
-    ), y = Ce(() => i.value), D = p(
+    const o = v(
+      () => $.value.status === "ready" ? $.value.value : null
+    ), y = Fe(() => i.value), D = v(
       () => o.value ? y.issue(o.value.fieldIssues, "name") ?? o.value.nameIssue : null
-    ), O = p(
+    ), O = v(
       () => o.value ? y.issue(o.value.fieldIssues, "symbol") ?? o.value.symbolIssue : null
     );
     function R(l) {
@@ -57,7 +55,7 @@ const Ve = {
       const t = l == null ? void 0 : l.match(/^(measurementName|measurementSymbol):(\d+)$/), u = t ? (g = o.value) == null ? void 0 : g.measurements[Number(t[2]) - 1] : void 0;
       return t && u ? `${t[1]}:${u.id}` : l;
     }
-    const oe = p(
+    const oe = v(
       () => {
         var l;
         return Object.fromEntries(
@@ -69,12 +67,12 @@ const Ve = {
     );
     function T(l, t, u) {
       const g = y.issue(oe.value, `${t}:${l}`) ?? u;
-      return g ? [w(g)] : [];
+      return g ? [C(g)] : [];
     }
     function L(l) {
-      U(), i.value.dispose(), i.value = _.sdk.unit.editor(l), S.value = i.value.get(), U = i.value.subscribe(
+      U(), i.value.dispose(), i.value = _.sdk.unit.editor(l), $.value = i.value.get(), U = i.value.subscribe(
         (t) => {
-          S.value = t;
+          $.value = t;
         }
       );
     }
@@ -86,7 +84,7 @@ const Ve = {
       L(l.id), f.value = !0;
     }
     async function ne() {
-      (await P(
+      (await z(
         () => y.submit(async () => {
           const t = await i.value.submit();
           return t.kind === "rejected" ? {
@@ -119,7 +117,7 @@ const Ve = {
         f.value = !1;
         return;
       }
-      z.open({
+      P.open({
         title: a("menu.common.dialog.dismiss.title"),
         message: a("menu.common.dialog.dismiss.message"),
         primaryActions: {
@@ -135,7 +133,7 @@ const Ve = {
       });
     }
     function q(l) {
-      l.remove.state === "allowed" && z.open({
+      l.remove.state === "allowed" && P.open({
         title: a("menu.common.dialog.remove.unit.title"),
         message: a("menu.common.dialog.remove.unit.message", {
           name: l.name
@@ -150,12 +148,12 @@ const Ve = {
           close: !0
         }
       }).onPrimary(async () => {
-        await P(() => _.sdk.unit.remove(l.id), {
+        await z(() => _.sdk.unit.remove(l.id), {
           successMessage: a("menu.unit.form.removed", { name: l.name })
         });
       });
     }
-    const ue = p(() => [
+    const ue = v(() => [
       {
         accessorKey: "name",
         header: () => a("menu.unit.columns.name"),
@@ -187,37 +185,37 @@ const Ve = {
     return be(() => {
       U(), i.value.dispose();
     }), (l, t) => {
-      const u = h("FmButton"), g = h("FmCircularProgress"), re = h("FmSearch"), me = h("FmTable"), M = h("FmTextField"), de = h("FmStepperField"), ce = h("FmSideSheet");
-      return r(), F(xe, {
+      const u = h("FmButton"), g = h("FmCircularProgress"), me = h("FmSearch"), re = h("FmTable"), M = h("FmTextField"), de = h("FmStepperField"), ce = h("FmSideSheet");
+      return m(), w(we, {
         "data-visual-root": "unit",
         heading: e(a)("menu.unit.title")
       }, {
-        "append-heading": V(() => [
-          e(b).status === "ready" && d.value ? (r(), v("div", Ve, [
-            c("div", $e, [
-              m(he, {
+        "append-heading": S(() => [
+          e(b).status === "ready" && d.value ? (m(), p("div", Ve, [
+            c("div", Ie, [
+              r(xe, {
                 value: d.value.totalCount
               }, null, 8, ["value"])
             ]),
-            d.value.totalCount > 0 && !N.value ? (r(), F(u, {
+            d.value.totalCount > 0 && !N.value ? (m(), w(u, {
               key: 0,
               disabled: d.value.create.state !== "allowed",
               label: e(a)("menu.unit.add"),
               "prepend-icon": "add",
               onClick: B
-            }, null, 8, ["disabled", "label"])) : $("", !0)
-          ])) : $("", !0)
+            }, null, 8, ["disabled", "label"])) : V("", !0)
+          ])) : V("", !0)
         ]),
-        default: V(() => [
-          e(b).status === "error" ? (r(), v("p", Ie, x(e(w)(e(b).error.message)), 1)) : e(b).status === "unavailable" ? (r(), v("p", Ne, x(e(w)(e(b).reason)), 1)) : e(b).status === "loading" ? (r(), F(g, { key: 2 })) : d.value && d.value.totalCount === 0 ? (r(), F(e(ke), {
+        default: S(() => [
+          e(b).status === "error" ? (m(), p("p", Ne, x(e(C)(e(b).error.message)), 1)) : e(b).status === "unavailable" ? (m(), p("p", Ue, x(e(C)(e(b).reason)), 1)) : e(b).status === "loading" ? (m(), w(g, { key: 2 })) : d.value && d.value.totalCount === 0 ? (m(), w(e(he), {
             key: 3,
             action: { text: e(a)("menu.unit.add"), callback: B },
             title: e(a)("menu.unit.empty.title"),
             subtitle: e(a)("menu.unit.empty.subtitle")
-          }, null, 8, ["action", "title", "subtitle"])) : d.value ? (r(), v(j, { key: 4 }, [
-            c("div", Ue, [
-              c("div", Be, [
-                m(re, {
+          }, null, 8, ["action", "title", "subtitle"])) : d.value ? (m(), p(j, { key: 4 }, [
+            c("div", Be, [
+              c("div", Ee, [
+                r(me, {
                   autofocus: "",
                   class: "mb-8",
                   "model-value": le.value,
@@ -226,20 +224,20 @@ const Ve = {
                 }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
               ])
             ]),
-            N.value ? (r(), v("div", Ee, [
-              (r(!0), v(j, null, Z(d.value.rows, (n) => (r(), v("div", {
+            N.value ? (m(), p("div", je, [
+              (m(!0), p(j, null, Z(d.value.rows, (n) => (m(), p("div", {
                 key: n.id,
                 class: "py-12 px-16 flex space-x-8 items-center",
                 onClick: (k) => K(n)
               }, [
-                c("div", Ae, [
+                c("div", Pe, [
                   c("p", ze, x(n.name), 1),
-                  c("p", Pe, x(e(a)("menu.common.labels.a11y_labelled_name", {
+                  c("p", De, x(e(a)("menu.common.labels.a11y_labelled_name", {
                     label: e(a)("menu.common.labels.symbol"),
                     name: n.symbol
                   })), 1)
                 ]),
-                m(u, {
+                r(u, {
                   class: "shrink-0",
                   "aria-label": e(a)("menu.common.actions.delete"),
                   disabled: n.remove.state !== "allowed",
@@ -248,8 +246,8 @@ const Ve = {
                   variant: "tertiary",
                   onClick: Y((k) => q(n), ["stop"])
                 }, null, 8, ["aria-label", "disabled", "onClick"])
-              ], 8, je))), 128))
-            ])) : (r(), F(me, {
+              ], 8, Ae))), 128))
+            ])) : (m(), w(re, {
               key: 0,
               "column-defs": ue.value,
               "hide-footer": "",
@@ -259,17 +257,20 @@ const Ve = {
               "shrink-at": !1,
               onRowClick: t[0] || (t[0] = (n) => K(n.original))
             }, null, 8, ["column-defs", "page-size", "row-data"])),
-            d.value.totalCount > 0 && N.value ? (r(), v("div", De, [
-              m(u, {
-                disabled: d.value.create.state !== "allowed",
-                label: e(a)("menu.unit.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: B
-              }, null, 8, ["disabled", "label"])
-            ])) : $("", !0)
-          ], 64)) : $("", !0),
-          m(ce, {
+            d.value.totalCount > 0 && N.value ? (m(), w(ke, { key: 2 }, {
+              default: S(() => [
+                r(u, {
+                  disabled: d.value.create.state !== "allowed",
+                  label: e(a)("menu.unit.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: B
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : V("", !0)
+          ], 64)) : V("", !0),
+          r(ce, {
             modelValue: f.value,
             "onUpdate:modelValue": t[4] || (t[4] = (n) => f.value = n),
             "is-container": e(ee).FmForm,
@@ -277,24 +278,24 @@ const Ve = {
             "max-width": 560,
             "onOn:clickedAway": ie
           }, {
-            "side-sheet-header": V(() => {
+            "side-sheet-header": S(() => {
               var n;
               return [
                 c("p", Oe, x(((n = o.value) == null ? void 0 : n.mode) === "update" ? e(a)("menu.unit.update") : e(a)("menu.unit.add")), 1)
               ];
             }),
-            "side-sheet-footer": V(() => {
+            "side-sheet-footer": S(() => {
               var n, k;
               return [
                 c("div", Ge, [
-                  m(u, {
+                  r(u, {
                     disabled: ((n = o.value) == null ? void 0 : n.submit.state) !== "allowed",
                     label: ((k = o.value) == null ? void 0 : k.mode) === "update" ? e(a)("menu.common.actions.update") : e(a)("menu.common.actions.add"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["disabled", "label"]),
-                  m(u, {
+                  r(u, {
                     label: e(a)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
@@ -303,25 +304,25 @@ const Ve = {
                 ])
               ];
             }),
-            default: V(() => {
+            default: S(() => {
               var n, k, E, Q, G, H, J;
               return [
                 c("div", Re, [
                   c("div", Te, [
-                    m(M, I({
+                    r(M, I({
                       class: "flex-2",
-                      "error-messages": D.value ? [e(w)(D.value)] : [],
+                      "error-messages": D.value ? [e(C)(D.value)] : [],
                       label: e(a)("menu.unit.columns.name"),
                       "model-value": ((n = o.value) == null ? void 0 : n.name) ?? ""
                     }, e(y).field("name", i.value.setName)), null, 16, ["error-messages", "label", "model-value"]),
-                    m(M, I({
+                    r(M, I({
                       class: "flex-1",
-                      "error-messages": O.value ? [e(w)(O.value)] : [],
+                      "error-messages": O.value ? [e(C)(O.value)] : [],
                       label: e(a)("menu.unit.columns.symbol"),
                       "model-value": ((k = o.value) == null ? void 0 : k.symbol) ?? ""
                     }, e(y).field("symbol", i.value.setSymbol)), null, 16, ["error-messages", "label", "model-value"])
                   ]),
-                  m(de, {
+                  r(de, {
                     label: e(a)("menu.unit.precision"),
                     max: (E = o.value) == null ? void 0 : E.precisionMax,
                     min: (Q = o.value) == null ? void 0 : Q.precisionMin,
@@ -330,15 +331,15 @@ const Ve = {
                     step: 1,
                     "onUpdate:modelValue": t[1] || (t[1] = (s) => i.value.setPrecision(Number(s)))
                   }, null, 8, ["label", "max", "min", "model-value", "placeholder"]),
-                  m(u, {
+                  r(u, {
                     disabled: ((H = o.value) == null ? void 0 : H.addMeasurement.state) !== "allowed",
                     label: e(a)("menu.unit.measurement.add"),
                     variant: "secondary",
                     onClick: t[2] || (t[2] = (s) => i.value.addMeasurement())
                   }, null, 8, ["disabled", "label"]),
-                  (r(!0), v(j, null, Z(((J = o.value) == null ? void 0 : J.measurements) ?? [], (s) => {
+                  (m(!0), p(j, null, Z(((J = o.value) == null ? void 0 : J.measurements) ?? [], (s) => {
                     var W;
-                    return r(), v("div", {
+                    return m(), p("div", {
                       key: s.id,
                       class: "flex flex-col gap-8"
                     }, [
@@ -346,18 +347,18 @@ const Ve = {
                         c("p", Ke, x(e(a)("menu.unit.measurement.title", {
                           number: s.position
                         })), 1),
-                        m(u, {
+                        r(u, {
                           "aria-label": e(a)("menu.unit.measurement.remove", {
                             number: s.position
                           }),
                           disabled: s.remove.state !== "allowed",
                           icon: "delete",
                           variant: "secondary",
-                          onClick: (C) => i.value.removeMeasurement(s.id)
+                          onClick: (F) => i.value.removeMeasurement(s.id)
                         }, null, 8, ["aria-label", "disabled", "onClick"])
                       ]),
                       c("div", qe, [
-                        m(M, I(
+                        r(M, I(
                           {
                             "error-messages": T(
                               s.id,
@@ -370,10 +371,10 @@ const Ve = {
                           { ref_for: !0 },
                           e(y).field(
                             `measurementName:${s.id}`,
-                            (C) => i.value.setMeasurementName(s.id, C)
+                            (F) => i.value.setMeasurementName(s.id, F)
                           )
                         ), null, 16, ["error-messages", "label", "model-value"]),
-                        m(M, I(
+                        r(M, I(
                           {
                             "error-messages": T(
                               s.id,
@@ -386,14 +387,14 @@ const Ve = {
                           { ref_for: !0 },
                           e(y).field(
                             `measurementSymbol:${s.id}`,
-                            (C) => i.value.setMeasurementSymbol(s.id, C)
+                            (F) => i.value.setMeasurementSymbol(s.id, F)
                           )
                         ), null, 16, ["error-messages", "label", "model-value"])
                       ]),
-                      m(M, {
+                      r(M, {
                         label: e(a)("menu.unit.measurement.conversion"),
                         "model-value": s.conversion,
-                        "onUpdate:modelValue": (C) => i.value.setMeasurementConversion(s.id, C)
+                        "onUpdate:modelValue": (F) => i.value.setMeasurementConversion(s.id, F)
                       }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
                       c("p", Qe, x(e(a)("menu.unit.measurement.preview_line", {
                         name: s.name,
@@ -412,13 +413,13 @@ const Ve = {
       }, 8, ["heading"]);
     };
   }
-}), sa = /* @__PURE__ */ ae({
+}), oa = /* @__PURE__ */ ae({
   __name: "Unit",
   setup(A) {
     const _ = Me();
-    return (a, w) => (r(), F(He, { sdk: e(_) }, null, 8, ["sdk"]));
+    return (a, C) => (m(), w(He, { sdk: e(_) }, null, 8, ["sdk"]));
   }
 });
 export {
-  sa as default
+  oa as default
 };