[
  {
    "id": 3315,
    "title": "比較リスト_F-11",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M216,64V192H128V64Z\" fill=\"#9aa8c9\"/><path d=\"M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "比較リスト",
      "比較・レビュー"
    ],
    "slug": "lazyblock/f-compare-checklist",
    "description": "特定のプラグインやツールが「どの機能に対応しているか・対応していないか」をマルバツのアイコン付きで一覧化できるブロックです。",
    "category": "Lazyblocks Free",
    "category_label": "Lazyblocks Free",
    "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_2b38974615": {
        "type": "repeater",
        "name": "compare_list",
        "default": "",
        "label": "項目一覧",
        "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": ""
      },
      "control_264ab7451a": {
        "type": "text",
        "name": "compare_label",
        "default": "",
        "label": "項目名",
        "help": "",
        "child_of": "control_2b38974615",
        "placement": "content",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_73d8ec47bf": {
        "type": "checkbox",
        "name": "compare_supported",
        "default": "",
        "label": "対応している",
        "help": "",
        "child_of": "control_2b38974615",
        "placement": "content",
        "group": "settings",
        "width": "100",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": ""
      }
    },
    "code": {
      "output_method": "php",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<?php\r\n$compare_list = isset( $attributes['compare_list'] ) && is_array( $attributes['compare_list'] ) ? $attributes['compare_list'] : [];\r\n?>\r\n\r\n<?php if ( empty( $compare_list ) ) : ?>\r\n  <div style=\"padding: 24px; background: #11151f; border: 2px dashed #00d2d3; border-radius: 12px; text-align: center; color: #ffffff;\">\r\n    <p style=\"margin: 0;\">✅ <strong>比較リストブロック</strong><br><span style=\"font-size: 13px; color: #8b92a5;\">右側のパネルから「項目一覧」を追加してください。</span></p>\r\n  </div>\r\n<?php else : ?>\r\n  <ul class=\"compare-checklist\">\r\n    <?php foreach ( $compare_list as $item ) :\r\n      $label = isset( $item['compare_label'] ) ? $item['compare_label'] : '';\r\n      $ok    = ! empty( $item['compare_supported'] );\r\n    ?>\r\n    <li class=\"compare-row <?php echo $ok ? 'is-ok' : 'is-ng'; ?>\">\r\n      <span class=\"compare-icon\"><?php echo $ok ? '&#10003;' : '&#10005;'; ?></span>\r\n      <span class=\"compare-label\"><?php echo esc_html( $label ); ?></span>\r\n    </li>\r\n    <?php endforeach; ?>\r\n  </ul>\r\n\r\n  <style>\r\n  .compare-checklist, .compare-checklist * { box-sizing: border-box; }\r\n  .compare-checklist, .compare-checklist li { list-style: none !important; margin: 0 !important; padding: 0 !important; }\r\n  .compare-checklist {\r\n    margin: 32px 0 !important; \r\n    width: 100%;\r\n    background: #111622; \r\n    border: 1px solid #283042; \r\n    border-radius: 12px; \r\n    padding: 12px 24px !important;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n  }\r\n  .compare-row { \r\n    display: flex; \r\n    align-items: center; \r\n    gap: 16px; \r\n    padding: 16px 0; \r\n    border-bottom: 1px solid #283042; \r\n  }\r\n  .compare-row:last-child { \r\n    border-bottom: none; \r\n  }\r\n  .compare-icon {\r\n    width: 28px; \r\n    height: 28px; \r\n    border-radius: 50%; \r\n    display: flex;\r\n    align-items: center; \r\n    justify-content: center; \r\n    font-size: 14px; \r\n    font-weight: 700; \r\n    flex-shrink: 0;\r\n  }\r\n  .compare-row.is-ok .compare-icon { \r\n    background: rgba(0, 210, 211, 0.15); \r\n    color: #00d2d3; \r\n  }\r\n  .compare-row.is-ng .compare-icon { \r\n    background: rgba(255, 107, 107, 0.15); \r\n    color: #ff6b6b; \r\n  }\r\n  .compare-label { \r\n    font-size: 15px; \r\n    color: #ffffff; \r\n    font-weight: 500;\r\n  }\r\n  @media (max-width: 480px) {\r\n    .compare-checklist { padding: 8px 16px !important; }\r\n    .compare-row { gap: 12px; padding: 12px 0; }\r\n    .compare-label { font-size: 14px; }\r\n  }\r\n  </style>\r\n<?php endif; ?>",
      "frontend_callback": "",
      "show_preview": "always",
      "single_output": true
    },
    "style": {
      "block": "",
      "editor": ""
    },
    "script": {
      "view": ""
    },
    "styles": [],
    "condition": [],
    "edit_url": null,
    "provide_context_to_blocks": "",
    "custom_context_slug": "",
    "allowed_blocks": "",
    "ancestor": ""
  }
]