b-blocks / build / one-page-navigation / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.7, at build/one-page-navigation/block.json

584 lines 13.8 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "b-blocks/one-page-navigation",
5	"title": "One Page Navigation",
6	"category": "bBlocks",
7	"description": "A floating scroll-spy navigation for one-page sites: links to on-page sections, highlights the one in view and smooth-scrolls to it.",
8	"keywords": [
9	"navigation",
10	"scroll spy",
11	"one page",
12	"anchor",
13	"menu"
14	],
15	"textdomain": "b-blocks",
16	"supports": {
17	"html": false,
18	"align": false,
19	"multiple": true
20	},
21	"attributes": {
22	"blockId": {
23	"type": "string",
24	"default": ""
25	},
26	"layout": {
27	"type": "object",
28	"default": {
29	"preset": "glassBullseye",
30	"desktop": {
31	"position": "right",
32	"verticalAlign": "center",
33	"offsetX": "",
34	"offsetY": ""
35	},
36	"tablet": {
37	"position": "",
38	"verticalAlign": "",
39	"offsetX": "",
40	"offsetY": ""
41	},
42	"mobile": {
43	"position": "",
44	"verticalAlign": "",
45	"offsetX": "",
46	"offsetY": ""
47	}
48	}
49	},
50	"items": {
51	"type": "array",
52	"default": [
53	{
54	"id": "opn-overview",
55	"label": "Overview",
56	"sectionId": "overview",
57	"icon": {
58	"type": "icon",
59	"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M575 236.9 308.5 26.6a33 33 0 0 0-41 0L1 236.9a12 12 0 0 0-2 16.9l21 26.6a12 12 0 0 0 16.9 2L64 260.5V464a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V352h64v112a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V260.5l27.1 21.9a12 12 0 0 0 16.9-2l21-26.6a12 12 0 0 0-2-16.9z'/></svg>",
60	"img": {
61	"url": "",
62	"id": ""
63	},
64	"svg": ""
65	}
66	},
67	{
68	"id": "opn-features",
69	"label": "Features",
70	"sectionId": "features",
71	"icon": {
72	"type": "icon",
73	"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M264.5 5.2a24 24 0 0 0-17 0L28.7 84.5a16 16 0 0 0 0 30l218.8 79.3a24 24 0 0 0 17 0l218.8-79.3a16 16 0 0 0 0-30zm219 175.1-58.3-21.1-140.4 50.9a56 56 0 0 1-39.6 0L104.8 159.2l-58.3 21.1a16 16 0 0 0 0 30l218.8 79.3a24 24 0 0 0 17 0l218.8-79.3a16 16 0 0 0 0-30zm0 116.6-58.1-21-140.6 51a56 56 0 0 1-39.6 0l-140.6-51-58.1 21a16 16 0 0 0 0 30l218.8 79.3a24 24 0 0 0 17 0l218.8-79.3a16 16 0 0 0 0-30z'/></svg>",
74	"img": {
75	"url": "",
76	"id": ""
77	},
78	"svg": ""
79	}
80	},
81	{
82	"id": "opn-pricing",
83	"label": "Pricing",
84	"sectionId": "pricing",
85	"icon": {
86	"type": "icon",
87	"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 80v149.5a48 48 0 0 0 14 33.9l195 195a48 48 0 0 0 67.9 0l131-131a48 48 0 0 0 0-67.9l-195-195A48 48 0 0 0 179.5 32H48A48 48 0 0 0 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 0 1 0-64z'/></svg>",
88	"img": {
89	"url": "",
90	"id": ""
91	},
92	"svg": ""
93	}
94	},
95	{
96	"id": "opn-faq",
97	"label": "FAQ",
98	"sectionId": "faq",
99	"icon": {
100	"type": "icon",
101	"icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm0 400a32 32 0 1 1 0-64 32 32 0 0 1 0 64zm53.9-197.2-29.9 19v18.2a16 16 0 0 1-16 16h-16a16 16 0 0 1-16-16v-27.3a16 16 0 0 1 7.4-13.5l40.9-26c5.6-3.5 8.9-9.5 8.9-16 0-10.5-8.5-19-19-19h-35.6c-7.4 0-14.2 4.2-17.5 10.9l-3.5 7a16 16 0 0 1-21.5 7.2l-14.3-7.2a16 16 0 0 1-7.2-21.5l3.5-7A83 83 0 0 1 234.6 96h35.6c37.1 0 67.3 30.2 67.3 67.3 0 23-11.7 44.1-31.1 56.5z'/></svg>",
102	"img": {
103	"url": "",
104	"id": ""
105	},
106	"svg": ""
107	}
108	}
109	]
110	},
111	"behavior": {
112	"type": "object",
113	"default": {
114	"scrollSpy": true,
115	"smoothScroll": true,
116	"hideMissingSections": true,
117	"scrollSpeed": 600,
118	"desktop": {
119	"scrollOffset": "80px"
120	},
121	"tablet": {
122	"scrollOffset": ""
123	},
124	"mobile": {
125	"scrollOffset": ""
126	}
127	}
128	},
129	"item": {
130	"type": "object",
131	"default": {
132	"normal": {
133	"color": "",
134	"background": {},
135	"markerColor": "",
136	"ringColor": "",
137	"border": {},
138	"shadow": []
139	},
140	"hover": {
141	"color": "",
142	"background": {},
143	"markerColor": "",
144	"ringColor": "",
145	"border": {},
146	"shadow": []
147	},
148	"active": {
149	"color": "",
150	"background": {},
151	"markerColor": "",
152	"ringColor": "",
153	"border": {},
154	"shadow": []
155	},
156	"desktop": {
157	"padding": {
158	"top": "",
159	"right": "",
160	"bottom": "",
161	"left": ""
162	},
163	"radius": {
164	"top": "",
165	"right": "",
166	"bottom": "",
167	"left": ""
168	},
169	"width": "",
170	"height": "",
171	"ringSize": "",
172	"spacing": "18px"
173	},
174	"tablet": {
175	"padding": {
176	"top": "",
177	"right": "",
178	"bottom": "",
179	"left": ""
180	},
181	"radius": {
182	"top": "",
183	"right": "",
184	"bottom": "",
185	"left": ""
186	},
187	"width": "",
188	"height": "",
189	"ringSize": "",
190	"spacing": ""
191	},
192	"mobile": {
193	"padding": {
194	"top": "",
195	"right": "",
196	"bottom": "",
197	"left": ""
198	},
199	"radius": {
200	"top": "",
201	"right": "",
202	"bottom": "",
203	"left": ""
204	},
205	"width": "",
206	"height": "",
207	"ringSize": "",
208	"spacing": ""
209	}
210	}
211	},
212	"marker": {
213	"type": "object",
214	"default": {
215	"desktop": {
216	"size": ""
217	},
218	"tablet": {
219	"size": ""
220	},
221	"mobile": {
222	"size": ""
223	}
224	}
225	},
226	"media": {
227	"type": "object",
228	"default": {
229	"showIcon": false,
230	"color": "",
231	"hoverColor": "",
232	"activeColor": "",
233	"desktop": {
234	"size": "",
235	"width": "",
236	"height": "",
237	"radius": {
238	"top": "",
239	"right": "",
240	"bottom": "",
241	"left": ""
242	},
243	"objectFit": "cover"
244	},
245	"tablet": {
246	"size": "",
247	"width": "",
248	"height": "",
249	"radius": {
250	"top": "",
251	"right": "",
252	"bottom": "",
253	"left": ""
254	},
255	"objectFit": ""
256	},
257	"mobile": {
258	"size": "",
259	"width": "",
260	"height": "",
261	"radius": {
262	"top": "",
263	"right": "",
264	"bottom": "",
265	"left": ""
266	},
267	"objectFit": ""
268	}
269	}
270	},
271	"label": {
272	"type": "object",
273	"default": {
274	"tooltipBackground": {},
275	"tooltipText": "",
276	"border": {},
277	"typo": {
278	"fontSize": {
279	"desktop": 13,
280	"tablet": "",
281	"mobile": ""
282	}
283	},
284	"desktop": {
285	"gap": "",
286	"padding": {
287	"top": "",
288	"right": "",
289	"bottom": "",
290	"left": ""
291	},
292	"radius": {
293	"top": "",
294	"right": "",
295	"bottom": "",
296	"left": ""
297	}
298	},
299	"tablet": {
300	"gap": "",
301	"padding": {
302	"top": "",
303	"right": "",
304	"bottom": "",
305	"left": ""
306	},
307	"radius": {
308	"top": "",
309	"right": "",
310	"bottom": "",
311	"left": ""
312	}
313	},
314	"mobile": {
315	"gap": "",
316	"padding": {
317	"top": "",
318	"right": "",
319	"bottom": "",
320	"left": ""
321	},
322	"radius": {
323	"top": "",
324	"right": "",
325	"bottom": "",
326	"left": ""
327	}
328	}
329	}
330	},
331	"line": {
332	"type": "object",
333	"default": {
334	"color": "",
335	"progressColor": "",
336	"desktop": {
337	"thickness": ""
338	},
339	"tablet": {
340	"thickness": ""
341	},
342	"mobile": {
343	"thickness": ""
344	}
345	}
346	},
347	"number": {
348	"type": "object",
349	"default": {
350	"normal": {
351	"color": ""
352	},
353	"hover": {
354	"color": ""
355	},
356	"active": {
357	"color": ""
358	},
359	"typo": {
360	"fontSize": {
361	"desktop": 15,
362	"tablet": "",
363	"mobile": ""
364	}
365	}
366	}
367	},
368	"bubble": {
369	"type": "object",
370	"default": {
371	"desktop": {
372	"iconPosition": "auto",
373	"x": "32px",
374	"y": "0px"
375	},
376	"tablet": {
377	"iconPosition": "",
378	"x": "",
379	"y": ""
380	},
381	"mobile": {
382	"iconPosition": "",
383	"x": "",
384	"y": ""
385	}
386	}
387	},
388	"animation": {
389	"type": "object",
390	"default": {
391	"pulse": false,
392	"style": "pulseRing",
393	"speed": ""
394	}
395	},
396	"advanced": {
397	"type": "object",
398	"default": {
399	"dimension": {
400	"padding": {
401	"desktop": {
402	"top": "",
403	"right": "",
404	"bottom": "",
405	"left": ""
406	}
407	}
408	},
409	"borderShadow": {
410	"normal": {
411	"border": {
412	"width": "",
413	"style": "",
414	"color": ""
415	},
416	"radius": {
417	"top": "",
418	"right": "",
419	"bottom": "",
420	"left": ""
421	},
422	"shadow": []
423	}
424	},
425	"transform": {
426	"normal": {
427	"rotate": {
428	"desktop": {
429	"z": "",
430	"y": "",
431	"x": ""
432	},
433	"tablet": {
434	"z": "",
435	"y": "",
436	"x": ""
437	},
438	"mobile": {
439	"z": "",
440	"y": "",
441	"x": ""
442	},
443	"threeDRotate": false
444	},
445	"offset": {
446	"desktop": {
447	"x": "",
448	"y": ""
449	},
450	"tablet": {
451	"x": "",
452	"y": ""
453	},
454	"mobile": {
455	"x": "",
456	"y": ""
457	}
458	},
459	"scale": {
460	"isProportion": true,
461	"desktop": {
462	"x": "",
463	"y": "",
464	"scale": ""
465	},
466	"tablet": {
467	"x": "",
468	"y": "",
469	"scale": ""
470	},
471	"mobile": {
472	"x": "",
473	"y": "",
474	"scale": ""
475	}
476	},
477	"skew": {
478	"desktop": {
479	"x": "",
480	"y": ""
481	},
482	"tablet": {
483	"x": "",
484	"y": ""
485	},
486	"mobile": {
487	"x": "",
488	"y": ""
489	}
490	},
491	"flipX": false,
492	"flipY": false
493	},
494	"hover": {
495	"rotate": {
496	"desktop": {
497	"z": "",
498	"y": "",
499	"x": ""
500	},
501	"tablet": {
502	"z": "",
503	"y": "",
504	"x": ""
505	},
506	"mobile": {
507	"z": "",
508	"y": "",
509	"x": ""
510	},
511	"threeDRotate": false
512	},
513	"offset": {
514	"desktop": {
515	"x": "",
516	"y": ""
517	},
518	"tablet": {
519	"x": "",
520	"y": ""
521	},
522	"mobile": {
523	"x": "",
524	"y": ""
525	}
526	},
527	"scale": {
528	"isProportion": true,
529	"desktop": {
530	"x": "",
531	"y": "",
532	"scale": ""
533	},
534	"tablet": {
535	"x": "",
536	"y": "",
537	"scale": ""
538	},
539	"mobile": {
540	"x": "",
541	"y": "",
542	"scale": ""
543	}
544	},
545	"skew": {
546	"desktop": {
547	"x": "",
548	"y": ""
549	},
550	"tablet": {
551	"x": "",
552	"y": ""
553	},
554	"mobile": {
555	"x": "",
556	"y": ""
557	}
558	},
559	"flipX": false,
560	"flipY": false
561	},
562	"transition": 200
563	},
564	"position": {}
565	}
566	}
567	},
568	"example": {
569	"attributes": {
570	"layout": {
571	"preset": "glassBullseye",
572	"desktop": {
573	"position": "right",
574	"verticalAlign": "center"
575	}
576	}
577	}
578	},
579	"editorScript": "file:../index.js",
580	"viewScript": "file:./view.js",
581	"render": "file:./render.php",
582	"style": "file:./view.css",
583	"version": "1.0.41"
584	}