@feedmepos/mf-miniprogram-v2 0.2.8-dev.11 → 0.2.8-dev.12

package/dist/{BrandKitView-CB7kcVy2.js → BrandKitView-CIEoSsIg.js}

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as K, computed as z, onMounted as S, onScopeDispose as M, resolveComponent as y, openBlock as l, createElementBlock as r, createElementVNode as t, unref as a, createTextVNode as m, createBlock as _, Teleport as O, toDisplayString as p, createCommentVNode as d, createVNode as c, withCtx as Y, normalizeClass as G, normalizeStyle as j, Fragment as b, renderList as f, withDirectives as A, vModelText as I } from "vue";
+import { defineComponent as H, ref as K, computed as z, onMounted as S, onScopeDispose as M, resolveComponent as y, openBlock as l, createElementBlock as r, createElementVNode as t, unref as a, createTextVNode as m, createBlock as _, Teleport as O, toDisplayString as p, createCommentVNode as d, createVNode as c, withCtx as Y, normalizeStyle as G, normalizeClass as j, Fragment as b, renderList as k, withDirectives as A, vModelText as I } from "vue";
 import { _ as q, B as J } from "./BrandFontPicker-VX2LAN2w.js";
 import { useRouter as Q, onBeforeRouteLeave as W } from "vue-router";
 import { useDialog as X, useSnackbar as Z } from "@feedmepos/ui-library";
