{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/counter-section",
  "version": "1.0.0",
  "title": "Counter Sectoin",
  "category": "bPlugins",
  "description": "A counter section plugin for WordPress lets you easily display animated number counters that highlight key stats or achievements on your site.",
  "keywords": [
    "Counter Sectoin"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "counterData": {
      "type": "array",
      "default": [
        {
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494zM504 618H320c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM312 490v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H320c-4.4 0-8 3.6-8 8z\"></path></svg>",
          "count": 500,
          "prefix": "",
          "suffix": "+",
          "label": "Projects"
        },
        {
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 24 24\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.715,12c1.151,0,2-0.849,2-2s-0.849-2-2-2s-2,0.849-2,2S8.563,12,9.715,12z\"></path><path d=\"M20,4H4C2.897,4,2,4.841,2,5.875v12.25C2,19.159,2.897,20,4,20h16c1.103,0,2-0.841,2-1.875V5.875C22,4.841,21.103,4,20,4z M20,18L4,17.989V6l16,0.011V18z\"></path><path d=\"M14 9H18V11H14zM15 13H18V15H15zM13.43 15.536c0-1.374-1.676-2.786-3.715-2.786S6 14.162 6 15.536V16h7.43V15.536z\"></path></svg>",
          "count": 70,
          "prefix": "",
          "suffix": "+",
          "label": "Clients"
        },
        {
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 20 20\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\"></path></svg>",
          "count": 20,
          "prefix": "",
          "suffix": "+",
          "label": "Team Members"
        },
        {
          "icon": "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" version=\"1.1\" viewBox=\"0 0 16 16\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 0c-2.761 0-5 2.239-5 5 0 5 5 11 5 11s5-6 5-11c0-2.761-2.239-5-5-5zM8 8c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"></path></svg>",
          "count": 6,
          "prefix": "",
          "suffix": "+",
          "label": "Year Experience"
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "40px",
              "right": "20px",
              "bottom": "40px",
              "left": "20px"
            },
            "tablet": {
              "top": "30px",
              "right": "10px",
              "bottom": "30px",
              "left": "10px"
            },
            "mobile": {
              "top": "10px",
              "right": "6px",
              "bottom": "10px",
              "left": "6px"
            }
          },
          "minHeight": {
            "desktop": "70vh",
            "tablet": "70vh",
            "mobile": "70vh"
          },
          "gap": "30px"
        },
        "cards": {
          "minHeight": {
            "desktop": "250px",
            "tablet": "250px",
            "mobile": "250px"
          },
          "width": {
            "desktop": "220px",
            "tablet": "220px",
            "mobile": "220px"
          },
          "borderRadius": {
            "top": "10px",
            "right": "10px",
            "bottom": "10px",
            "left": "10px"
          },
          "iconSize": "60px"
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "sectionBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#00000000",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "cardBg": {
          "type": "solid",
          "overlayColor": "rgba(0, 0, 0, 0)",
          "position": "center center",
          "image": {
            "url": ""
          },
          "color": "#fff",
          "gradient": "linear-gradient(135deg, #4a90e2, #2c5282)",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "cardBorder": {
          "color": "#dcdcdc",
          "style": "solid",
          "width": "1px"
        },
        "icon": {
          "color": "#333",
          "border": {
            "color": "#dcdcdc",
            "style": "solid",
            "width": "1px"
          }
        },
        "count": {
          "color": "#000",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 52,
              "tablet": 52,
              "mobile": 52
            },
            "fontVariant": 400,
            "fontWeight": 700,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        },
        "label": {
          "color": "#000",
          "typo": {
            "fontCategory": "sans-serif",
            "fontFamily": "Default",
            "fontSize": {
              "desktop": 18,
              "tablet": 18,
              "mobile": 18
            },
            "fontVariant": 400,
            "fontWeight": 500,
            "isUploadFont": true,
            "lineHeight": 0,
            "textDecoration": "",
            "textTransform": "none"
          }
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "animationDuration": 1000
      }
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "purposeType": {
      "type": "string",
      "default": "test"
    },
    "colors": {
      "type": "object",
      "default": {
        "color": "black",
        "bg": "#B1C5A4"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}