{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "styble/video",
  "version": "1.0.1",
  "title": "Video",
  "category": "styble",
  "icon": "info-outline",
  "description": "Styble video block.",
  "supports": {
    "html": false,
    "customClassName": false,
    "anchor": false
  },
  "attributes": {
    "uniqueId": {
      "type": "string"
    },
    "dynamicCss": {
      "type": "string"
    },
    "fontList": {
      "type": "string"
    },
    "source": {
      "type": "string",
      "default": "external"
    },
    "url": {
      "type": "string",
      "default": "https://www.youtube.com/watch?v=BT2ocvKV1uA"
    },
    "selfVideo": {
      "type": "object"
    },
    "autoplay": {
      "type": "boolean",
      "default": true
    },
    "mute": {
      "type": "boolean",
      "default": true
    },
    "loop": {
      "type": "boolean",
      "default": false
    },
    "controls": {
      "type": "boolean",
      "default": false
    },
    "showImageOverlay": {
      "type": "boolean",
      "default": false
    },
    "imageOverlay": {
      "type": "object",
      "default": {}
    },
    "imageOverlayBg": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#DCDCDE",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        }
      }
    },
    "imageOverlayType": {
      "type": "string",
      "default": "local"
    },
    "overlayColor": {
      "type": "string",
      "default": "#fff"
    },
    "playIconType": {
      "type": "string",
      "default": "icon"
    },
    "playIcon": {
      "type": "string",
      "default": "fas fa-play"
    },
    "playImageType": {
      "type": "string",
      "default": "icon"
    },
    "playImage": {
      "type": "object",
      "default": {}
    },
    "playImageUrl": {
      "type": "string",
      "default": ""
    },
    "imageExternal": {
      "type": "string",
      "default": ""
    },
    "overlayOpacity": {
      "type": "object",
      "default": {
        "value": 1
      }
    },
    "playImageAlt": {
      "type": "string",
      "default": ""
    },
    "videoPopup": {
      "type": "boolean",
      "default": false
    },
    "playIconSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 20,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "imageCustomSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "",
            "right": ""
          },
          "Tablet": {
            "top": "",
            "right": ""
          },
          "Mobile": {
            "top": "",
            "right": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "playIconColor": {
      "type": "object",
      "default": {
        "color": "#1A261F",
        "hover": ""
      }
    },
    "playIconBgColor": {
      "type": "object",
      "default": {
        "color": {
          "style": "bgColor",
          "transparent": "",
          "solidColor": "#ffffff",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)",
          "image": {}
        },
        "hover": {
          "style": "",
          "transparent": "",
          "solidColor": "",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)",
          "image": {}
        }
      }
    },
    "rippleEffect": {
      "type": "boolean",
      "default": false
    },
    "playIconBorder": {
      "type": "object",
      "default": {
        "color": "#757575",
        "style": "none",
        "hoverColor": ""
      }
    },
    "playIconBorderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "playIconBorderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "50",
            "right": "50",
            "bottom": "50",
            "left": "50"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "%",
          "Tablet": "%",
          "Mobile": "%"
        },
        "allChange": false
      }
    },
    "enablePlayIconBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "playIconShadow": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "3",
            "bottom": "6",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "Outset",
          "Tablet": "Outset",
          "Mobile": "Outset"
        },
        "color": "#00000026",
        "hoverColor": ""
      }
    },
    "playIconPadding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "20",
            "right": "23",
            "bottom": "20",
            "left": "23"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "popupOverlayColor": {
      "type": "object",
      "default": {
        "color": "#000000c9"
      }
    },
    "popupBorder": {
      "type": "object",
      "default": {
        "color": "#ffffff",
        "style": "solid",
        "hoverColor": ""
      }
    },
    "popupBorderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "popupBorderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "playIconMargin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "bgColor": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#DCDCDE",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        },
        "hover": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "",
          "gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
        }
      }
    },
    "border": {
      "type": "object",
      "default": {
        "color": "#757575",
        "style": "solid",
        "hoverColor": ""
      }
    },
    "borderWidth": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "borderRadius": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "enableBoxShadow": {
      "type": "boolean",
      "default": false
    },
    "shadow": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "3",
            "bottom": "6",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "Outset",
          "Tablet": "Outset",
          "Mobile": "Outset"
        },
        "color": "#00000026",
        "hoverColor": ""
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "margin": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": {
            "top": "0",
            "right": "0",
            "bottom": "0",
            "left": "0"
          },
          "Tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "Mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        },
        "allChange": false
      }
    },
    "showHideOnDesktop": {
      "type": "boolean",
      "default": false
    },
    "showHideOnTablet": {
      "type": "boolean",
      "default": false
    },
    "showHideOnMobile": {
      "type": "boolean",
      "default": false
    },
    "transition": {
      "type": "object",
      "default": {
        "value": 0.3
      }
    },
    "additionalClass": {
      "type": "string",
      "default": ""
    },
    "isPreview": {
      "type": "boolean",
      "default": false
    }
  },
  "example": {
    "attributes": {
      "isPreview": true
    }
  },
  "textdomain": "styble",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}