{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "vidplex/grid-carousel",
  "version": "1.0.1",
  "title": "Video Gallery",
  "category": "vidplex",
  "textdomain": "vidplex",
  "supports": {
    "html": false
  },
  "attributes": {
    "clientId": {
      "type": "string",
      "default": ""
    },
    "cover": {
      "type": "string",
      "default": ""
    },
    "layout": {
      "type": "string",
      "default": "default"
    },
    "displayType": {
      "type": "string",
      "default": "grid"
    },
    "videoSource": {
      "type": "string",
      "default": "custom"
    },
    "content": {
      "type": "object",
      "default": {
        "title": true,
        "titleTag": "h3",
        "meta": true,
        "description": false,
        "excerpt": 20
      }
    },
    "customVideos": {
      "type": "array",
      "default": [
        {
          "id": "",
          "url": "",
          "title": "",
          "description": "",
          "channelName": "",
          "channelLogo": "",
          "meta": {
            "length": "",
            "views": "",
            "publishedTime": ""
          }
        }
      ]
    },
    "channelVideos": {
      "type": "object",
      "default": {
        "channelId": "",
        "perPage": 9,
        "offset": "",
        "order": "desc",
        "orderBy": "date",
        "exclude": []
      }
    },
    "videoSettings": {
      "type": "object",
      "default": {}
    },
    "grid": {
      "type": "object",
      "default": {
        "cols": {
          "desktop": 3,
          "tablet": 2,
          "mobile": 1
        },
        "gap": {
          "desktop": "26px"
        },
        "rowGap": {
          "desktop": "26px"
        }
      }
    },
    "list": {
      "type": "object",
      "default": {
        "gap": "26px"
      }
    },
    "gallery": {
      "type": "object",
      "default": {
        "autoplay": true,
        "fs": false,
        "controls": true,
        "displayType": "sidebar",
        "playerCol": {
          "desktop": "60%",
          "tablet": "100%"
        },
        "listCol": {
          "desktop": "40%",
          "tablet": "100%"
        },
        "gridCols": {
          "desktop": 3,
          "tablet": 2,
          "mobile": 1
        },
        "gap": "20px",
        "rowGap": "20px",
        "itemGap": "20px",
        "itemPadding": {
          "desktop": {
            "top": "5px",
            "right": "5px",
            "bottom": "5px",
            "left": "5px"
          }
        },
        "itemRadius": "0px",
        "itemBgColorActive": "#e7e7e7",
        "thumbnailWidth": {
          "desktop": "140px",
          "mobile": "100%"
        },
        "thumbnailHeight": {
          "desktop": "100px"
        },
        "thumbnailRadius": "4px",
        "playIconWidth": "44px",
        "playIconHeight": "28px",
        "playerHeight": {
          "desktop": "550px",
          "tablet": "350px"
        },
        "stickyPlayer": true
      }
    },
    "ajax": {
      "type": "object",
      "default": {
        "enabled": false,
        "perPage": 6,
        "toFetch": 10,
        "total": 50,
        "type": "button",
        "btnLabel": "Load More",
        "loadingText": "Loading",
        "align": "center",
        "width": {
          "desktop": ""
        },
        "padding": {
          "desktop": {
            "top": "12px",
            "right": "36px",
            "bottom": "12px",
            "left": "36px"
          }
        },
        "margin": {
          "top": "26px",
          "bottom": ""
        },
        "border": {
          "width": "",
          "style": "",
          "color": ""
        },
        "radius": "5px",
        "font": {
          "size": {
            "desktop": "16px"
          },
          "weight": "",
          "family": ""
        },
        "letterCase": "",
        "decoration": "",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "text": "#fffffe",
          "textHover": "",
          "bg": "#06af66",
          "bgHover": "",
          "borderHover": "",
          "spinnerPrimary": "",
          "spinnerSecondary": ""
        }
      }
    },
    "carousel": {
      "type": "object",
      "default": {
        "bullet": {
          "enabled": true,
          "align": "center",
          "gap": "3px",
          "top": {
            "desktop": "0px"
          },
          "left": {
            "desktop": "0px"
          },
          "right": {
            "desktop": "0px"
          },
          "width": "10px",
          "height": "10px",
          "radius": "100px",
          "activeWidth": "10px",
          "activeHeight": "10px",
          "activeRadius": "10px",
          "activeBorder": {
            "width": "",
            "style": "",
            "color": ""
          },
          "activeBorderOffset": "0px"
        },
        "nav": {
          "enabled": true,
          "showOnHover": true,
          "size": "18px",
          "boxWidth": "44px",
          "boxHeight": "44px",
          "border": {
            "width": "",
            "style": "",
            "color": ""
          },
          "radius": "100px"
        },
        "slidesPerView": {
          "desktop": 3
        },
        "speed": 1200,
        "spaceBetween": {
          "desktop": 26
        },
        "centeredSlides": false,
        "loop": false,
        "autoplay": {
          "status": true,
          "delay": 2500,
          "pauseOnMouseEnter": true
        },
        "slideTransition": true,
        "reverseDirection": false,
        "color": {
          "nav": "#fffffe",
          "navHover": "",
          "navBg": "#06af66",
          "navBgHover": "",
          "navBorderHover": "",
          "bullet": "#9a9a9a",
          "bulletHover": "",
          "bulletActive": "#06af66"
        }
      }
    },
    "popup": {
      "type": "object",
      "default": {
        "enabled": false,
        "width": {
          "desktop": "70%"
        },
        "height": {
          "desktop": "70%"
        },
        "iconSize": "",
        "iconBoxWidth": "",
        "iconBoxHeight": "",
        "iconBorder": {
          "width": "",
          "style": "",
          "color": ""
        },
        "iconRadius": "",
        "color": {
          "icon": "#fffffe",
          "iconHover": "",
          "iconBg": "#06af66",
          "iconBgHover": "",
          "iconBorderHover": "",
          "overlay": "#000000b3",
          "closeIcon": "#fffffe"
        }
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "",
          "right": "",
          "bottom": "",
          "left": ""
        }
      }
    },
    "margin": {
      "type": "object",
      "default": {
        "top": "",
        "bottom": ""
      }
    },
    "itemStyles": {
      "type": "object",
      "default": {
        "padding": {
          "desktop": {
            "top": "",
            "right": "",
            "bottom": "",
            "left": ""
          }
        },
        "margin": {
          "top": "",
          "bottom": ""
        },
        "border": {
          "width": "",
          "style": "",
          "color": ""
        },
        "radius": "",
        "shadow": {
          "enabled": false,
          "h": "0",
          "v": "0",
          "b": "10px",
          "s": "0",
          "color": "",
          "p": ""
        },
        "shadowHover": {
          "enabled": false,
          "h": "0",
          "v": "0",
          "b": "10px",
          "s": "0",
          "color": "",
          "p": ""
        },
        "align": "left",
        "color": {
          "bg": "",
          "bgHover": "",
          "borderHover": ""
        }
      }
    },
    "videoStyles": {
      "type": "object",
      "default": {
        "margin": {
          "top": "",
          "bottom": ""
        },
        "width": {
          "desktop": ""
        },
        "height": {
          "desktop": "280px"
        },
        "border": {
          "width": "",
          "style": "",
          "color": ""
        },
        "radius": "4px",
        "align": "center",
        "resolution": "high",
        "fit": "cover",
        "color": {
          "overlay": ""
        }
      }
    },
    "titleStyles": {
      "type": "object",
      "default": {
        "margin": {
          "top": "12px",
          "bottom": "0px"
        },
        "font": {
          "size": {
            "desktop": "16px"
          },
          "weight": "500",
          "family": ""
        },
        "letterCase": "",
        "decoration": "",
        "lineHeight": "1.5em",
        "letterSpacing": "",
        "color": {
          "text": "#010101"
        }
      }
    },
    "metaStyles": {
      "type": "object",
      "default": {
        "gap": "16px",
        "rowGap": "",
        "flexWrap": false,
        "margin": {
          "top": "6px",
          "bottom": "0px"
        },
        "font": {
          "size": {
            "desktop": "14px"
          },
          "weight": "400",
          "family": ""
        },
        "letterCase": "",
        "decoration": "",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "text": ""
        }
      }
    },
    "typography": {
      "type": "object",
      "default": {
        "font": {
          "size": {
            "desktop": "16px"
          },
          "weight": "400",
          "family": ""
        },
        "letterCase": "",
        "decoration": "",
        "lineHeight": "",
        "letterSpacing": "",
        "color": {
          "text": "#6a6a6a"
        }
      }
    }
  },
  "editorScript": [
    "file:./index.js",
    "vidplex-swiper-js",
    "file:../index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "style": [
    "file:./style-index.css",
    "vidplex-block-styles",
    "vidplex-swiper-css"
  ],
  "render": "file:./render.php",
  "script": [
    "vidplex-swiper-js",
    "vidplex-youtube-iframe-js"
  ],
  "viewScript": [
    "vidplex--grid-carousel--frontend-script",
    "vidplex-frontend-script"
  ]
}