{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/map-section",
  "version": "1.0.0",
  "title": "Map Section",
  "category": "bPlugins",
  "description": "A free map section block (OpenStreetMap / Leaflet — no API key) with content overlay, markers, contact info, and a button.",
  "keywords": [
    "map",
    "location",
    "contact",
    "leaflet",
    "openstreetmap",
    "section collection"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "map": {
      "type": "object",
      "default": {
        "tileProvider": "carto-voyager",
        "zoom": 14,
        "scrollWheelZoom": false,
        "dragging": true,
        "doubleClickZoom": true,
        "showZoomControl": true,
        "showAttribution": true,
        "height": {
          "desktop": "480px",
          "tablet": "420px",
          "mobile": "360px"
        }
      }
    },
    "marker": {
      "type": "object",
      "default": {
        "lat": "40.7589",
        "lng": "-73.9851",
        "title": "Our Office",
        "description": "Times Square, New York, NY",
        "color": "#4f46e5"
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "mode": "side-by-side-right",
        "contentWidth": {
          "desktop": "40%",
          "tablet": "100%",
          "mobile": "100%"
        },
        "mapWidth": {
          "desktop": "60%",
          "tablet": "100%",
          "mobile": "100%"
        },
        "gap": {
          "desktop": "32px",
          "tablet": "24px",
          "mobile": "20px"
        }
      }
    },
    "header": {
      "type": "object",
      "default": {
        "show": true,
        "badge": "Visit Us",
        "showBadge": true,
        "title": "Get in Touch",
        "titleTag": "h2",
        "description": "We would love to hear from you. Drop by our office or send us a message — we usually reply within a day.",
        "badgeTypo": {
          "fontFamily": "Default",
          "fontWeight": "600",
          "fontSize": {
            "desktop": "12px",
            "tablet": "12px",
            "mobile": "11px"
          },
          "lineHeight": "1.4"
        },
        "titleTypo": {
          "fontFamily": "Default",
          "fontWeight": "700",
          "fontSize": {
            "desktop": "38px",
            "tablet": "30px",
            "mobile": "26px"
          },
          "lineHeight": "1.2"
        },
        "descriptionTypo": {
          "fontFamily": "Default",
          "fontWeight": "400",
          "fontSize": {
            "desktop": "16px",
            "tablet": "15px",
            "mobile": "14px"
          },
          "lineHeight": "1.6"
        },
        "badgeColor": "#4f46e5",
        "badgeBg": "rgba(79,70,229,0.1)",
        "titleColor": "#0f172a",
        "descriptionColor": "#64748b",
        "margin": {
          "top": "0px",
          "right": "0px",
          "bottom": "32px",
          "left": "0px"
        }
      }
    },
    "contacts": {
      "type": "array",
      "default": [
        {
          "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/></svg>",
          "label": "Address",
          "value": "1234 Broadway, New York, NY 10001"
        },
        {
          "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='currentColor' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/></svg>",
          "label": "Phone",
          "value": "+1 (555) 123-4567"
        },
        {
          "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='currentColor' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/></svg>",
          "label": "Email",
          "value": "hello@example.com"
        }
      ]
    },
    "contactStyle": {
      "type": "object",
      "default": {
        "iconColor": "#4f46e5",
        "iconBg": "rgba(79,70,229,0.1)",
        "iconSize": "16px",
        "iconBoxSize": "40px",
        "iconRadius": "10px",
        "labelTypo": {
          "fontFamily": "Default",
          "fontWeight": "600",
          "fontSize": {
            "desktop": "13px",
            "tablet": "13px",
            "mobile": "12px"
          },
          "lineHeight": "1.4"
        },
        "valueTypo": {
          "fontFamily": "Default",
          "fontWeight": "400",
          "fontSize": {
            "desktop": "15px",
            "tablet": "14px",
            "mobile": "14px"
          },
          "lineHeight": "1.5"
        },
        "labelColor": "#0f172a",
        "valueColor": "#475569",
        "itemGap": {
          "desktop": "20px",
          "tablet": "16px",
          "mobile": "16px"
        },
        "margin": {
          "top": "0px",
          "right": "0px",
          "bottom": "28px",
          "left": "0px"
        }
      }
    },
    "button": {
      "type": "object",
      "default": {
        "show": true,
        "text": "Contact Us",
        "link": "#",
        "target": "_self",
        "rel": "",
        "icon": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>",
        "iconPosition": "after",
        "iconGap": "8px",
        "typo": {
          "fontFamily": "Default",
          "fontWeight": "600",
          "fontSize": {
            "desktop": "15px",
            "tablet": "15px",
            "mobile": "14px"
          },
          "lineHeight": "1.2"
        },
        "colors": {
          "color": "#ffffff",
          "bgType": "solid",
          "bg": "#4f46e5",
          "gradient": "linear-gradient(135deg, #4f46e5, #7c3aed)"
        },
        "hoverColors": {
          "color": "#ffffff",
          "bgType": "solid",
          "bg": "#4338ca",
          "gradient": "linear-gradient(135deg, #4338ca, #6d28d9)"
        },
        "border": {
          "width": "0px",
          "style": "solid",
          "color": "transparent",
          "side": "all"
        },
        "hoverBorderColor": "transparent",
        "borderRadius": "10px",
        "padding": {
          "top": "14px",
          "right": "28px",
          "bottom": "14px",
          "left": "28px"
        },
        "shadow": [
          {
            "hOffset": "0px",
            "vOffset": "6px",
            "blur": "16px",
            "spreed": "0px",
            "color": "rgba(79,70,229,0.25)",
            "isInset": false
          }
        ],
        "hoverShadow": [
          {
            "hOffset": "0px",
            "vOffset": "10px",
            "blur": "24px",
            "spreed": "0px",
            "color": "rgba(79,70,229,0.4)",
            "isInset": false
          }
        ]
      }
    },
    "contentBox": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#ffffff",
          "gradient": "linear-gradient(135deg, #ffffff, #f8fafc)",
          "image": {},
          "position": "center center",
          "size": "cover",
          "repeat": "no-repeat",
          "attachment": "scroll"
        },
        "border": {
          "width": "1px",
          "style": "solid",
          "color": "#e2e8f0",
          "side": "all"
        },
        "borderRadius": "16px",
        "shadow": [
          {
            "hOffset": "0px",
            "vOffset": "8px",
            "blur": "32px",
            "spreed": "0px",
            "color": "rgba(15,23,42,0.06)",
            "isInset": false
          }
        ],
        "padding": {
          "desktop": {
            "top": "40px",
            "right": "36px",
            "bottom": "40px",
            "left": "36px"
          },
          "tablet": {
            "top": "32px",
            "right": "28px",
            "bottom": "32px",
            "left": "28px"
          },
          "mobile": {
            "top": "28px",
            "right": "20px",
            "bottom": "28px",
            "left": "20px"
          }
        }
      }
    },
    "mapBox": {
      "type": "object",
      "default": {
        "borderRadius": "16px",
        "border": {
          "width": "1px",
          "style": "solid",
          "color": "#e2e8f0",
          "side": "all"
        },
        "shadow": [
          {
            "hOffset": "0px",
            "vOffset": "8px",
            "blur": "32px",
            "spreed": "0px",
            "color": "rgba(15,23,42,0.08)",
            "isInset": false
          }
        ]
      }
    },
    "section": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "",
          "gradient": "linear-gradient(135deg, #f8fafc, #eef2ff)",
          "image": {},
          "position": "center center",
          "size": "cover",
          "repeat": "no-repeat",
          "attachment": "scroll"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "20px",
            "bottom": "80px",
            "left": "20px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        },
        "margin": {
          "desktop": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "tablet": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "mobile": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        },
        "maxWidth": {
          "desktop": "1200px",
          "tablet": "100%",
          "mobile": "100%"
        }
      }
    }
  },
  "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"
}