{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/instagram",
  "title": "Instagram Feed",
  "category": "bBlocks",
  "description": "Show an Instagram feed as a responsive gallery, with profile header, captions and a lightbox.",
  "keywords": [
    "instagram",
    "feed",
    "social",
    "gallery",
    "photos"
  ],
  "textdomain": "b-blocks",
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ]
  },
  "attributes": {
    "blockId": {
      "type": "string",
      "default": ""
    },
    "align": {
      "type": "string",
      "default": ""
    },
    "source": {
      "type": "object",
      "default": {
        "account": "",
        "limit": 24,
        "perPage": 12,
        "cacheMinutes": 30
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "profile": true,
        "profilePhoto": true,
        "profileName": false,
        "profileBio": false,
        "followButton": true,
        "followInFooter": false,
        "followLabel": "Follow On Instagram",
        "caption": true,
        "stripHashtags": false,
        "linkHashtags": true,
        "captionLength": 65,
        "mediaIcon": true,
        "loadMore": true,
        "loadMoreLabel": "Load More",
        "lightbox": true,
        "linkPosts": true,
        "openInNewTab": true
      }
    },
    "grid": {
      "type": "object",
      "default": {
        "desktop": {
          "columns": 4,
          "columnGap": "15px",
          "rowGap": "15px",
          "ratio": "1/1"
        },
        "tablet": {
          "columns": 2,
          "columnGap": "",
          "rowGap": "",
          "ratio": ""
        },
        "mobile": {
          "columns": 1,
          "columnGap": "",
          "rowGap": "",
          "ratio": ""
        }
      }
    },
    "item": {
      "type": "object",
      "default": {
        "hoverEffect": "zoom-in",
        "desktop": {
          "radius": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "iconSize": "22px"
        },
        "tablet": {
          "radius": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "iconSize": ""
        },
        "mobile": {
          "radius": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "iconSize": ""
        },
        "border": {},
        "shadow": [],
        "overlayColor": "",
        "iconColor": "#ffffff",
        "iconSize": "22px"
      }
    },
    "caption": {
      "type": "object",
      "default": {
        "style": "overlay-center",
        "align": "center",
        "color": "#ffffff",
        "linkColor": "#ffffff",
        "onHover": false,
        "background": {
          "color": "#00000099"
        },
        "padding": {
          "desktop": {
            "top": "12px",
            "right": "12px",
            "bottom": "12px",
            "left": "12px"
          },
          "tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "typo": {
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 13
          }
        }
      }
    },
    "profile": {
      "type": "object",
      "default": {
        "desktop": {
          "photoSize": "55px",
          "gap": "12px"
        },
        "tablet": {
          "photoSize": "",
          "gap": ""
        },
        "mobile": {
          "photoSize": "",
          "gap": ""
        },
        "photo": "",
        "photoSize": "55px",
        "gap": "12px",
        "usernameColor": "#146ef5",
        "nameColor": "",
        "nameText": "",
        "bioColor": "",
        "bioText": "",
        "usernameTypo": {
          "fontSize": {
            "desktop": 18,
            "tablet": "",
            "mobile": ""
          }
        },
        "metaTypo": {
          "fontSize": {
            "desktop": 14,
            "tablet": "",
            "mobile": ""
          }
        }
      }
    },
    "followBtn": {
      "type": "object",
      "default": {
        "normal": {
          "color": "#ffffff",
          "background": {
            "color": "#146ef5"
          },
          "border": {},
          "padding": {
            "desktop": {
              "top": "10px",
              "right": "18px",
              "bottom": "10px",
              "left": "18px"
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "radius": {
            "desktop": {
              "top": "4px",
              "right": "4px",
              "bottom": "4px",
              "left": "4px"
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "shadow": []
        },
        "hover": {
          "color": "#ffffff",
          "background": {
            "color": "#146ef5"
          },
          "border": {},
          "padding": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "radius": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "shadow": []
        },
        "typo": {
          "fontSize": {
            "desktop": 13,
            "tablet": "",
            "mobile": ""
          }
        },
        "padding": {
          "desktop": {
            "top": "10px",
            "right": "18px",
            "bottom": "10px",
            "left": "18px"
          },
          "tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "radius": {
          "desktop": {
            "top": "4px",
            "right": "4px",
            "bottom": "4px",
            "left": "4px"
          },
          "tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        }
      }
    },
    "loadMoreBtn": {
      "type": "object",
      "default": {
        "normal": {
          "color": "#ffffff",
          "background": {
            "color": "#146ef5"
          },
          "border": {},
          "padding": {
            "desktop": {
              "top": "10px",
              "right": "22px",
              "bottom": "10px",
              "left": "22px"
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "radius": {
            "desktop": {
              "top": "4px",
              "right": "4px",
              "bottom": "4px",
              "left": "4px"
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "shadow": []
        },
        "hover": {
          "color": "#ffffff",
          "background": {
            "color": "#146ef5"
          },
          "border": {},
          "padding": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "radius": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          },
          "shadow": []
        },
        "typo": {
          "fontSize": {
            "desktop": 14,
            "tablet": "",
            "mobile": ""
          }
        },
        "padding": {
          "desktop": {
            "top": "10px",
            "right": "22px",
            "bottom": "10px",
            "left": "22px"
          },
          "tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "radius": {
          "desktop": {
            "top": "4px",
            "right": "4px",
            "bottom": "4px",
            "left": "4px"
          },
          "tablet": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          },
          "mobile": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        }
      }
    },
    "lightbox": {
      "type": "object",
      "default": {
        "backdrop": "#000000e6",
        "showCaption": true,
        "showProfile": true,
        "showLink": true,
        "closeColor": "",
        "closeBg": "",
        "closeHoverColor": "",
        "closeHoverBg": "",
        "navColor": "",
        "navBg": "",
        "navHoverColor": "",
        "navHoverBg": ""
      }
    },
    "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": {}
      }
    }
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}