b-blocks / build / image-comparison / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/image-comparison/block.json

329 lines 6.8 KB

Raw Download Zip

1	{
2	"apiVersion": 3,
3	"name": "b-blocks/image-comparison",
4	"title": "Image Comparison",
5	"description": "Compare between two images.",
6	"category": "bBlocks",
7	"keywords": [
8	"image comparison",
9	"image compare",
10	"image filter",
11	"visual comparison",
12	"before and after image",
13	"beaf",
14	"before after",
15	"before after image"
16	],
17	"textdomain": "b-blocks",
18	"attributes": {
19	"align": {
20	"type": "string",
21	"default": ""
22	},
23	"alignment": {
24	"type": "string",
25	"default": "center"
26	},
27	"theme": {
28	"type": "string",
29	"default": "default"
30	},
31	"width": {
32	"type": "string",
33	"default": "100%"
34	},
35	"border": {
36	"type": "object",
37	"default": {}
38	},
39	"beforeImg": {
40	"type": "object",
41	"default": {
42	"id": null,
43	"url": "",
44	"alt": "",
45	"title": ""
46	}
47	},
48	"afterImg": {
49	"type": "object",
50	"default": {
51	"id": null,
52	"url": "",
53	"alt": "",
54	"title": ""
55	}
56	},
57	"orientation": {
58	"type": "string",
59	"default": "horizontal"
60	},
61	"isSwap": {
62	"type": "boolean",
63	"default": false
64	},
65	"isLabel": {
66	"type": "boolean",
67	"default": true
68	},
69	"label": {
70	"type": "object",
71	"default": {
72	"hAlign": "bottom",
73	"vAlign": "center",
74	"isShowHover": false
75	}
76	},
77	"beforeLabel": {
78	"type": "string",
79	"selector": ".beforeLabel",
80	"default": ""
81	},
82	"afterLabel": {
83	"type": "string",
84	"selector": ".afterLabel",
85	"default": ""
86	},
87	"labelTypo": {
88	"type": "object",
89	"default": {
90	"fontSize": {
91	"desktop": "15px"
92	}
93	}
94	},
95	"labelColors": {
96	"type": "object",
97	"default": {
98	"color": "#fff",
99	"bg": "#00000080"
100	}
101	},
102	"labelPadding": {
103	"type": "object",
104	"default": {
105	"vertical": "10px",
106	"horizontal": "15px"
107	}
108	},
109	"isCap": {
110	"type": "boolean",
111	"default": true
112	},
113	"cap": {
114	"type": "string",
115	"selector": ".caption",
116	"default": ""
117	},
118	"capAlign": {
119	"type": "string",
120	"default": "center"
121	},
122	"capTypo": {
123	"type": "object",
124	"default": {
125	"fontSize": {
126	"desktop": "14px"
127	}
128	}
129	},
130	"capColors": {
131	"type": "object",
132	"default": {
133	"color": "#333",
134	"bg": "#f4f4f4"
135	}
136	},
137	"capPadding": {
138	"type": "object",
139	"default": {
140	"vertical": "10px",
141	"horizontal": "15px"
142	}
143	},
144	"dragg": {
145	"type": "object",
146	"default": {
147	"handleType": "default",
148	"shapeType": "default"
149	}
150	},
151	"styles": {
152	"type": "object",
153	"default": {
154	"container": {
155	"height": {
156	"desktop": "",
157	"tablet": "",
158	"mobile": ""
159	}
160	},
161	"dragg": {
162	"line": {
163	"bg": {
164	"color": "#fff"
165	},
166	"size": 2
167	},
168	"icon": {
169	"color": ""
170	},
171	"handler": {
172	"color": ""
173	}
174	}
175	}
176	},
177	"options": {
178	"type": "object",
179	"default": {
180	"defaultOffset": 0.5,
181	"moveMouseOver": false,
182	"isMoveClick": false,
183	"autoSlide": {
184	"isAutoSlide": false,
185	"speed": 5,
186	"isHoverStop": true
187	}
188	}
189	},
190	"sliderOptions": {
191	"type": "object",
192	"default": {
193	"arrowType": "style1",
194	"height": {
195	"desktop": "400px",
196	"tablet": "400px",
197	"mobile": "400px"
198	},
199	"autoplay": true,
200	"dots": false,
201	"speed": 500,
202	"autoplaySpeed": 2500,
203	"pauseOnHover": true,
204	"infinite": true,
205	"arrows": true,
206	"slidesView": {
207	"desktop": 1,
208	"tablet": 1,
209	"mobile": 1
210	}
211	}
212	},
213	"sliderStyle": {
214	"type": "object",
215	"default": {
216	"pagination": {
217	"active": "#146EF5"
218	},
219	"navigation": {
220	"icon": {
221	"normal": {
222	"color": "#000",
223	"size": "22px"
224	},
225	"hover": {
226	"color": "",
227	"size": "22px"
228	}
229	},
230	"container": {
231	"height": "",
232	"width": "",
233	"normal": {
234	"bg": {
235	"color": "#fff"
236	},
237	"border": {},
238	"radius": {
239	"left": "30px",
240	"right": "30px",
241	"top": "30px",
242	"bottom": "30px"
243	}
244	},
245	"hover": {
246	"bg": {
247	"color": "#fff"
248	},
249	"border": {},
250	"radius": {}
251	}
252	}
253	}
254	}
255	},
256	"slider": {
257	"type": "array",
258	"default": [
259	{
260	"beforeImg": {
261	"img": {
262	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg.jpg"
263	},
264	"beforeLabel": "Before Label"
265	},
266	"afterImg": {
267	"img": {
268	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg2.jpg"
269	},
270	"afterLabel": "After Label"
271	},
272	"caption": "Before After Image Caption"
273	},
274	{
275	"beforeImg": {
276	"img": {
277	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg.jpg"
278	},
279	"beforeLabel": "Before Label"
280	},
281	"afterImg": {
282	"img": {
283	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg2.jpg"
284	},
285	"afterLabel": "After Label"
286	},
287	"caption": "Before After Image Caption"
288	},
289	{
290	"beforeImg": {
291	"img": {
292	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg.jpg"
293	},
294	"beforeLabel": "Before Label"
295	},
296	"afterImg": {
297	"img": {
298	"url": "https://templates.bplugins.com/wp-content/uploads/2025/03/beafImg2.jpg"
299	},
300	"afterLabel": "After Label"
301	},
302	"caption": "Before After Image Caption"
303	}
304	]
305	}
306	},
307	"supports": {
308	"align": [
309	"wide",
310	"full"
311	],
312	"html": false
313	},
314	"example": {
315	"attributes": {
316	"preview": true
317	}
318	},
319	"editorScript": [
320	"file:../index.js",
321	"aos"
322	],
323	"style": "file:./view.css",
324	"render": "file:./render.php",
325	"viewScript": [
326	"file:./view.js",
327	"jquery"
328	]
329	}