{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "b-blocks/one-page-navigation",
"title": "One Page Navigation",
"category": "bBlocks",
"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.",
"keywords": [
"navigation",
"scroll spy",
"one page",
"anchor",
"menu"
],
"textdomain": "b-blocks",
"supports": {
"html": false,
"align": false,
"multiple": true
},
"attributes": {
"blockId": {
"type": "string",
"default": ""
},
"layout": {
"type": "object",
"default": {
"preset": "glassBullseye",
"desktop": {
"position": "right",
"verticalAlign": "center",
"offsetX": "",
"offsetY": ""
},
"tablet": {
"position": "",
"verticalAlign": "",
"offsetX": "",
"offsetY": ""
},
"mobile": {
"position": "",
"verticalAlign": "",
"offsetX": "",
"offsetY": ""
}
}
},
"items": {
"type": "array",
"default": [
{
"id": "opn-overview",
"label": "Overview",
"sectionId": "overview",
"icon": {
"type": "icon",
"icon": "",
"img": {
"url": "",
"id": ""
},
"svg": ""
}
},
{
"id": "opn-features",
"label": "Features",
"sectionId": "features",
"icon": {
"type": "icon",
"icon": "",
"img": {
"url": "",
"id": ""
},
"svg": ""
}
},
{
"id": "opn-pricing",
"label": "Pricing",
"sectionId": "pricing",
"icon": {
"type": "icon",
"icon": "",
"img": {
"url": "",
"id": ""
},
"svg": ""
}
},
{
"id": "opn-faq",
"label": "FAQ",
"sectionId": "faq",
"icon": {
"type": "icon",
"icon": "",
"img": {
"url": "",
"id": ""
},
"svg": ""
}
}
]
},
"behavior": {
"type": "object",
"default": {
"scrollSpy": true,
"smoothScroll": true,
"hideMissingSections": true,
"scrollSpeed": 600,
"desktop": {
"scrollOffset": "80px"
},
"tablet": {
"scrollOffset": ""
},
"mobile": {
"scrollOffset": ""
}
}
},
"item": {
"type": "object",
"default": {
"normal": {
"color": "",
"background": {},
"markerColor": "",
"ringColor": "",
"border": {},
"shadow": []
},
"hover": {
"color": "",
"background": {},
"markerColor": "",
"ringColor": "",
"border": {},
"shadow": []
},
"active": {
"color": "",
"background": {},
"markerColor": "",
"ringColor": "",
"border": {},
"shadow": []
},
"desktop": {
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"width": "",
"height": "",
"ringSize": "",
"spacing": "18px"
},
"tablet": {
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"width": "",
"height": "",
"ringSize": "",
"spacing": ""
},
"mobile": {
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"width": "",
"height": "",
"ringSize": "",
"spacing": ""
}
}
},
"marker": {
"type": "object",
"default": {
"desktop": {
"size": ""
},
"tablet": {
"size": ""
},
"mobile": {
"size": ""
}
}
},
"media": {
"type": "object",
"default": {
"showIcon": false,
"color": "",
"hoverColor": "",
"activeColor": "",
"desktop": {
"size": "",
"width": "",
"height": "",
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"objectFit": "cover"
},
"tablet": {
"size": "",
"width": "",
"height": "",
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"objectFit": ""
},
"mobile": {
"size": "",
"width": "",
"height": "",
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"objectFit": ""
}
}
},
"label": {
"type": "object",
"default": {
"tooltipBackground": {},
"tooltipText": "",
"border": {},
"typo": {
"fontSize": {
"desktop": 13,
"tablet": "",
"mobile": ""
}
},
"desktop": {
"gap": "",
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
}
},
"tablet": {
"gap": "",
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
}
},
"mobile": {
"gap": "",
"padding": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
}
}
}
},
"line": {
"type": "object",
"default": {
"color": "",
"progressColor": "",
"desktop": {
"thickness": ""
},
"tablet": {
"thickness": ""
},
"mobile": {
"thickness": ""
}
}
},
"number": {
"type": "object",
"default": {
"normal": {
"color": ""
},
"hover": {
"color": ""
},
"active": {
"color": ""
},
"typo": {
"fontSize": {
"desktop": 15,
"tablet": "",
"mobile": ""
}
}
}
},
"bubble": {
"type": "object",
"default": {
"desktop": {
"iconPosition": "auto",
"x": "32px",
"y": "0px"
},
"tablet": {
"iconPosition": "",
"x": "",
"y": ""
},
"mobile": {
"iconPosition": "",
"x": "",
"y": ""
}
}
},
"animation": {
"type": "object",
"default": {
"pulse": false,
"style": "pulseRing",
"speed": ""
}
},
"advanced": {
"type": "object",
"default": {
"dimension": {
"padding": {
"desktop": {
"top": "",
"right": "",
"bottom": "",
"left": ""
}
}
},
"borderShadow": {
"normal": {
"border": {
"width": "",
"style": "",
"color": ""
},
"radius": {
"top": "",
"right": "",
"bottom": "",
"left": ""
},
"shadow": []
}
},
"transform": {
"normal": {
"rotate": {
"desktop": {
"z": "",
"y": "",
"x": ""
},
"tablet": {
"z": "",
"y": "",
"x": ""
},
"mobile": {
"z": "",
"y": "",
"x": ""
},
"threeDRotate": false
},
"offset": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"scale": {
"isProportion": true,
"desktop": {
"x": "",
"y": "",
"scale": ""
},
"tablet": {
"x": "",
"y": "",
"scale": ""
},
"mobile": {
"x": "",
"y": "",
"scale": ""
}
},
"skew": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"flipX": false,
"flipY": false
},
"hover": {
"rotate": {
"desktop": {
"z": "",
"y": "",
"x": ""
},
"tablet": {
"z": "",
"y": "",
"x": ""
},
"mobile": {
"z": "",
"y": "",
"x": ""
},
"threeDRotate": false
},
"offset": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"scale": {
"isProportion": true,
"desktop": {
"x": "",
"y": "",
"scale": ""
},
"tablet": {
"x": "",
"y": "",
"scale": ""
},
"mobile": {
"x": "",
"y": "",
"scale": ""
}
},
"skew": {
"desktop": {
"x": "",
"y": ""
},
"tablet": {
"x": "",
"y": ""
},
"mobile": {
"x": "",
"y": ""
}
},
"flipX": false,
"flipY": false
},
"transition": 200
},
"position": {}
}
}
},
"example": {
"attributes": {
"layout": {
"preset": "glassBullseye",
"desktop": {
"position": "right",
"verticalAlign": "center"
}
}
}
},
"editorScript": "file:../index.js",
"viewScript": "file:./view.js",
"render": "file:./render.php",
"style": "file:./view.css",
"version": "1.0.41"
}