{
  "apiVersion": 2,
  "name": "bab/accordion",
  "title": "Accordion",
  "version": "2.0.3",
  "description": "A lightweight accordion block to display FAQs and content sections with customizable styles, smooth animations, and responsive design.",
  "category": "widgets",
  "keywords": [
    "accordion",
    "horizontal accordion",
    "vertical accordion"
  ],
  "textdomain": "b-accordion",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "activeItem": {
      "type": "number",
      "default": 0
    },
    "enableFaqSchema": {
      "type": "boolean",
      "default": true
    },
    "maxFaqItems": {
      "type": "number",
      "default": 2
    },
    "theme": {
      "type": "string",
      "default": "default"
    },
    "accordions": {
      "type": "array",
      "default": [
        {
          "id": "acc-1",
          "title": "Demo Accordion Title 1",
          "date": "November 2027",
          "label": "Support",
          "status": "completed",
          "content": "This is demo accordion data, you can change it from the right sidebar settings panel."
        },
        {
          "id": "acc-2",
          "title": "Demo Accordion Title 2",
          "status": "completed",
          "label": "Features",
          "date": "November 2026",
          "content": "This is demo accordion data, you can change it from the right sidebar settings panel."
        },
        {
          "id": "acc-3",
          "title": "Demo Accordion Title 3",
          "status": "in-progress",
          "label": "Pricing",
          "date": "November 2024",
          "content": "This is demo accordion data, you can change it from the right sidebar settings panel."
        },
        {
          "id": "acc-4",
          "title": "Demo Accordion Title 4",
          "status": "in-progress",
          "label": "Support",
          "date": "November 2023",
          "content": "This is demo accordion data, you can change it from the right sidebar settings panel."
        },
        {
          "id": "acc-5",
          "title": "Demo Accordion Title 5",
          "status": "upcoming",
          "label": "Pricing",
          "date": "November 2022",
          "content": "This is demo accordion data, you can change it from the right sidebar settings panel."
        }
      ]
    },
    "TimelineIcon": {
      "type": "string",
      "default": " <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z'/></svg>"
    },
    "buttonText": {
      "type": "string",
      "default": "View Details"
    },
    "layout": {
      "type": "string",
      "default": "vertical"
    },
    "textAlign": {
      "type": "string",
      "default": "left"
    },
    "background": {
      "type": "object",
      "default": {
        "color": "#0000"
      }
    },
    "titleTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 16,
          "tablet": 16,
          "mobile": 16
        },
        "fontWeight": 700
      }
    },
    "titleColors": {
      "type": "object",
      "default": {
        "color": "#fff",
        "bg": "#4527a4"
      }
    },
    "titleActiveColors": {
      "type": "object",
      "default": {
        "color": "#fff",
        "bg": "#8344c5"
      }
    },
    "titleBorder": {
      "type": "object",
      "default": {
        "normal": {
          "color": "",
          "style": "solid",
          "width": "0px"
        },
        "active": {
          "color": "",
          "style": "solid",
          "width": "0px"
        }
      }
    },
    "contentTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 15,
          "tablet": 15,
          "mobile": 15
        }
      }
    },
    "contentColors": {
      "type": "object",
      "default": {
        "color": "#333",
        "bg": "#ecf0f1"
      }
    },
    "accordionIcon": {
      "type": "object",
      "default": {
        "isIcon": false,
        "iconPosition": "right",
        "upIcon": "up",
        "downIcon": "down",
        "iconSize": "14px",
        "iconColor": "#fff",
        "activeIconColor": "#fff"
      }
    },
    "statusTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 12,
          "tablet": 10,
          "mobile": 10
        }
      }
    },
    "statusColors": {
      "type": "object",
      "default": {
        "completedIcon": "#10b981",
        "progressIcon": "#f59e0b",
        "upcomingIcon": "#9ca3af",
        "completed": {
          "color": "#d1fae5",
          "bg": "#065f46"
        },
        "progress": {
          "color": "#92400e",
          "bg": "#fde68a"
        },
        "upcoming": {
          "color": "#4b5563",
          "bg": "#e5e7eb"
        }
      }
    },
    "shadow": {
      "type": "object",
      "default": {
        "hOffset": "5px",
        "vOffset": "7px",
        "blur": "",
        "spreed": "1px",
        "color": "#E5E5E5"
      }
    },
    "timelineBorder": {
      "type": "object",
      "default": {
        "color": "#3b82f6",
        "style": "solid",
        "width": "4px"
      }
    },
    "viewBtnTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 16,
          "tablet": 16,
          "mobile": 16
        },
        "fontWeight": 700
      }
    },
    "viewBtnColors": {
      "type": "object",
      "default": {
        "color": "black",
        "bg": "#fff"
      }
    },
    "dateTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 15,
          "tablet": 14,
          "mobile": 12
        },
        "fontWeight": 600
      }
    },
    "categoryTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 15,
          "tablet": 14,
          "mobile": 12
        },
        "fontWeight": 600
      }
    },
    "category": {
      "type": "object",
      "default": {
        "normalCategory": {
          "color": "#666",
          "bg": "#f8f8f8"
        },
        "activeCategory": {
          "color": "#fff",
          "bg": "#2563eb"
        }
      }
    },
    "itemPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "14px",
          "left": "12px",
          "bottom": "14px",
          "right": "12px"
        },
        "tablet": {
          "top": "11px",
          "left": "11px",
          "bottom": "11px",
          "right": "11px"
        },
        "mobile": {
          "top": "8px",
          "left": "8px",
          "bottom": "8px",
          "right": "8px"
        }
      }
    },
    "itemBorderRadius": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "4px",
          "left": "4px",
          "bottom": "4px",
          "right": "4px"
        },
        "tablet": {
          "top": "4px",
          "left": "4px",
          "bottom": "4px",
          "right": "4px"
        },
        "mobile": {
          "top": "4px",
          "left": "4px",
          "bottom": "4px",
          "right": "4px"
        }
      }
    },
    "containerStyle": {
      "type": "object",
      "default": {
        "SecColor": "#fff",
        "SecShadow": {
          "hOffset": "1px",
          "vOffset": "1px",
          "blur": "3px",
          "spreed": "2px",
          "color": "#B1B1B1"
        },
        "SecBorderRadius": {
          "desktop": {
            "top": "8px",
            "left": "8px",
            "bottom": "8px",
            "right": "8px"
          },
          "tablet": {
            "top": "8px",
            "left": "8px",
            "bottom": "8px",
            "right": "8px"
          },
          "mobile": {
            "top": "8px",
            "left": "8px",
            "bottom": "8px",
            "right": "8px"
          }
        }
      }
    },
    "categoryPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "14px",
          "left": "14px",
          "bottom": "14px",
          "right": "14px"
        },
        "tablet": {
          "top": "13px",
          "left": "13px",
          "bottom": "13px",
          "right": "13px"
        },
        "mobile": {
          "top": "12px",
          "left": "12px",
          "bottom": "12px",
          "right": "12px"
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true
    }
  },
  "editorScript": [
    "file:./index.js",
    "zebra_accordion"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "zebra_accordion"
  ]
}