{
  "apiVersion": 2,
  "name": "wptravelenginetripblocks/trip-gallery",
  "title": "Trip Gallery",
  "category": "widgets",
  "description": "Showcase the trip's best moments in a gallery in just a few clicks.",
  "icon": "admin-media",
  "script": [],
  "attributes": {
    "background": {
      "type": "string",
      "default": "",
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "border": {
      "type": "object",
      "default": {
        "width": "1",
        "style": "none",
        "color": "#000000"
      },
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "borderRadius": {
      "type": "object",
      "default": {
        "top": "",
        "right": "",
        "bottom": "",
        "left": ""
      },
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "boxShadow": {
      "type": "object",
      "default": {},
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "padding": {
      "type": "object",
      "default": {},
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "margin": {
      "type": "object",
      "default": {},
      "selectors": "%WRAPPER% .wpte-gallery-wrapper "
    },
    "showNav": {
      "type": "boolean",
      "label": "Show",
      "default": true,
      "control": {
        "type": "switch"
      },
      "panel": "-nav-"
    },
    "navColor": {
      "type": "object",
      "label": "Icon Color",
      "default": {
        "initial": "#1a84ee",
        "hover": "#ffffff"
      },
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--prev",
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--next"
      ],
      "control": {
        "type": "color",
        "labels": {
          "initial": {
            "label": "Initial",
            "style": "color"
          },
          "hover": {
            "label": "Hover",
            "style": "color:hover"
          }
        }
      },
      "panel": "-nav-"
    },
    "navBgColor": {
      "type": "object",
      "label": "Background",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--prev",
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--next"
      ],
      "default": {
        "initial": "#ffffff",
        "hover": "#1a84ee"
      },
      "control": {
        "type": "color",
        "labels": {
          "initial": {
            "label": "Initial",
            "style": "background-color"
          },
          "hover": {
            "label": "Hover",
            "style": "background-color:hover"
          }
        }
      },
      "panel": "-nav-"
    },
    "navSize": {
      "type": "string",
      "label": "Size",
      "default": "32px",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--prev",
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--next"
      ],
      "control": {
        "type": "range",
        "style": "width",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-nav-"
    },
    "iconSize": {
      "type": "string",
      "label": "Icon Size",
      "default": "16px",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--prev",
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows .splide__arrow.splide__arrow--next"
      ],
      "control": {
        "type": "range",
        "style": "font-size",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-nav-"
    },
    "navRoundness": {
      "type": "string",
      "label": "Roundness",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows"
      ],
      "default": "50%",
      "control": {
        "type": "range",
        "style": "border-radius",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 200
            },
            {
              "unit": "%",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-nav-"
    },
    "navOffset": {
      "type": "string",
      "label": "Offset",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__arrows"
      ],
      "default": "16px",
      "control": {
        "type": "range",
        "style": "offset-distance",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 200
            },
            {
              "unit": "%",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-nav-"
    },
    "showDots": {
      "type": "boolean",
      "label": "Show",
      "default": false,
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .splide__pagination"
      ],
      "control": {
        "type": "switch"
      },
      "panel": "-pagination-"
    },
    "dotsColor": {
      "type": "object",
      "label": "Color",
      "default": {
        "active": "#147DFE",
        "inactive": "rgba(20, 125, 254, 0.3)"
      },
      "control": {
        "type": "color",
        "labels": {
          "active": {
            "label": "Active",
            "style": "background",
            "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide__pagination .splide__pagination__page.is-active"
          },
          "inactive": {
            "label": "Inactive",
            "style": "background",
            "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide__pagination .splide__pagination__page"
          }
        }
      },
      "panel": "-pagination-"
    },
    "dotsSize": {
      "type": "string",
      "default": "8px",
      "label": "Size",
      "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide__pagination .splide__pagination__page",
      "control": {
        "type": "range",
        "style": "font-size",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 1,
              "max": 20
            }
          ]
        }
      },
      "panel": "-pagination-"
    },
    "dotsSpacing": {
      "type": "string",
      "default": "8px",
      "label": "Spacing",
      "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide__pagination .splide__pagination__page",
      "control": {
        "type": "range",
        "style": "gap",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 1,
              "max": 20
            }
          ]
        }
      },
      "panel": "-pagination-"
    },
    "height": {
      "type": "string",
      "label": "Height",
      "default": "px",
      "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide img",
      "control": {
        "type": "range",
        "style": "height",
        "controlAttribute": {
          "units": [
            {
              "unit": "px"
            },
            {
              "unit": "%"
            },
            {
              "unit": "em"
            }
          ]
        }
      },
      "panel": "-image-"
    },
    "object-fit": {
      "type": "string",
      "label": "Resize",
      "default": "fill",
      "selectors": "%WRAPPER% .wpte-gallery-wrapper .splide img",
      "control": {
        "type": "select",
        "style": "object-fit",
        "controlAttribute": {
          "options": [
            {
              "value": "fill",
              "label": "Fill"
            },
            {
              "value": "contain",
              "label": "Contain "
            },
            {
              "value": "cover",
              "label": "Cover "
            },
            {
              "value": "none",
              "label": "None"
            },
            {
              "value": "scale-down",
              "label": "Scale Down"
            }
          ]
        }
      },
      "panel": "-image-"
    },
    "imageGallery": {
      "type": "boolean",
      "label": "Image Gallery",
      "default": true,
      "control": {
        "type": "switch"
      },
      "panel": "-button-"
    },
    "videoGallery": {
      "type": "boolean",
      "label": "Video Gallery",
      "default": true,
      "control": {
        "type": "switch"
      },
      "panel": "-button-"
    },
    "buttonTypography": {
      "type": "object",
      "label": "Typography",
      "default": {},
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger"
      ],
      "control": {
        "type": "typography"
      },
      "panel": "-button-"
    },
    "buttonIconSize": {
      "type": "string",
      "label": "Icon Size",
      "default": "1em",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger::before",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger::before"
      ],
      "control": {
        "type": "range",
        "style": "font-size",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            },
            {
              "unit": "em",
              "min": 0,
              "max": 10
            }
          ]
        }
      },
      "panel": "-button-"
    },
    "buttonColor": {
      "type": "object",
      "label": "Text Color",
      "default": {
        "initial": "rgba(6,22,38,.8)",
        "hover": "#ffffff"
      },
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger"
      ],
      "control": {
        "type": "color",
        "labels": {
          "initial": {
            "label": "Initial",
            "style": "color"
          },
          "hover": {
            "label": "Hover",
            "style": "color:hover"
          }
        }
      },
      "panel": "-button-"
    },
    "buttonIconColor": {
      "type": "object",
      "label": "Icon Color",
      "default": {
        "initial": "rgba(6,22,38,.8)",
        "hover": "#ffffff"
      },
      "control": {
        "type": "color",
        "labels": {
          "initial": {
            "label": "Initial",
            "style": "color",
            "selectors": [
              "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger::before",
              "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger::before"
            ]
          },
          "hover": {
            "label": "Hover",
            "style": "color",
            "selectors": [
              "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger:hover::before",
              "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger:hover::before"
            ]
          }
        }
      },
      "panel": "-button-"
    },
    "buttonBgColor": {
      "type": "object",
      "label": "Background",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger"
      ],
      "default": {
        "initial": "#FFFFFF",
        "hover": "#147DFE"
      },
      "control": {
        "type": "color",
        "labels": {
          "initial": {
            "label": "Initial",
            "style": "background"
          },
          "hover": {
            "label": "Hover",
            "style": "background:hover"
          }
        }
      },
      "panel": "-button-"
    },
    "buttonPlacement": {
      "type": "string",
      "label": "Placement",
      "default": "bottom-left",
      "control": {
        "type": "select",
        "controlAttribute": {
          "options": [
            {
              "value": "top-left",
              "label": "Top Left"
            },
            {
              "value": "top-right",
              "label": "Top Right"
            },
            {
              "value": "bottom-left",
              "label": "Bottom Left"
            },
            {
              "value": "bottom-right",
              "label": "Bottom Right"
            }
          ]
        }
      },
      "panel": "-button-"
    },
    "buttonOffset": {
      "type": "string",
      "label": "Offset",
      "default": "16px",
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wpte-gallery-container"
      ],
      "control": {
        "type": "range",
        "style": "padding",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            },
            {
              "unit": "%",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-button-"
    },
    "buttonPadding": {
      "type": "object",
      "label": "Padding",
      "default": {
        "top": "4px",
        "right": "16px",
        "bottom": "4px",
        "left": "16px"
      },
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger"
      ],
      "control": {
        "type": "spacing",
        "style": "padding",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            },
            {
              "unit": "%",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-button-"
    },
    "buttonRadius": {
      "type": "object",
      "label": "Border Radius",
      "default": {
        "top": "50px",
        "right": "50px",
        "bottom": "50px",
        "left": "50px"
      },
      "selectors": [
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-vidgal-popup-trigger",
        "%WRAPPER% .wpte-gallery-wrapper .wte-trip-image-gal-popup-trigger"
      ],
      "control": {
        "type": "spacing",
        "style": "borderRadius",
        "controlAttribute": {
          "units": [
            {
              "unit": "px",
              "min": 0,
              "max": 100
            },
            {
              "unit": "%",
              "min": 0,
              "max": 100
            }
          ]
        }
      },
      "panel": "-button-"
    },
    "imageSize": {
      "type": "string",
      "default": "large"
    }
  },
  "supports": {
    "align": false,
    "wptravelenginetripblocks": {
      "colors": {
        "link": false,
        "textColor": false,
        "background": true
      },
      "typography": false,
      "panels": {
        "-slider-": {
          "title": "Slider"
        },
        "-image-": {
          "title": "Image"
        },
        "-button-": {
          "title": "Gallery Buttons"
        },
        "-nav-": {
          "title": "Navigation"
        },
        "-pagination-": {
          "title": "Pagination"
        }
      }
    }
  },
  "textdomain": "wp-travel-engine",
  "viewScript": [
    "owl-carousel"
  ],
  "viewStyle": [
    "owl-carousel"
  ],
  "render": "file:./block.php"
}