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

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

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