{
  "apiVersion": 2,
  "name": "tsb/team",
  "title": "Team Section",
  "version": "2.0.0",
  "description": "Showcase team members in various layouts and designs.",
  "category": "widgets",
  "keywords": [
    "team",
    "members",
    "team members"
  ],
  "textdomain": "team-section",
  "attributes": {
    "align": {
      "type": "string",
      "default": "wide"
    },
    "members": {
      "type": "array",
      "default": [
        {
          "paddingTop": "0px",
          "userName": "@chriscoyier",
          "userNameLink": "#",
          "background": {
            "color": "#0000"
          },
          "border": {
            "radius": "3px"
          },
          "shadow": [],
          "photo": {
            "id": null,
            "url": "",
            "alt": "",
            "title": ""
          },
          "photoBorder": {
            "radius": "50%"
          },
          "name": "Martin",
          "nameColor": "#333",
          "title": "Founder",
          "titleColor": "#333",
          "separator": {
            "width": "20%",
            "height": "3px",
            "color": "#777"
          },
          "bio": "I am a self-motivated and self-taught professional who likes to solve problems.",
          "bioColor": "#333",
          "social": [
            {
              "link": "#",
              "icon": {
                "class": "fab fa-facebook-f"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-twitter"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-linkedin-in"
              }
            }
          ],
          "socialIconColors": {
            "type": "object",
            "default": {
              "color": "#fff",
              "bg": "#146EF5"
            }
          },
          "icon": "#",
          "state": {
            "stateOne": {
              "icon": "<svg width=\"32\" height=\"32\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M6 3v5a6 6 0 0 0 12 0V3\" /><path d=\"M6 3h12\" /><path d=\"M6 8h12\" /><path d=\"M9 21l3-3 3 3\" /></svg>",
              "value": "500+",
              "label": "Designs"
            },
            "stateTwo": {
              "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-emerald-600\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon></svg>",
              "value": "500+",
              "label": "Brands"
            }
          },
          "btn": {
            "label": "Connect on LinkedIn",
            "icon": "<svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\" /><path d=\"M12 5l7 7-7 7\" /></svg>",
            "link": "#"
          }
        },
        {
          "paddingTop": "100px",
          "userName": "@quezo",
          "userNameLink": "#",
          "background": {
            "color": "#0000"
          },
          "border": {
            "radius": "3px"
          },
          "shadow": [],
          "photo": {
            "id": null,
            "url": "",
            "alt": "",
            "title": ""
          },
          "photoBorder": {
            "radius": "50%"
          },
          "name": "Mary",
          "nameColor": "#333",
          "title": "Co-Founder",
          "titleColor": "#333",
          "separator": {
            "width": "20%",
            "height": "3px",
            "color": "#777"
          },
          "bio": "I am a self-motivated and self-taught professional who likes to solve problems.",
          "bioColor": "#333",
          "social": [
            {
              "link": "#",
              "icon": {
                "class": "fab fa-facebook-f"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-twitter"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-linkedin-in"
              }
            }
          ],
          "socialIconColors": {
            "type": "object",
            "default": {
              "color": "#fff",
              "bg": "#146EF5"
            }
          },
          "icon": "#",
          "state": {
            "stateOne": {
              "icon": "<svg width=\"32\" height=\"32\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M6 3v5a6 6 0 0 0 12 0V3\" /><path d=\"M6 3h12\" /><path d=\"M6 8h12\" /><path d=\"M9 21l3-3 3 3\" /></svg>",
              "value": "500+",
              "label": "Designs"
            },
            "stateTwo": {
              "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-emerald-600\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon></svg>",
              "value": "500+",
              "label": "Brands"
            }
          },
          "btn": {
            "label": "Connect on LinkedIn",
            "icon": "<svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\" /><path d=\"M12 5l7 7-7 7\" /></svg>",
            "link": "#"
          }
        },
        {
          "paddingTop": "0px",
          "userName": "@mariemosley",
          "userNameLink": "#",
          "background": {
            "color": "#0000"
          },
          "border": {
            "radius": "3px"
          },
          "shadow": [],
          "photo": {
            "id": null,
            "url": "",
            "alt": "",
            "title": ""
          },
          "photoBorder": {
            "radius": "50%"
          },
          "name": "John Doe",
          "nameColor": "#333",
          "title": "CEO",
          "titleColor": "#333",
          "separator": {
            "width": "20%",
            "height": "3px",
            "color": "#777"
          },
          "bio": "I am a self-motivated and self-taught professional who likes to solve problems.",
          "bioColor": "#333",
          "social": [
            {
              "link": "#",
              "icon": {
                "class": "fab fa-facebook-f"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-twitter"
              }
            },
            {
              "link": "#",
              "icon": {
                "class": "fab fa-linkedin-in"
              }
            }
          ],
          "socialIconColors": {
            "type": "object",
            "default": {
              "color": "#fff",
              "bg": "#146EF5"
            }
          },
          "icon": "#",
          "state": {
            "stateOne": {
              "icon": "<svg width=\"32\" height=\"32\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M6 3v5a6 6 0 0 0 12 0V3\" /><path d=\"M6 3h12\" /><path d=\"M6 8h12\" /><path d=\"M9 21l3-3 3 3\" /></svg>",
              "value": "500+",
              "label": "Designs"
            },
            "stateTwo": {
              "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-zap text-emerald-600\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon></svg>",
              "value": "500+",
              "label": "Brands"
            }
          },
          "btn": {
            "label": "Connect on LinkedIn",
            "icon": "<svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14\" /><path d=\"M12 5l7 7-7 7\" /></svg>",
            "link": "#"
          }
        }
      ]
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 3,
        "tablet": 2,
        "mobile": 1
      }
    },
    "columnGap": {
      "type": "string",
      "default": "30px"
    },
    "rowGap": {
      "type": "string",
      "default": "30px"
    },
    "layout": {
      "type": "string",
      "default": "vertical"
    },
    "theme": {
      "type": "string",
      "default": "default"
    },
    "isLinkNewTab": {
      "type": "boolean",
      "default": false
    },
    "textAlign": {
      "type": "string",
      "default": "center"
    },
    "padding": {
      "type": "object",
      "default": {
        "vertical": "50px",
        "horizontal": "20px"
      }
    },
    "photoWidth": {
      "type": "string",
      "default": "170px"
    },
    "photoMargin": {
      "type": "object",
      "default": {
        "side": 4,
        "bottom": "20px"
      }
    },
    "nameTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "20px",
          "tablet": "18px",
          "mobile": "16px"
        },
        "fontWeight": 600
      }
    },
    "nameMargin": {
      "type": "object",
      "default": {
        "side": 4,
        "bottom": "10px"
      }
    },
    "isTitle": {
      "type": "boolean",
      "default": true
    },
    "titleTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "16px"
        }
      }
    },
    "titleMargin": {
      "type": "object",
      "default": {
        "side": 4,
        "bottom": "10px"
      }
    },
    "isSep": {
      "type": "boolean",
      "default": true
    },
    "sepMargin": {
      "type": "object",
      "default": {
        "side": 4,
        "bottom": "15px"
      }
    },
    "isBio": {
      "type": "boolean",
      "default": true
    },
    "bioTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": "15px"
        }
      }
    },
    "bioMargin": {
      "type": "object",
      "default": {
        "side": 4,
        "bottom": "15px"
      }
    },
    "isSocial": {
      "type": "boolean",
      "default": true
    },
    "socialSize": {
      "type": "string",
      "default": "22px"
    },
    "socialIconMargin": {
      "type": "object",
      "default": {
        "side": 2,
        "vertical": "10px",
        "horizontal": "10px"
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "bg": {},
        "width": "100%",
        "alignment": "center",
        "padding": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        },
        "margin": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        },
        "teamMember": {
          "height": {
            "desktop": "100%",
            "tablet": "100%",
            "mobile": "300px"
          },
          "padding": {
            "top": "11px",
            "left": "11px",
            "bottom": "11px",
            "right": "11px"
          },
          "shape": {
            "bg": {
              "type": "gradient",
              "gradient": ""
            }
          },
          "bg": {
            "type": "gradient",
            "gradient": "linear-gradient(83deg,rgb(255,221,64) 97%,rgba(0,0,0,0) 97%)"
          },
          "evenItemBg": {
            "type": "gradient",
            "gradient": "linear-gradient(277deg,rgb(255,221,64) 97%,rgba(0,0,0,0) 97%)"
          },
          "photo": {
            "bg": {
              "type": "gradient",
              "gradient": "linear-gradient(274deg,rgb(47,49,58) 70%,rgb(255,221,64) 70%)"
            },
            "size": "100px",
            "padding": {
              "top": "8px",
              "left": "8px",
              "bottom": "8px",
              "right": "8px"
            },
            "radius": {
              "top": "4px",
              "left": "4px",
              "bottom": "4px",
              "right": "4px"
            },
            "grayScale": 1,
            "evenItemPhotoBg": {
              "type": "gradient",
              "gradient": "linear-gradient(86deg,rgb(47,49,58) 70%,rgb(255,221,64) 70%)"
            }
          },
          "name": {
            "colors": {
              "color": "#ffdd40",
              "bg": "#282a31"
            },
            "padding": {
              "top": "15px",
              "right": "23px",
              "bottom": "15px",
              "left": "23px"
            },
            "radius": {
              "top": "4px",
              "right": "4px",
              "bottom": "4px",
              "left": "4px"
            },
            "typo": {
              "fontFamily": "Default",
              "fontCategory": "sans-serif",
              "fontWeight": null,
              "isUploadFont": true,
              "fontSize": {
                "desktop": "20px",
                "tablet": "18px",
                "mobile": "14px"
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          },
          "title": {
            "colors": {
              "color": "#2f313a",
              "bg": "#ffdd40"
            },
            "padding": {
              "top": "6px",
              "right": "12px",
              "bottom": "8px",
              "left": "12px"
            },
            "radius": {
              "top": "4px",
              "right": "4px",
              "bottom": "4px",
              "left": "4px"
            },
            "typo": {
              "fontFamily": "Default",
              "fontCategory": "sans-serif",
              "fontWeight": 600,
              "isUploadFont": true,
              "fontSize": {
                "desktop": "14px",
                "tablet": "14px",
                "mobile": "11px"
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          },
          "bio": {
            "color": "black",
            "typo": {
              "fontFamily": "Default",
              "fontCategory": "sans-serif",
              "fontWeight": null,
              "isUploadFont": true,
              "fontSize": {
                "desktop": "20px",
                "tablet": "20px",
                "mobile": "14px"
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          },
          "userName": {
            "colors": {
              "color": "#ffdd40",
              "bg": "#2f313a"
            },
            "padding": {
              "top": "2px",
              "right": "8px",
              "bottom": "6px",
              "left": "8px"
            },
            "radius": {
              "top": "8px",
              "right": "8px",
              "bottom": "8px",
              "left": "8px"
            },
            "typo": {
              "fontFamily": "Default",
              "fontCategory": "sans-serif",
              "fontWeight": null,
              "isUploadFont": true,
              "fontSize": {
                "desktop": "20px",
                "tablet": "20px",
                "mobile": "14px"
              },
              "fontStyle": "normal",
              "textTransform": "none",
              "textDecoration": "none",
              "lineHeight": "",
              "letterSpace": "0px"
            }
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "showUserName": true,
        "hoverOnScale": true,
        "isShowWaterMark": true,
        "waterMark": "TEAM",
        "isShowShape": true,
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'/></svg>"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true,
      "columns": {
        "desktop": 1,
        "tablet": 1,
        "mobile": 1
      }
    }
  },
  "editorScript": [
    "file:./index.js",
    "wp-api"
  ],
  "editorStyle": "file:./index.css",
  "style": [
    "file:./view.css",
    "fontAwesome"
  ],
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}