ablocks / assets / build / blocks / image-hotspot / block.json

block.json in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.0, at assets/build/blocks/image-hotspot/block.json

663 lines 21.5 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "ablocks/image-hotspot",
5	"version": "0.1.0",
6	"title": "Image Hotspot",
7	"category": "ablocks",
8	"description": "Add customizable, impactful image hotspot.",
9	"example": [],
10	"supports": {
11	"html": true,
12	"anchor": true
13	},
14	"textdomain": "ablocks",
15	"editorStyle": [
16	"ablocks-animate-style",
17	"ablocks-common-style",
18	"file:./style.css"
19	],
20	"editorScript": [
21	"ablocks-common-script",
22	"file:./view.js"
23	],
24	"attributes": {
25	"block_id": {
26	"type": "string",
27	"default": ""
28	},
29	"blockVersion": {
30	"type": "number",
31	"default": ""
32	},
33	"backgroundImage": {
34	"type": "string",
35	"default": ""
36	},
37	"activeIndex": {
38	"type": "number",
39	"default": 0
40	},
41	"imageSizes": {
42	"type": "object",
43	"default": []
44	},
45	"selectedImageSize": {
46	"type": "string",
47	"default": ""
48	},
49	"pinColor": {
50	"type": "string",
51	"default": "#d9d9d9"
52	},
53	"pinColorEffect": {
54	"type": "string",
55	"default": "#d9d9d9"
56	},
57	"pinHoverColor": {
58	"type": "string",
59	"default": "#d9d9d9"
60	},
61	"pinSize": {
62	"type": "number",
63	"default": 15
64	},
65	"pinHoverSize": {
66	"type": "number",
67	"default": 1.5
68	},
69	"lists": {
70	"type": "array",
71	"default": [
72	{
73	"id": 0,
74	"text": "Your title here 0",
75	"xAxis": 35,
76	"yAxis": 32,
77	"xAxisTab": 30,
78	"yAxisTab": 28,
79	"xAxisMob": 22,
80	"yAxisMob": 16,
81	"isOpen": false,
82	"pinColor": "",
83	"pinColorEffect": "",
84	"pinHoverColor": "",
85	"pinSize": "",
86	"pinHoverSize": ""
87	}
88	]
89	},
90	"animationType": {
91	"type": "string",
92	"default": "ablocks-hotspot-puls-effect 1s ease infinite"
93	},
94	"contentAnimation": {
95	"type": "string",
96	"default": "ablocks-hotspot-fadeIn"
97	},
98	"contentTrigger": {
99	"type": "string",
100	"default": "onClick"
101	},
102	"contentPosition": {
103	"type": "string",
104	"default": "bottom"
105	},
106	"backgroundColor": {
107	"type": "string",
108	"default": "white"
109	},
110	"childWidth": {
111	"type": "object",
112	"default": {
113	"value": 200,
114	"valueTablet": "",
115	"valueMobile": "",
116	"valueUnit": "px",
117	"valueUnitTablet": "",
118	"valueUnitMobile": ""
119	}
120	},
121	"commonBoxShadow": {
122	"type": "object",
123	"default": {
124	"preset": "",
125	"shadowType": "default",
126	"shadow": "",
127	"horizontal": "",
128	"vertical": "",
129	"blur": "",
130	"spread": "",
131	"color": "",
132	"presetH": "",
133	"shadowTypeH": "default",
134	"shadowH": "",
135	"horizontalH": "",
136	"verticalH": "",
137	"blurH": "",
138	"spreadH": "",
139	"colorH": "",
140	"transitionDuration": "0"
141	}
142	},
143	"_margin": {
144	"type": "object",
145	"default": {
146	"isLinked": true,
147	"isLinkedTablet": true,
148	"isLinkedMobile": true,
149	"common": "",
150	"top": "",
151	"right": "",
152	"bottom": "",
153	"left": "",
154	"unit": "px",
155	"commonTablet": "",
156	"topTablet": "",
157	"rightTablet": "",
158	"bottomTablet": "",
159	"leftTablet": "",
160	"unitTablet": "",
161	"commonMobile": "",
162	"topMobile": "",
163	"rightMobile": "",
164	"bottomMobile": "",
165	"leftMobile": "",
166	"unitMobile": ""
167	}
168	},
169	"_padding": {
170	"type": "object",
171	"default": {
172	"isLinked": true,
173	"isLinkedTablet": true,
174	"isLinkedMobile": true,
175	"common": "",
176	"top": "",
177	"right": "",
178	"bottom": "",
179	"left": "",
180	"unit": "px",
181	"commonTablet": "",
182	"topTablet": "",
183	"rightTablet": "",
184	"bottomTablet": "",
185	"leftTablet": "",
186	"unitTablet": "",
187	"commonMobile": "",
188	"topMobile": "",
189	"rightMobile": "",
190	"bottomMobile": "",
191	"leftMobile": "",
192	"unitMobile": ""
193	}
194	},
195	"_width": {
196	"type": "object",
197	"default": {
198	"widthType": "default",
199	"widthTypeTablet": "",
200	"widthTypeMobile": "",
201	"customWidth": "",
202	"customWidthTablet": "",
203	"customWidthMobile": "",
204	"customWidthUnit": "%",
205	"customWidthUnitTablet": "",
206	"customWidthUnitMobile": ""
207	}
208	},
209	"_border": {
210	"type": "object",
211	"default": {
212	"borderStyle": "default",
213	"borderStyleH": "default",
214	"borderColor": "",
215	"borderColorH": "",
216	"isLinkedWidth": true,
217	"isLinkedWidthTablet": true,
218	"isLinkedWidthMobile": true,
219	"commonWidth": "",
220	"commonWidthTablet": "",
221	"commonWidthMobile": "",
222	"topWidth": "",
223	"rightWidth": "",
224	"bottomWidth": "",
225	"leftWidth": "",
226	"topWidthTablet": "",
227	"rightWidthTablet": "",
228	"bottomWidthTablet": "",
229	"leftWidthTablet": "",
230	"topWidthMobile": "",
231	"rightWidthMobile": "",
232	"bottomWidthMobile": "",
233	"leftWidthMobile": "",
234	"unitWidth": "px",
235	"unitWidthTablet": "",
236	"unitWidthMobile": "",
237	"isLinkedWidthH": true,
238	"isLinkedWidthHTablet": true,
239	"isLinkedWidthHMobile": true,
240	"commonWidthH": "",
241	"commonWidthHTablet": "",
242	"commonWidthHMobile": "",
243	"topWidthH": "",
244	"rightWidthH": "",
245	"bottomWidthH": "",
246	"leftWidthH": "",
247	"topWidthHTablet": "",
248	"rightWidthHTablet": "",
249	"bottomWidthHTablet": "",
250	"leftWidthHTablet": "",
251	"topWidthHMobile": "",
252	"rightWidthHMobile": "",
253	"bottomWidthHMobile": "",
254	"leftWidthHMobile": "",
255	"unitWidthH": "px",
256	"unitWidthHTablet": "",
257	"unitWidthHMobile": "",
258	"isLinkedRadius": true,
259	"isLinkedRadiusTablet": true,
260	"isLinkedRadiusMobile": true,
261	"commonRadius": "",
262	"commonRadiusTablet": "",
263	"commonRadiusMobile": "",
264	"topRadius": "",
265	"rightRadius": "",
266	"bottomRadius": "",
267	"leftRadius": "",
268	"topRadiusTablet": "",
269	"rightRadiusTablet": "",
270	"bottomRadiusTablet": "",
271	"leftRadiusTablet": "",
272	"topRadiusMobile": "",
273	"rightRadiusMobile": "",
274	"bottomRadiusMobile": "",
275	"leftRadiusMobile": "",
276	"unitRadius": "px",
277	"unitRadiusTablet": "",
278	"unitRadiusMobile": "",
279	"isLinkedRadiusH": true,
280	"isLinkedRadiusHTablet": true,
281	"isLinkedRadiusHMobile": true,
282	"commonRadiusH": "",
283	"commonRadiusHTablet": "",
284	"commonRadiusHMobile": "",
285	"topRadiusH": "",
286	"rightRadiusH": "",
287	"bottomRadiusH": "",
288	"leftRadiusH": "",
289	"topRadiusHTablet": "",
290	"rightRadiusHTablet": "",
291	"bottomRadiusHTablet": "",
292	"leftRadiusHTablet": "",
293	"topRadiusHMobile": "",
294	"rightRadiusHMobile": "",
295	"bottomRadiusHMobile": "",
296	"leftRadiusHMobile": "",
297	"unitRadiusH": "px",
298	"unitRadiusHTablet": "",
299	"unitRadiusHMobile": "",
300	"transitionDuration": ""
301	}
302	},
303	"_position": {
304	"type": "object",
305	"default": {
306	"positionType": "relative",
307	"positionTypeTablet": "",
308	"positionTypeMobile": "",
309	"hOrientation": "",
310	"hOffset": "",
311	"hOffsetTablet": "",
312	"hOffsetMobile": "",
313	"hOffsetUnit": "px",
314	"hOffsetUnitTablet": "px",
315	"hOffsetUnitMobile": "px",
316	"vOrientation": "",
317	"vOffset": "",
318	"vOffsetTablet": "",
319	"vOffsetMobile": "",
320	"vOffsetUnit": "px",
321	"vOffsetUnitTablet": "px",
322	"vOffsetUnitMobile": "px"
323	}
324	},
325	"_background": {
326	"type": "object",
327	"default": {
328	"backgroundType": "none",
329	"backgroundTypeH": "none",
330	"backgroundColor": "",
331	"backgroundColorH": "",
332	"imgId": "",
333	"imgIdTablet": "",
334	"imgIdMobile": "",
335	"imgUrl": "",
336	"imgUrlTablet": "",
337	"imgUrlMobile": "",
338	"imgSize": "",
339	"imgSizeTablet": "",
340	"imgSizeMobile": "",
341	"imgPosition": "",
342	"imgPositionTablet": "",
343	"imgPositionMobile": "",
344	"imgXPositionUnit": "px",
345	"imgXPositionUnitTablet": "",
346	"imgXPositionUnitMobile": "",
347	"imgXPosition": "",
348	"imgXPositionTablet": "",
349	"imgXPositionMobile": "",
350	"imgYPositionUnit": "px",
351	"imgYPositionUnitTablet": "",
352	"imgYPositionUnitMobile": "",
353	"imgYPosition": "",
354	"imgYPositionTablet": "",
355	"imgYPositionMobile": "",
356	"imgAttachment": "",
357	"imgRepeat": "",
358	"imgRepeatTablet": "",
359	"imgRepeatMobile": "",
360	"imgDisplaySize": "",
361	"imgDisplaySizeTablet": "",
362	"imgDisplaySizeMobile": "",
363	"imgDisplaySizeWidth": "",
364	"imgDisplaySizeWidthTablet": "",
365	"imgDisplaySizeWidthMobile": "",
366	"imgDisplaySizeWidthUnit": "px",
367	"imgDisplaySizeWidthUnitTablet": "",
368	"imgDisplaySizeWidthUnitMobile": "",
369	"imgIdH": "",
370	"imgIdTabletH": "",
371	"imgIdMobileH": "",
372	"imgUrlH": "",
373	"imgUrlHTablet": "",
374	"imgUrlHMobile": "",
375	"imgSizeH": "",
376	"imgSizeHTablet": "",
377	"imgSizeHMobile": "",
378	"imgPositionH": "",
379	"imgPositionHTablet": "",
380	"imgPositionHMobile": "",
381	"imgXPositionUnitH": "px",
382	"imgXPositionUnitHTablet": "",
383	"imgXPositionUnitHMobile": "",
384	"imgXPositionH": "",
385	"imgXPositionHTablet": "",
386	"imgXPositionHMobile": "",
387	"imgYPositionUnitH": "px",
388	"imgYPositionUnitHTablet": "",
389	"imgYPositionUnitHMobile": "",
390	"imgYPositionH": "",
391	"imgYPositionHTablet": "",
392	"imgYPositionHMobile": "",
393	"imgAttachmentH": "",
394	"imgRepeatH": "",
395	"imgRepeatHTablet": "",
396	"imgRepeatHMobile": "",
397	"imgDisplaySizeH": "",
398	"imgDisplaySizeHTablet": "",
399	"imgDisplaySizeHMobile": "",
400	"imgDisplaySizeWidthH": "",
401	"imgDisplaySizeWidthHTablet": "",
402	"imgDisplaySizeWidthHMobile": "",
403	"imgDisplaySizeWidthHUnit": "px",
404	"imgDisplaySizeWidthHUnitTablet": "",
405	"imgDisplaySizeWidthHUnitMobile": "",
406	"transitionDuration": "",
407	"videoUrl": "",
408	"youtubeURL": "",
409	"vimeoURL": "",
410	"selfHostedURL": "",
411	"externalLink": false,
412	"videoSource": "none",
413	"videoPlayOnce": "",
414	"videoStartTime": "",
415	"videoEndTime": "",
416	"playOnMobile": "",
417	"videoPrivacyMode": "",
418	"fallbackImageUrl": ""
419	}
420	},
421	"_zIndex": {
422	"type": "object",
423	"default": {
424	"zIndex": "",
425	"zIndexTablet": "",
426	"zIndexMobile": ""
427	}
428	},
429	"_transform": {
430	"type": "object",
431	"default": {
432	"rotate": "",
433	"rotateTablet": "",
434	"rotateMobile": "",
435	"rotate3D": false,
436	"rotate3DTablet": false,
437	"rotate3DMobile": false,
438	"rotateX": "",
439	"rotateXTablet": "",
440	"rotateXMobile": "",
441	"rotateY": "",
442	"rotateYTablet": "",
443	"rotateYMobile": "",
444	"rotateP": "",
445	"rotatePTablet": "",
446	"rotatePMobile": "",
447	"offsetX": "",
448	"offsetXTablet": "",
449	"offsetXMobile": "",
450	"offsetXUnit": "px",
451	"offsetXUnitTablet": "px",
452	"offsetXUnitMobile": "px",
453	"offsetY": "",
454	"offsetYTablet": "",
455	"offsetYMobile": "",
456	"offsetYUnit": "px",
457	"offsetYUnitTablet": "px",
458	"offsetYUnitMobile": "px",
459	"scaleProportions": false,
460	"scale": "",
461	"scaleTablet": "",
462	"scaleMobile": "",
463	"scaleX": "",
464	"scaleXTablet": "",
465	"scaleXMobile": "",
466	"scaleY": "",
467	"scaleYTablet": "",
468	"scaleYMobile": "",
469	"skewX": "",
470	"skewXTablet": "",
471	"skewXMobile": "",
472	"skewY": "",
473	"skewYTablet": "",
474	"skewYMobile": "",
475	"flipHorizontal": false,
476	"flipVertical": false,
477	"xAnchorPoint": "",
478	"xAnchorPointTablet": "",
479	"xAnchorPointMobile": "",
480	"yAnchorPoint": "",
481	"yAnchorPointTablet": "",
482	"yAnchorPointMobile": "",
483	"rotateH": "",
484	"rotateHTablet": "",
485	"rotateHMobile": "",
486	"rotate3DH": false,
487	"rotate3DHTablet": false,
488	"rotate3DHMobile": false,
489	"rotateXH": "",
490	"rotateXHTablet": "",
491	"rotateXHMobile": "",
492	"rotateYH": "",
493	"rotateYHTablet": "",
494	"rotateYHMobile": "",
495	"rotatePH": "",
496	"rotatePHTablet": "",
497	"rotatePHMobile": "",
498	"offsetXH": "",
499	"offsetXHTablet": "",
500	"offsetXHMobile": "",
501	"offsetXHUnit": "px",
502	"offsetXHUnitTablet": "px",
503	"offsetXHUnitMobile": "px",
504	"offsetYH": "",
505	"offsetYHTablet": "",
506	"offsetYHMobile": "",
507	"offsetYHUnit": "px",
508	"offsetYHUnitTablet": "px",
509	"offsetYHUnitMobile": "px",
510	"scaleProportionsH": false,
511	"scaleH": "",
512	"scaleHTablet": "",
513	"scaleHMobile": "",
514	"scaleXH": "",
515	"scaleXHTablet": "",
516	"scaleXHMobile": "",
517	"scaleYH": "",
518	"scaleYHTablet": "",
519	"scaleYHMobile": "",
520	"skewXH": "",
521	"skewXHTablet": "",
522	"skewXHMobile": "",
523	"skewYH": "",
524	"skewYHTablet": "",
525	"skewYHMobile": "",
526	"flipHorizontalH": false,
527	"flipVerticalH": false,
528	"xAnchorPointH": "",
529	"xAnchorPointHTablet": "",
530	"xAnchorPointHMobile": "",
531	"yAnchorPointH": "",
532	"yAnchorPointHTablet": "",
533	"yAnchorPointHMobile": "",
534	"transitionH": ""
535	}
536	},
537	"_mask": {
538	"type": "object",
539	"default": {
540	"mask": false,
541	"maskTablet": false,
542	"maskMobile": false,
543	"maskShape": "circle",
544	"customMaskShape": "",
545	"maskSize": "",
546	"maskSizeTablet": "",
547	"maskSizeMobile": "",
548	"maskPosition": "",
549	"maskPositionTablet": "",
550	"maskPositionMobile": "",
551	"maskRepeat": "",
552	"maskRepeatTablet": "",
553	"maskRepeatMobile": "",
554	"scaleUnit": "px",
555	"scaleUnitTablet": "px",
556	"scaleUnitMobile": "px",
557	"scale": "0",
558	"scaleTablet": "0",
559	"scaleMobile": "0",
560	"xPositionUnit": "px",
561	"xPositionUnitTablet": "px",
562	"xPositionUnitMobile": "px",
563	"xPosition": "",
564	"xPositionTablet": "0",
565	"xPositionMobile": "0",
566	"yPositionUnit": "0",
567	"yPositionUnitTablet": "px",
568	"yPositionUnitMobile": "px",
569	"yPosition": "0",
570	"yPositionTablet": "0",
571	"yPositionMobile": "0"
572	}
573	},
574	"_animation": {
575	"type": "object",
576	"default": {
577	"animationType": "",
578	"animationTypeTablet": "",
579	"animationTypeMobile": "",
580	"animationDuration": "",
581	"animationDelay": ""
582	}
583	},
584	"_boxShadow": {
585	"type": "object",
586	"default": {
587	"preset": "",
588	"shadowType": "default",
589	"shadow": "",
590	"horizontal": "",
591	"vertical": "",
592	"blur": "",
593	"spread": "",
594	"color": "",
595	"presetH": "",
596	"shadowTypeH": "default",
597	"shadowH": "",
598	"horizontalH": "",
599	"verticalH": "",
600	"blurH": "",
601	"spreadH": "",
602	"colorH": "",
603	"transitionDuration": "0"
604	}
605	},
606	"_gsapAnimation": {
607	"type": "object",
608	"default": {
609	"animationType": "none",
610	"duration": 1,
611	"delay": 0,
612	"triggerType": "scroll",
613	"ease": "none",
614	"x": 0,
615	"y": 0,
616	"rotation": 0,
617	"rotationY": 0,
618	"opacity": 1,
619	"xTo": 0,
620	"yTo": 0,
621	"rotationTo": 0,
622	"rotationYTo": 0,
623	"opacityTo": 1,
624	"easeTo": "none",
625	"loops": false,
626	"numberOfRepeat": 0,
627	"isSmooth": true,
628	"startPoint": 80,
629	"endPoint": 10
630	}
631	},
632	"_hide_on_desktop": {
633	"type": "boolean",
634	"default": false
635	},
636	"_hide_on_tablet": {
637	"type": "boolean",
638	"default": false
639	},
640	"_hide_on_mobile": {
641	"type": "boolean",
642	"default": false
643	},
644	"_custom_css": {
645	"type": "string",
646	"default": ""
647	},
648	"_animation_element_trigger": {
649	"type": "array",
650	"default": [],
651	"items": {
652	"type": "object"
653	}
654	},
655	"_animation_page_trigger": {
656	"type": "array",
657	"default": [],
658	"items": {
659	"type": "object"
660	}
661	}
662	}
663	}