{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/navigation",
  "version": "1.0.0",
  "title": "bBlocks Navigation",
  "category": "bBlocks",
  "description": "Display navigation in your website with stunning & organized appearance.",
  "keywords": [
    "navbar",
    "navigation",
    "menu",
    "menubar"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "layout": {
      "type": "object",
      "default": {
        "orientation": "is-horizontal",
        "preset": "preset-1",
        "alignment": "left",
        "verticalAlignment": "left",
        "isWrapMultipleLine": true,
        "isOpenOnClick": true,
        "isMenuIcon": true
      }
    },
    "hamburger": {
      "type": "object",
      "default": {
        "buttonType": "icon",
        "displayMenu": "mobile",
        "button": {
          "size": {
            "desktop": 30,
            "tablet": "",
            "mobile": ""
          },
          "color": "",
          "padding": {
            "desktop": {
              "top": "10px",
              "right": "10px",
              "bottom": "10px",
              "left": "10px"
            },
            "tablet": {},
            "mobile": {}
          }
        },
        "container": {
          "background": {
            "color": "#fff"
          },
          "padding": {
            "desktop": {
              "top": "5px",
              "right": "5px",
              "bottom": "5px",
              "left": "5px"
            },
            "tablet": {},
            "mobile": {}
          }
        },
        "items": {
          "typo": {
            "fontWeight": 600,
            "fontVariant": "600"
          },
          "padding": {
            "desktop": {
              "top": "15px",
              "right": "15px",
              "bottom": "15px",
              "left": "15px"
            },
            "tablet": {},
            "mobile": {}
          },
          "border": {},
          "borderRadius": {},
          "colors": {
            "normal": {
              "text": "",
              "bg": ""
            },
            "hover": {
              "text": "",
              "bg": ""
            }
          }
        },
        "closeButton": {
          "color": "",
          "alignment": "right"
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "typo": {
          "fontWeight": 600
        },
        "padding": {
          "desktop": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          },
          "tablet": {},
          "mobile": {}
        },
        "margin": {
          "desktop": {},
          "tablet": {},
          "mobile": {}
        },
        "colors": {
          "normal": {
            "normal": "#52555d",
            "hover": ""
          },
          "active": {
            "normal": "",
            "hover": ""
          }
        }
      }
    },
    "dropdownStyles": {
      "type": "object",
      "default": {
        "container": {
          "width": {
            "desktop": 200,
            "tablet": "",
            "mobile": ""
          },
          "background": {},
          "padding": {
            "desktop": {
              "top": "5px",
              "right": "5px",
              "bottom": "5px",
              "left": "5px"
            },
            "tablet": {},
            "mobile": {}
          },
          "border": {},
          "borderRadius": {},
          "shadow": {}
        },
        "menuItems": {
          "typo": {
            "fontWeight": 600
          },
          "padding": {
            "desktop": {
              "top": "10px",
              "right": "10px",
              "bottom": "10px",
              "left": "10px"
            },
            "tablet": {},
            "mobile": {}
          },
          "colors": {
            "transition": "",
            "normal": {
              "normal": "",
              "hover": ""
            },
            "active": {
              "normal": "",
              "hover": ""
            }
          }
        }
      }
    },
    "caret": {
      "type": "object",
      "default": {
        "size": {
          "desktop": 15,
          "tablet": "",
          "mobile": ""
        },
        "color": {
          "normal": "#475467",
          "hover": "#101828"
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          }
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "5px",
              "right": "5px",
              "bottom": "5px",
              "left": "5px"
            },
            "shadow": [
              {
                "hOffset": "0px",
                "vOffset": "0px",
                "blur": "18px",
                "spreed": "0px",
                "color": "#7090b0",
                "isInset": false
              }
            ]
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "rgba(255, 255, 255, 1)",
            "gradient": {
              "type": "radial",
              "radialType": "ellipse",
              "colors": [
                {
                  "color": "rgba(58, 66, 222, 1)",
                  "position": "0"
                },
                {
                  "color": "rgba(176, 195, 235, 1)",
                  "position": "80"
                }
              ],
              "centerPositions": {
                "x": 50,
                "y": 50
              },
              "angel": 90
            },
            "img": {
              "url": "",
              "desktop": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "tablet": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "mobile": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              }
            },
            "video": {
              "url": "",
              "loop": false
            },
            "transition": 0.3
          }
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": [
    "file:../index.js",
    "lodash",
    "aos"
  ],
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "react",
    "react-dom",
    "lodash"
  ]
}