{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/product-changelog-section",
  "version": "1.0.0",
  "title": "Product Changelog Section",
  "category": "bPlugins",
  "description": "A static product changelog / release-notes section with five layouts, version badges, dates, and tag chips.",
  "keywords": [
    "changelog",
    "updates",
    "release notes",
    "version",
    "product",
    "timeline",
    "history"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "What's New",
        "title": "Product Updates",
        "subtitle": "Follow along as we ship new features, fix bugs, and improve performance."
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "showTagChips": true,
        "showImages": true,
        "showLinks": true,
        "showDates": true,
        "showTitles": true,
        "showVersionBadge": true
      }
    },
    "entries": {
      "type": "array",
      "default": [
        {
          "id": "entry-1",
          "version": "v2.4.0",
          "date": "May 2026",
          "title": "Dark mode and performance improvements",
          "description": "Introduced system-aware dark mode across all views. Reduced initial load time by 40% through code splitting and lazy-loaded images.",
          "tags": [
            {
              "id": "t1",
              "label": "New",
              "type": "new",
              "customColor": ""
            },
            {
              "id": "t2",
              "label": "Improved",
              "type": "improved",
              "customColor": ""
            }
          ],
          "image": {
            "url": "",
            "alt": "",
            "id": 0
          },
          "link": "#",
          "linkText": "Read full notes"
        },
        {
          "id": "entry-2",
          "version": "v2.3.1",
          "date": "April 2026",
          "title": "Critical bug fixes",
          "description": "Fixed an issue where saved settings were lost on plugin deactivation. Resolved CSS conflicts with popular themes.",
          "tags": [
            {
              "id": "t3",
              "label": "Fixed",
              "type": "fixed",
              "customColor": ""
            }
          ],
          "image": {
            "url": "",
            "alt": "",
            "id": 0
          },
          "link": "#",
          "linkText": "Read full notes"
        },
        {
          "id": "entry-3",
          "version": "v2.3.0",
          "date": "March 2026",
          "title": "REST API integration",
          "description": "Added full REST API support enabling developers to read and write data programmatically. New endpoint documentation added to the help center.",
          "tags": [
            {
              "id": "t4",
              "label": "New",
              "type": "new",
              "customColor": ""
            },
            {
              "id": "t5",
              "label": "Security",
              "type": "security",
              "customColor": ""
            }
          ],
          "image": {
            "url": "",
            "alt": "",
            "id": 0
          },
          "link": "#",
          "linkText": "Read full notes"
        },
        {
          "id": "entry-4",
          "version": "v2.2.0",
          "date": "January 2025",
          "title": "Dashboard overhaul",
          "description": "Completely redesigned the main dashboard with a new widget system, customizable panels, and improved data visualization tools.",
          "tags": [
            {
              "id": "t6",
              "label": "Improved",
              "type": "improved",
              "customColor": ""
            },
            {
              "id": "t7",
              "label": "Deprecated",
              "type": "deprecated",
              "customColor": ""
            }
          ],
          "image": {
            "url": "",
            "alt": "",
            "id": 0
          },
          "link": "#",
          "linkText": "Read full notes"
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "gap": {
          "desktop": "32px",
          "tablet": "24px",
          "mobile": "20px"
        },
        "contentAlign": "center",
        "maxWidth": "900px"
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#0f172a",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 800,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 42,
            "tablet": 34,
            "mobile": 28
          },
          "lineHeight": "1.2"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#475569",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 18,
            "tablet": 16,
            "mobile": 15
          },
          "lineHeight": "1.65"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#ede9fe",
        "textColor": "#6366f1",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 12,
            "tablet": 12,
            "mobile": 12
          }
        }
      }
    },
    "entryStyle": {
      "type": "object",
      "default": {
        "cardBg": "#f8fafc",
        "cardBorderColor": "#e2e8f0",
        "cardBorderRadius": "12px",
        "timelineLineColor": "#e2e8f0",
        "dotColor": "#6366f1",
        "versionBg": "#6366f1",
        "versionColor": "#ffffff",
        "versionTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        },
        "dateColor": "#94a3b8",
        "dateTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        },
        "entryTitleColor": "#0f172a",
        "entryTitleTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 20,
            "tablet": 18,
            "mobile": 17
          },
          "lineHeight": "1.35"
        },
        "descColor": "#475569",
        "descTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 14
          },
          "lineHeight": "1.7"
        },
        "tagTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 11,
            "tablet": 11,
            "mobile": 11
          }
        },
        "linkColor": "#6366f1",
        "linkHoverColor": "#4f46e5"
      }
    },
    "viewAllBtn": {
      "type": "object",
      "default": {
        "status": false,
        "text": "View Full Changelog",
        "link": "#",
        "isNewTab": false
      }
    },
    "viewAllBtnStyle": {
      "type": "object",
      "default": {
        "color": "#6366f1",
        "bg": "transparent",
        "borderColor": "#6366f1",
        "hoverColor": "#ffffff",
        "hoverBg": "#6366f1",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 14
          }
        }
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#ffffff",
          "gradient": "linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "24px",
            "bottom": "80px",
            "left": "24px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        }
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}