{
  "apiVersion": 2,
  "name": "pfb/portfolio",
  "title": "Portfolio",
  "version": "2.1.5",
  "description": "Display interactive portfolio / project on the web.",
  "category": "portfolio",
  "keywords": [
    "portfolio",
    "projects show",
    "showcase"
  ],
  "textdomain": "portfolio-block",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "categories": {
      "type": "array",
      "default": [
        "Web Design",
        "App Design",
        "WordPress"
      ]
    },
    "portfolios": {
      "type": "array",
      "default": [
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "E-Commerce Platform",
          "link": "#",
          "cats": [
            "Web Design"
          ],
          "height": "tall",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        },
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "Brand Identity",
          "link": "#",
          "cats": [
            "WordPress"
          ],
          "height": "short",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        },
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "Mobile App UI",
          "link": "#",
          "cats": [
            "App Design"
          ],
          "height": "medium",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        },
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "Restaurant Website",
          "link": "#",
          "cats": [
            "Web Design"
          ],
          "height": "short",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        },
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "Fashion Blog",
          "link": "#",
          "cats": [
            "WordPress"
          ],
          "height": "tall",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        },
        {
          "image": {
            "id": null,
            "url": "https://placehold.co/600x400/dbeafe/1e3a8a?text=Project+Cover+Photo",
            "alt": "",
            "title": ""
          },
          "title": "Portfolio Site",
          "link": "#",
          "cats": [
            "Web Design"
          ],
          "height": "medium",
          "description": "Crafted with attention to detail, this project showcases modern design principles and exceptional user experience."
        }
      ]
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 3,
        "tablet": 2,
        "mobile": 1
      }
    },
    "columnGap": {
      "type": "number",
      "default": 10
    },
    "rowGap": {
      "type": "number",
      "default": 10
    },
    "background": {
      "type": "object",
      "default": {
        "color": ""
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "vertical": "10px",
        "horizontal": "10px"
      }
    },
    "border": {
      "type": "object",
      "default": {
        "radius": "5px"
      }
    },
    "filterBtnTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 14,
          "tablet": 14,
          "mobile": 14
        }
      }
    },
    "filterBtnColors": {
      "type": "object",
      "default": {
        "color": "#fff",
        "bg": "#4527a4"
      }
    },
    "filterBtnHoverColors": {
      "type": "object",
      "default": {
        "color": "#fff",
        "bg": "#8344c5"
      }
    },
    "itemHeight": {
      "type": "string",
      "default": "200px"
    },
    "itemHoverEffect": {
      "type": "string",
      "default": "zoomIn"
    },
    "isLink": {
      "type": "boolean",
      "default": true
    },
    "clickBehavior": {
      "type": "string",
      "default": "open_lightbox_single"
    },
    "titleStyle": {
      "type": "string",
      "default": "overlayCenter"
    },
    "titleBG": {
      "type": "object",
      "default": {
        "color": "#0006"
      }
    },
    "titleTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 22,
          "tablet": 20,
          "mobile": 18
        }
      }
    },
    "titleColor": {
      "type": "string",
      "default": "#fff"
    },
    "theme": {
      "type": "string",
      "default": "default"
    },
    "portfolioBlock": {
      "type": "object",
      "default": {
        "filter": {
          "allCategoryTxt": "All Category"
        },
        "linkSettings": {
          "openInNewTab": true,
          "text": "View Project"
        },
        "viewAllBtnSettings": {
          "isShow": true,
          "openInNewTab": true,
          "text": "View All Project",
          "link": "#"
        },
        "sliderSettings": {
          "infiniteLoop": true,
          "autoPlay": true,
          "autoPlayDelay": 3000,
          "autoPlayPauseOnHover": true
        }
      }
    },
    "portfolioStyles": {
      "type": "object",
      "default": {
        "filter": {
          "type": {
            "desktop": "button",
            "tablet": "button",
            "mobile": "dropdown"
          },
          "position": "center",
          "gap": {
            "desktop": "12px",
            "tablet": "12px",
            "mobile": "6px"
          },
          "padding": {
            "desktop": {
              "top": "20px",
              "bottom": "20px",
              "left": "20px",
              "right": "20px"
            },
            "tablet": {
              "top": "20px",
              "bottom": "20px",
              "left": "20px",
              "right": "20px"
            },
            "mobile": {
              "top": "10px",
              "bottom": "10px",
              "left": "5px",
              "right": "5px"
            }
          },
          "borders": {
            "bottom": {
              "color": "#e3e3e3",
              "style": "solid",
              "width": "1px"
            }
          },
          "margin": {
            "desktop": {
              "top": "0px",
              "bottom": "20px",
              "left": "0px",
              "right": "0px"
            },
            "tablet": {
              "top": "0px",
              "bottom": "20px",
              "left": "0px",
              "right": "0px"
            },
            "mobile": {
              "top": "0px",
              "bottom": "10px",
              "left": "0px",
              "right": "0px"
            }
          },
          "btnRadius": "50px",
          "btnPadding": {
            "desktop": {
              "top": "10px",
              "bottom": "10px",
              "left": "20px",
              "right": "20px"
            },
            "tablet": {
              "top": "10px",
              "bottom": "10px",
              "left": "20px",
              "right": "20px"
            },
            "mobile": {
              "top": "5px",
              "bottom": "5px",
              "left": "10px",
              "right": "10px"
            }
          }
        },
        "itemWrapper": {
          "background": {
            "color": "#fff"
          },
          "border": {
            "radius": "0px"
          }
        },
        "item": {
          "background": {
            "color": "#fff"
          },
          "borderRadius": "0px",
          "borders": {
            "bottom": {
              "color": "#e5e7eb",
              "style": "solid",
              "width": "1px"
            }
          },
          "shadow": [
            {
              "blur": "6px",
              "color": "#0000001a",
              "hOffset": "0px",
              "isInset": false,
              "spreed": "",
              "vOffset": "4px"
            }
          ],
          "hoveShadow": [
            {
              "blur": "20px",
              "color": "#00000026",
              "hOffset": "0px",
              "isInset": false,
              "spreed": "",
              "vOffset": "10px"
            }
          ]
        },
        "content": {
          "number": {
            "typo": {
              "fontSize": {
                "desktop": "",
                "tablet": "",
                "mobile": ""
              }
            },
            "color": "",
            "hoverColor": "#111827"
          },
          "categoryText": {
            "typo": {
              "fontSize": {
                "desktop": "",
                "tablet": "",
                "mobile": ""
              }
            },
            "color": "",
            "colors": {
              "color": "",
              "bg": ""
            }
          },
          "description": {
            "typo": {
              "fontSize": {
                "desktop": "",
                "tablet": "",
                "mobile": ""
              }
            },
            "color": ""
          },
          "linkText": {
            "typo": {
              "fontSize": {
                "desktop": "",
                "tablet": "",
                "mobile": ""
              }
            },
            "color": "",
            "colors": {
              "color": "",
              "bg": ""
            },
            "hoverColors": {
              "color": "",
              "bg": ""
            }
          },
          "icon": {
            "border": {
              "color": "#111827",
              "style": "solid",
              "width": "2px"
            },
            "radius": "50%",
            "colors": {
              "color": "#111827",
              "bg": ""
            },
            "hoverColors": {
              "color": "#fff",
              "bg": "#111827"
            }
          },
          "underlineBg": {
            "color": "#111827"
          }
        },
        "viewAllBtn": {
          "typo": {
            "fontSize": {
              "desktop": "",
              "tablet": "",
              "mobile": ""
            }
          },
          "colors": {
            "color": "#fff",
            "bg": "#111827"
          },
          "hoverColors": {
            "color": "#fff",
            "bg": "#1f2937"
          }
        },
        "badge": {
          "colors": {
            "color": "#111",
            "bg": "#ffffffe6"
          },
          "typo": {
            "fontSize": {
              "desktop": "1.25rem",
              "tablet": "",
              "mobile": ""
            },
            "fontWeight": 800
          },
          "radius": "50%"
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true,
      "link": "https://www.youtube.com/watch?v=UMlZbV0dYjw"
    }
  },
  "editorScript": [
    "file:./index.js",
    "isotope"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "isotope"
  ]
}