[
  {
    "id": 3237,
    "title": "Alert Block_P-29",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z\" fill=\"#9aa8c9\"/><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "alert",
      "notice",
      "message",
      "notification",
      "お知らせ・注意喚起",
      "Alert Block"
    ],
    "slug": "lazyblock/alert-block",
    "description": "Attention-grabbing alert box, perfect for important announcements and notifications.",
    "category": "Lazyblocks Pro",
    "category_label": "Lazyblocks Pro",
    "supports": {
      "customClassName": true,
      "anchor": false,
      "html": false,
      "multiple": true,
      "inserter": true,
      "reusable": true,
      "color": false,
      "layout": false,
      "shadow": false,
      "spacing": false,
      "dimensions": false,
      "typography": false,
      "lock": true,
      "align": [
        "wide",
        "full"
      ],
      "ghostkit": {
        "effects": false,
        "position": false,
        "spacings": false,
        "frame": false,
        "transform": false,
        "customCSS": false,
        "display": false,
        "attributes": false
      }
    },
    "controls": {
      "control_e73abb48e1": {
        "type": "text",
        "name": "alert-title",
        "default": "Important Notice",
        "label": "Alert Title",
        "help": "Title of the alert (optional)",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "true",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_172b7044c5": {
        "type": "rich_text",
        "name": "alert-content",
        "default": "This is an important message that you should pay attention to.",
        "label": "Alert Content",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "true",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_e8aa974cb1": {
        "type": "toggle",
        "name": "dismissible",
        "default": "false",
        "label": "Dismissible",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": "",
        "checked": "false",
        "alongside_text": "Make alert dismissible"
      }
    },
    "code": {
      "output_method": "html",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<div{{#if dismissible}} class=\"alert-dismissible\"{{/if}}>\n\t<div class=\"alert-content\">\n\t\t{{#if alert-title}}<div class=\"alert-title\">{{alert-title}}</div>{{/if}}\n\t\t<div class=\"alert-message\">{{{alert-content}}}</div>\n\t</div>\n\t{{#if dismissible}}\n\t\t<button class=\"alert-dismiss\" onclick=\"this.parentNode.style.display='none';\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path fill=\"none\" d=\"M0 0h24v24H0z\"/><path d=\"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z\"/></svg>\n\t\t</button>\n\t{{/if}}\n</div>",
      "frontend_callback": "",
      "show_preview": "always",
      "single_output": true
    },
    "style": {
      "block": ".wp-block-lazyblock-alert-block {\n\tdisplay: flex;\n\tpadding: 16px;\n\tborder-radius: 4px;\n\tposition: relative;\n\tbackground-color: #f3f3f3;\n    border-left: 4px solid #b3b3b3;\n    color: #4a4a4a;\n}\n.wp-block-lazyblock-alert-block .alert-content {\n\tflex-grow: 1;\n}\n.wp-block-lazyblock-alert-block .alert-title {\n\tmargin-top: 0;\n\tmargin-bottom: 8px;\n\tfont-size: 18px;\n}\n.wp-block-lazyblock-alert-block .alert-message p:last-child {\n\tmargin-bottom: 0;\n}\n.wp-block-lazyblock-alert-block .alert-dismiss {\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 16px;\n\tright: 16px;\n\topacity: 0.7;\n}\n.wp-block-lazyblock-alert-block .alert-dismiss:hover {\n\topacity: 1;\n}\n\n/* Alert types */\n.wp-block-lazyblock-alert-block.is-style-info {\n\tbackground-color: #e8f4fd;\n\tborder-left: 4px solid #3498db;\n\tcolor: #0c5d95;\n}\n\n.wp-block-lazyblock-alert-block.is-style-success {\n\tbackground-color: #e8f8f5;\n\tborder-left: 4px solid #2ecc71;\n\tcolor: #1b7943;\n}\n\n.wp-block-lazyblock-alert-block.is-style-warning {\n\tbackground-color: #fef9e7;\n\tborder-left: 4px solid #f1c40f;\n\tcolor: #9a7d0a;\n}\n\n.wp-block-lazyblock-alert-block.is-style-error {\n\tbackground-color: #fdedec;\n\tborder-left: 4px solid #e74c3c;\n\tcolor: #922b21;\n}",
      "editor": ""
    },
    "script": {
      "view": ""
    },
    "styles": [
      {
        "name": "info",
        "label": "Info"
      },
      {
        "name": "success",
        "label": "Success"
      },
      {
        "name": "warning",
        "label": "Warning"
      },
      {
        "name": "error",
        "label": "Error"
      }
    ],
    "condition": [],
    "edit_url": null,
    "provide_context_to_blocks": "",
    "custom_context_slug": "",
    "allowed_blocks": "",
    "ancestor": ""
  }
]