@@ -21,13 +21,13 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
 }, me = {
   key: 4,
   role: "status"
-}, be = { class: "portal-section" }, he = { class: "portal-section-head" }, ge = { class: "brand-color-grid" }, ye = ["value", "aria-label", "disabled", "onInput"], _e = { class: "brand-field-label" }, fe = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], ke = {
+}, be = { class: "portal-section" }, he = { class: "portal-section-head" }, ge = { class: "brand-color-grid" }, ye = ["value", "aria-label", "disabled", "onInput"], _e = { class: "brand-field-label" }, ke = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], fe = {
   key: 0,
   class: "portal-error"
 }, xe = { class: "brand-advanced" }, Ce = { class: "brand-role-grid" }, Be = ["value", "aria-label", "disabled", "onInput"], we = ["onUpdate:modelValue", "aria-label", "aria-invalid", "disabled"], Fe = { class: "portal-section" }, Ve = { class: "portal-section-head" }, Ke = { class: "brand-font-grid" }, Se = /* @__PURE__ */ H({
   __name: "BrandKitView",
   setup(Ae) {
-    const e = ae(), h = ee(), k = X(), L = Z(), x = K(!1), T = Q(), u = K(!1), C = ["primary", "secondary", "accent", "background.base", "text.primary"], $ = C.map((n) => D.find((s) => s.path === n)), P = D.filter((n) => !C.includes(n.path)), B = z(
+    const e = ae(), h = ee(), f = X(), L = Z(), x = K(!1), T = Q(), u = K(!1), C = ["primary", "secondary", "accent", "background.base", "text.primary"], $ = C.map((n) => D.find((s) => s.path === n)), P = D.filter((n) => !C.includes(n.path)), B = z(
       () => !h.value || !e.state.loaded || e.state.loading || e.state.saving || e.hasInvalidColor.value || e.dirtyCount.value === 0
     ), g = (n) => !!(e.state.colors[n] && !se(e.state.colors[n]));
     function w(n, s) {
@@ -37,7 +37,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
       n === "colors" ? e.state.colors = { ...e.state.savedColors } : e.state.fonts = { ...e.state.savedFonts }, u.value = !1;
     }
     function U() {
-      k.open({
+      f.open({
         title: "Save the live Brand Kit?",
         message: "Colors and fonts are shared business settings. Apps using this kit pick up the change immediately. This does not build or publish application code.",
         dismissAway: !0,
@@ -57,7 +57,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
     function V(n) {
       !e.dirtyCount.value && !e.state.saving || (n.preventDefault(), n.returnValue = "");
     }
-    return S(() => window.addEventListener("beforeunload", V)), M(() => window.removeEventListener("beforeunload", V)), W((n) => e.state.saving ? !1 : e.dirtyCount.value ? (k.open({
+    return S(() => window.addEventListener("beforeunload", V)), M(() => window.removeEventListener("beforeunload", V)), W((n) => e.state.saving ? !1 : e.dirtyCount.value ? (f.open({
       title: "Discard unsaved Brand Kit changes?",
       message: "Your live Brand Kit has not changed. Leave this page and discard the changes you have not saved?",
       dismissAway: !0,
@@ -105,15 +105,16 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
               }, {
                 default: Y(() => [
                   t("span", {
-                    class: G(["brand-save-content fm-typo-en-body-lg-600", { invisible: a(e).state.saving }])
+                    class: j(["brand-save-content fm-typo-en-body-lg-600", { invisible: a(e).state.saving }]),
+                    style: G({ color: B.value ? "var(--fm-color-neutral-gray-200)" : "var(--fm-color-neutral-white)" })
                   }, [
                     c(N, {
                       name: "save",
                       "aria-hidden": "true",
-                      style: j({ color: B.value ? "#c7c7cc" : "#ffffff", fontSize: "20px", width: "20px", height: "20px", lineHeight: "20px", flex: "0 0 20px" })
-                    }, null, 8, ["style"]),
+                      style: { color: "inherit", fontSize: "20px", width: "20px", height: "20px", lineHeight: "20px", flex: "0 0 20px" }
+                    }),
                     s[8] || (s[8] = m(" Save ", -1))
-                  ], 2)
+                  ], 6)
                 ]),
                 _: 1
               }, 8, ["disabled", "loading"])
@@ -149,7 +150,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
                 }, null, 8, ["disabled"])
               ]),
               t("div", ge, [
-                (l(!0), r(b, null, f(a($), (o) => (l(), r("label", {
+                (l(!0), r(b, null, k(a($), (o) => (l(), r("label", {
                   key: o.path,
                   class: "brand-color-card"
                 }, [
@@ -169,10 +170,10 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
                     disabled: a(e).state.saving,
                     placeholder: "App default",
                     spellcheck: "false"
-                  }, null, 8, fe), [
+                  }, null, 8, ke), [
                     [I, a(e).state.colors[o.path]]
                   ]),
-                  g(o.path) ? (l(), r("small", ke, "Enter a hex color")) : d("", !0)
+                  g(o.path) ? (l(), r("small", fe, "Enter a hex color")) : d("", !0)
                 ]))), 128))
               ]),
               t("details", xe, [
@@ -182,7 +183,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
                 ], -1)),
                 s[12] || (s[12] = t("p", { class: "portal-description" }, " Each role is saved independently. Changing a brand color does not automatically replace text or status colors. ", -1)),
                 t("div", Ce, [
-                  (l(!0), r(b, null, f(a(P), (o) => (l(), r("label", {
+                  (l(!0), r(b, null, k(a(P), (o) => (l(), r("label", {
                     key: o.path
                   }, [
                     t("span", null, p(o.group) + " · " + p(o.label), 1),
@@ -225,7 +226,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
                 }, null, 8, ["disabled"])
               ]),
               t("div", Ke, [
-                (l(!0), r(b, null, f(a(te), (o) => (l(), _(J, {
+                (l(!0), r(b, null, k(a(te), (o) => (l(), _(J, {
                   key: o.path,
                   modelValue: a(e).state.fonts[o.path],
                   "onUpdate:modelValue": [
@@ -243,7 +244,7 @@ const ne = { class: "portal-page bg-portal-bg-canvas text-portal-text-primary" }
       ]);
     };
   }
-}), Pe = /* @__PURE__ */ oe(Se, [["__scopeId", "data-v-69311627"]]);
+}), Pe = /* @__PURE__ */ oe(Se, [["__scopeId", "data-v-d5419d4a"]]);
 export {
   Pe as default
 };