@brunoalz/smartgesti-site-editor 1.5.2 → 1.7.0
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.
- package/dist/editor/LandingPageEditor.d.ts.map +1 -1
- package/dist/editor/LandingPageEditor.js +199 -185
- package/dist/editor/LandingPageEditor.js.map +1 -1
- package/dist/editor/PropertyEditor/VariationSelector.d.ts +1 -1
- package/dist/editor/PropertyEditor/VariationSelector.d.ts.map +1 -1
- package/dist/editor/PropertyEditor/VariationSelector.js +262 -93
- package/dist/editor/PropertyEditor/VariationSelector.js.map +1 -1
- package/dist/engine/export/exporters/layout/GridExporter.d.ts.map +1 -1
- package/dist/engine/export/exporters/layout/GridExporter.js +47 -31
- package/dist/engine/export/exporters/layout/GridExporter.js.map +1 -1
- package/dist/engine/export/exporters/layout/StackExporter.d.ts.map +1 -1
- package/dist/engine/export/exporters/layout/StackExporter.js +17 -16
- package/dist/engine/export/exporters/layout/StackExporter.js.map +1 -1
- package/dist/engine/export/exporters/sections/BlogPostExporters.d.ts.map +1 -1
- package/dist/engine/export/exporters/sections/BlogPostExporters.js +246 -186
- package/dist/engine/export/exporters/sections/BlogPostExporters.js.map +1 -1
- package/dist/engine/plugins/builtin/blog/manifest.d.ts.map +1 -1
- package/dist/engine/plugins/builtin/blog/manifest.js +65 -47
- package/dist/engine/plugins/builtin/blog/manifest.js.map +1 -1
- package/dist/engine/presets/blogVariations.d.ts +51 -0
- package/dist/engine/presets/blogVariations.d.ts.map +1 -0
- package/dist/engine/presets/blogVariations.js +267 -0
- package/dist/engine/presets/blogVariations.js.map +1 -0
- package/dist/engine/registry/blocks/layout/grid.d.ts.map +1 -1
- package/dist/engine/registry/blocks/layout/grid.js +84 -42
- package/dist/engine/registry/blocks/layout/grid.js.map +1 -1
- package/dist/engine/registry/blocks/layout/stack.d.ts.map +1 -1
- package/dist/engine/registry/blocks/layout/stack.js +14 -13
- package/dist/engine/registry/blocks/layout/stack.js.map +1 -1
- package/dist/engine/registry/blocks/sections/blogCategoryFilter.d.ts.map +1 -1
- package/dist/engine/registry/blocks/sections/blogCategoryFilter.js +62 -5
- package/dist/engine/registry/blocks/sections/blogCategoryFilter.js.map +1 -1
- package/dist/engine/registry/blocks/sections/blogPostDetail.d.ts.map +1 -1
- package/dist/engine/registry/blocks/sections/blogPostDetail.js +16 -4
- package/dist/engine/registry/blocks/sections/blogPostDetail.js.map +1 -1
- package/dist/engine/registry/blocks/sections/blogRecentPosts.d.ts.map +1 -1
- package/dist/engine/registry/blocks/sections/blogRecentPosts.js +62 -5
- package/dist/engine/registry/blocks/sections/blogRecentPosts.js.map +1 -1
- package/dist/engine/registry/blocks/sections/blogSearchBar.d.ts.map +1 -1
- package/dist/engine/registry/blocks/sections/blogSearchBar.js +23 -1
- package/dist/engine/registry/blocks/sections/blogSearchBar.js.map +1 -1
- package/dist/engine/registry/blocks/sections/blogTagCloud.d.ts.map +1 -1
- package/dist/engine/registry/blocks/sections/blogTagCloud.js +63 -6
- package/dist/engine/registry/blocks/sections/blogTagCloud.js.map +1 -1
- package/dist/engine/render/renderers/layout/GridRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/layout/GridRenderer.js +51 -18
- package/dist/engine/render/renderers/layout/GridRenderer.js.map +1 -1
- package/dist/engine/render/renderers/layout/StackRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/layout/StackRenderer.js +30 -25
- package/dist/engine/render/renderers/layout/StackRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogCategoryFilterRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/sections/BlogCategoryFilterRenderer.js +157 -132
- package/dist/engine/render/renderers/sections/BlogCategoryFilterRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogPostDetailRenderer.js +17 -17
- package/dist/engine/render/renderers/sections/BlogPostDetailRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogRecentPostsRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/sections/BlogRecentPostsRenderer.js +168 -136
- package/dist/engine/render/renderers/sections/BlogRecentPostsRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogSearchBarRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/sections/BlogSearchBarRenderer.js +59 -102
- package/dist/engine/render/renderers/sections/BlogSearchBarRenderer.js.map +1 -1
- package/dist/engine/render/renderers/sections/BlogTagCloudRenderer.d.ts.map +1 -1
- package/dist/engine/render/renderers/sections/BlogTagCloudRenderer.js +158 -122
- package/dist/engine/render/renderers/sections/BlogTagCloudRenderer.js.map +1 -1
- package/dist/engine/schema/siteDocument.d.ts +57 -1
- package/dist/engine/schema/siteDocument.d.ts.map +1 -1
- package/dist/engine/schema/siteDocument.js.map +1 -1
- package/dist/engine/shared/hoverEffects/colorUtils.d.ts +2 -1
- package/dist/engine/shared/hoverEffects/colorUtils.d.ts.map +1 -1
- package/dist/engine/shared/hoverEffects/colorUtils.js +16 -12
- package/dist/engine/shared/hoverEffects/colorUtils.js.map +1 -1
- package/dist/engine/shared/widgetStyles.d.ts +9 -0
- package/dist/engine/shared/widgetStyles.d.ts.map +1 -0
- package/dist/engine/shared/widgetStyles.js +13 -0
- package/dist/engine/shared/widgetStyles.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +84 -71
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,30 +1,63 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { jsxs as o, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import y from "react";
|
|
3
|
+
import { resolveWidgetShadow as D } from "../../../shared/widgetStyles.js";
|
|
4
|
+
import { generateLinkHoverStyles as N } from "../../../shared/hoverEffects/linkHover.js";
|
|
5
|
+
function B(s) {
|
|
3
6
|
const {
|
|
4
|
-
title:
|
|
5
|
-
categories:
|
|
6
|
-
variant:
|
|
7
|
-
showCount:
|
|
8
|
-
showAll:
|
|
9
|
-
allLabel:
|
|
10
|
-
activeCategory:
|
|
11
|
-
filterUrl:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
7
|
+
title: x,
|
|
8
|
+
categories: d = [],
|
|
9
|
+
variant: C = "chips",
|
|
10
|
+
showCount: m = !0,
|
|
11
|
+
showAll: p = !0,
|
|
12
|
+
allLabel: v = "Todas",
|
|
13
|
+
activeCategory: r,
|
|
14
|
+
filterUrl: l = "#",
|
|
15
|
+
borderRadius: c = "0.75rem",
|
|
16
|
+
shadow: S = "none",
|
|
17
|
+
linkColor: w,
|
|
18
|
+
linkHoverColor: R,
|
|
19
|
+
linkHoverEffect: H,
|
|
20
|
+
linkHoverIntensity: z
|
|
21
|
+
} = s.props, i = w || "", $ = R || "", I = H || "background", W = z ?? 50, t = `widget-cat-${s.id}`, k = D(S), f = (e) => e ? `${l}?categoria=${e}` : l, h = {
|
|
22
|
+
backgroundColor: "var(--sg-surface, var(--sg-bg))",
|
|
23
|
+
border: "1px solid var(--sg-border, #e5e7eb)",
|
|
24
|
+
borderRadius: c,
|
|
25
|
+
boxShadow: k !== "none" ? k : void 0,
|
|
26
|
+
overflow: "hidden"
|
|
27
|
+
};
|
|
28
|
+
let g = "";
|
|
29
|
+
if ($) {
|
|
30
|
+
const e = N({
|
|
31
|
+
effect: I,
|
|
32
|
+
intensity: W,
|
|
33
|
+
hoverColor: $
|
|
34
|
+
}), a = e.base ? `#${t} .sg-cat-chip:not(.sg-cat-active),
|
|
35
|
+
#${t} .sg-cat-btn:not(.sg-cat-active),
|
|
36
|
+
#${t} .sg-cat-list-item { ${e.base}; transition: all 0.3s ease; }` : `#${t} .sg-cat-chip, #${t} .sg-cat-btn, #${t} .sg-cat-list-item { transition: all 0.3s ease; }`, b = `
|
|
37
|
+
#${t} .sg-cat-chip:hover:not(.sg-cat-active),
|
|
38
|
+
#${t} .sg-cat-btn:hover:not(.sg-cat-active),
|
|
39
|
+
#${t} .sg-cat-list-item:hover { ${e.hover}; transition: all 0.3s ease; }`;
|
|
40
|
+
g = a + `
|
|
41
|
+
` + b;
|
|
42
|
+
} else
|
|
43
|
+
g = `
|
|
44
|
+
#${t} .sg-cat-chip, #${t} .sg-cat-btn, #${t} .sg-cat-list-item { transition: all 0.2s ease; }
|
|
45
|
+
#${t} .sg-cat-chip:hover:not(.sg-cat-active) { opacity: 0.8; transform: translateY(-1px); }
|
|
46
|
+
#${t} .sg-cat-btn:hover:not(.sg-cat-active) { border-color: var(--sg-primary) !important; color: var(--sg-primary) !important; }
|
|
47
|
+
#${t} .sg-cat-list-item:hover { background-color: rgba(0,0,0,0.04); }
|
|
48
|
+
`;
|
|
49
|
+
const u = () => x ? /* @__PURE__ */ n("div", { style: { padding: "1rem 1.25rem", borderBottom: "1px solid var(--sg-border, #e5e7eb)" }, children: /* @__PURE__ */ n("h3", { style: { fontSize: "1rem", fontWeight: 600, margin: 0, color: "var(--sg-text)" }, children: x }) }) : null;
|
|
50
|
+
if (C === "chips")
|
|
51
|
+
return /* @__PURE__ */ o(y.Fragment, { children: [
|
|
52
|
+
/* @__PURE__ */ n("style", { children: g }),
|
|
53
|
+
/* @__PURE__ */ o("div", { id: t, "data-block-group": "Conteúdo", style: h, children: [
|
|
54
|
+
u(),
|
|
55
|
+
/* @__PURE__ */ o("div", { style: { padding: "1rem 1.25rem", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
|
|
56
|
+
p && /* @__PURE__ */ n(
|
|
25
57
|
"a",
|
|
26
58
|
{
|
|
27
|
-
href:
|
|
59
|
+
href: l,
|
|
60
|
+
className: r ? "sg-cat-chip" : "sg-cat-active",
|
|
28
61
|
style: {
|
|
29
62
|
display: "inline-flex",
|
|
30
63
|
alignItems: "center",
|
|
@@ -34,17 +67,18 @@ function u(s) {
|
|
|
34
67
|
fontSize: "0.875rem",
|
|
35
68
|
fontWeight: 500,
|
|
36
69
|
textDecoration: "none",
|
|
37
|
-
backgroundColor:
|
|
38
|
-
color:
|
|
70
|
+
backgroundColor: r ? "var(--sg-bg)" : "var(--sg-primary)",
|
|
71
|
+
color: r ? i || "var(--sg-text)" : "var(--sg-primary-text, #fff)",
|
|
39
72
|
transition: "all 0.2s ease"
|
|
40
73
|
},
|
|
41
|
-
children:
|
|
74
|
+
children: v
|
|
42
75
|
}
|
|
43
76
|
),
|
|
44
|
-
|
|
77
|
+
d.map((e, a) => /* @__PURE__ */ o(
|
|
45
78
|
"a",
|
|
46
79
|
{
|
|
47
|
-
href: f(
|
|
80
|
+
href: f(e.slug),
|
|
81
|
+
className: r === e.slug ? "sg-cat-active" : "sg-cat-chip",
|
|
48
82
|
style: {
|
|
49
83
|
display: "inline-flex",
|
|
50
84
|
alignItems: "center",
|
|
@@ -54,160 +88,151 @@ function u(s) {
|
|
|
54
88
|
fontSize: "0.875rem",
|
|
55
89
|
fontWeight: 500,
|
|
56
90
|
textDecoration: "none",
|
|
57
|
-
backgroundColor:
|
|
58
|
-
color:
|
|
91
|
+
backgroundColor: r === e.slug ? "var(--sg-primary)" : "var(--sg-bg)",
|
|
92
|
+
color: r === e.slug ? "var(--sg-primary-text, #fff)" : i || "var(--sg-text)",
|
|
59
93
|
transition: "all 0.2s ease"
|
|
60
94
|
},
|
|
61
95
|
children: [
|
|
62
|
-
|
|
63
|
-
|
|
96
|
+
e.name,
|
|
97
|
+
m && e.count != null && /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", opacity: 0.7 }, children: [
|
|
64
98
|
"(",
|
|
65
|
-
|
|
99
|
+
e.count,
|
|
66
100
|
")"
|
|
67
101
|
] })
|
|
68
102
|
]
|
|
69
103
|
},
|
|
70
|
-
|
|
104
|
+
a
|
|
71
105
|
))
|
|
72
106
|
] })
|
|
73
107
|
] })
|
|
74
|
-
},
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
"data-block-group": "Conteúdo",
|
|
80
|
-
|
|
81
|
-
padding: "1.
|
|
82
|
-
|
|
83
|
-
},
|
|
84
|
-
children: /* @__PURE__ */ t("div", { style: { maxWidth: "1200px", margin: "0 auto", padding: "0 1rem" }, children: [
|
|
85
|
-
n && /* @__PURE__ */ a("h3", { style: { fontSize: "1rem", fontWeight: 600, marginBottom: "1rem", color: "var(--sg-text)" }, children: n }),
|
|
86
|
-
/* @__PURE__ */ t("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
|
|
87
|
-
g && /* @__PURE__ */ a(
|
|
108
|
+
] }, s.id);
|
|
109
|
+
if (C === "buttons") {
|
|
110
|
+
const e = `calc(${c} * 0.6)`;
|
|
111
|
+
return /* @__PURE__ */ o(y.Fragment, { children: [
|
|
112
|
+
/* @__PURE__ */ n("style", { children: g }),
|
|
113
|
+
/* @__PURE__ */ o("div", { id: t, "data-block-group": "Conteúdo", style: h, children: [
|
|
114
|
+
u(),
|
|
115
|
+
/* @__PURE__ */ o("div", { style: { padding: "1rem 1.25rem", display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
|
|
116
|
+
p && /* @__PURE__ */ n(
|
|
88
117
|
"a",
|
|
89
118
|
{
|
|
90
|
-
href:
|
|
119
|
+
href: l,
|
|
120
|
+
className: r ? "sg-cat-btn" : "sg-cat-active",
|
|
91
121
|
style: {
|
|
92
122
|
display: "inline-flex",
|
|
93
123
|
alignItems: "center",
|
|
94
124
|
gap: "0.375rem",
|
|
95
125
|
padding: "0.5rem 1rem",
|
|
96
|
-
borderRadius:
|
|
126
|
+
borderRadius: e,
|
|
97
127
|
fontSize: "0.875rem",
|
|
98
128
|
fontWeight: 500,
|
|
99
129
|
textDecoration: "none",
|
|
100
130
|
border: "1px solid",
|
|
101
|
-
borderColor:
|
|
102
|
-
backgroundColor:
|
|
103
|
-
color:
|
|
131
|
+
borderColor: r ? "var(--sg-border, #e5e7eb)" : "var(--sg-primary)",
|
|
132
|
+
backgroundColor: r ? "transparent" : "var(--sg-primary)",
|
|
133
|
+
color: r ? i || "var(--sg-text)" : "var(--sg-primary-text, #fff)",
|
|
104
134
|
transition: "all 0.2s ease"
|
|
105
135
|
},
|
|
106
|
-
children:
|
|
136
|
+
children: v
|
|
107
137
|
}
|
|
108
138
|
),
|
|
109
|
-
|
|
139
|
+
d.map((a, b) => /* @__PURE__ */ o(
|
|
110
140
|
"a",
|
|
111
141
|
{
|
|
112
|
-
href: f(
|
|
142
|
+
href: f(a.slug),
|
|
143
|
+
className: r === a.slug ? "sg-cat-active" : "sg-cat-btn",
|
|
113
144
|
style: {
|
|
114
145
|
display: "inline-flex",
|
|
115
146
|
alignItems: "center",
|
|
116
147
|
gap: "0.375rem",
|
|
117
148
|
padding: "0.5rem 1rem",
|
|
118
|
-
borderRadius:
|
|
149
|
+
borderRadius: e,
|
|
119
150
|
fontSize: "0.875rem",
|
|
120
151
|
fontWeight: 500,
|
|
121
152
|
textDecoration: "none",
|
|
122
153
|
border: "1px solid",
|
|
123
|
-
borderColor:
|
|
124
|
-
backgroundColor:
|
|
125
|
-
color:
|
|
154
|
+
borderColor: r === a.slug ? "var(--sg-primary)" : "var(--sg-border, #e5e7eb)",
|
|
155
|
+
backgroundColor: r === a.slug ? "var(--sg-primary)" : "transparent",
|
|
156
|
+
color: r === a.slug ? "var(--sg-primary-text, #fff)" : i || "var(--sg-text)",
|
|
126
157
|
transition: "all 0.2s ease"
|
|
127
158
|
},
|
|
128
159
|
children: [
|
|
129
|
-
|
|
130
|
-
|
|
160
|
+
a.name,
|
|
161
|
+
m && a.count != null && /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", opacity: 0.7 }, children: [
|
|
131
162
|
"(",
|
|
132
|
-
|
|
163
|
+
a.count,
|
|
133
164
|
")"
|
|
134
165
|
] })
|
|
135
166
|
]
|
|
136
167
|
},
|
|
137
|
-
|
|
168
|
+
b
|
|
138
169
|
))
|
|
139
170
|
] })
|
|
140
171
|
] })
|
|
141
|
-
},
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
"
|
|
145
|
-
{
|
|
146
|
-
|
|
147
|
-
style: {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
fontWeight: e ? 400 : 600,
|
|
166
|
-
textDecoration: "none",
|
|
167
|
-
backgroundColor: e ? "transparent" : "var(--sg-surface, #f3f4f6)",
|
|
168
|
-
color: e ? "var(--sg-text)" : "var(--sg-primary)",
|
|
169
|
-
transition: "all 0.2s ease"
|
|
170
|
-
},
|
|
171
|
-
children: m
|
|
172
|
-
}
|
|
173
|
-
),
|
|
174
|
-
l.map((r, o) => /* @__PURE__ */ t(
|
|
175
|
-
"a",
|
|
176
|
-
{
|
|
177
|
-
href: f(r.slug),
|
|
178
|
-
style: {
|
|
179
|
-
display: "flex",
|
|
180
|
-
alignItems: "center",
|
|
181
|
-
justifyContent: "space-between",
|
|
182
|
-
padding: "0.625rem 0.75rem",
|
|
183
|
-
borderRadius: "var(--sg-card-radius, 0.5rem)",
|
|
184
|
-
fontSize: "0.875rem",
|
|
185
|
-
fontWeight: e === r.slug ? 600 : 400,
|
|
186
|
-
textDecoration: "none",
|
|
187
|
-
backgroundColor: e === r.slug ? "var(--sg-surface, #f3f4f6)" : "transparent",
|
|
188
|
-
color: e === r.slug ? "var(--sg-primary)" : "var(--sg-text)",
|
|
189
|
-
transition: "all 0.2s ease"
|
|
190
|
-
},
|
|
191
|
-
children: [
|
|
192
|
-
/* @__PURE__ */ a("span", { children: r.name }),
|
|
193
|
-
d && r.count != null && /* @__PURE__ */ a("span", { style: {
|
|
194
|
-
fontSize: "0.75rem",
|
|
195
|
-
color: "var(--sg-muted-text)",
|
|
196
|
-
backgroundColor: "var(--sg-surface, #f3f4f6)",
|
|
197
|
-
padding: "0.125rem 0.5rem",
|
|
198
|
-
borderRadius: "9999px"
|
|
199
|
-
}, children: r.count })
|
|
200
|
-
]
|
|
172
|
+
] }, s.id);
|
|
173
|
+
}
|
|
174
|
+
return /* @__PURE__ */ o(y.Fragment, { children: [
|
|
175
|
+
/* @__PURE__ */ n("style", { children: g }),
|
|
176
|
+
/* @__PURE__ */ o("div", { id: t, "data-block-group": "Conteúdo", style: h, children: [
|
|
177
|
+
u(),
|
|
178
|
+
/* @__PURE__ */ o("div", { style: { padding: "0.5rem 0.75rem", display: "flex", flexDirection: "column", gap: "0.125rem" }, children: [
|
|
179
|
+
p && /* @__PURE__ */ n(
|
|
180
|
+
"a",
|
|
181
|
+
{
|
|
182
|
+
href: l,
|
|
183
|
+
className: "sg-cat-list-item",
|
|
184
|
+
style: {
|
|
185
|
+
display: "flex",
|
|
186
|
+
alignItems: "center",
|
|
187
|
+
justifyContent: "space-between",
|
|
188
|
+
padding: "0.625rem 0.75rem",
|
|
189
|
+
borderRadius: `calc(${c} * 0.5)`,
|
|
190
|
+
fontSize: "0.875rem",
|
|
191
|
+
fontWeight: r ? 400 : 600,
|
|
192
|
+
textDecoration: "none",
|
|
193
|
+
backgroundColor: r ? "transparent" : "var(--sg-bg)",
|
|
194
|
+
color: r ? i || "var(--sg-text)" : "var(--sg-primary)",
|
|
195
|
+
transition: "all 0.2s ease"
|
|
201
196
|
},
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
197
|
+
children: v
|
|
198
|
+
}
|
|
199
|
+
),
|
|
200
|
+
d.map((e, a) => /* @__PURE__ */ o(
|
|
201
|
+
"a",
|
|
202
|
+
{
|
|
203
|
+
href: f(e.slug),
|
|
204
|
+
className: "sg-cat-list-item",
|
|
205
|
+
style: {
|
|
206
|
+
display: "flex",
|
|
207
|
+
alignItems: "center",
|
|
208
|
+
justifyContent: "space-between",
|
|
209
|
+
padding: "0.625rem 0.75rem",
|
|
210
|
+
borderRadius: `calc(${c} * 0.5)`,
|
|
211
|
+
fontSize: "0.875rem",
|
|
212
|
+
fontWeight: r === e.slug ? 600 : 400,
|
|
213
|
+
textDecoration: "none",
|
|
214
|
+
backgroundColor: r === e.slug ? "var(--sg-bg)" : "transparent",
|
|
215
|
+
color: r === e.slug ? "var(--sg-primary)" : i || "var(--sg-text)",
|
|
216
|
+
transition: "all 0.2s ease"
|
|
217
|
+
},
|
|
218
|
+
children: [
|
|
219
|
+
/* @__PURE__ */ n("span", { children: e.name }),
|
|
220
|
+
m && e.count != null && /* @__PURE__ */ n("span", { style: {
|
|
221
|
+
fontSize: "0.75rem",
|
|
222
|
+
color: "var(--sg-muted-text)",
|
|
223
|
+
backgroundColor: "var(--sg-bg)",
|
|
224
|
+
padding: "0.125rem 0.5rem",
|
|
225
|
+
borderRadius: "9999px"
|
|
226
|
+
}, children: e.count })
|
|
227
|
+
]
|
|
228
|
+
},
|
|
229
|
+
a
|
|
230
|
+
))
|
|
205
231
|
] })
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
);
|
|
232
|
+
] })
|
|
233
|
+
] }, s.id);
|
|
209
234
|
}
|
|
210
235
|
export {
|
|
211
|
-
|
|
236
|
+
B as renderBlogCategoryFilter
|
|
212
237
|
};
|
|
213
238
|
//# sourceMappingURL=BlogCategoryFilterRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlogCategoryFilterRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogCategoryFilterRenderer.tsx"],"sourcesContent":["/**\n * BlogCategoryFilter Renderer\n * Renderiza filtro de categorias com 3 variantes: chips, buttons, list\n */\n\nimport React from \"react\";\n\nexport function renderBlogCategoryFilter(block: any): React.ReactNode {\n const {\n title,\n categories = [],\n variant = \"chips\",\n showCount = true,\n showAll = true,\n allLabel = \"Todas\",\n activeCategory,\n filterUrl = \"#\",\n } = block.props;\n\n const buildHref = (slug?: string) => {\n if (!slug) return filterUrl;\n return `${filterUrl}?categoria=${slug}`;\n };\n\n // ─── Variant: chips ───\n if (variant === \"chips\") {\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n padding: \"1.5rem 0\",\n backgroundColor: \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {title && (\n <h3 style={{ fontSize: \"1rem\", fontWeight: 600, marginBottom: \"1rem\", color: \"var(--sg-text)\" }}>\n {title}\n </h3>\n )}\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"0.5rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.375rem 0.875rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n backgroundColor: !activeCategory ? \"var(--sg-primary)\" : \"var(--sg-surface, #f3f4f6)\",\n color: !activeCategory ? \"var(--sg-primary-text, #fff)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.375rem 0.875rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"var(--sg-surface, #f3f4f6)\",\n color: activeCategory === cat.slug ? \"var(--sg-primary-text, #fff)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n {cat.name}\n {showCount && cat.count != null && (\n <span style={{ fontSize: \"0.75rem\", opacity: 0.7 }}>({cat.count})</span>\n )}\n </a>\n ))}\n </div>\n </div>\n </div>\n );\n }\n\n // ─── Variant: buttons ───\n if (variant === \"buttons\") {\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n padding: \"1.5rem 0\",\n backgroundColor: \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {title && (\n <h3 style={{ fontSize: \"1rem\", fontWeight: 600, marginBottom: \"1rem\", color: \"var(--sg-text)\" }}>\n {title}\n </h3>\n )}\n <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"0.5rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.5rem 1rem\",\n borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n border: \"1px solid\",\n borderColor: !activeCategory ? \"var(--sg-primary)\" : \"var(--sg-border, #e5e7eb)\",\n backgroundColor: !activeCategory ? \"var(--sg-primary)\" : \"transparent\",\n color: !activeCategory ? \"var(--sg-primary-text, #fff)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.5rem 1rem\",\n borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n border: \"1px solid\",\n borderColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"var(--sg-border, #e5e7eb)\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"transparent\",\n color: activeCategory === cat.slug ? \"var(--sg-primary-text, #fff)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n {cat.name}\n {showCount && cat.count != null && (\n <span style={{ fontSize: \"0.75rem\", opacity: 0.7 }}>({cat.count})</span>\n )}\n </a>\n ))}\n </div>\n </div>\n </div>\n );\n }\n\n // ─── Variant: list ───\n return (\n <div\n key={block.id}\n data-block-group=\"Conteúdo\"\n style={{\n padding: \"1.5rem 0\",\n backgroundColor: \"var(--sg-bg)\",\n }}\n >\n <div style={{ maxWidth: \"1200px\", margin: \"0 auto\", padding: \"0 1rem\" }}>\n {title && (\n <h3 style={{ fontSize: \"1rem\", fontWeight: 600, marginBottom: \"1rem\", color: \"var(--sg-text)\" }}>\n {title}\n </h3>\n )}\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"0.25rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0.625rem 0.75rem\",\n borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n fontWeight: !activeCategory ? 600 : 400,\n textDecoration: \"none\",\n backgroundColor: !activeCategory ? \"var(--sg-surface, #f3f4f6)\" : \"transparent\",\n color: !activeCategory ? \"var(--sg-primary)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0.625rem 0.75rem\",\n borderRadius: \"var(--sg-card-radius, 0.5rem)\",\n fontSize: \"0.875rem\",\n fontWeight: activeCategory === cat.slug ? 600 : 400,\n textDecoration: \"none\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-surface, #f3f4f6)\" : \"transparent\",\n color: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"var(--sg-text)\",\n transition: \"all 0.2s ease\",\n }}\n >\n <span>{cat.name}</span>\n {showCount && cat.count != null && (\n <span style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n backgroundColor: \"var(--sg-surface, #f3f4f6)\",\n padding: \"0.125rem 0.5rem\",\n borderRadius: \"9999px\",\n }}>\n {cat.count}\n </span>\n )}\n </a>\n ))}\n </div>\n </div>\n </div>\n );\n}\n"],"names":["renderBlogCategoryFilter","block","title","categories","variant","showCount","showAll","allLabel","activeCategory","filterUrl","buildHref","slug","jsx","jsxs","cat","i"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlogCategoryFilterRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogCategoryFilterRenderer.tsx"],"sourcesContent":["/**\n * BlogCategoryFilter Renderer\n * Card widget com filtro de categorias — 3 variantes: chips, buttons, list\n * Background: var(--sg-surface) para contraste com layout\n * Hover effects nos links de categoria\n */\n\nimport React from \"react\";\nimport { resolveWidgetShadow } from \"../../../shared/widgetStyles\";\nimport { generateLinkHoverStyles } from \"../../../shared/hoverEffects\";\n\nexport function renderBlogCategoryFilter(block: any): React.ReactNode {\n const {\n title,\n categories = [],\n variant = \"chips\",\n showCount = true,\n showAll = true,\n allLabel = \"Todas\",\n activeCategory,\n filterUrl = \"#\",\n borderRadius = \"0.75rem\",\n shadow = \"none\",\n linkColor: linkColorProp,\n linkHoverColor: linkHoverColorProp,\n linkHoverEffect: linkHoverEffectProp,\n linkHoverIntensity: linkHoverIntensityProp,\n } = block.props;\n\n const linkColor = linkColorProp || \"\";\n const linkHoverColor = linkHoverColorProp || \"\";\n const linkHoverEffect = linkHoverEffectProp || \"background\";\n const linkHoverIntensity = linkHoverIntensityProp ?? 50;\n\n const widgetId = `widget-cat-${block.id}`;\n const boxShadow = resolveWidgetShadow(shadow);\n\n const buildHref = (slug?: string) => {\n if (!slug) return filterUrl;\n return `${filterUrl}?categoria=${slug}`;\n };\n\n const cardStyle: React.CSSProperties = {\n backgroundColor: \"var(--sg-surface, var(--sg-bg))\",\n border: \"1px solid var(--sg-border, #e5e7eb)\",\n borderRadius,\n boxShadow: boxShadow !== \"none\" ? boxShadow : undefined,\n overflow: \"hidden\",\n };\n\n // Hover CSS for interactive category links\n let hoverCSS = \"\";\n if (linkHoverColor) {\n const styles = generateLinkHoverStyles({\n effect: linkHoverEffect as any,\n intensity: linkHoverIntensity,\n hoverColor: linkHoverColor,\n });\n const baseRule = styles.base\n ? `#${widgetId} .sg-cat-chip:not(.sg-cat-active),\n #${widgetId} .sg-cat-btn:not(.sg-cat-active),\n #${widgetId} .sg-cat-list-item { ${styles.base}; transition: all 0.3s ease; }`\n : `#${widgetId} .sg-cat-chip, #${widgetId} .sg-cat-btn, #${widgetId} .sg-cat-list-item { transition: all 0.3s ease; }`;\n const hoverRule = `\n #${widgetId} .sg-cat-chip:hover:not(.sg-cat-active),\n #${widgetId} .sg-cat-btn:hover:not(.sg-cat-active),\n #${widgetId} .sg-cat-list-item:hover { ${styles.hover}; transition: all 0.3s ease; }`;\n hoverCSS = baseRule + \"\\n\" + hoverRule;\n } else {\n // Fallback: simple hover effects\n hoverCSS = `\n #${widgetId} .sg-cat-chip, #${widgetId} .sg-cat-btn, #${widgetId} .sg-cat-list-item { transition: all 0.2s ease; }\n #${widgetId} .sg-cat-chip:hover:not(.sg-cat-active) { opacity: 0.8; transform: translateY(-1px); }\n #${widgetId} .sg-cat-btn:hover:not(.sg-cat-active) { border-color: var(--sg-primary) !important; color: var(--sg-primary) !important; }\n #${widgetId} .sg-cat-list-item:hover { background-color: rgba(0,0,0,0.04); }\n `;\n }\n\n const renderTitle = () =>\n title ? (\n <div style={{ padding: \"1rem 1.25rem\", borderBottom: \"1px solid var(--sg-border, #e5e7eb)\" }}>\n <h3 style={{ fontSize: \"1rem\", fontWeight: 600, margin: 0, color: \"var(--sg-text)\" }}>\n {title}\n </h3>\n </div>\n ) : null;\n\n // ─── Variant: chips ───\n if (variant === \"chips\") {\n return (\n <React.Fragment key={block.id}>\n <style>{hoverCSS}</style>\n <div id={widgetId} data-block-group=\"Conteúdo\" style={cardStyle}>\n {renderTitle()}\n <div style={{ padding: \"1rem 1.25rem\", display: \"flex\", flexWrap: \"wrap\", gap: \"0.5rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n className={!activeCategory ? \"sg-cat-active\" : \"sg-cat-chip\"}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.375rem 0.875rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n backgroundColor: !activeCategory ? \"var(--sg-primary)\" : \"var(--sg-bg)\",\n color: !activeCategory ? \"var(--sg-primary-text, #fff)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n className={activeCategory === cat.slug ? \"sg-cat-active\" : \"sg-cat-chip\"}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.375rem 0.875rem\",\n borderRadius: \"9999px\",\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"var(--sg-bg)\",\n color: activeCategory === cat.slug ? \"var(--sg-primary-text, #fff)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n {cat.name}\n {showCount && cat.count != null && (\n <span style={{ fontSize: \"0.75rem\", opacity: 0.7 }}>({cat.count})</span>\n )}\n </a>\n ))}\n </div>\n </div>\n </React.Fragment>\n );\n }\n\n // ─── Variant: buttons ───\n if (variant === \"buttons\") {\n const btnRadius = `calc(${borderRadius} * 0.6)`;\n return (\n <React.Fragment key={block.id}>\n <style>{hoverCSS}</style>\n <div id={widgetId} data-block-group=\"Conteúdo\" style={cardStyle}>\n {renderTitle()}\n <div style={{ padding: \"1rem 1.25rem\", display: \"flex\", flexWrap: \"wrap\", gap: \"0.5rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n className={!activeCategory ? \"sg-cat-active\" : \"sg-cat-btn\"}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.5rem 1rem\",\n borderRadius: btnRadius,\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n border: \"1px solid\",\n borderColor: !activeCategory ? \"var(--sg-primary)\" : \"var(--sg-border, #e5e7eb)\",\n backgroundColor: !activeCategory ? \"var(--sg-primary)\" : \"transparent\",\n color: !activeCategory ? \"var(--sg-primary-text, #fff)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n className={activeCategory === cat.slug ? \"sg-cat-active\" : \"sg-cat-btn\"}\n style={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"0.375rem\",\n padding: \"0.5rem 1rem\",\n borderRadius: btnRadius,\n fontSize: \"0.875rem\",\n fontWeight: 500,\n textDecoration: \"none\",\n border: \"1px solid\",\n borderColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"var(--sg-border, #e5e7eb)\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-primary)\" : \"transparent\",\n color: activeCategory === cat.slug ? \"var(--sg-primary-text, #fff)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n {cat.name}\n {showCount && cat.count != null && (\n <span style={{ fontSize: \"0.75rem\", opacity: 0.7 }}>({cat.count})</span>\n )}\n </a>\n ))}\n </div>\n </div>\n </React.Fragment>\n );\n }\n\n // ─── Variant: list ───\n return (\n <React.Fragment key={block.id}>\n <style>{hoverCSS}</style>\n <div id={widgetId} data-block-group=\"Conteúdo\" style={cardStyle}>\n {renderTitle()}\n <div style={{ padding: \"0.5rem 0.75rem\", display: \"flex\", flexDirection: \"column\", gap: \"0.125rem\" }}>\n {showAll && (\n <a\n href={filterUrl}\n className=\"sg-cat-list-item\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0.625rem 0.75rem\",\n borderRadius: `calc(${borderRadius} * 0.5)`,\n fontSize: \"0.875rem\",\n fontWeight: !activeCategory ? 600 : 400,\n textDecoration: \"none\",\n backgroundColor: !activeCategory ? \"var(--sg-bg)\" : \"transparent\",\n color: !activeCategory ? \"var(--sg-primary)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n {allLabel}\n </a>\n )}\n {categories.map((cat: any, i: number) => (\n <a\n key={i}\n href={buildHref(cat.slug)}\n className=\"sg-cat-list-item\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0.625rem 0.75rem\",\n borderRadius: `calc(${borderRadius} * 0.5)`,\n fontSize: \"0.875rem\",\n fontWeight: activeCategory === cat.slug ? 600 : 400,\n textDecoration: \"none\",\n backgroundColor: activeCategory === cat.slug ? \"var(--sg-bg)\" : \"transparent\",\n color: activeCategory === cat.slug ? \"var(--sg-primary)\" : (linkColor || \"var(--sg-text)\"),\n transition: \"all 0.2s ease\",\n }}\n >\n <span>{cat.name}</span>\n {showCount && cat.count != null && (\n <span style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n backgroundColor: \"var(--sg-bg)\",\n padding: \"0.125rem 0.5rem\",\n borderRadius: \"9999px\",\n }}>\n {cat.count}\n </span>\n )}\n </a>\n ))}\n </div>\n </div>\n </React.Fragment>\n );\n}\n"],"names":["renderBlogCategoryFilter","block","title","categories","variant","showCount","showAll","allLabel","activeCategory","filterUrl","borderRadius","shadow","linkColorProp","linkHoverColorProp","linkHoverEffectProp","linkHoverIntensityProp","linkColor","linkHoverColor","linkHoverEffect","linkHoverIntensity","widgetId","boxShadow","resolveWidgetShadow","buildHref","slug","cardStyle","hoverCSS","styles","generateLinkHoverStyles","baseRule","hoverRule","renderTitle","jsx","jsxs","React","cat","i","btnRadius"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
function
|
|
2
|
+
function W({ size: t }) {
|
|
3
3
|
return /* @__PURE__ */ e(
|
|
4
4
|
"div",
|
|
5
5
|
{
|
|
@@ -24,7 +24,7 @@ function A(t) {
|
|
|
24
24
|
const {
|
|
25
25
|
title: c,
|
|
26
26
|
content: y,
|
|
27
|
-
featuredImage:
|
|
27
|
+
featuredImage: m,
|
|
28
28
|
date: a,
|
|
29
29
|
category: n,
|
|
30
30
|
readingTime: d,
|
|
@@ -32,14 +32,14 @@ function A(t) {
|
|
|
32
32
|
showFeaturedImage: x = !0,
|
|
33
33
|
showAuthor: b = !0,
|
|
34
34
|
authorVariant: s = "inline",
|
|
35
|
-
showDate:
|
|
35
|
+
showDate: g = !0,
|
|
36
36
|
showTags: h = !0,
|
|
37
37
|
showReadingTime: p = !0,
|
|
38
38
|
contentMaxWidth: S = "720px",
|
|
39
|
-
authorName:
|
|
39
|
+
authorName: w,
|
|
40
40
|
authorAvatar: u,
|
|
41
|
-
authorBio:
|
|
42
|
-
} = t.props, o =
|
|
41
|
+
authorBio: z
|
|
42
|
+
} = t.props, o = w || "Nome do Autor", f = z || "";
|
|
43
43
|
function v({ size: i }) {
|
|
44
44
|
return u ? /* @__PURE__ */ e(
|
|
45
45
|
"img",
|
|
@@ -54,22 +54,22 @@ function A(t) {
|
|
|
54
54
|
flexShrink: 0
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
) : /* @__PURE__ */ e(
|
|
57
|
+
) : /* @__PURE__ */ e(W, { size: i });
|
|
58
58
|
}
|
|
59
59
|
return /* @__PURE__ */ r(
|
|
60
60
|
"article",
|
|
61
61
|
{
|
|
62
62
|
style: {
|
|
63
|
-
padding:
|
|
64
|
-
|
|
63
|
+
padding: 0,
|
|
64
|
+
paddingBottom: "6rem"
|
|
65
65
|
},
|
|
66
66
|
children: [
|
|
67
|
-
x &&
|
|
67
|
+
x && m && /* @__PURE__ */ e(
|
|
68
68
|
"div",
|
|
69
69
|
{
|
|
70
70
|
"data-block-group": "Mídia",
|
|
71
71
|
style: {
|
|
72
|
-
|
|
72
|
+
width: "100%",
|
|
73
73
|
margin: "0 auto 2.5rem auto",
|
|
74
74
|
borderRadius: "var(--sg-card-radius)",
|
|
75
75
|
overflow: "hidden"
|
|
@@ -77,12 +77,12 @@ function A(t) {
|
|
|
77
77
|
children: /* @__PURE__ */ e(
|
|
78
78
|
"img",
|
|
79
79
|
{
|
|
80
|
-
src:
|
|
80
|
+
src: m,
|
|
81
81
|
alt: c,
|
|
82
82
|
style: {
|
|
83
83
|
width: "100%",
|
|
84
84
|
height: "auto",
|
|
85
|
-
maxHeight: "
|
|
85
|
+
maxHeight: "520px",
|
|
86
86
|
objectFit: "cover",
|
|
87
87
|
display: "block"
|
|
88
88
|
}
|
|
@@ -124,8 +124,8 @@ function A(t) {
|
|
|
124
124
|
children: n
|
|
125
125
|
}
|
|
126
126
|
),
|
|
127
|
-
n && (
|
|
128
|
-
|
|
127
|
+
n && (g && a || p && d) && /* @__PURE__ */ e("span", { style: { color: "var(--sg-muted-text)", fontSize: "0.75rem" }, children: "·" }),
|
|
128
|
+
g && a && /* @__PURE__ */ e(
|
|
129
129
|
"span",
|
|
130
130
|
{
|
|
131
131
|
style: {
|
|
@@ -183,7 +183,7 @@ function A(t) {
|
|
|
183
183
|
paddingTop: "1.5rem",
|
|
184
184
|
borderTop: "1px solid var(--sg-border, #e5e7eb)"
|
|
185
185
|
},
|
|
186
|
-
children: l.map((i,
|
|
186
|
+
children: l.map((i, T) => /* @__PURE__ */ e(
|
|
187
187
|
"span",
|
|
188
188
|
{
|
|
189
189
|
style: {
|
|
@@ -197,7 +197,7 @@ function A(t) {
|
|
|
197
197
|
},
|
|
198
198
|
children: i
|
|
199
199
|
},
|
|
200
|
-
|
|
200
|
+
T
|
|
201
201
|
))
|
|
202
202
|
}
|
|
203
203
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlogPostDetailRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogPostDetailRenderer.tsx"],"sourcesContent":["/**\n * BlogPostDetail Renderer\n * Renderiza conteudo completo de um post de blog (pagina blog/:slug)\n * Dados do autor sao dinamicos (vem do banco) — aqui usamos placeholders.\n */\n\nimport React from \"react\";\n\nfunction AuthorPlaceholderAvatar({ size }: { size: string }) {\n return (\n <div\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n background: \"linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n color: \"#fff\",\n fontSize: `calc(${size} * 0.45)`,\n fontWeight: 700,\n }}\n >\n A\n </div>\n );\n}\n\nexport function renderBlogPostDetail(block: any): React.ReactNode {\n const {\n title,\n content,\n featuredImage,\n date,\n category,\n readingTime,\n tags = [],\n showFeaturedImage = true,\n showAuthor = true,\n authorVariant = \"inline\",\n showDate = true,\n showTags = true,\n showReadingTime = true,\n contentMaxWidth = \"720px\",\n authorName,\n authorAvatar,\n authorBio,\n } = block.props;\n\n const displayName = authorName || \"Nome do Autor\";\n const displayBio = authorBio || \"\";\n\n function AuthorAvatarOrPlaceholder({ size }: { size: string }) {\n if (authorAvatar) {\n return (\n <img\n src={authorAvatar}\n alt={displayName}\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n objectFit: \"cover\",\n flexShrink: 0,\n }}\n />\n );\n }\n return <AuthorPlaceholderAvatar size={size} />;\n }\n\n return (\n <article\n key={block.id}\n style={{\n padding: \"var(--sg-section-padding-md)\",\n backgroundColor: \"var(--sg-bg)\",\n }}\n >\n {/* Featured image — full width banner */}\n {showFeaturedImage && featuredImage && (\n <div\n data-block-group=\"Mídia\"\n style={{\n maxWidth: \"1200px\",\n margin: \"0 auto 2.5rem auto\",\n borderRadius: \"var(--sg-card-radius)\",\n overflow: \"hidden\",\n }}\n >\n <img\n src={featuredImage}\n alt={title}\n style={{\n width: \"100%\",\n height: \"auto\",\n maxHeight: \"480px\",\n objectFit: \"cover\",\n display: \"block\",\n }}\n />\n </div>\n )}\n\n {/* Content area */}\n <div\n style={{\n maxWidth: contentMaxWidth,\n margin: \"0 auto\",\n padding: \"0 1rem\",\n }}\n >\n {/* Post header: category, date, reading time */}\n <div\n data-block-group=\"Conteúdo\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.75rem\",\n marginBottom: \"1rem\",\n flexWrap: \"wrap\",\n }}\n >\n {category && (\n <span\n style={{\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n color: \"var(--sg-primary)\",\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n }}\n >\n {category}\n </span>\n )}\n {category && ((showDate && date) || (showReadingTime && readingTime)) && (\n <span style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.75rem\" }}>\n {\"\\u00B7\"}\n </span>\n )}\n {showDate && date && (\n <span\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.875rem\",\n }}\n >\n {date}\n </span>\n )}\n {showReadingTime && readingTime && (\n <span\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.875rem\",\n }}\n >\n {readingTime}\n </span>\n )}\n </div>\n\n {/* Title */}\n <h1\n style={{\n fontSize: \"2.5rem\",\n fontWeight: 700,\n lineHeight: 1.2,\n marginBottom: \"2rem\",\n }}\n >\n {title}\n </h1>\n\n {/* Content body (rendered HTML) */}\n <div\n style={{\n fontSize: \"1.0625rem\",\n lineHeight: 1.8,\n color: \"var(--sg-text)\",\n }}\n dangerouslySetInnerHTML={{ __html: content || \"\" }}\n />\n\n {/* Tags */}\n {showTags && tags.length > 0 && (\n <div\n data-block-group=\"Visibilidade\"\n style={{\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: \"0.5rem\",\n marginTop: \"2.5rem\",\n paddingTop: \"1.5rem\",\n borderTop: \"1px solid var(--sg-border, #e5e7eb)\",\n }}\n >\n {tags.map((tag: string, index: number) => (\n <span\n key={index}\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-surface)\",\n color: \"var(--sg-muted-text)\",\n borderRadius: \"9999px\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n }}\n >\n {tag}\n </span>\n ))}\n </div>\n )}\n\n {/* Author — dynamic placeholder (data comes from DB at runtime) */}\n {showAuthor && (\n <div\n data-block-group=\"Autor\"\n style={{\n marginTop: \"2.5rem\",\n paddingTop: \"1.5rem\",\n borderTop:\n showTags && tags.length > 0\n ? undefined\n : \"1px solid var(--sg-border, #e5e7eb)\",\n }}\n >\n {authorVariant === \"card\" && (\n <div\n style={{\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: \"1rem\",\n padding: \"1.25rem\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n backgroundColor: \"var(--sg-surface, #f9fafb)\",\n }}\n >\n <AuthorAvatarOrPlaceholder size=\"3.5rem\" />\n <div>\n <div\n style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n marginBottom: \"0.125rem\",\n }}\n >\n Escrito por\n </div>\n <div style={{ fontWeight: 600, fontSize: \"1rem\" }}>\n {displayName}\n </div>\n {displayBio && (\n <p\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.9375rem\",\n lineHeight: 1.5,\n margin: \"0.25rem 0 0\",\n }}\n >\n {displayBio}\n </p>\n )}\n </div>\n </div>\n )}\n\n {authorVariant === \"inline\" && (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.75rem\",\n }}\n >\n <AuthorAvatarOrPlaceholder size=\"2.5rem\" />\n <div>\n <div\n style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n }}\n >\n Escrito por\n </div>\n <div style={{ fontWeight: 600, fontSize: \"0.9375rem\" }}>\n {displayName}\n </div>\n </div>\n </div>\n )}\n\n {authorVariant === \"minimal\" && (\n <p\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.9375rem\",\n }}\n >\n Escrito por{\" \"}\n <span style={{ fontWeight: 600, color: \"var(--sg-text)\" }}>\n {displayName}\n </span>\n </p>\n )}\n </div>\n )}\n </div>\n </article>\n );\n}\n"],"names":["AuthorPlaceholderAvatar","size","jsx","renderBlogPostDetail","block","title","content","featuredImage","date","category","readingTime","tags","showFeaturedImage","showAuthor","authorVariant","showDate","showTags","showReadingTime","contentMaxWidth","authorName","authorAvatar","authorBio","displayName","displayBio","AuthorAvatarOrPlaceholder","jsxs","tag","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BlogPostDetailRenderer.js","sources":["../../../../../src/engine/render/renderers/sections/BlogPostDetailRenderer.tsx"],"sourcesContent":["/**\n * BlogPostDetail Renderer\n * Renderiza conteudo completo de um post de blog (pagina blog/:slug)\n * Dados do autor sao dinamicos (vem do banco) — aqui usamos placeholders.\n */\n\nimport React from \"react\";\n\nfunction AuthorPlaceholderAvatar({ size }: { size: string }) {\n return (\n <div\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n background: \"linear-gradient(135deg, var(--sg-primary, #6366f1) 0%, #818cf8 100%)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n color: \"#fff\",\n fontSize: `calc(${size} * 0.45)`,\n fontWeight: 700,\n }}\n >\n A\n </div>\n );\n}\n\nexport function renderBlogPostDetail(block: any): React.ReactNode {\n const {\n title,\n content,\n featuredImage,\n date,\n category,\n readingTime,\n tags = [],\n showFeaturedImage = true,\n showAuthor = true,\n authorVariant = \"inline\",\n showDate = true,\n showTags = true,\n showReadingTime = true,\n contentMaxWidth = \"720px\",\n authorName,\n authorAvatar,\n authorBio,\n } = block.props;\n\n const displayName = authorName || \"Nome do Autor\";\n const displayBio = authorBio || \"\";\n\n function AuthorAvatarOrPlaceholder({ size }: { size: string }) {\n if (authorAvatar) {\n return (\n <img\n src={authorAvatar}\n alt={displayName}\n style={{\n width: size,\n height: size,\n borderRadius: \"50%\",\n objectFit: \"cover\",\n flexShrink: 0,\n }}\n />\n );\n }\n return <AuthorPlaceholderAvatar size={size} />;\n }\n\n return (\n <article\n key={block.id}\n style={{\n padding: 0,\n paddingBottom: \"6rem\",\n }}\n >\n {/* Featured image — fills entire column width */}\n {showFeaturedImage && featuredImage && (\n <div\n data-block-group=\"Mídia\"\n style={{\n width: \"100%\",\n margin: \"0 auto 2.5rem auto\",\n borderRadius: \"var(--sg-card-radius)\",\n overflow: \"hidden\",\n }}\n >\n <img\n src={featuredImage}\n alt={title}\n style={{\n width: \"100%\",\n height: \"auto\",\n maxHeight: \"520px\",\n objectFit: \"cover\",\n display: \"block\",\n }}\n />\n </div>\n )}\n\n {/* Content area */}\n <div\n style={{\n maxWidth: contentMaxWidth,\n margin: \"0 auto\",\n padding: \"0 1rem\",\n }}\n >\n {/* Post header: category, date, reading time */}\n <div\n data-block-group=\"Conteúdo\"\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.75rem\",\n marginBottom: \"1rem\",\n flexWrap: \"wrap\",\n }}\n >\n {category && (\n <span\n style={{\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n color: \"var(--sg-primary)\",\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n }}\n >\n {category}\n </span>\n )}\n {category && ((showDate && date) || (showReadingTime && readingTime)) && (\n <span style={{ color: \"var(--sg-muted-text)\", fontSize: \"0.75rem\" }}>\n {\"\\u00B7\"}\n </span>\n )}\n {showDate && date && (\n <span\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.875rem\",\n }}\n >\n {date}\n </span>\n )}\n {showReadingTime && readingTime && (\n <span\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.875rem\",\n }}\n >\n {readingTime}\n </span>\n )}\n </div>\n\n {/* Title */}\n <h1\n style={{\n fontSize: \"2.5rem\",\n fontWeight: 700,\n lineHeight: 1.2,\n marginBottom: \"2rem\",\n }}\n >\n {title}\n </h1>\n\n {/* Content body (rendered HTML) */}\n <div\n style={{\n fontSize: \"1.0625rem\",\n lineHeight: 1.8,\n color: \"var(--sg-text)\",\n }}\n dangerouslySetInnerHTML={{ __html: content || \"\" }}\n />\n\n {/* Tags */}\n {showTags && tags.length > 0 && (\n <div\n data-block-group=\"Visibilidade\"\n style={{\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: \"0.5rem\",\n marginTop: \"2.5rem\",\n paddingTop: \"1.5rem\",\n borderTop: \"1px solid var(--sg-border, #e5e7eb)\",\n }}\n >\n {tags.map((tag: string, index: number) => (\n <span\n key={index}\n style={{\n display: \"inline-block\",\n padding: \"0.25rem 0.75rem\",\n backgroundColor: \"var(--sg-surface)\",\n color: \"var(--sg-muted-text)\",\n borderRadius: \"9999px\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n }}\n >\n {tag}\n </span>\n ))}\n </div>\n )}\n\n {/* Author — dynamic placeholder (data comes from DB at runtime) */}\n {showAuthor && (\n <div\n data-block-group=\"Autor\"\n style={{\n marginTop: \"2.5rem\",\n paddingTop: \"1.5rem\",\n borderTop:\n showTags && tags.length > 0\n ? undefined\n : \"1px solid var(--sg-border, #e5e7eb)\",\n }}\n >\n {authorVariant === \"card\" && (\n <div\n style={{\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: \"1rem\",\n padding: \"1.25rem\",\n borderRadius: \"var(--sg-card-radius, 0.75rem)\",\n backgroundColor: \"var(--sg-surface, #f9fafb)\",\n }}\n >\n <AuthorAvatarOrPlaceholder size=\"3.5rem\" />\n <div>\n <div\n style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n textTransform: \"uppercase\",\n letterSpacing: \"0.05em\",\n marginBottom: \"0.125rem\",\n }}\n >\n Escrito por\n </div>\n <div style={{ fontWeight: 600, fontSize: \"1rem\" }}>\n {displayName}\n </div>\n {displayBio && (\n <p\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.9375rem\",\n lineHeight: 1.5,\n margin: \"0.25rem 0 0\",\n }}\n >\n {displayBio}\n </p>\n )}\n </div>\n </div>\n )}\n\n {authorVariant === \"inline\" && (\n <div\n style={{\n display: \"flex\",\n alignItems: \"center\",\n gap: \"0.75rem\",\n }}\n >\n <AuthorAvatarOrPlaceholder size=\"2.5rem\" />\n <div>\n <div\n style={{\n fontSize: \"0.75rem\",\n color: \"var(--sg-muted-text)\",\n }}\n >\n Escrito por\n </div>\n <div style={{ fontWeight: 600, fontSize: \"0.9375rem\" }}>\n {displayName}\n </div>\n </div>\n </div>\n )}\n\n {authorVariant === \"minimal\" && (\n <p\n style={{\n color: \"var(--sg-muted-text)\",\n fontSize: \"0.9375rem\",\n }}\n >\n Escrito por{\" \"}\n <span style={{ fontWeight: 600, color: \"var(--sg-text)\" }}>\n {displayName}\n </span>\n </p>\n )}\n </div>\n )}\n </div>\n </article>\n );\n}\n"],"names":["AuthorPlaceholderAvatar","size","jsx","renderBlogPostDetail","block","title","content","featuredImage","date","category","readingTime","tags","showFeaturedImage","showAuthor","authorVariant","showDate","showTags","showReadingTime","contentMaxWidth","authorName","authorAvatar","authorBio","displayName","displayBio","AuthorAvatarOrPlaceholder","jsxs","tag","index"],"mappings":"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"}
|