{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/scroll-to-top",
  "version": "1.0.0",
  "title": "Scroll To Top",
  "category": "bBlocks",
  "description": "Enhance user experience with a fully customizable Scroll To Top button for smooth navigation.",
  "keywords": [
    "scroll to top",
    "scroll to top button",
    "scroll to top widget"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "scroll": {
      "type": "object",
      "default": {
        "scrollType": "progress",
        "position": "",
        "desktop": {
          "position": {
            "right": "10px",
            "bottom": "10px",
            "left": "10px"
          },
          "align": ""
        },
        "tablet": {
          "position": {
            "right": "",
            "bottom": "",
            "left": ""
          },
          "align": ""
        },
        "mobile": {
          "position": {
            "right": "",
            "bottom": "",
            "left": ""
          },
          "align": ""
        }
      }
    },
    "icon": {
      "type": "object",
      "default": {
        "svg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/></svg>",
        "text": "Top"
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "icon": {
          "size": "40px",
          "color": "#000",
          "bg": {},
          "normal": {
            "rotate": 0
          },
          "hover": {
            "rotate": 0,
            "transition": 0.3
          },
          "radius": {
            "top": "",
            "left": "",
            "bottom": "",
            "right": ""
          }
        },
        "progress": {
          "size": "60px",
          "strokeSize": 6,
          "color": "#ff0000",
          "strokeBg": "#efefef",
          "bg": "#fff"
        },
        "text": {
          "typography": {
            "fontSize": {
              "desktop": "24px"
            }
          },
          "normal": {
            "color": "",
            "bg": {},
            "shadow": [],
            "padding": {
              "top": "",
              "left": "",
              "bottom": "",
              "right": ""
            },
            "border": {},
            "radius": {
              "top": "",
              "left": "",
              "bottom": "",
              "right": ""
            }
          },
          "hover": {
            "color": "",
            "bg": {},
            "shadow": [],
            "padding": {
              "top": "",
              "left": "",
              "bottom": "",
              "right": ""
            },
            "border": {},
            "radius": {
              "top": "",
              "left": "",
              "bottom": "",
              "right": ""
            }
          }
        }
      }
    },
    "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"
            }
          },
          "margin": {
            "desktop": {
              "bottom": "0px",
              "top": "0px",
              "right": "0px",
              "left": "0px"
            }
          }
        },
        "transform": {
          "normal": {
            "rotate": {
              "desktop": {
                "x": "",
                "y": "",
                "z": ""
              },
              "tablet": {
                "x": "",
                "y": "",
                "z": ""
              },
              "mobile": {
                "x": "",
                "y": "",
                "z": ""
              },
              "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
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "shadow": [
              {
                "hOffset": "0px",
                "vOffset": "0px",
                "blur": "0px",
                "spreed": "0px",
                "color": "#7090b0",
                "isInset": false
              }
            ],
            "border": {
              "width": "0px",
              "style": "none"
            }
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "",
            "gradient": {
              "type": "radial",
              "radialType": "ellipse",
              "colors": [
                {
                  "color": "",
                  "position": "0"
                },
                {
                  "color": "",
                  "position": "80"
                }
              ],
              "centerPositions": {
                "x": 50,
                "y": 50
              },
              "angel": 90
            },
            "img": {
              "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
          }
        },
        "mask": {
          "isMask": false,
          "shape": {
            "type": "circle"
          },
          "repeat": "no-repeat"
        },
        "animation": {
          "type": "",
          "duration": 1
        },
        "visibility": {
          "zIndex": {
            "desktop": ""
          },
          "overflow": ""
        },
        "responsive": {
          "desktop": false,
          "tablet": false,
          "mobile": false
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": [
    "file:../index.js",
    "aos"
  ],
  "style": [
    "file:./view.css",
    "aos"
  ],
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "aos"
  ]
}