@feedmepos/mf-miniprogram-v2 0.2.2-dev.8 → 0.2.2-dev.9

package/dist/App-BtDqnBq4.js

@@ -0,0 +1,193 @@
+import { defineComponent as j, computed as y, ref as P, onMounted as z, onBeforeUnmount as K, resolveComponent as f, openBlock as s, createElementBlock as i, Fragment as S, createElementVNode as a, normalizeClass as M, createVNode as t, renderList as h, unref as l, withCtx as u, toDisplayString as d, createCommentVNode as N, createBlock as V } from "vue";
+import { useRoute as A, RouterView as O } from "vue-router";
+import { useCoreStore as $ } from "@feedmepos/mf-common";
+import { P as c } from "./PortalIcon-DO0VrIoY.js";
+import { p as D } from "./portalContext-C4HL_0kl.js";
+import { p as v } from "./portalNavigation-DOF4Ah49.js";
+import { r as w, w as q } from "./localPreference-DneUpUrQ.js";
+import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = {
+  class: "portal-sidebar",
+  "aria-label": "Mini Program navigation"
+}, U = ["aria-expanded", "aria-label"], H = {
+  id: "miniprogram-navigation",
+  class: "portal-nav"
+}, J = { class: "portal-nav-label" }, W = { class: "portal-nav-label" }, X = { class: "portal-main" }, Y = {
+  key: 0,
+  class: "portal-breadcrumb",
+  "aria-label": "Breadcrumb"
+}, Z = {
+  id: "miniprogram-content",
+  class: "portal-content",
+  tabindex: "-1"
+}, ee = {
+  key: 0,
+  class: "portal-empty"
+}, ae = {
+  key: 1,
+  class: "portal-loading",
+  role: "status"
+}, le = {
+  key: 2,
+  class: "portal-empty",
+  role: "alert"
+}, oe = /* @__PURE__ */ j({
+  __name: "App",
+  setup(te) {
+    const r = A(), k = $(), n = D(), p = y(() => r.name === "miniprogram-v2-project"), b = P(
+      w(
+        "mpv2:portal-collapsed",
+        typeof window < "u" && window.matchMedia("(max-width: 1000px)").matches
+      )
+    ), g = P(w("mpv2:editor-collapsed", !0)), _ = y(() => p.value ? g.value : b.value), B = y(
+      () => {
+        var C;
+        return p.value ? (C = n.context.value) == null ? void 0 : C.project.name : String(r.meta.title ?? "Ecosystem");
+      }
+    ), F = [
+      { name: "miniprogram-v2-ecosystem", label: "Ecosystem", icon: "ecosystem" },
+      { name: "miniprogram-v2-brand-kit", label: "Brand Kit", icon: "brand" },
+      { name: "miniprogram-v2-pages", label: "Pages", icon: "pages" }
+    ], I = y(() => ({ name: "miniprogram-v2-mobile-projects", query: v(r.query) }));
+    let x = !1;
+    z(() => {
+      x = k.hideSidebar.value, k.hideSidebar.value = !0;
+    }), K(() => {
+      k.hideSidebar.value = x;
+    });
+    function L() {
+      p.value ? (g.value = !g.value, q("mpv2:editor-collapsed", g.value)) : (b.value = !b.value, q("mpv2:portal-collapsed", b.value));
+    }
+    return (C, e) => {
+      const m = f("RouterLink"), R = f("FmIcon"), E = f("FmCircularProgress"), T = f("FmButton");
+      return s(), i(S, null, [
+        e[11] || (e[11] = a("link", {
+          href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0..1,0",
+          rel: "stylesheet"
+        }, null, -1)),
+        a("div", {
+          class: M(["mpv2-app portal-shell", { "portal-shell--collapsed": _.value }])
+        }, [
+          e[10] || (e[10] = a("a", {
+            class: "portal-skip",
+            href: "#miniprogram-content"
+          }, "Skip to content", -1)),
+          a("aside", Q, [
+            a("button", {
+              class: "portal-sidebar-toggle",
+              type: "button",
+              "aria-expanded": !_.value,
+              "aria-controls": "miniprogram-navigation",
+              "aria-label": _.value ? "Expand navigation" : "Collapse navigation",
+              onClick: L
+            }, [
+              t(c, { name: "collapse" }),
+              e[0] || (e[0] = a("span", { class: "portal-nav-label" }, "Mini Program", -1))
+            ], 8, U),
+            a("nav", H, [
+              (s(), i(S, null, h(F, (o) => t(m, {
+                key: o.name,
+                to: { name: o.name, query: l(v)(l(r).query) },
+                class: "portal-nav-item",
+                title: o.label,
+                "aria-label": o.label,
+                "aria-current": l(r).name === o.name ? "page" : void 0
+              }, {
+                default: u(() => [
+                  t(c, {
+                    name: o.icon
+                  }, null, 8, ["name"]),
+                  a("span", J, d(o.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["to", "title", "aria-label", "aria-current"])), 64)),
+              e[3] || (e[3] = a("p", { class: "portal-nav-caption" }, "Platforms", -1)),
+              t(m, {
+                to: I.value,
+                class: M(["portal-nav-item", { "router-link-active": p.value }]),
+                title: "Mobile Ordering",
+                "aria-label": "Mobile Ordering",
+                "aria-current": p.value ? "page" : void 0
+              }, {
+                default: u(() => [
+                  t(c, { name: "mobile" }),
+                  e[1] || (e[1] = a("span", { class: "portal-nav-label" }, "Mobile Ordering", -1))
+                ]),
+                _: 1
+              }, 8, ["to", "class", "aria-current"]),
+              (s(), i(S, null, h(["tablet", "kiosk"], (o) => t(m, {
+                key: o,
+                to: { name: `miniprogram-v2-${o}`, query: l(v)(l(r).query) },
+                class: "portal-nav-item",
+                title: o === "tablet" ? "Tablet" : "Kiosk",
+                "aria-label": o === "tablet" ? "Tablet" : "Kiosk"
+              }, {
+                default: u(() => [
+                  t(c, { name: o }, null, 8, ["name"]),
+                  a("span", W, d(o === "tablet" ? "Tablet" : "Kiosk"), 1)
+                ]),
+                _: 2
+              }, 1032, ["to", "title", "aria-label"])), 64)),
+              e[4] || (e[4] = a("div", { class: "portal-nav-divider" }, null, -1)),
+              t(m, {
+                to: { name: "miniprogram-v2-module-center", query: l(v)(l(r).query) },
+                class: M(["portal-nav-item", { "router-link-active": l(r).name === "miniprogram-v2-module-detail" }]),
+                title: "Module library",
+                "aria-label": "Module library"
+              }, {
+                default: u(() => [
+                  t(R, {
+                    name: "widgets",
+                    size: "md"
+                  }),
+                  e[2] || (e[2] = a("span", { class: "portal-nav-label" }, "Module library", -1))
+                ]),
+                _: 1
+              }, 8, ["to", "class"])
+            ]),
+            t(m, {
+              to: { name: "miniprogram-v2-settings", query: l(v)(l(r).query) },
+              class: "portal-nav-item portal-settings-link",
+              title: "Settings",
+              "aria-label": "Settings"
+            }, {
+              default: u(() => [
+                t(c, { name: "settings" }),
+                e[5] || (e[5] = a("span", { class: "portal-nav-label" }, "Settings", -1))
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ]),
+          a("div", X, [
+            p.value ? N("", !0) : (s(), i("header", Y, [
+              a("span", null, d(l(n).businessName.value), 1),
+              e[6] || (e[6] = a("span", { "aria-hidden": "true" }, "/", -1)),
+              a("span", null, d(B.value), 1)
+            ])),
+            a("div", Z, [
+              l(n).businessId.value ? l(n).loading.value ? (s(), i("div", ae, [
+                t(E, { size: "xl" }),
+                e[8] || (e[8] = a("span", null, "Loading your Mini Program…", -1))
+              ])) : l(n).error.value ? (s(), i("section", le, [
+                e[9] || (e[9] = a("h1", null, "Could not open this Mini Program", -1)),
+                a("p", null, d(l(n).error.value), 1),
+                t(T, {
+                  label: "Try again",
+                  onClick: l(n).refresh
+                }, null, 8, ["onClick"])
+              ])) : (s(), V(l(O), {
+                key: `${l(n).businessId.value}:${l(r).params.projectId ?? String(l(r).name)}`
+              })) : (s(), i("section", ee, [...e[7] || (e[7] = [
+                a("h1", null, "Select a business", -1),
+                a("p", null, "Choose a business in the Portal header to open its Mini Program.", -1)
+              ])]))
+            ])
+          ])
+        ], 2)
+      ], 64);
+    };
+  }
+}), ce = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-930b981c"]]);
+export {
+  ce as default
+};

package/dist/AppTemplatePicker-eKlQ0c54.js

@@ -0,0 +1,184 @@
+import { defineComponent as W, computed as f, openBlock as e, createElementBlock as r, createStaticVNode as v, createCommentVNode as y, ref as J, createElementVNode as l, Fragment as S, renderList as K, normalizeClass as g, toDisplayString as b, createVNode as E } from "vue";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const F = {
+  key: 0,
+  viewBox: "0 0 56 96",
+  class: "h-[72px] w-[42px] shrink-0 rounded-[6px] border border-fm-color-neutral-gray-200 bg-fm-color-neutral-white",
+  "aria-hidden": "true",
+  focusable: "false"
+}, Y = {
+  key: 0,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, A = {
+  key: 1,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, Z = {
+  key: 2,
+  fill: "currentColor",
+  class: "text-fm-color-neutral-gray-300"
+}, I = /* @__PURE__ */ W({
+  __name: "AppTemplateThumbnail",
+  props: {
+    restaurantStyle: {}
+  },
+  setup(i) {
+    const m = i, d = f(
+      () => m.restaurantStyle === "qsr" || m.restaurantStyle === "coffee" || m.restaurantStyle === "tea"
+    );
+    return (U, p) => d.value ? (e(), r("svg", F, [
+      i.restaurantStyle === "qsr" ? (e(), r("g", Y, [...p[0] || (p[0] = [
+        v('<rect x="6" y="7" width="44" height="6" rx="3"></rect><rect x="6" y="18" width="19" height="18" rx="2"></rect><rect x="31" y="18" width="19" height="18" rx="2"></rect><rect x="6" y="40" width="19" height="18" rx="2"></rect><rect x="31" y="40" width="19" height="18" rx="2"></rect><rect x="6" y="62" width="19" height="18" rx="2"></rect><rect x="31" y="62" width="19" height="18" rx="2"></rect><rect x="6" y="85" width="44" height="7" rx="3.5" class="text-fm-color-neutral-gray-400"></rect>', 8)
+      ])])) : i.restaurantStyle === "coffee" ? (e(), r("g", A, [...p[1] || (p[1] = [
+        v('<rect x="6" y="7" width="44" height="30" rx="3"></rect><rect x="6" y="43" width="26" height="4" rx="2"></rect><rect x="6" y="53" width="44" height="12" rx="2"></rect><rect x="6" y="69" width="44" height="12" rx="2"></rect><rect x="6" y="87" width="18" height="4" rx="2"></rect>', 5)
+      ])])) : (e(), r("g", Z, [...p[2] || (p[2] = [
+        v('<rect x="6" y="7" width="44" height="5" rx="2.5"></rect><rect x="6" y="17" width="44" height="9" rx="2"></rect><rect x="6" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="28" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="38" width="44" height="9" rx="2"></rect><rect x="6" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="49" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="59" width="44" height="9" rx="2"></rect><rect x="6" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="18" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="30" y="70" width="9" height="4" rx="2" class="text-fm-color-neutral-gray-400"></rect><rect x="6" y="80" width="44" height="9" rx="2"></rect>', 13)
+      ])]))
+    ])) : y("", !0);
+  }
+}), c = "data:image/png;base64,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", L = {
+  key: 0,
+  class: "rounded-lg border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white p-16"
+}, P = { class: "mt-12 flex items-start gap-16" }, N = { class: "min-w-0 max-w-[480px] shrink-0" }, O = {
+  key: 0,
+  class: "m-0 mb-8 fm-typo-en-body-sm-600 uppercase tracking-wide text-fm-color-typo-tertiary"
+}, R = { class: "flex flex-col gap-8" }, j = ["aria-checked", "disabled", "onClick", "onMouseenter", "onFocus"], C = {
+  key: 0,
+  class: "h-[6px] w-[6px] rounded-full bg-fm-color-neutral-white"
+}, G = { class: "min-w-0 max-w-[640px] flex-1" }, B = { class: "flex flex-wrap items-center gap-8" }, H = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, z = {
+  key: 0,
+  class: "rounded-full bg-fm-color-neutral-gray-100 px-8 py-[2px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, M = { class: "mt-4 block fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, D = { class: "sticky top-16 min-w-0 flex-1" }, _ = { class: "overflow-hidden rounded-lg border border-fm-color-neutral-gray-100 bg-fm-color-neutral-gray-50 p-12" }, $ = {
+  key: 0,
+  class: "m-0 mt-8"
+}, tt = { class: "preview-strip flex snap-x snap-mandatory gap-8 overflow-x-auto rounded-md" }, et = ["src", "alt"], rt = { class: "m-0 mt-6 flex items-center justify-between fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, lt = { key: 0 }, ot = {
+  key: 1,
+  class: "m-0 mt-8 flex min-h-[96px] w-full items-center justify-center rounded-md border border-dashed border-fm-color-neutral-gray-300 p-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-tertiary"
+}, st = /* @__PURE__ */ W({
+  __name: "AppTemplatePicker",
+  props: {
+    templates: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: m }) {
+    const d = i, U = m, p = f(() => d.templates.length > 1), w = {
+      qsr: [c, c, c],
+      coffee: [c, c, c],
+      tea: [c, c, c]
+    }, k = J(null), q = f(() => {
+      const n = k.value ?? d.modelValue;
+      return (n ? d.templates.find((o) => o.id === n) : void 0) ?? d.templates.find((o) => o.default) ?? d.templates[0] ?? null;
+    }), h = f(() => {
+      var t;
+      const n = (t = q.value) == null ? void 0 : t.restaurantStyle;
+      return n ? w[n] : null;
+    });
+    function V(n) {
+      k.value = n;
+    }
+    const X = f(() => {
+      const n = [], t = /* @__PURE__ */ new Map();
+      for (const o of d.templates) {
+        if (!o.industries.length) {
+          n.push(o);
+          continue;
+        }
+        for (const a of o.industries) {
+          const u = t.get(a) ?? [];
+          u.push(o), t.set(a, u);
+        }
+      }
+      return [
+        ...n.length ? [{ label: null, templates: n }] : [],
+        ...[...t.entries()].sort(([o], [a]) => o.localeCompare(a)).map(([o, a]) => ({ label: o, templates: a }))
+      ];
+    });
+    function Q(n) {
+      d.disabled || U("update:modelValue", n);
+    }
+    return (n, t) => {
+      var o;
+      return p.value ? (e(), r("section", L, [
+        t[4] || (t[4] = l("p", { class: "m-0 fm-typo-en-body-md-600 text-fm-color-typo-primary" }, "App template", -1)),
+        t[5] || (t[5] = l("p", { class: "m-0 mt-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " The starting code for this merchant's app. This cannot be changed after setup. ", -1)),
+        l("div", P, [
+          l("div", N, [
+            (e(!0), r(S, null, K(X.value, (a, u) => (e(), r("div", {
+              key: a.label ?? "__general",
+              role: "radiogroup",
+              "aria-label": "App template",
+              class: g(u === 0 ? "" : "mt-16")
+            }, [
+              a.label ? (e(), r("p", O, b(a.label), 1)) : y("", !0),
+              l("div", R, [
+                (e(!0), r(S, null, K(a.templates, (s) => (e(), r("button", {
+                  key: s.id,
+                  type: "button",
+                  role: "radio",
+                  "aria-checked": i.modelValue === s.id,
+                  disabled: i.disabled,
+                  class: g([
+                    "flex w-full cursor-pointer items-start gap-12 rounded-lg border p-12 text-left transition disabled:cursor-not-allowed disabled:opacity-60",
+                    i.modelValue === s.id ? "border-fm-color-primary bg-fm-color-primary-50" : "border-fm-color-neutral-gray-200 bg-fm-color-neutral-white hover:border-fm-color-neutral-gray-300"
+                  ]),
+                  onClick: (x) => Q(s.id),
+                  onMouseenter: (x) => V(s.id),
+                  onMouseleave: t[0] || (t[0] = (x) => V(null)),
+                  onFocus: (x) => V(s.id),
+                  onBlur: t[1] || (t[1] = (x) => V(null))
+                }, [
+                  l("span", {
+                    class: g([
+                      "mt-[2px] flex h-16 w-16 shrink-0 items-center justify-center rounded-full border",
+                      i.modelValue === s.id ? "border-fm-color-primary bg-fm-color-primary" : "border-fm-color-neutral-gray-300 bg-fm-color-neutral-white"
+                    ])
+                  }, [
+                    i.modelValue === s.id ? (e(), r("span", C)) : y("", !0)
+                  ], 2),
+                  E(I, {
+                    "restaurant-style": s.restaurantStyle
+                  }, null, 8, ["restaurant-style"]),
+                  l("span", G, [
+                    l("span", B, [
+                      l("span", H, b(s.label), 1),
+                      s.default ? (e(), r("span", z, " Default ")) : y("", !0)
+                    ]),
+                    l("span", M, b(s.description), 1)
+                  ])
+                ], 42, j))), 128))
+              ])
+            ], 2))), 128))
+          ]),
+          l("aside", D, [
+            l("div", _, [
+              t[3] || (t[3] = l("p", { class: "m-0 fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, "App preview", -1)),
+              (o = h.value) != null && o.length ? (e(), r("figure", $, [
+                l("div", tt, [
+                  (e(!0), r(S, null, K(h.value, (a, u) => {
+                    var s;
+                    return e(), r("img", {
+                      key: u,
+                      src: a,
+                      alt: `${((s = q.value) == null ? void 0 : s.label) ?? "App template"} preview ${u + 1} of ${h.value.length}`,
+                      class: "w-[85%] shrink-0 snap-start rounded-md bg-fm-color-neutral-white object-contain"
+                    }, null, 8, et);
+                  }), 128))
+                ]),
+                l("figcaption", rt, [
+                  t[2] || (t[2] = l("span", null, "Preview illustration · not a live screenshot", -1)),
+                  h.value.length > 1 ? (e(), r("span", lt, b(h.value.length) + " screens", 1)) : y("", !0)
+                ])
+              ])) : (e(), r("p", ot, " Preview not available — check the built app for the real result. "))
+            ])
+          ])
+        ])
+      ])) : y("", !0);
+    };
+  }
+}), it = /* @__PURE__ */ T(st, [["__scopeId", "data-v-2928d392"]]);
+export {
+  it as A
+};

package/dist/BrandFontPicker-CyLbp5nr.js

@@ -0,0 +1,240 @@
+import { defineComponent as oe, ref as n, computed as S, watch as N, resolveComponent as K, openBlock as s, createElementBlock as i, withKeys as T, withModifiers as $, createElementVNode as a, toDisplayString as b, createVNode as E, withCtx as R, normalizeStyle as P, withDirectives as z, vModelText as L, Fragment as j, renderList as te, createCommentVNode as p, unref as A, createBlock as ae, createTextVNode as W, nextTick as le } from "vue";
+import { G, f as ne, b as m, l as se } from "./useBrandKit-BlKlqpo2.js";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ie = ["onKeydown"], ue = { class: "font-picker__label" }, de = ["disabled", "aria-label", "aria-expanded"], ce = ["onKeydown", "aria-label"], pe = {
+  key: 0,
+  class: "font-picker__muted"
+}, ve = ["aria-pressed", "onClick"], me = { key: 0 }, fe = { key: 1 }, ye = {
+  key: 0,
+  class: "font-picker__muted",
+  role: "status"
+}, _e = { class: "font-picker__preview" }, ke = { class: "font-picker__muted" }, be = {
+  key: 0,
+  class: "font-picker__muted",
+  role: "status"
+}, he = {
+  key: 1,
+  class: "font-picker__muted"
+}, we = {
+  key: 0,
+  class: "font-picker__muted"
+}, ge = /* @__PURE__ */ oe({
+  __name: "BrandFontPicker",
+  props: {
+    modelValue: {},
+    label: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: J }) {
+    const f = d, Q = J, D = n(), h = n(), q = n(), O = n(360), U = n(), I = n(), v = n(!1), w = n(""), l = n(""), M = n("The quick brown fox jumps over the lazy dog. 0123456789"), c = n({}), y = S(
+      () => [
+        { name: "App default", value: "", group: "Defaults" },
+        { name: "System font", value: "system-ui, sans-serif", group: "Defaults" },
+        ...G.map((e) => ({ name: e, value: ne(e), group: "Google Fonts" }))
+      ].filter((e) => e.name.toLowerCase().includes(w.value.trim().toLowerCase()))
+    ), g = S(() => m(f.modelValue || "")), F = S(() => m(l.value)), X = S(
+      () => !!l.value && !G.some((e) => e === F.value) && l.value !== "system-ui, sans-serif"
+    );
+    async function C(e) {
+      if (!(!G.some((o) => o === e) || c.value[e] === "loaded")) {
+        c.value[e] = "loading";
+        try {
+          await se(e), c.value[e] = "loaded";
+        } catch {
+          c.value[e] = "error";
+        }
+      }
+    }
+    N(g, (e) => void C(e), { immediate: !0 }), N(y, (e) => {
+      v.value && e.forEach((o) => void C(o.name));
+    }), N(
+      () => f.disabled,
+      (e) => {
+        e && x();
+      }
+    ), N(() => f.modelValue, x);
+    async function Y(e) {
+      var o, r;
+      v.value = e, e && (O.value = Math.max(320, ((o = D.value) == null ? void 0 : o.getBoundingClientRect().width) || 360), l.value = f.modelValue || "", w.value = "", v.value = !0, y.value.forEach((u) => void C(u.name)), await le(), (r = I.value) == null || r.focus());
+    }
+    function x() {
+      var e;
+      v.value = !1, (e = q.value) == null || e.hide();
+    }
+    function V() {
+      var e;
+      x(), (e = U.value) == null || e.focus();
+    }
+    function Z() {
+      f.disabled || (Q("update:modelValue", l.value.trim()), V());
+    }
+    function H(e) {
+      var r, u;
+      const o = e.relatedTarget;
+      o && !((r = D.value) != null && r.contains(o)) && !((u = h.value) != null && u.contains(o)) && x();
+    }
+    function ee(e) {
+      var B, t;
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
+      const o = [...((B = h.value) == null ? void 0 : B.querySelectorAll("[data-font-option]")) || []];
+      if (!o.length) return;
+      e.preventDefault();
+      const r = o.indexOf(document.activeElement), u = e.key === "Home" ? 0 : e.key === "End" ? o.length - 1 : (r + (e.key === "ArrowDown" ? 1 : -1) + o.length) % o.length;
+      (t = o[u]) == null || t.focus();
+    }
+    return (e, o) => {
+      const r = K("FmIcon"), u = K("FmButton"), B = K("FmPopover");
+      return s(), i("div", {
+        ref_key: "root",
+        ref: D,
+        class: "font-picker",
+        onFocusout: H,
+        onKeydown: T($(V, ["stop", "prevent"]), ["esc"])
+      }, [
+        a("span", ue, b(d.label), 1),
+        E(B, {
+          ref_key: "popover",
+          ref: q,
+          "show-popover": v.value,
+          disabled: d.disabled,
+          onPopoverChanged: Y
+        }, {
+          "popover-button": R(() => [
+            a("button", {
+              ref_key: "trigger",
+              ref: U,
+              type: "button",
+              class: "font-picker__trigger",
+              disabled: d.disabled,
+              "aria-label": `${d.label} font: ${g.value}`,
+              "aria-haspopup": "dialog",
+              "aria-expanded": v.value
+            }, [
+              a("span", {
+                style: P({ fontFamily: d.modelValue || "inherit" })
+              }, b(g.value), 5),
+              E(r, {
+                name: "expand_more",
+                size: "sm"
+              })
+            ], 8, de)
+          ]),
+          default: R(() => [
+            a("div", {
+              ref_key: "menu",
+              ref: h,
+              class: "font-picker__menu",
+              style: P({ width: `${O.value}px` }),
+              onFocusout: H,
+              onKeydown: T($(V, ["stop", "prevent"]), ["esc"]),
+              role: "dialog",
+              "aria-label": `Choose ${d.label.toLowerCase()} font`
+            }, [
+              o[7] || (o[7] = a("span", { class: "font-picker__muted" }, "Fonts available", -1)),
+              z(a("input", {
+                ref_key: "search",
+                ref: I,
+                "onUpdate:modelValue": o[0] || (o[0] = (t) => w.value = t),
+                type: "search",
+                placeholder: "Search fonts",
+                "aria-label": "Search fonts",
+                class: "font-picker__input",
+                onKeydown: o[1] || (o[1] = T($((t) => {
+                  var _, k;
+                  return (k = (_ = h.value) == null ? void 0 : _.querySelector("[data-font-option]")) == null ? void 0 : k.focus();
+                }, ["prevent"]), ["down"]))
+              }, null, 544), [
+                [L, w.value]
+              ]),
+              a("div", {
+                class: "font-picker__options",
+                onKeydown: ee
+              }, [
+                (s(!0), i(j, null, te(y.value, (t, _) => {
+                  var k;
+                  return s(), i(j, {
+                    key: t.name
+                  }, [
+                    _ === 0 || ((k = y.value[_ - 1]) == null ? void 0 : k.group) !== t.group ? (s(), i("p", pe, b(t.group), 1)) : p("", !0),
+                    a("button", {
+                      type: "button",
+                      "data-font-option": "",
+                      class: "font-picker__option",
+                      "aria-pressed": A(m)(l.value) === A(m)(t.value),
+                      onClick: (Fe) => l.value = t.value
+                    }, [
+                      a("span", {
+                        style: P({ fontFamily: t.value || "inherit" })
+                      }, b(t.name), 5),
+                      c.value[t.name] === "loading" ? (s(), i("small", me, "Loading…")) : c.value[t.name] === "error" ? (s(), i("small", fe, "Preview unavailable")) : p("", !0),
+                      A(m)(l.value) === A(m)(t.value) ? (s(), ae(r, {
+                        key: 2,
+                        name: "check",
+                        size: "sm"
+                      })) : p("", !0)
+                    ], 8, ve)
+                  ], 64);
+                }), 128)),
+                y.value.length ? p("", !0) : (s(), i("p", ye, "No fonts found. Try another name."))
+              ], 32),
+              a("div", _e, [
+                a("label", ke, [
+                  W("Preview · " + b(F.value) + " ", 1),
+                  z(a("textarea", {
+                    "onUpdate:modelValue": o[2] || (o[2] = (t) => M.value = t),
+                    rows: "2",
+                    "aria-label": "Font preview text",
+                    style: P({ fontFamily: l.value || "inherit" })
+                  }, null, 4), [
+                    [L, M.value]
+                  ])
+                ]),
+                c.value[F.value] === "error" ? (s(), i("p", be, [
+                  o[5] || (o[5] = W(" Font preview could not load. Showing a fallback font. ", -1)),
+                  a("button", {
+                    type: "button",
+                    class: "font-picker__retry",
+                    onClick: o[3] || (o[3] = (t) => C(F.value))
+                  }, "Retry")
+                ])) : p("", !0),
+                a("details", null, [
+                  o[6] || (o[6] = a("summary", null, "Custom font stack", -1)),
+                  z(a("input", {
+                    "onUpdate:modelValue": o[4] || (o[4] = (t) => l.value = t),
+                    class: "font-picker__input",
+                    "aria-label": "Custom font stack",
+                    placeholder: "App default",
+                    spellcheck: "false"
+                  }, null, 512), [
+                    [L, l.value]
+                  ])
+                ]),
+                X.value ? (s(), i("p", he, "Custom fonts preview only if installed or already loaded.")) : p("", !0)
+              ]),
+              a("footer", null, [
+                E(u, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  size: "md",
+                  onClick: V
+                }),
+                E(u, {
+                  label: "Apply",
+                  size: "md",
+                  disabled: d.disabled,
+                  onClick: Z
+                }, null, 8, ["disabled"])
+              ])
+            ], 44, ce)
+          ]),
+          _: 1
+        }, 8, ["show-popover", "disabled"]),
+        c.value[g.value] === "error" ? (s(), i("p", we, " Preview unavailable; showing a fallback font. ")) : p("", !0)
+      ], 40, ie);
+    };
+  }
+}), Be = /* @__PURE__ */ re(ge, [["__scopeId", "data-v-ba271d8c"]]);
+export {
+  Be as B
+};