{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/timeline",
  "title": "Timeline",
  "category": "bBlocks",
  "description": "A vertical timeline. Each entry is a Timeline Item child block holding a date, an icon marker and any inner blocks you like.",
  "keywords": [
    "timeline",
    "history",
    "roadmap",
    "events",
    "milestones",
    "steps"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "layout": {
      "type": "object",
      "default": {
        "desktop": {
          "direction": "vertical",
          "side": "alternate",
          "itemGap": "10px",
          "cardWidth": "100%",
          "cardGap": "0px",
          "markerGap": "10px"
        },
        "tablet": {
          "direction": "",
          "side": "",
          "itemGap": "",
          "cardWidth": "",
          "cardGap": "",
          "markerGap": ""
        },
        "mobile": {
          "direction": "",
          "side": "",
          "itemGap": "",
          "cardWidth": "",
          "cardGap": "",
          "markerGap": ""
        }
      }
    },
    "connector": {
      "type": "object",
      "default": {
        "line": {
          "show": true,
          "style": "solid",
          "bg": {
            "type": "solid",
            "color": "#d9d9d9"
          },
          "progress": false,
          "activeBg": {
            "type": "solid",
            "color": "#1e1e1e"
          },
          "progressFade": false,
          "extent": "markers",
          "desktop": {
            "width": "2px",
            "dash": "8px",
            "gap": "6px"
          },
          "tablet": {
            "width": "",
            "dash": "",
            "gap": ""
          },
          "mobile": {
            "width": "",
            "dash": "",
            "gap": ""
          }
        },
        "arrow": {
          "show": true,
          "align": "center",
          "color": "",
          "desktop": {
            "size": "14px",
            "offset": "16px"
          },
          "tablet": {
            "size": "",
            "offset": ""
          },
          "mobile": {
            "size": "",
            "offset": ""
          }
        }
      }
    },
    "marker": {
      "type": "object",
      "default": {
        "shape": "circle",
        "transition": 300,
        "pulse": {
          "show": false,
          "bg": {
            "type": "solid",
            "color": ""
          },
          "speed": 2400
        },
        "normal": {
          "bg": {
            "type": "solid",
            "color": "#efefef"
          },
          "color": {
            "icon": "#1e1e1e"
          },
          "border": {
            "width": "0px"
          },
          "ring": {
            "width": "0px",
            "style": "solid",
            "offset": "0px",
            "color": ""
          },
          "shadow": []
        },
        "hover": {
          "bg": {
            "type": "solid",
            "color": ""
          },
          "color": {
            "icon": ""
          },
          "border": {},
          "ring": {
            "width": "",
            "style": "",
            "offset": "",
            "color": ""
          },
          "shadow": []
        },
        "desktop": {
          "size": "34px",
          "iconSize": "16px",
          "radius": {}
        },
        "tablet": {
          "size": "",
          "iconSize": "",
          "radius": {}
        },
        "mobile": {
          "size": "",
          "iconSize": "",
          "radius": {}
        }
      }
    },
    "card": {
      "type": "object",
      "default": {
        "normal": {
          "bg": {
            "type": "solid",
            "color": "#efefef"
          },
          "border": {
            "width": "0px"
          },
          "shadow": [
            {
              "hOffset": "0px",
              "vOffset": "0px",
              "blur": "0px",
              "spreed": "0px",
              "color": "#7090b000",
              "isInset": false
            }
          ]
        },
        "hover": {
          "bg": {
            "type": "solid",
            "color": ""
          },
          "border": {}
        },
        "desktop": {
          "padding": {
            "top": "16px",
            "right": "16px",
            "bottom": "16px",
            "left": "16px"
          },
          "radius": {
            "top": "4px",
            "right": "4px",
            "bottom": "4px",
            "left": "4px"
          }
        },
        "tablet": {
          "padding": {},
          "radius": {}
        },
        "mobile": {
          "padding": {},
          "radius": {}
        }
      }
    },
    "date": {
      "type": "object",
      "default": {
        "show": true,
        "color": "#1e1e1e",
        "typo": {
          "fontSize": {
            "desktop": "16px"
          }
        },
        "desktop": {
          "gap": "16px"
        },
        "tablet": {
          "gap": ""
        },
        "mobile": {
          "gap": ""
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "tablet": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "mobile": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            }
          }
        },
        "transform": {
          "normal": {
            "rotate": {
              "desktop": {
                "z": "",
                "y": "",
                "x": ""
              },
              "tablet": {
                "z": "",
                "y": "",
                "x": ""
              },
              "mobile": {
                "z": "",
                "y": "",
                "x": ""
              },
              "threeDRotate": false
            },
            "offset": {
              "desktop": {
                "x": "",
                "y": ""
              },
              "tablet": {
                "x": "",
                "y": ""
              },
              "mobile": {
                "x": "",
                "y": ""
              }
            },
            "scale": {
              "isProportion": true,
              "desktop": {
                "x": "",
                "y": "",
                "scale": ""
              },
              "tablet": {
                "x": "",
                "y": "",
                "scale": ""
              },
              "mobile": {
                "x": "",
                "y": "",
                "scale": ""
              }
            },
            "skew": {
              "desktop": {
                "x": "",
                "y": ""
              },
              "tablet": {
                "x": "",
                "y": ""
              },
              "mobile": {
                "x": "",
                "y": ""
              }
            },
            "flipX": false,
            "flipY": false
          },
          "hover": {
            "rotate": {
              "desktop": {
                "z": "",
                "y": "",
                "x": ""
              },
              "tablet": {
                "z": "",
                "y": "",
                "x": ""
              },
              "mobile": {
                "z": "",
                "y": "",
                "x": ""
              },
              "threeDRotate": false
            },
            "offset": {
              "desktop": {
                "x": "",
                "y": ""
              },
              "tablet": {
                "x": "",
                "y": ""
              },
              "mobile": {
                "x": "",
                "y": ""
              }
            },
            "scale": {
              "isProportion": true,
              "desktop": {
                "x": "",
                "y": "",
                "scale": ""
              },
              "tablet": {
                "x": "",
                "y": "",
                "scale": ""
              },
              "mobile": {
                "x": "",
                "y": "",
                "scale": ""
              }
            },
            "skew": {
              "desktop": {
                "x": "",
                "y": ""
              },
              "tablet": {
                "x": "",
                "y": ""
              },
              "mobile": {
                "x": "",
                "y": ""
              }
            },
            "flipX": false,
            "flipY": false
          },
          "transition": 200
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "",
              "right": "",
              "bottom": "",
              "left": ""
            },
            "shadow": [
              {
                "hOffset": "",
                "vOffset": "",
                "blur": "",
                "spreed": "",
                "color": "",
                "isInset": false
              }
            ],
            "border": {
              "top": {
                "style": "none",
                "width": "0px"
              },
              "right": {
                "style": "none",
                "width": "0px"
              },
              "bottom": {
                "style": "none",
                "width": "0px"
              },
              "left": {
                "style": "none",
                "width": "0px"
              }
            }
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "",
            "gradient": {
              "type": "radial",
              "radialType": "ellipse",
              "colors": [
                {
                  "color": "rgba(58, 66, 222, 1)",
                  "position": "0"
                },
                {
                  "color": "rgba(176, 195, 235, 1)",
                  "position": "80"
                }
              ],
              "centerPositions": {
                "x": 50,
                "y": 50
              },
              "angel": 90
            },
            "img": {
              "url": "",
              "desktop": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "tablet": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "mobile": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              }
            },
            "video": {
              "url": "",
              "loop": false
            },
            "transition": 0.3
          }
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false,
    "anchor": true
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}