{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "dravix/live-clock-date",
  "version": "1.0.0",
  "title": "Live Clock / Date",
  "category": "dravix-blocks",
  "icon": "clock",
  "description": "Display a live updating clock and/or date with extensive customization options.",
  "keywords": [
    "time",
    "date",
    "live",
    "clock",
    "widget"
  ],
  "textdomain": "dravix",
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true,
      "__experimentalFontStyle": true,
      "__experimentalTextTransform": true,
      "__experimentalLetterSpacing": true
    }
  },
  "attributes": {
    "displayMode": {
      "type": "string",
      "default": "both"
    },
    "layoutMode": {
      "type": "string",
      "default": "stack"
    },
    "timeFormat": {
      "type": "string",
      "default": "12"
    },
    "dateFormat": {
      "type": "string",
      "default": "long"
    },
    "timezone": {
      "type": "string",
      "default": "browser"
    },
    "customTimezone": {
      "type": "string",
      "default": "UTC"
    },
    "textAlign": {
      "type": "string",
      "default": "center"
    },
    "textColor": {
      "type": "string",
      "default": ""
    },
    "backgroundColor": {
      "type": "string",
      "default": ""
    },
    "gradient": {
      "type": "string",
      "default": ""
    },
    "separator": {
      "type": "string",
      "default": "colon"
    },
    "blinkingSeparator": {
      "type": "boolean",
      "default": false
    },
    "customLabel": {
      "type": "string",
      "default": ""
    },
    "digitalStyle": {
      "type": "boolean",
      "default": false
    },
    "glowEffect": {
      "type": "boolean",
      "default": false
    },
    "borderRadius": {
      "type": "number",
      "default": 0
    },
    "boxShadow": {
      "type": "boolean",
      "default": false
    },
    "showSeconds": {
      "type": "boolean",
      "default": true
    },
    "showWeekday": {
      "type": "boolean",
      "default": true
    }
  },
  "example": {
    "attributes": {
      "displayMode": "both",
      "timeFormat": "12",
      "digitalStyle": false
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./index.css",
  "viewScript": "file:./view.js"
}