{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/dual-color-heading",
  "version": "1.0.0",
  "title": "Dual Color Heading",
  "category": "bBlocks",
  "description": "Highlight content heading with different colors.",
  "keywords": [
    "dual",
    "color",
    "heading",
    "dual-color-heading"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "sortElements": {
      "type": "array",
      "default": [
        "heading",
        "separator",
        "subHeading",
        "icon"
      ]
    },
    "heading": {
      "type": "object",
      "default": {
        "tag": "h2",
        "colorType": "solid",
        "first": {
          "text": "Dual Heading",
          "colorType": "gradient",
          "color": "#146EF5",
          "gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)"
        },
        "last": {
          "text": "Example",
          "colorType": "solid",
          "color": "#FA52CA",
          "gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)"
        },
        "typography": {
          "fontFamily": "Default",
          "fontCategory": "sans-serif",
          "fontVariant": "700",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": "40px",
            "tablet": "36px",
            "mobile": "32px"
          },
          "fontStyle": "normal",
          "textTransform": "none",
          "textDecoration": "auto",
          "lineHeight": "135%",
          "letterSpace": "0px"
        },
        "align": ""
      }
    },
    "separator": {
      "type": "object",
      "default": {
        "show": true,
        "type": "line",
        "iconType": "upload",
        "icon": {
          "upload": "",
          "library": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'> <path d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'></path></svg>"
        },
        "iconSize": 36,
        "iconColor": "#1e1e1e",
        "alignment": "center",
        "distance": "0px",
        "left": {
          "color": "#146EF5",
          "width": "100px",
          "height": "5px",
          "bRadius": {}
        },
        "right": {
          "color": "#00ffff",
          "width": "100px",
          "height": "5px",
          "bRadius": {}
        },
        "margin": {
          "top": "14px",
          "right": "0px",
          "bottom": "14px",
          "left": "0px"
        }
      }
    },
    "subHeading": {
      "type": "object",
      "default": {
        "text": "Insert a meaningful line to evaluate the headline.",
        "color": "#333",
        "typography": {
          "fontSize": {
            "desktop": "16px",
            "tablet": "15px",
            "mobile": "15px"
          }
        }
      }
    },
    "icon": {
      "type": "object",
      "default": {
        "show": true,
        "iconType": "upload",
        "icon": {
          "upload": "",
          "library": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' id='emoji-heart-eyes-fill'><path d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434m6.559 5.448a.5.5 0 0 1 .548.736A4.5 4.5 0 0 1 7.965 13a4.5 4.5 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242s1.46-.118 2.152-.242a27 27 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zm-.07-5.448c1.397-.864 3.543 1.838-.953 3.434-3.067-3.554.19-4.858.952-3.434z'></path></svg>"
        },
        "img": {
          "url": "",
          "alt": "",
          "title": ""
        },
        "size": 36,
        "color": "#000"
      }
    },
    "alignment": {
      "type": "object",
      "default": {
        "desktop": "center",
        "tablet": "center",
        "mobile": "center"
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "16px",
              "right": "16px",
              "bottom": "16px",
              "left": "16px"
            },
            "tablet": {
              "top": "16px",
              "right": "16px",
              "bottom": "16px",
              "left": "16px"
            },
            "mobile": {
              "top": "16px",
              "right": "16px",
              "bottom": "16px",
              "left": "16px"
            }
          }
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "shadow": [
              {
                "hOffset": "0px",
                "vOffset": "0px",
                "blur": "0px",
                "spreed": "0px",
                "color": "#7090b000",
                "isInset": false
              }
            ]
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "rgba(255, 255, 255, 1)",
            "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"
              }
            },
            "transition": 0.3
          }
        },
        "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
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": [
    "file:../index.js",
    "aos"
  ],
  "style": [
    "file:./view.css",
    "aos"
  ],
  "render": "file:./render.php",
  "viewScript": [
    "file:./view.js",
    "aos"
  ]
}