@feedmepos/mf-brand-app-builder 0.5.5 → 0.5.7-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,19 @@
1
+ import { defineComponent as l, resolveComponent as p, openBlock as m, createBlock as r } from "vue";
2
+ const a = /* @__PURE__ */ l({
3
+ __name: "Switch",
4
+ props: {
5
+ context: {}
6
+ },
7
+ setup(c) {
8
+ return (e, o) => {
9
+ const t = p("FmSwitch");
10
+ return m(), r(t, {
11
+ modelValue: e.context._value,
12
+ "onUpdate:modelValue": o[0] || (o[0] = (n) => e.context.node.input(n))
13
+ }, null, 8, ["modelValue"]);
14
+ };
15
+ }
16
+ });
17
+ export {
18
+ a as default
19
+ };
@@ -0,0 +1,51 @@
1
+ import { defineComponent as c, openBlock as t, createElementBlock as a, Fragment as m, renderList as i, createVNode as d, normalizeClass as p, createBlock as _, unref as f } from "vue";
2
+ import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
3
+ const v = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, x = ["onClick"], y = /* @__PURE__ */ c({
4
+ __name: "BaButtonGroup",
5
+ props: {
6
+ modelValue: {},
7
+ groupItems: {}
8
+ },
9
+ emits: ["update:modelValue"],
10
+ setup(u, { emit: o }) {
11
+ const n = o;
12
+ function r(e) {
13
+ n("update:modelValue", e);
14
+ }
15
+ return (e, s) => (t(), a("div", v, [
16
+ (t(!0), a(m, null, i(e.groupItems, (l) => (t(), a("button", {
17
+ class: "flex justify-center items-center",
18
+ type: "button",
19
+ onClick: (b) => r(l.value)
20
+ }, [
21
+ d(g, {
22
+ class: p(["text-[28px] rounded-sm hover:bg-fm-color-neutral-gray-100", {
23
+ "bg-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-200": l.value === e.modelValue
24
+ }]),
25
+ name: l.icon
26
+ }, null, 8, ["class", "name"])
27
+ ], 8, x))), 256))
28
+ ]));
29
+ }
30
+ }), V = /* @__PURE__ */ c({
31
+ __name: "TextAlign",
32
+ props: {
33
+ context: {}
34
+ },
35
+ setup(u) {
36
+ const o = [
37
+ { icon: "format_align_left", value: "start" },
38
+ { icon: "format_align_center", value: "center" },
39
+ { icon: "format_align_right", value: "end" },
40
+ { icon: "format_align_justify", value: "justify" }
41
+ ], n = u;
42
+ return (r, e) => (t(), _(f(y), {
43
+ "model-value": r.context._value,
44
+ "onUpdate:modelValue": e[0] || (e[0] = (s) => n.context.node.input(s)),
45
+ groupItems: o
46
+ }, null, 8, ["model-value"]));
47
+ }
48
+ });
49
+ export {
50
+ V as default
51
+ };
@@ -0,0 +1,53 @@
1
+ import { defineComponent as d, openBlock as l, createElementBlock as c, Fragment as m, renderList as f, createElementVNode as h, createVNode as p, normalizeClass as _ } from "vue";
2
+ import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
3
+ const x = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, v = ["onClick"], y = /* @__PURE__ */ d({
4
+ __name: "TextDecorators",
5
+ props: {
6
+ context: {}
7
+ },
8
+ setup(a) {
9
+ const i = [
10
+ { icon: "format_underlined", value: "underline" },
11
+ { icon: "format_italic", value: "italic" },
12
+ { icon: "format_strikethrough", value: "line-through" }
13
+ ], o = a;
14
+ function u(t) {
15
+ let r = structuredClone(o.context._value.fontStyle), e = structuredClone(o.context._value.textDecorationLine).split(
16
+ " "
17
+ );
18
+ switch (t) {
19
+ case "italic":
20
+ r = r === "normal" ? t : "normal";
21
+ break;
22
+ case "underline":
23
+ e.includes("underline") ? e = e.filter((n) => n !== "underline") : e.push("underline");
24
+ break;
25
+ case "line-through":
26
+ e.includes("line-through") ? e = e.filter((n) => n !== "line-through") : e.push("line-through");
27
+ break;
28
+ }
29
+ e.length === 0 ? e.push("none") : e = e.filter((n) => n !== "none"), o.context.node.input({
30
+ fontStyle: r,
31
+ textDecorationLine: e.join(" ")
32
+ });
33
+ }
34
+ const s = (t) => o.context._value.fontStyle.includes(t) || o.context._value.textDecorationLine.includes(t);
35
+ return (t, r) => (l(), c("div", x, [
36
+ (l(), c(m, null, f(i, (e) => h("button", {
37
+ class: "flex justify-center items-center",
38
+ type: "button",
39
+ onClick: (n) => u(e.value)
40
+ }, [
41
+ p(g, {
42
+ class: _(["text-[28px] rounded-sm hover:bg-fm-color-neutral-gray-100", {
43
+ "bg-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-200": s(e.value)
44
+ }]),
45
+ name: e.icon
46
+ }, null, 8, ["class", "name"])
47
+ ], 8, v)), 64))
48
+ ]));
49
+ }
50
+ });
51
+ export {
52
+ y as default
53
+ };
@@ -0,0 +1,24 @@
1
+ import { defineComponent as c, resolveComponent as p, openBlock as a, createBlock as u } from "vue";
2
+ const r = /* @__PURE__ */ c({
3
+ __name: "TextField",
4
+ props: {
5
+ context: {}
6
+ },
7
+ setup(o) {
8
+ const n = o;
9
+ function t(e) {
10
+ n.context.node.input(e);
11
+ }
12
+ return (e, m) => {
13
+ const l = p("FmTextField");
14
+ return a(), u(l, {
15
+ class: "w-full",
16
+ "model-value": e.context._value,
17
+ "onUpdate:modelValue": t
18
+ }, null, 8, ["model-value"]);
19
+ };
20
+ }
21
+ });
22
+ export {
23
+ r as default
24
+ };
@@ -0,0 +1,68 @@
1
+ import { defineComponent as p, openBlock as l, createElementBlock as o, Fragment as s, renderList as c, createElementVNode as d, normalizeStyle as f, toDisplayString as x } from "vue";
2
+ const y = { class: "px-12 flex flex-col gap-12 w-full" }, m = ["onClick"], h = /* @__PURE__ */ p({
3
+ __name: "TextStyleList",
4
+ props: {
5
+ context: {}
6
+ },
7
+ setup(i) {
8
+ const e = i, r = [
9
+ {
10
+ title: "Add a display",
11
+ style: {
12
+ fontSize: "22px",
13
+ fontStyle: "normal",
14
+ fontWeight: "800",
15
+ lineHeight: "24px",
16
+ letterSpacing: "-0.33px"
17
+ }
18
+ },
19
+ {
20
+ title: "Add a title",
21
+ style: {
22
+ fontSize: "16px",
23
+ fontStyle: "normal",
24
+ fontWeight: "600",
25
+ lineHeight: "20px",
26
+ letterSpacing: "0.08px"
27
+ }
28
+ },
29
+ {
30
+ title: "Add a body text",
31
+ style: {
32
+ fontSize: "14px",
33
+ fontStyle: "normal",
34
+ fontWeight: "400",
35
+ lineHeight: "18px",
36
+ letterSpacing: "0.14px"
37
+ }
38
+ },
39
+ {
40
+ title: "Add a disclaimer",
41
+ style: {
42
+ fontSize: "12px",
43
+ fontStyle: "normal",
44
+ fontWeight: "400",
45
+ lineHeight: "16px",
46
+ letterSpacing: "0.24px"
47
+ }
48
+ }
49
+ ];
50
+ async function a(n) {
51
+ await e.context.node.input({
52
+ ...e.context._value,
53
+ ...n
54
+ });
55
+ }
56
+ return (n, g) => (l(), o("div", y, [
57
+ (l(), o(s, null, c(r, (t) => d("button", {
58
+ class: "w-full p-8 flex items-center border border-fm-color-neutral-gray-300 rounded-md",
59
+ type: "button",
60
+ style: f(t.style),
61
+ onClick: (u) => a(t.style)
62
+ }, x(t.title), 13, m)), 64))
63
+ ]));
64
+ }
65
+ });
66
+ export {
67
+ h as default
68
+ };
@@ -0,0 +1,9 @@
1
+ const s = (t, r) => {
2
+ const o = t.__vccOpts || t;
3
+ for (const [c, e] of r)
4
+ o[c] = e;
5
+ return o;
6
+ };
7
+ export {
8
+ s as _
9
+ };