[
  {
    "id": 3272,
    "title": "ダウンロードカード_P-32",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M216,48V208H40V48A16,16,0,0,1,56,32H200A16,16,0,0,1,216,48Z\" fill=\"#9aa8c9\"/><path d=\"M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "ダウンロードカード",
      "download",
      "CTA・訴求"
    ],
    "slug": "lazyblock/download-card",
    "description": "配布用のダウンロードボタンを設置できます。",
    "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_fbb8434056": {
        "type": "file",
        "name": "download_file",
        "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_5b29be47c3": {
        "type": "text",
        "name": "download_title",
        "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_1e89c14d71": {
        "type": "textarea",
        "name": "download_desc",
        "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_04b844437e": {
        "type": "text",
        "name": "download_button_text",
        "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_cfe8c54c0d": {
        "type": "date_time",
        "name": "download_updated_date",
        "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_842ac446d3": {
        "type": "color",
        "name": "download_color",
        "default": "#38E0E0",
        "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_acfbe9404a": {
        "type": "toggle",
        "name": "download_show_size",
        "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": ""
      }
    },
    "code": {
      "output_method": "php",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<?php\r\n$file_url    = ! empty( $attributes['download_file']['url'] ) ? $attributes['download_file']['url'] : '';\r\n$color       = ! empty( $attributes['download_color'] ) ? $attributes['download_color'] : '#38E0E0';\r\n\r\nif ( ! $file_url ) :\r\n\t// ファイル未設定時のプレースホルダー（editor.cssでのみ表示される）\r\n?>\r\n<div class=\"download-card-placeholder\">\r\n\t<div class=\"download-card-placeholder-icon\">\r\n\t\t<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t<rect x=\"3\" y=\"10\" width=\"18\" height=\"10\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.6\"/>\r\n\t\t\t<rect x=\"2\" y=\"7\" width=\"20\" height=\"4\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.6\"/>\r\n\t\t\t<line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"20\" stroke=\"currentColor\" stroke-width=\"1.6\"/>\r\n\t\t</svg>\r\n\t</div>\r\n\t<p class=\"download-card-placeholder-text\">ダウンロードカードブロック</p>\r\n\t<p class=\"download-card-placeholder-sub\">サイドバーから「ダウンロードファイル」を設定してください</p>\r\n</div>\r\n<?php\r\nelse :\r\n\t$file_name   = basename( $file_url );\r\n\t$file_ext    = strtoupper( pathinfo( $file_url, PATHINFO_EXTENSION ) );\r\n\t$show_size   = ! empty( $attributes['download_show_size'] );\r\n\t$button_text = ! empty( $attributes['download_button_text'] ) ? $attributes['download_button_text'] : 'ダウンロード';\r\n\t$dc_id       = substr( md5( $file_url ), 0, 12 );\r\n\r\n\t$updated_date = '';\r\n\tif ( ! empty( $attributes['download_updated_date'] ) ) {\r\n\t\t$updated_date = date_i18n( 'Y年n月j日', strtotime( $attributes['download_updated_date'] ) );\r\n\t}\r\n\r\n\t$file_size = '';\r\n\tif ( $show_size ) {\r\n\t\t$upload_dir = wp_get_upload_dir();\r\n\t\t$file_path  = str_replace( $upload_dir['baseurl'], $upload_dir['basedir'], $file_url );\r\n\t\tif ( file_exists( $file_path ) ) {\r\n\t\t\t$file_size = size_format( filesize( $file_path ) );\r\n\t\t}\r\n\t}\r\n?>\r\n<div class=\"download-card\" style=\"--dc-color: <?php echo esc_attr( $color ); ?>;\" data-dc-id=\"<?php echo esc_attr( $dc_id ); ?>\" data-nonce=\"<?php echo esc_attr( wp_create_nonce( 'wp_rest' ) ); ?>\">\r\n\t<div class=\"download-card-icon\">\r\n\t\t<svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t<rect x=\"3\" y=\"10\" width=\"18\" height=\"10\" rx=\"1\" stroke=\"#38E0E0\" stroke-width=\"1.6\"/>\r\n\t\t\t<rect x=\"2\" y=\"7\" width=\"20\" height=\"4\" rx=\"1\" stroke=\"#38E0E0\" stroke-width=\"1.6\"/>\r\n\t\t\t<line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"20\" stroke=\"#38E0E0\" stroke-width=\"1.6\"/>\r\n\t\t\t<path d=\"M12 7c-1.5-3-5-3-5-1s2.5 1 5 1z\" stroke=\"#38E0E0\" stroke-width=\"1.4\" stroke-linejoin=\"round\"/>\r\n\t\t\t<path d=\"M12 7c1.5-3 5-3 5-1s-2.5 1-5 1z\" stroke=\"#38E0E0\" stroke-width=\"1.4\" stroke-linejoin=\"round\"/>\r\n\t\t</svg>\r\n\t</div>\r\n\t<div class=\"download-card-body\">\r\n\t\t<div class=\"download-card-title-row\">\r\n\t\t\t<p class=\"download-card-title\">\r\n\t\t\t\t<?php if ( $file_ext ) : ?>\r\n\t\t\t\t\t<span class=\"download-card-ext-badge\"><?php echo esc_html( $file_ext ); ?></span>\r\n\t\t\t\t<?php endif; ?>\r\n\t\t\t\t<?php echo esc_html( $attributes['download_title'] ?? 'ダウンロード' ); ?>\r\n\t\t\t</p>\r\n\t\t\t<?php if ( $updated_date ) : ?>\r\n\t\t\t\t<span class=\"download-card-updated\">最終更新：<?php echo esc_html( $updated_date ); ?></span>\r\n\t\t\t<?php endif; ?>\r\n\t\t</div>\r\n\t\t<?php if ( ! empty( $attributes['download_desc'] ) ) : ?>\r\n\t\t\t<p class=\"download-card-desc\"><?php echo esc_html( $attributes['download_desc'] ); ?></p>\r\n\t\t<?php endif; ?>\r\n\t\t<p class=\"download-card-social-proof\">\r\n\t\t\t<span class=\"dc-public-count\">-</span>人がダウンロード済み\r\n\t\t\t<?php if ( $show_size && $file_size ) : ?>\r\n\t\t\t\t・<?php echo esc_html( $file_name . ' ' . $file_size ); ?>\r\n\t\t\t<?php endif; ?>\r\n\t\t</p>\r\n\t</div>\r\n\r\n\t<a href=\"<?php echo esc_url( $file_url ); ?>\" download class=\"download-card-button\" data-track=\"download\" data-default-label=\"<?php echo esc_attr( $button_text ); ?>\">\r\n\t\t<svg class=\"dc-icon\" viewBox=\"0 0 20 20\" width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t<path d=\"M10 3v9m0 0l-3.5-3.5M10 12l3.5-3.5M4 14.5v1a1.5 1.5 0 001.5 1.5h9a1.5 1.5 0 001.5-1.5v-1\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n\t\t</svg>\r\n\t\t<span class=\"dc-button-label\"><?php echo esc_html( $button_text ); ?></span>\r\n\t</a>\r\n\r\n\t<?php if ( current_user_can( 'manage_options' ) ) : ?>\r\n\t<div class=\"download-card-admin-panel\">\r\n\t\t<span class=\"dc-count-label\">ダウンロード数：<strong class=\"dc-count-value\"><?php echo (int) get_option( 'lzbdc_count_' . $dc_id, 0 ); ?></strong></span>\r\n\t\t<button type=\"button\" class=\"dc-reset-button\" data-dc-id=\"<?php echo esc_attr( $dc_id ); ?>\">リセット</button>\r\n\t</div>\r\n\t<?php endif; ?>\r\n</div>\r\n<?php endif; ?>",
      "frontend_callback": "",
      "show_preview": "always",
      "single_output": true
    },
    "style": {
      "block": ".download-card, .download-card * { box-sizing: border-box; }\r\n.download-card p { margin: 0 !important; }\r\n.download-card a.download-card-button { text-decoration: none !important; }\r\n\r\n/* プレースホルダー（エディター用CSSにのみ必要・フロント側には影響しません） */\r\n.download-card-placeholder {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\ttext-align: center;\r\n\tgap: 8px;\r\n\tpadding: 32px 20px;\r\n\tborder: 2px dashed #a8a8c0;\r\n\tborder-radius: 10px;\r\n\tcolor: #666;\r\n}\r\n.download-card-placeholder-icon { color: #a8a8c0; }\r\n.download-card-placeholder-text { font-weight: 600; margin: 0; }\r\n.download-card-placeholder-sub { font-size: 12px; color: #888; margin: 0; }\r\n/* ここまでプレースホルダー */\r\n\r\n.download-card {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto 1fr auto;\r\n\tgrid-template-areas:\r\n\t\t\"icon body button\"\r\n\t\t\"admin admin admin\";\r\n\talign-items: center;\r\n\tgap: 16px 24px;\r\n\tbackground: linear-gradient(135deg, #1a1a2e 0%, #35355e 100%);\r\n\tborder: 1px solid var(--dc-color);\r\n\tborder-radius: 10px;\r\n\tpadding: 24px 32px;\r\n\tmax-width: 100%; /* 全幅に変更（元：560px） */\r\n\twidth: 100%;\r\n}\r\n.download-card-icon { grid-area: icon; display: flex; align-items: center; }\r\n.download-card-body { grid-area: body; min-width: 0; }\r\n.download-card-button { grid-area: button; }\r\n\r\n.download-card-title-row {\r\n\tdisplay: flex;\r\n\talign-items: baseline;\r\n\tjustify-content: flex-start;\r\n\tgap: 8px;\r\n\tflex-wrap: wrap;\r\n}\r\n.download-card-title { color: #fff; font-weight: 700; margin: 0 0 4px; overflow-wrap: break-word; }\r\n.download-card-ext-badge {\r\n\tdisplay: inline-block;\r\n\tbackground: var(--dc-color);\r\n\tcolor: #04342C;\r\n\tfont-size: 10px;\r\n\tfont-family: \"Courier New\", monospace;\r\n\tfont-weight: 700;\r\n\tpadding: 2px 6px;\r\n\tborder-radius: 3px;\r\n\tmargin-right: 6px;\r\n\tvertical-align: middle;\r\n}\r\n.download-card-updated { color: #a8a8c0; font-size: 11px; white-space: nowrap; }\r\n.download-card-desc { color: #d8d8e8; font-size: 13px; margin: 0 0 6px; overflow-wrap: break-word; }\r\n.download-card-social-proof { color: #38E0E0; font-size: 12px; margin: 0; display: none; }\r\n.download-card-social-proof.is-visible { display: block; }\r\n.download-card-social-proof .dc-public-count { font-weight: 700; }\r\n.download-card-meta { color: #a8a8c0; font-size: 12px; font-family: monospace; margin: 0; }\r\n\r\n.download-card-button {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tgap: 8px;\r\n\tbackground: var(--dc-color);\r\n\tcolor: #04342C;\r\n\tfont-weight: 600;\r\n\tfont-size: 14px;\r\n\tpadding: 12px 24px;\r\n\tborder-radius: 6px;\r\n\twhite-space: nowrap;\r\n\ttransition: opacity 0.2s ease, background 0.2s ease;\r\n}\r\n.download-card-button:hover { opacity: 0.85; }\r\n.download-card-button.is-done { background: #1E9E76; color: #fff; }\r\n.download-card-button .dc-icon { flex-shrink: 0; }\r\n\r\n.download-card-admin-panel {\r\n\tgrid-area: admin;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tpadding-top: 12px;\r\n\tborder-top: 1px dashed rgba(255,255,255,0.2);\r\n\tfont-size: 12px;\r\n\tcolor: #a8a8c0;\r\n}\r\n.dc-count-value { color: #38E0E0; }\r\n.dc-reset-button {\r\n\tbackground: transparent;\r\n\tborder: 1px solid #a8a8c0;\r\n\tcolor: #a8a8c0;\r\n\tborder-radius: 4px;\r\n\tpadding: 3px 10px;\r\n\tfont-size: 11px;\r\n\tcursor: pointer;\r\n}\r\n.dc-reset-button:hover { border-color: #38E0E0; color: #38E0E0; }\r\n\r\n/* タブレット向け最適化 */\r\n@media (max-width: 768px) {\r\n\t.download-card { padding: 20px; gap: 16px 20px; }\r\n\t.download-card-button { padding: 10px 20px; font-size: 13px; }\r\n}\r\n\r\n/* スマホ向け最適化 */\r\n@media (max-width: 480px) {\r\n\t.download-card {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-areas: \"icon\" \"body\" \"button\" \"admin\";\r\n\t\tjustify-items: center;\r\n\t\ttext-align: center;\r\n\t\tpadding: 20px 16px;\r\n\t}\r\n\t.download-card-title-row { justify-content: center; }\r\n\t.download-card-button { width: 100%; justify-content: center; }\r\n\t.download-card-admin-panel { flex-direction: column; gap: 8px; text-align: center; width: 100%; }\r\n}",
      "editor": ".download-card, .download-card * { box-sizing: border-box; }\r\n.download-card p { margin: 0 !important; }\r\n.download-card a.download-card-button { text-decoration: none !important; }\r\n\r\n/* プレースホルダー（エディター用CSSにのみ必要・フロント側には影響しません） */\r\n.download-card-placeholder {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\ttext-align: center;\r\n\tgap: 8px;\r\n\tpadding: 32px 20px;\r\n\tborder: 2px dashed #a8a8c0;\r\n\tborder-radius: 10px;\r\n\tcolor: #666;\r\n}\r\n.download-card-placeholder-icon { color: #a8a8c0; }\r\n.download-card-placeholder-text { font-weight: 600; margin: 0; }\r\n.download-card-placeholder-sub { font-size: 12px; color: #888; margin: 0; }\r\n/* ここまでプレースホルダー */\r\n\r\n.download-card {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto 1fr auto;\r\n\tgrid-template-areas:\r\n\t\t\"icon body button\"\r\n\t\t\"admin admin admin\";\r\n\talign-items: center;\r\n\tgap: 16px 24px;\r\n\tbackground: linear-gradient(135deg, #1a1a2e 0%, #35355e 100%);\r\n\tborder: 1px solid var(--dc-color);\r\n\tborder-radius: 10px;\r\n\tpadding: 24px 32px;\r\n\tmax-width: 100%; /* 全幅に変更（元：560px） */\r\n\twidth: 100%;\r\n}\r\n.download-card-icon { grid-area: icon; display: flex; align-items: center; }\r\n.download-card-body { grid-area: body; min-width: 0; }\r\n.download-card-button { grid-area: button; }\r\n\r\n.download-card-title-row {\r\n\tdisplay: flex;\r\n\talign-items: baseline;\r\n\tjustify-content: flex-start;\r\n\tgap: 8px;\r\n\tflex-wrap: wrap;\r\n}\r\n.download-card-title { color: #fff; font-weight: 700; margin: 0 0 4px; overflow-wrap: break-word; }\r\n.download-card-ext-badge {\r\n\tdisplay: inline-block;\r\n\tbackground: var(--dc-color);\r\n\tcolor: #04342C;\r\n\tfont-size: 10px;\r\n\tfont-family: \"Courier New\", monospace;\r\n\tfont-weight: 700;\r\n\tpadding: 2px 6px;\r\n\tborder-radius: 3px;\r\n\tmargin-right: 6px;\r\n\tvertical-align: middle;\r\n}\r\n.download-card-updated { color: #a8a8c0; font-size: 11px; white-space: nowrap; }\r\n.download-card-desc { color: #d8d8e8; font-size: 13px; margin: 0 0 6px; overflow-wrap: break-word; }\r\n.download-card-social-proof { color: #38E0E0; font-size: 12px; margin: 0; display: none; }\r\n.download-card-social-proof.is-visible { display: block; }\r\n.download-card-social-proof .dc-public-count { font-weight: 700; }\r\n.download-card-meta { color: #a8a8c0; font-size: 12px; font-family: monospace; margin: 0; }\r\n\r\n.download-card-button {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tgap: 8px;\r\n\tbackground: var(--dc-color);\r\n\tcolor: #04342C;\r\n\tfont-weight: 600;\r\n\tfont-size: 14px;\r\n\tpadding: 12px 24px;\r\n\tborder-radius: 6px;\r\n\twhite-space: nowrap;\r\n\ttransition: opacity 0.2s ease, background 0.2s ease;\r\n}\r\n.download-card-button:hover { opacity: 0.85; }\r\n.download-card-button.is-done { background: #1E9E76; color: #fff; }\r\n.download-card-button .dc-icon { flex-shrink: 0; }\r\n\r\n.download-card-admin-panel {\r\n\tgrid-area: admin;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tpadding-top: 12px;\r\n\tborder-top: 1px dashed rgba(255,255,255,0.2);\r\n\tfont-size: 12px;\r\n\tcolor: #a8a8c0;\r\n}\r\n.dc-count-value { color: #38E0E0; }\r\n.dc-reset-button {\r\n\tbackground: transparent;\r\n\tborder: 1px solid #a8a8c0;\r\n\tcolor: #a8a8c0;\r\n\tborder-radius: 4px;\r\n\tpadding: 3px 10px;\r\n\tfont-size: 11px;\r\n\tcursor: pointer;\r\n}\r\n.dc-reset-button:hover { border-color: #38E0E0; color: #38E0E0; }\r\n\r\n/* タブレット向け最適化 */\r\n@media (max-width: 768px) {\r\n\t.download-card { padding: 20px; gap: 16px 20px; }\r\n\t.download-card-button { padding: 10px 20px; font-size: 13px; }\r\n}\r\n\r\n/* スマホ向け最適化 */\r\n@media (max-width: 480px) {\r\n\t.download-card {\r\n\t\tgrid-template-columns: 1fr;\r\n\t\tgrid-template-areas: \"icon\" \"body\" \"button\" \"admin\";\r\n\t\tjustify-items: center;\r\n\t\ttext-align: center;\r\n\t\tpadding: 20px 16px;\r\n\t}\r\n\t.download-card-title-row { justify-content: center; }\r\n\t.download-card-button { width: 100%; justify-content: center; }\r\n\t.download-card-admin-panel { flex-direction: column; gap: 8px; text-align: center; width: 100%; }\r\n}"
    },
    "script": {
      "view": "document.querySelectorAll('.download-card').forEach(function (card) {\r\n\tvar dcId = card.dataset.dcId;\r\n\tvar storageKey = 'dc_counted_' + dcId;\r\n\tvar publicCountEl = card.querySelector('.dc-public-count');\r\n\tvar socialProofEl = card.querySelector('.download-card-social-proof');\r\n\tvar countEl = card.querySelector('.dc-count-value');\r\n\tvar SOCIAL_PROOF_THRESHOLD = 20;\r\n\r\n\tfunction updateAllCountDisplays(count) {\r\n\t\tif (publicCountEl) {\r\n\t\t\tpublicCountEl.textContent = count.toLocaleString('ja-JP');\r\n\t\t}\r\n\t\tif (socialProofEl) {\r\n\t\t\tsocialProofEl.classList.toggle('is-visible', count >= SOCIAL_PROOF_THRESHOLD);\r\n\t\t}\r\n\t\tif (countEl) {\r\n\t\t\tcountEl.textContent = count;\r\n\t\t}\r\n\t}\r\n\r\n\tfetch('/wp-json/lazyblocks-dc/v1/count/' + dcId)\r\n\t\t.then(function (res) { return res.json(); })\r\n\t\t.then(function (data) { updateAllCountDisplays(data.count); })\r\n\t\t.catch(function (err) { console.error('count fetch failed', err); });\r\n\r\n\tvar dlBtn = card.querySelector('[data-track=\"download\"]');\r\n\tif (dlBtn && !dlBtn.dataset.bound) {\r\n\t\tdlBtn.dataset.bound = 'true';\r\n\t\tdlBtn.addEventListener('click', function () {\r\n\t\t\tvar label = dlBtn.querySelector('.dc-button-label');\r\n\t\t\tvar originalText = dlBtn.dataset.defaultLabel;\r\n\t\t\tdlBtn.classList.add('is-done');\r\n\t\t\tif (label) label.textContent = 'ダウンロードしました';\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t\tdlBtn.classList.remove('is-done');\r\n\t\t\t\tif (label) label.textContent = originalText;\r\n\t\t\t}, 2000);\r\n\r\n\t\t\tif (typeof gtag === 'function') {\r\n\t\t\t\tgtag('event', 'cta_click_lazyblocks_killerpage_download_direct');\r\n\t\t\t}\r\n\r\n\t\t\tif (localStorage.getItem(storageKey)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tlocalStorage.setItem(storageKey, '1');\r\n\t\t\tfetch('/wp-json/lazyblocks-dc/v1/increment/' + dcId, { method: 'POST' })\r\n\t\t\t\t.then(function (res) { return res.json(); })\r\n\t\t\t\t.then(function (data) { updateAllCountDisplays(data.count); })\r\n\t\t\t\t.catch(function (err) { console.error('increment failed', err); });\r\n\t\t});\r\n\t}\r\n\r\n\tvar resetBtn = card.querySelector('.dc-reset-button');\r\n\tif (resetBtn && !resetBtn.dataset.bound) {\r\n\t\tresetBtn.dataset.bound = 'true';\r\n\t\tresetBtn.addEventListener('click', function () {\r\n\t\t\tif (!confirm('カウントをリセットしますか？（表示中の社会的証明の数値もリセットされます）')) return;\r\n\t\t\tfetch('/wp-json/lazyblocks-dc/v1/reset/' + dcId, {\r\n\t\t\t\tmethod: 'POST',\r\n\t\t\t\theaders: { 'X-WP-Nonce': card.dataset.nonce }\r\n\t\t\t})\r\n\t\t\t\t.then(function (res) { return res.json(); })\r\n\t\t\t\t.then(function (data) { updateAllCountDisplays(data.count); })\r\n\t\t\t\t.catch(function (err) { console.error('reset failed', err); });\r\n\t\t});\r\n\t}\r\n});"
    },
    "styles": [],
    "condition": [],
    "edit_url": null,
    "provide_context_to_blocks": "",
    "custom_context_slug": "",
    "allowed_blocks": "",
    "ancestor": ""
  }
]