{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 2,
  "name": "styble/gallery",
  "version": "1.1.1",
  "title": "Image Gallery",
  "category": "styble",
  "icon": "format-gallery",
  "description": "Image Gallery with Styble.",
  "supports": {
    "html": false,
    "customClassName": false,
    "anchor": false
  },
  "attributes": {
    "uniqueId": {
      "type": "string"
    },
    "dynamicCss": {
      "type": "string",
      "default": ""
    },
    "fontList": {
      "type": "string"
    },
    "scriptEnqueue": {
      "type": "object",
      "default": {
        "masonry": false,
        "fancybox": false
      }
    },
    "layout": {
      "type": "string",
      "default": "grid"
    },
    "imageSize": {
      "type": "string",
      "default": "full"
    },
    "clickEvent": {
      "type": "string",
      "default": "lightbox"
    },
    "lightboxIcon": {
      "type": "string",
      "default": "fa fa-search"
    },
    "gapBetweenImage": {
      "type": "object",
      "default": {
        "value": 20,
        "unit": "px"
      }
    },
    "gapBetweenImg": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 20,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "column": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 4,
          "Tablet": "",
          "Mobile": ""
        }
      }
    },
    "gallery": {
      "type": "array",
      "default": []
    },
    "closeIcon": {
      "type": "string",
      "default": ""
    },
    "showImageNumber": {
      "type": "boolean",
      "default": true
    },
    "showImageCaption": {
      "type": "boolean",
      "default": true
    },
    "enableCaption": {
      "type": "boolean",
      "default": false
    },
    "captionPosition": {
      "type": "string",
      "default": "below-image"
    },
    "captionAlignment": {
      "type": "string",
      "default": "center"
    },
    "titleAlignment": {
      "type": "string",
      "default": "center"
    },
    "enableTitle": {
      "type": "boolean",
      "default": false
    },
    "enableContent": {
      "type": "boolean",
      "default": false
    },
    "contentAlignment": {
      "type": "string",
      "default": "center"
    },
    "titleTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "500",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "titleFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 18,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleFontSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 32,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "titleColor": {
      "type": "object",
      "default": {
        "color": "#000",
        "hover": ""
      }
    },
    "titlePadding": {
      "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
      }
    },
    "titleMargin": {
      "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
      }
    },
    "galleryPadding": {
      "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
      }
    },
    "galleryMargin": {
      "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
      }
    },
    "contentTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "500",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "contentFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 18,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "contentFontSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "contentLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 32,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "contentColor": {
      "type": "object",
      "default": {
        "color": "#000",
        "hover": ""
      }
    },
    "contentPadding": {
      "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
      }
    },
    "contentMargin": {
      "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
      }
    },
    "captionTypography": {
      "type": "object",
      "default": {
        "googleFont": {
          "family": "Default",
          "variants": [
            "300",
            "400",
            "500",
            "600",
            "700",
            "800"
          ]
        },
        "typography": {
          "family": "",
          "fontWeight": "500",
          "style": "normal",
          "transform": "none",
          "decoration": "none"
        }
      }
    },
    "captionFontSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 18,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "captionFontSpacing": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 0,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "captionLineHeight": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 32,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "captionColor": {
      "type": "object",
      "default": {
        "color": "#000",
        "hover": ""
      }
    },
    "captionPadding": {
      "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
      }
    },
    "captionMargin": {
      "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
      }
    },
    "border": {
      "type": "object",
      "default": {
        "color": "#DCDCDE",
        "style": "solid",
        "hoverColor": "#DCDCDE"
      }
    },
    "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
      }
    },
    "lightboxIconColor": {
      "type": "object",
      "default": {
        "color": "#fff",
        "hover": ""
      }
    },
    "lightboxIconSize": {
      "type": "object",
      "default": {
        "device": {
          "Desktop": 18,
          "Tablet": "",
          "Mobile": ""
        },
        "unit": {
          "Desktop": "px",
          "Tablet": "px",
          "Mobile": "px"
        }
      }
    },
    "bgOverlay": {
      "type": "object",
      "default": {
        "color": {
          "style": "transparent",
          "transparent": "",
          "solidColor": "#08080882",
          "gradient": "linear-gradient(135deg,rgba(7,146,227,0.31) 0%,rgba(134,49,214,0.39) 100%)"
        },
        "hover": {
          "style": "bgColor",
          "transparent": "",
          "solidColor": "#08080882",
          "gradient": "linear-gradient(135deg,rgba(7,146,227,0.31) 0%,rgba(134,49,214,0.39) 100%)"
        }
      }
    },
    "contentBg": {
      "type": "object",
      "default": {
        "color": {
          "style": "bgColor",
          "transparent": "",
          "solidColor": "#BFBFBF57",
          "gradient": "linear-gradient(135deg,rgba(7,146,227,0.31) 0%,rgba(134,49,214,0.39) 100%)"
        }
      }
    },
    "hideOnDesktop": {
      "type": "boolean",
      "default": false
    },
    "hideOnTablet": {
      "type": "boolean",
      "default": false
    },
    "hideOnMobile": {
      "type": "boolean",
      "default": false
    },
    "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"
}