@feedmepos/mf-brand-app-builder 0.5.19-dev.1 → 0.5.19-dev.4

package/dist/Select-DnIKki3a.js

@@ -0,0 +1,95 @@
+import { defineComponent as F, ref as y, computed as h, onMounted as I, resolveComponent as p, openBlock as n, createBlock as d, withCtx as v, createVNode as x, createElementVNode as B, createElementBlock as r, toDisplayString as _, createCommentVNode as c, Fragment as N, renderList as V, normalizeClass as z, createTextVNode as P } from "vue";
+import { u as S } from "./app-BfAfuAYv.js";
+const $ = { class: "min-w-[100px] w-full flex items-center justify-between" }, j = ["value"], E = {
+  key: 1,
+  class: "h-full fm-typo-en-body-lg-400 text-fm-color-typo-primary select-none cursor-pointer"
+}, q = {
+  key: 0,
+  class: "flex flex-col gap-4 px-8 py-12 min-w-[150px] bg-white rounded-md"
+}, D = ["onClick"], O = /* @__PURE__ */ F({
+  __name: "Select",
+  props: {
+    context: {}
+  },
+  setup(b) {
+    const u = b, { t: g } = S(), s = y(!1), l = y(!1), i = h(() => (u.context.selectItems ?? []).map((e) => ({
+      ...e,
+      label: g(e.label)
+    })));
+    function m(e) {
+      s.value = !1, u.context.node.input(e);
+    }
+    return I(() => {
+      u.context._value && (i.value.find(
+        (t) => t.value === u.context._value
+      ) || (l.value = !0));
+    }), (e, t) => {
+      const f = p("FmIcon"), k = p("FmButton"), w = p("FmField"), C = p("FmPopover");
+      return n(), d(C, {
+        "show-popover": s.value,
+        onPopoverChanged: t[3] || (t[3] = (o) => s.value = o)
+      }, {
+        "popover-button": v(() => [
+          x(w, {
+            size: "sm",
+            class: "hover:!border-fm-color-neutral-gray-200"
+          }, {
+            default: v(() => {
+              var o;
+              return [
+                B("div", $, [
+                  l.value ? (n(), r("input", {
+                    key: 0,
+                    class: "fm-text-field--input fm-typo-en-body-lg-400 text-fm-color-typo-primary outline-none",
+                    inputmode: "text",
+                    placeholder: "",
+                    type: "text",
+                    value: e.context._value,
+                    onChange: t[0] || (t[0] = (a) => m(a.target.value))
+                  }, null, 40, j)) : (n(), r("div", E, _(((o = i.value.find((a) => a.value === e.context._value)) == null ? void 0 : o.label) || e.context._value), 1)),
+                  l.value ? c("", !0) : (n(), d(f, {
+                    key: 2,
+                    outline: "",
+                    name: s.value ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                  }, null, 8, ["name"])),
+                  l.value ? (n(), d(k, {
+                    key: 3,
+                    variant: "plain",
+                    icon: "undo",
+                    onClick: t[1] || (t[1] = (a) => (m(i.value[0].value), l.value = !1))
+                  })) : c("", !0)
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        default: v(() => [
+          l.value ? c("", !0) : (n(), r("div", q, [
+            (n(!0), r(N, null, V(i.value, (o) => (n(), r("div", {
+              onClick: (a) => (m(o.value), l.value = !1),
+              class: z(["hover:bg-fm-color-neutral-gray-100 px-8 py-4 cursor-pointer rounded-sm w-full", {
+                "!bg-fm-color-system-warning-100": o.value === e.context._value
+              }])
+            }, _(o.label), 11, D))), 256)),
+            e.context.editable ? (n(), r("div", {
+              key: 0,
+              onClick: t[2] || (t[2] = (o) => (l.value = !0, m(e.context._value))),
+              class: "hover:bg-fm-color-neutral-gray-100 px-8 py-4 cursor-pointer rounded-sm flex items-center justify-between gap-4 text-fm-color-primary w-[150px]"
+            }, [
+              t[4] || (t[4] = P(" Customize ")),
+              x(f, {
+                outline: "",
+                name: "edit_square"
+              })
+            ])) : c("", !0)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["show-popover"]);
+    };
+  }
+});
+export {
+  O as default
+};

package/dist/SettingsView-Cm0hTMsz.js

@@ -0,0 +1,34 @@
+import { defineComponent as u, resolveComponent as i, openBlock as c, createElementBlock as p, createElementVNode as f, toDisplayString as d, unref as e, createVNode as s } from "vue";
+import { useRoute as b, useRouter as g, RouterView as _ } from "vue-router";
+import { u as v } from "./app-BfAfuAYv.js";
+const w = { class: "h-full w-full p-24 bg-fm-color-neutral-white overflow-auto flex flex-col gap-24" }, h = { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, B = /* @__PURE__ */ u({
+  __name: "SettingsView",
+  setup(x) {
+    const n = b(), a = g(), { t } = v(), l = [
+      {
+        label: t("brand.settings.tabs.assets"),
+        value: "settings-assets"
+      },
+      {
+        label: t("brand.settings.tabs.management"),
+        value: "settings-management"
+      }
+    ];
+    return (y, o) => {
+      const r = i("FmTabs");
+      return c(), p("div", w, [
+        f("h1", h, d(e(t)("brand.settings.title")), 1),
+        s(r, {
+          class: "border-b border-fm-color-neutral-gray-100 w-full",
+          items: l,
+          "model-value": e(n).name,
+          "onUpdate:modelValue": o[0] || (o[0] = (m) => e(a).push({ name: m }))
+        }, null, 8, ["model-value"]),
+        s(e(_), { class: "w-fit" })
+      ]);
+    };
+  }
+});
+export {
+  B as default
+};