@mapmap/maps 0.1.0

package/dist/index.js

@@ -0,0 +1,1827 @@
+import maplibregl from 'maplibre-gl';
+import { Protocol } from 'pmtiles';
+
+// src/map.ts
+
+// src/logo.ts
+var LOGO_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="84" height="20" viewBox="0 0 156 37" fill="none" role="img" aria-label="MapMap"><g stroke="#ffffff" stroke-linejoin="round" stroke-linecap="round"><path d="M146.965 19.2363C146.965 17.5281 146.64 16.2469 145.989 15.3927C145.358 14.5386 144.464 14.1115 143.304 14.1115C142.227 14.1115 141.352 14.5589 140.681 15.4537C140.03 16.3282 139.705 17.5382 139.705 19.0838V19.3889C139.705 20.9751 140.03 22.2055 140.681 23.08C141.352 23.9341 142.227 24.3612 143.304 24.3612C144.382 24.3612 145.257 23.924 145.928 23.0495C146.619 22.1547 146.965 20.8836 146.965 19.2363ZM150.778 19.2363C150.778 21.8598 150.188 23.8934 149.009 25.3373C147.85 26.7609 146.324 27.4727 144.433 27.4727C142.481 27.4727 140.925 26.7304 139.766 25.2458H139.705V33.8787H135.739V11.305H139.461L139.522 13.5319H139.583C140.803 11.844 142.42 11 144.433 11C146.406 11 147.951 11.7016 149.07 13.1048C150.209 14.5081 150.778 16.5519 150.778 19.2363Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M126.399 11C128.819 11 130.558 11.4779 131.615 12.4337C132.673 13.3692 133.202 14.8945 133.202 17.0095V22.8969C133.202 24.3409 133.354 25.7644 133.659 27.1676H129.907C129.785 26.4965 129.694 25.7136 129.633 24.8188H129.572C129.002 25.6526 128.229 26.3033 127.253 26.7711C126.297 27.2388 125.25 27.4727 124.111 27.4727C122.627 27.4727 121.437 27.066 120.542 26.2525C119.668 25.4187 119.23 24.2697 119.23 22.8054C119.23 21.0361 119.973 19.6227 121.457 18.5652C122.962 17.4874 125.118 16.9485 127.924 16.9485H129.236V16.857C129.236 15.7791 129.023 15.0267 128.596 14.5996C128.168 14.1725 127.406 13.959 126.308 13.959C124.315 13.959 122.433 14.4166 120.664 15.3317L120.085 12.3727C122.017 11.4576 124.121 11 126.399 11ZM122.952 22.5004C122.952 23.1512 123.145 23.6596 123.532 24.0256C123.918 24.3917 124.447 24.5747 125.118 24.5747C126.277 24.5747 127.253 24.1985 128.046 23.446C128.84 22.6936 129.236 21.7479 129.236 20.6091V19.5719H127.924C126.318 19.5719 125.087 19.8464 124.233 20.3955C123.379 20.9243 122.952 21.6259 122.952 22.5004Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M96.1152 11.305H99.7758L99.8673 13.4404H99.9284C101.108 11.8135 102.46 11 103.986 11C104.982 11 105.806 11.2034 106.456 11.6101C107.107 12.0168 107.666 12.6778 108.134 13.5929H108.195C109.517 11.8643 111.073 11 112.862 11C114.571 11 115.811 11.4779 116.584 12.4337C117.377 13.3692 117.774 14.9555 117.774 17.1925V27.1676H113.93V18.1077C113.93 16.5214 113.757 15.4537 113.412 14.9046C113.086 14.3555 112.496 14.081 111.642 14.081C110.91 14.081 110.27 14.4674 109.72 15.2402C109.171 16.013 108.897 16.9688 108.897 18.1077V27.1676H105.053V18.1077C105.053 16.5214 104.88 15.4537 104.535 14.9046C104.209 14.3555 103.619 14.081 102.765 14.081C102.033 14.081 101.393 14.4674 100.844 15.2402C100.294 16.013 100.02 16.9688 100.02 18.1077V27.1676H96.1152V11.305Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M90.8503 19.2363C90.8503 17.5281 90.525 16.2469 89.8742 15.3927C89.2438 14.5386 88.3489 14.1115 87.1898 14.1115C86.1119 14.1115 85.2374 14.5589 84.5663 15.4537C83.9155 16.3282 83.5902 17.5382 83.5902 19.0838V19.3889C83.5902 20.9751 83.9155 22.2055 84.5663 23.08C85.2374 23.9341 86.1119 24.3612 87.1898 24.3612C88.2676 24.3612 89.1421 23.924 89.8132 23.0495C90.5046 22.1547 90.8503 20.8836 90.8503 19.2363ZM94.6635 19.2363C94.6635 21.8598 94.0737 23.8934 92.8942 25.3373C91.735 26.7609 90.2097 27.4727 88.3184 27.4727C86.3661 27.4727 84.8104 26.7304 83.6512 25.2458H83.5902V33.8787H79.6245V11.305H83.3461L83.4071 13.5319H83.4681C84.6883 11.844 86.3051 11 88.3184 11C90.2911 11 91.8367 11.7016 92.9552 13.1048C94.094 14.5081 94.6635 16.5519 94.6635 19.2363Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M70.2844 11C72.7045 11 74.4432 11.4779 75.5008 12.4337C76.5583 13.3692 77.087 14.8945 77.087 17.0095V22.8969C77.087 24.3409 77.2395 25.7644 77.5446 27.1676H73.7925C73.6705 26.4965 73.5789 25.7136 73.5179 24.8188H73.4569C72.8875 25.6526 72.1147 26.3033 71.1385 26.7711C70.1827 27.2388 69.1354 27.4727 67.9965 27.4727C66.5119 27.4727 65.3223 27.066 64.4274 26.2525C63.553 25.4187 63.1157 24.2697 63.1157 22.8054C63.1157 21.0361 63.858 19.6227 65.3426 18.5652C66.8475 17.4874 69.0032 16.9485 71.8096 16.9485H73.1214V16.857C73.1214 15.7791 72.9078 15.0267 72.4808 14.5996C72.0537 14.1725 71.2911 13.959 70.1929 13.959C68.1999 13.959 66.3187 14.4166 64.5495 15.3317L63.9699 12.3727C65.9018 11.4576 68.0067 11 70.2844 11ZM66.8373 22.5004C66.8373 23.1512 67.0305 23.6596 67.4169 24.0256C67.8033 24.3917 68.3321 24.5747 69.0032 24.5747C70.1624 24.5747 71.1385 24.1985 71.9317 23.446C72.7248 22.6936 73.1214 21.7479 73.1214 20.6091V19.5719H71.8096C70.203 19.5719 68.9727 19.8464 68.1185 20.3955C67.2644 20.9243 66.8373 21.6259 66.8373 22.5004Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M40 11.3049H43.6606L43.7521 13.4403H43.8131C44.9927 11.8133 46.345 10.9999 47.8703 10.9999C48.8668 10.9999 49.6904 11.2032 50.3412 11.61C50.992 12.0167 51.5512 12.6777 52.019 13.5928H52.08C53.4019 11.8642 54.9576 10.9999 56.7472 10.9999C58.4555 10.9999 59.6961 11.4778 60.4689 12.4336C61.262 13.3691 61.6586 14.9554 61.6586 17.1924V27.1675H57.8149V18.1075C57.8149 16.5213 57.6421 15.4536 57.2963 14.9045C56.9709 14.3554 56.3812 14.0809 55.527 14.0809C54.7949 14.0809 54.1543 14.4673 53.6052 15.2401C53.0561 16.0129 52.7816 16.9687 52.7816 18.1075V27.1675H48.938V18.1075C48.938 16.5213 48.7651 15.4536 48.4194 14.9045C48.094 14.3554 47.5042 14.0809 46.6501 14.0809C45.918 14.0809 45.2774 14.4673 44.7283 15.2401C44.1792 16.0129 43.9046 16.9687 43.9046 18.1075V27.1675H40V11.3049Z" fill="#ffffff" stroke-width="3" paint-order="stroke"/><path d="M27.3847 25.9178C28.8081 23.5868 30.5287 21.3029 30.9562 18.5589C31.9911 11.9172 26.9381 5.71447 19.956 5.30338C17.4904 5.15838 13.6449 5.12507 11.1992 5.30299C10.0552 5.38607 8.94122 5.89121 8.16887 6.70868C7.71694 7.18718 5.28183 11.1346 5.20651 11.6441C5.02777 12.8495 5.83228 13.8426 7.09035 13.9645C9.18143 14.1667 11.8763 13.9253 14.0309 13.9264C15.8964 13.9272 17.9989 13.8097 19.8339 13.9253C25.9341 14.3093 29.7128 20.5446 27.3249 25.9319L27.3847 25.9178Z" stroke-width="4.96"/><path d="M14.0302 13.9258L10.6029 19.6599C9.96327 20.8096 10.6737 22.3059 12.0613 22.4638C14.1002 22.6962 17.0133 22.4493 19.1606 22.4689C21.213 22.4877 23.197 22.146 24.8203 23.6246C26.1443 24.8308 26.5555 26.7091 25.9192 28.3472L27.3849 25.9175C29.7728 20.5302 25.9338 14.3083 19.8336 13.9246C17.9986 13.809 15.8961 13.927 14.0306 13.9258H14.0302Z" stroke-width="4.96"/><path d="M19.1603 22.469L15.6471 28.3947C15.2098 29.3278 15.7183 30.5509 16.7183 30.9134C17.4381 31.174 21.8747 31.1148 22.7354 30.9463C24.1038 30.6786 25.4299 29.6056 25.9188 28.3477C26.5548 26.7096 26.1436 24.8313 24.82 23.6251C23.1967 22.1461 21.1733 22.5542 19.1209 22.5354L19.1603 22.469Z" stroke-width="4.96"/></g><path d="M146.965 19.2363C146.965 17.5281 146.64 16.2469 145.989 15.3927C145.358 14.5386 144.464 14.1115 143.304 14.1115C142.227 14.1115 141.352 14.5589 140.681 15.4537C140.03 16.3282 139.705 17.5382 139.705 19.0838V19.3889C139.705 20.9751 140.03 22.2055 140.681 23.08C141.352 23.9341 142.227 24.3612 143.304 24.3612C144.382 24.3612 145.257 23.924 145.928 23.0495C146.619 22.1547 146.965 20.8836 146.965 19.2363ZM150.778 19.2363C150.778 21.8598 150.188 23.8934 149.009 25.3373C147.85 26.7609 146.324 27.4727 144.433 27.4727C142.481 27.4727 140.925 26.7304 139.766 25.2458H139.705V33.8787H135.739V11.305H139.461L139.522 13.5319H139.583C140.803 11.844 142.42 11 144.433 11C146.406 11 147.951 11.7016 149.07 13.1048C150.209 14.5081 150.778 16.5519 150.778 19.2363Z" fill="#26282A"/><path d="M126.399 11C128.819 11 130.558 11.4779 131.615 12.4337C132.673 13.3692 133.202 14.8945 133.202 17.0095V22.8969C133.202 24.3409 133.354 25.7644 133.659 27.1676H129.907C129.785 26.4965 129.694 25.7136 129.633 24.8188H129.572C129.002 25.6526 128.229 26.3033 127.253 26.7711C126.297 27.2388 125.25 27.4727 124.111 27.4727C122.627 27.4727 121.437 27.066 120.542 26.2525C119.668 25.4187 119.23 24.2697 119.23 22.8054C119.23 21.0361 119.973 19.6227 121.457 18.5652C122.962 17.4874 125.118 16.9485 127.924 16.9485H129.236V16.857C129.236 15.7791 129.023 15.0267 128.596 14.5996C128.168 14.1725 127.406 13.959 126.308 13.959C124.315 13.959 122.433 14.4166 120.664 15.3317L120.085 12.3727C122.017 11.4576 124.121 11 126.399 11ZM122.952 22.5004C122.952 23.1512 123.145 23.6596 123.532 24.0256C123.918 24.3917 124.447 24.5747 125.118 24.5747C126.277 24.5747 127.253 24.1985 128.046 23.446C128.84 22.6936 129.236 21.7479 129.236 20.6091V19.5719H127.924C126.318 19.5719 125.087 19.8464 124.233 20.3955C123.379 20.9243 122.952 21.6259 122.952 22.5004Z" fill="#26282A"/><path d="M96.1152 11.305H99.7758L99.8673 13.4404H99.9284C101.108 11.8135 102.46 11 103.986 11C104.982 11 105.806 11.2034 106.456 11.6101C107.107 12.0168 107.666 12.6778 108.134 13.5929H108.195C109.517 11.8643 111.073 11 112.862 11C114.571 11 115.811 11.4779 116.584 12.4337C117.377 13.3692 117.774 14.9555 117.774 17.1925V27.1676H113.93V18.1077C113.93 16.5214 113.757 15.4537 113.412 14.9046C113.086 14.3555 112.496 14.081 111.642 14.081C110.91 14.081 110.27 14.4674 109.72 15.2402C109.171 16.013 108.897 16.9688 108.897 18.1077V27.1676H105.053V18.1077C105.053 16.5214 104.88 15.4537 104.535 14.9046C104.209 14.3555 103.619 14.081 102.765 14.081C102.033 14.081 101.393 14.4674 100.844 15.2402C100.294 16.013 100.02 16.9688 100.02 18.1077V27.1676H96.1152V11.305Z" fill="#26282A"/><path d="M90.8503 19.2363C90.8503 17.5281 90.525 16.2469 89.8742 15.3927C89.2438 14.5386 88.3489 14.1115 87.1898 14.1115C86.1119 14.1115 85.2374 14.5589 84.5663 15.4537C83.9155 16.3282 83.5902 17.5382 83.5902 19.0838V19.3889C83.5902 20.9751 83.9155 22.2055 84.5663 23.08C85.2374 23.9341 86.1119 24.3612 87.1898 24.3612C88.2676 24.3612 89.1421 23.924 89.8132 23.0495C90.5046 22.1547 90.8503 20.8836 90.8503 19.2363ZM94.6635 19.2363C94.6635 21.8598 94.0737 23.8934 92.8942 25.3373C91.735 26.7609 90.2097 27.4727 88.3184 27.4727C86.3661 27.4727 84.8104 26.7304 83.6512 25.2458H83.5902V33.8787H79.6245V11.305H83.3461L83.4071 13.5319H83.4681C84.6883 11.844 86.3051 11 88.3184 11C90.2911 11 91.8367 11.7016 92.9552 13.1048C94.094 14.5081 94.6635 16.5519 94.6635 19.2363Z" fill="#26282A"/><path d="M70.2844 11C72.7045 11 74.4432 11.4779 75.5008 12.4337C76.5583 13.3692 77.087 14.8945 77.087 17.0095V22.8969C77.087 24.3409 77.2395 25.7644 77.5446 27.1676H73.7925C73.6705 26.4965 73.5789 25.7136 73.5179 24.8188H73.4569C72.8875 25.6526 72.1147 26.3033 71.1385 26.7711C70.1827 27.2388 69.1354 27.4727 67.9965 27.4727C66.5119 27.4727 65.3223 27.066 64.4274 26.2525C63.553 25.4187 63.1157 24.2697 63.1157 22.8054C63.1157 21.0361 63.858 19.6227 65.3426 18.5652C66.8475 17.4874 69.0032 16.9485 71.8096 16.9485H73.1214V16.857C73.1214 15.7791 72.9078 15.0267 72.4808 14.5996C72.0537 14.1725 71.2911 13.959 70.1929 13.959C68.1999 13.959 66.3187 14.4166 64.5495 15.3317L63.9699 12.3727C65.9018 11.4576 68.0067 11 70.2844 11ZM66.8373 22.5004C66.8373 23.1512 67.0305 23.6596 67.4169 24.0256C67.8033 24.3917 68.3321 24.5747 69.0032 24.5747C70.1624 24.5747 71.1385 24.1985 71.9317 23.446C72.7248 22.6936 73.1214 21.7479 73.1214 20.6091V19.5719H71.8096C70.203 19.5719 68.9727 19.8464 68.1185 20.3955C67.2644 20.9243 66.8373 21.6259 66.8373 22.5004Z" fill="#26282A"/><path d="M40 11.3049H43.6606L43.7521 13.4403H43.8131C44.9927 11.8133 46.345 10.9999 47.8703 10.9999C48.8668 10.9999 49.6904 11.2032 50.3412 11.61C50.992 12.0167 51.5512 12.6777 52.019 13.5928H52.08C53.4019 11.8642 54.9576 10.9999 56.7472 10.9999C58.4555 10.9999 59.6961 11.4778 60.4689 12.4336C61.262 13.3691 61.6586 14.9554 61.6586 17.1924V27.1675H57.8149V18.1075C57.8149 16.5213 57.6421 15.4536 57.2963 14.9045C56.9709 14.3554 56.3812 14.0809 55.527 14.0809C54.7949 14.0809 54.1543 14.4673 53.6052 15.2401C53.0561 16.0129 52.7816 16.9687 52.7816 18.1075V27.1675H48.938V18.1075C48.938 16.5213 48.7651 15.4536 48.4194 14.9045C48.094 14.3554 47.5042 14.0809 46.6501 14.0809C45.918 14.0809 45.2774 14.4673 44.7283 15.2401C44.1792 16.0129 43.9046 16.9687 43.9046 18.1075V27.1675H40V11.3049Z" fill="#26282A"/><path d="M27.3847 25.9178C28.8081 23.5868 30.5287 21.3029 30.9562 18.5589C31.9911 11.9172 26.9381 5.71447 19.956 5.30338C17.4904 5.15838 13.6449 5.12507 11.1992 5.30299C10.0552 5.38607 8.94122 5.89121 8.16887 6.70868C7.71694 7.18718 5.28183 11.1346 5.20651 11.6441C5.02777 12.8495 5.83228 13.8426 7.09035 13.9645C9.18143 14.1667 11.8763 13.9253 14.0309 13.9264C15.8964 13.9272 17.9989 13.8097 19.8339 13.9253C25.9341 14.3093 29.7128 20.5446 27.3249 25.9319L27.3847 25.9178Z" stroke="#3A3838" stroke-width="1.95943" stroke-miterlimit="10"/><path d="M14.0302 13.9258L10.6029 19.6599C9.96327 20.8096 10.6737 22.3059 12.0613 22.4638C14.1002 22.6962 17.0133 22.4493 19.1606 22.4689C21.213 22.4877 23.197 22.146 24.8203 23.6246C26.1443 24.8308 26.5555 26.7091 25.9192 28.3472L27.3849 25.9175C29.7728 20.5302 25.9338 14.3083 19.8336 13.9246C17.9986 13.809 15.8961 13.927 14.0306 13.9258H14.0302Z" stroke="#3A3838" stroke-width="1.95943" stroke-miterlimit="10"/><path d="M19.1603 22.469L15.6471 28.3947C15.2098 29.3278 15.7183 30.5509 16.7183 30.9134C17.4381 31.174 21.8747 31.1148 22.7354 30.9463C24.1038 30.6786 25.4299 29.6056 25.9188 28.3477C26.5548 26.7096 26.1436 24.8313 24.82 23.6251C23.1967 22.1461 21.1733 22.5542 19.1209 22.5354L19.1603 22.469Z" stroke="#3A3838" stroke-width="1.95943" stroke-miterlimit="10"/></svg>';
+var DEFAULT_HREF = "https://mapmap.ai";
+var LogoControl = class {
+  constructor(options = {}) {
+    this.href = options.href ?? DEFAULT_HREF;
+  }
+  onAdd() {
+    const doc = globalThis.document;
+    if (!doc) throw new Error("LogoControl requires a DOM environment");
+    const link = doc.createElement("a");
+    link.className = "maplibregl-ctrl mapmap-logo";
+    link.href = this.href;
+    link.target = "_blank";
+    link.rel = "noopener";
+    link.setAttribute("aria-label", "MapMap");
+    link.style.cssText = "display:block;line-height:0;margin:0 8px 4px 8px;opacity:0.9;pointer-events:auto";
+    const svg = new DOMParser().parseFromString(LOGO_SVG, "image/svg+xml").documentElement;
+    link.appendChild(doc.importNode(svg, true));
+    this.container = link;
+    return link;
+  }
+  onRemove() {
+    this.container?.remove();
+    this.container = void 0;
+  }
+};
+
+// src/nav-design.ts
+var NAV_CAMERA_DEFAULTS = {
+  pitch: 60,
+  zoom: 17.5,
+  speedMps: 12
+};
+function defaultNavDesign() {
+  return {
+    version: 1,
+    route: { color: "#3a86ff", width: 4.5, opacity: 1, casingColor: "#1f438a" },
+    puck: { color: "#1f6fff", size: 14, headingArrow: true },
+    banner: {
+      background: "#101418",
+      textColor: "#ffffff",
+      fontSize: 16,
+      showLanes: true,
+      padding: 10,
+      cornerRadius: 10,
+      maxWidth: 340
+    }
+  };
+}
+function isRecord(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function str(v, fallback) {
+  return typeof v === "string" && v.trim() !== "" ? v : fallback;
+}
+function num(v, fallback, min, max) {
+  return typeof v === "number" && Number.isFinite(v) ? Math.min(max, Math.max(min, v)) : fallback;
+}
+function optNum(v, min, max) {
+  return typeof v === "number" && Number.isFinite(v) ? Math.min(max, Math.max(min, v)) : void 0;
+}
+function bool(v, fallback) {
+  return typeof v === "boolean" ? v : fallback;
+}
+function puckImageUrl(v) {
+  if (typeof v !== "string") return void 0;
+  const t = v.trim();
+  return /^(https:|data:)/i.test(t) ? t : void 0;
+}
+function parseNavDesign(value) {
+  const d = defaultNavDesign();
+  if (!isRecord(value)) return d;
+  const route = isRecord(value.route) ? value.route : {};
+  const puck = isRecord(value.puck) ? value.puck : {};
+  const banner = isRecord(value.banner) ? value.banner : {};
+  return {
+    version: 1,
+    route: {
+      color: str(route.color, d.route.color),
+      width: num(route.width, d.route.width, 0.5, 20),
+      opacity: num(route.opacity, d.route.opacity, 0, 1),
+      casingColor: str(route.casingColor, d.route.casingColor)
+    },
+    puck: {
+      color: str(puck.color, d.puck.color),
+      size: num(puck.size, d.puck.size, 6, 40),
+      headingArrow: bool(puck.headingArrow, d.puck.headingArrow),
+      imageUrl: puckImageUrl(puck.imageUrl)
+    },
+    banner: {
+      background: str(banner.background, d.banner.background),
+      textColor: str(banner.textColor, d.banner.textColor),
+      fontSize: num(banner.fontSize, d.banner.fontSize, 10, 32),
+      showLanes: bool(banner.showLanes, d.banner.showLanes),
+      padding: num(banner.padding, d.banner.padding ?? 10, 6, 24),
+      cornerRadius: num(banner.cornerRadius, d.banner.cornerRadius ?? 10, 0, 24),
+      maxWidth: num(banner.maxWidth, d.banner.maxWidth ?? 340, 200, 520),
+      height: optNum(banner.height, 40, 120)
+    },
+    // Camera is optional since v1: absent (or malformed) stays undefined so
+    // old themes round-trip byte-identical; a present block clamps per
+    // field, each absent field meaning "use the default".
+    ...isRecord(value.camera) ? {
+      camera: {
+        pitch: optNum(value.camera.pitch, 0, 85),
+        zoom: optNum(value.camera.zoom, 14, 20),
+        speedMps: optNum(value.camera.speedMps, 2, 40)
+      }
+    } : {}
+  };
+}
+function navDesignFromTheme(theme) {
+  const extra = theme?.extra;
+  if (typeof extra !== "object" || extra === null || !("nav" in extra)) {
+    return void 0;
+  }
+  return parseNavDesign(extra.nav);
+}
+async function navDesignFromThemeUrl(url, fetchImpl) {
+  const doFetch = fetchImpl ?? ((input) => globalThis.fetch(input));
+  const response = await doFetch(url);
+  if (!response.ok) {
+    throw new Error(`fetching theme ${url}: HTTP ${response.status}`);
+  }
+  const theme = await response.json();
+  return navDesignFromTheme(theme);
+}
+
+// src/style.ts
+var OSM_ATTRIBUTION = "\xA9 OpenStreetMap contributors";
+var OPENMAPTILES_ATTRIBUTION = "\xA9 OpenMapTiles";
+var FULL_ATTRIBUTION = "\xA9 OpenStreetMap contributors \xA9 OpenMapTiles";
+var DEFAULT_GLYPHS_URL = "https://fonts.mapmap.ai/{fontstack}/{range}.pbf";
+var DEFAULT_TERRITORY_TILES_URL = "pmtiles://https://tiles.mapmap.ai/territories/planet.pmtiles";
+var SOURCE_LAYERS = [
+  "aerodrome_label",
+  "aeroway",
+  "boundary",
+  "building",
+  "housenumber",
+  "landcover",
+  "landuse",
+  "mountain_peak",
+  "park",
+  "place",
+  "poi",
+  "transportation",
+  "transportation_name",
+  "water",
+  "water_name",
+  "waterway"
+];
+var PALETTE_SLOTS = [
+  ["background", "#f4f2ee", "#12161c"],
+  ["water", "#a8c8e8", "#1b2c40"],
+  ["waterway", "#a8c8e8", "#1b2c40"],
+  ["landcover", "#e3e8dd", "#182029"],
+  ["landuse", "#ece8e1", "#171e26"],
+  ["park", "#cfe4c8", "#1a2a1f"],
+  ["building", "#e2ddd4", "#20272f"],
+  ["aeroway", "#dcd9d2", "#232b34"],
+  ["road", "#ffffff", "#2b333d"],
+  ["roadMajor", "#f6d9a0", "#4a5461"],
+  ["path", "#d9d4ca", "#2a323c"],
+  ["rail", "#d0cbc2", "#262e37"],
+  ["boundary", "#b9a6c9", "#4a3d57"],
+  ["boundaryMinor", "#c9bcd6", "#3a3247"],
+  ["textPrimary", "#3a3a3a", "#d6dbe1"],
+  ["textSecondary", "#6b6b6b", "#9aa3ad"],
+  ["textHalo", "#ffffff", "#12161c"]
+];
+function toPmtilesUrl(url) {
+  return url.startsWith("pmtiles://") ? url : `pmtiles://${url}`;
+}
+function isCssColour(value) {
+  const v = value.trim();
+  if (v.startsWith("#")) {
+    const hex = v.slice(1);
+    return [3, 4, 6, 8].includes(hex.length) && /^[0-9a-fA-F]+$/.test(hex);
+  }
+  for (const prefix of ["rgb(", "rgba(", "hsl(", "hsla("]) {
+    if (v.startsWith(prefix) && v.endsWith(")")) return true;
+  }
+  return false;
+}
+function resolvePalette(theme) {
+  const base = theme.base ?? "light";
+  const palette = {};
+  const knownSlots = new Set(PALETTE_SLOTS.map(([slot]) => slot));
+  for (const [slot, light, dark] of PALETTE_SLOTS) {
+    palette[slot] = base === "dark" ? dark : light;
+  }
+  for (const [slot, value] of Object.entries(theme.palette ?? {})) {
+    if (!knownSlots.has(slot)) {
+      const accepted = PALETTE_SLOTS.map(([s]) => s).join(", ");
+      throw new Error(
+        `unknown palette slot ${JSON.stringify(slot)}; accepted slots: ${accepted}`
+      );
+    }
+    if (!isCssColour(value)) {
+      throw new Error(
+        `palette slot ${JSON.stringify(slot)} has invalid colour ${JSON.stringify(value)}; use #rgb/#rrggbb/#rrggbbaa or rgb()/rgba()/hsl()/hsla()`
+      );
+    }
+    palette[slot] = value;
+  }
+  return palette;
+}
+function fill(id, sourceLayer, colour, opacity, minzoom) {
+  const layer = {
+    id,
+    type: "fill",
+    source: "territory",
+    "source-layer": sourceLayer,
+    paint: { "fill-color": colour, "fill-opacity": opacity }
+  };
+  if (minzoom !== void 0) layer["minzoom"] = minzoom;
+  return layer;
+}
+function symbol(id, sourceLayer, textField, font, textSize, colour, halo, minzoom, extraLayout) {
+  const layout = {
+    "text-field": textField,
+    "text-font": font,
+    "text-size": textSize,
+    ...extraLayout
+  };
+  const layer = {
+    id,
+    type: "symbol",
+    source: "territory",
+    "source-layer": sourceLayer,
+    layout,
+    paint: {
+      "text-color": colour,
+      "text-halo-color": halo,
+      "text-halo-width": 1.2
+    }
+  };
+  if (minzoom !== void 0) layer["minzoom"] = minzoom;
+  return layer;
+}
+function applyOverride(layer, layerOverride) {
+  if (layerOverride.paint) mergeObject(layer, "paint", layerOverride.paint);
+  if (layerOverride.layout) mergeObject(layer, "layout", layerOverride.layout);
+  if (layerOverride.filter !== void 0) layer["filter"] = layerOverride.filter;
+  if (layerOverride.minzoom !== void 0) layer["minzoom"] = layerOverride.minzoom;
+  if (layerOverride.maxzoom !== void 0) layer["maxzoom"] = layerOverride.maxzoom;
+  if (layerOverride.visible === false) {
+    const layout = layer["layout"] ??= {};
+    layout["visibility"] = "none";
+  }
+}
+function mergeObject(layer, key, overrides) {
+  const target = layer[key] ??= {};
+  for (const [k, v] of Object.entries(overrides)) target[k] = v;
+}
+function validateExtraLayer(index, layer) {
+  const invalid = (reason) => new Error(`extra layer ${index} is invalid: ${reason}`);
+  if (typeof layer !== "object" || layer === null || Array.isArray(layer)) {
+    throw invalid("must be an object");
+  }
+  const obj = layer;
+  const id = obj["id"];
+  if (typeof id !== "string") throw invalid('must have a string "id"');
+  if (id.length === 0) throw invalid('"id" must be non-empty');
+  if (obj["type"] !== "background") {
+    if (obj["source"] !== "territory") {
+      throw invalid('"source" must be "territory"');
+    }
+    const sourceLayer = obj["source-layer"];
+    if (typeof sourceLayer !== "string") {
+      throw invalid('must have a string "source-layer"');
+    }
+    if (!SOURCE_LAYERS.includes(sourceLayer)) {
+      throw invalid(
+        `unknown source-layer ${JSON.stringify(sourceLayer)}; accepted: ` + SOURCE_LAYERS.join(", ")
+      );
+    }
+  }
+  return obj;
+}
+var THEME_KEYS = [
+  "name",
+  "base",
+  "palette",
+  "layers",
+  "fonts",
+  "glyphs",
+  "sprite",
+  "extra_layers",
+  "extra",
+  "buildings_3d"
+];
+var BUILDINGS_3D_MINZOOM = 15;
+function buildings3dLayer(colour) {
+  return {
+    id: "building-3d",
+    type: "fill-extrusion",
+    source: "territory",
+    "source-layer": "building",
+    minzoom: BUILDINGS_3D_MINZOOM,
+    paint: {
+      "fill-extrusion-color": colour,
+      "fill-extrusion-height": [
+        "interpolate",
+        ["linear"],
+        ["zoom"],
+        BUILDINGS_3D_MINZOOM,
+        0,
+        BUILDINGS_3D_MINZOOM + 0.5,
+        ["coalesce", ["get", "render_height"], 5]
+      ],
+      "fill-extrusion-base": [
+        "interpolate",
+        ["linear"],
+        ["zoom"],
+        BUILDINGS_3D_MINZOOM,
+        0,
+        BUILDINGS_3D_MINZOOM + 0.5,
+        ["coalesce", ["get", "render_min_height"], 0]
+      ],
+      "fill-extrusion-opacity": 0.85,
+      "fill-extrusion-vertical-gradient": true
+    }
+  };
+}
+function buildStyle(options = {}) {
+  const input = options.theme ?? "light";
+  if (typeof input === "object") {
+    for (const key of Object.keys(input)) {
+      if (!THEME_KEYS.includes(key)) {
+        throw new Error(
+          `unknown theme field ${JSON.stringify(key)}; accepted fields: ` + THEME_KEYS.join(", ")
+        );
+      }
+    }
+  }
+  const theme = typeof input === "string" ? { name: input, base: input } : input;
+  const palette = resolvePalette(theme);
+  const p = (slot) => palette[slot];
+  const font = [theme.fonts?.regular ?? "Noto Sans Regular"];
+  const nameField = ["coalesce", ["get", "name:en"], ["get", "name"]];
+  const tilesUrl = toPmtilesUrl(
+    options.territoryTilesUrl ?? DEFAULT_TERRITORY_TILES_URL
+  );
+  const layers = [
+    {
+      id: "background",
+      type: "background",
+      paint: { "background-color": p("background") }
+    },
+    fill("landcover", "landcover", p("landcover"), 0.6),
+    fill("landuse", "landuse", p("landuse"), 0.45),
+    fill("park", "park", p("park"), 0.7),
+    fill("water", "water", p("water"), 1),
+    {
+      id: "waterway",
+      type: "line",
+      source: "territory",
+      "source-layer": "waterway",
+      paint: {
+        "line-color": p("waterway"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 8, 0.5, 16, 3]
+      }
+    },
+    {
+      id: "aeroway",
+      type: "line",
+      source: "territory",
+      "source-layer": "aeroway",
+      minzoom: 10,
+      filter: ["in", "class", "runway", "taxiway"],
+      paint: {
+        "line-color": p("aeroway"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 10, 1, 16, 6]
+      }
+    },
+    fill("building", "building", p("building"), 0.9, 13),
+    {
+      id: "rail",
+      type: "line",
+      source: "territory",
+      "source-layer": "transportation",
+      minzoom: 8,
+      filter: ["in", "class", "rail", "transit"],
+      paint: {
+        "line-color": p("rail"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 8, 0.4, 16, 2]
+      }
+    },
+    {
+      id: "road-path",
+      type: "line",
+      source: "territory",
+      "source-layer": "transportation",
+      minzoom: 13,
+      filter: ["in", "class", "path", "track", "pedestrian"],
+      paint: {
+        "line-color": p("path"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 13, 0.5, 16, 2],
+        "line-dasharray": [2, 1]
+      }
+    },
+    {
+      id: "road-minor",
+      type: "line",
+      source: "territory",
+      "source-layer": "transportation",
+      filter: [
+        "!in",
+        "class",
+        "motorway",
+        "trunk",
+        "primary",
+        "rail",
+        "transit",
+        "path",
+        "track",
+        "pedestrian",
+        "ferry"
+      ],
+      paint: {
+        "line-color": p("road"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 8, 0.5, 16, 4]
+      }
+    },
+    {
+      id: "road-major",
+      type: "line",
+      source: "territory",
+      "source-layer": "transportation",
+      filter: ["in", "class", "motorway", "trunk", "primary"],
+      paint: {
+        "line-color": p("roadMajor"),
+        "line-width": ["interpolate", ["linear"], ["zoom"], 6, 1, 16, 8]
+      }
+    },
+    {
+      id: "boundary-minor",
+      type: "line",
+      source: "territory",
+      "source-layer": "boundary",
+      minzoom: 6,
+      filter: ["all", [">=", "admin_level", 3], ["<=", "admin_level", 8]],
+      paint: {
+        "line-color": p("boundaryMinor"),
+        "line-width": 0.6,
+        "line-dasharray": [2, 2]
+      }
+    },
+    {
+      id: "boundary",
+      type: "line",
+      source: "territory",
+      "source-layer": "boundary",
+      filter: ["<=", "admin_level", 2],
+      paint: {
+        "line-color": p("boundary"),
+        "line-width": 1,
+        "line-dasharray": [3, 2]
+      }
+    }
+  ];
+  if (theme.buildings_3d) {
+    const flat = layers.find((l) => l["id"] === "building");
+    flat["maxzoom"] = BUILDINGS_3D_MINZOOM;
+    layers.push(buildings3dLayer(p("building")));
+  }
+  (theme.extra_layers ?? []).forEach((extra, index) => {
+    layers.push(structuredClone(validateExtraLayer(index, extra)));
+  });
+  layers.push(
+    symbol(
+      "housenumber",
+      "housenumber",
+      ["get", "housenumber"],
+      font,
+      10,
+      p("textSecondary"),
+      p("textHalo"),
+      17
+    ),
+    symbol(
+      "road-labels",
+      "transportation_name",
+      nameField,
+      font,
+      11,
+      p("textSecondary"),
+      p("textHalo"),
+      12,
+      { "symbol-placement": "line" }
+    ),
+    symbol(
+      "water-name",
+      "water_name",
+      nameField,
+      font,
+      12,
+      p("textSecondary"),
+      p("textHalo")
+    ),
+    symbol(
+      "poi-labels",
+      "poi",
+      nameField,
+      font,
+      11,
+      p("textSecondary"),
+      p("textHalo"),
+      14,
+      { "text-anchor": "top" }
+    ),
+    symbol(
+      "mountain-peak-labels",
+      "mountain_peak",
+      nameField,
+      font,
+      11,
+      p("textSecondary"),
+      p("textHalo")
+    ),
+    symbol(
+      "aerodrome-labels",
+      "aerodrome_label",
+      nameField,
+      font,
+      11,
+      p("textSecondary"),
+      p("textHalo"),
+      10
+    ),
+    symbol(
+      "place-labels",
+      "place",
+      nameField,
+      font,
+      ["interpolate", ["linear"], ["zoom"], 4, 11, 12, 16],
+      p("textPrimary"),
+      p("textHalo")
+    )
+  );
+  const seenIds = /* @__PURE__ */ new Set();
+  for (const layer of layers) {
+    const layerId = layer["id"];
+    if (seenIds.has(layerId)) {
+      throw new Error(`duplicate layer id ${JSON.stringify(layerId)}`);
+    }
+    seenIds.add(layerId);
+  }
+  const accepted = layers.map((l) => l["id"]).join(", ");
+  for (const [id, layerOverride] of Object.entries(theme.layers ?? {})) {
+    const layer = layers.find((l) => l["id"] === id);
+    if (!layer) {
+      throw new Error(
+        `unknown layer id ${JSON.stringify(id)}; accepted ids: ${accepted}`
+      );
+    }
+    applyOverride(layer, layerOverride);
+  }
+  const style = {
+    version: 8,
+    name: theme.name ? `MapMap ${theme.name}` : "MapMap",
+    glyphs: theme.glyphs ?? DEFAULT_GLYPHS_URL,
+    sources: {
+      territory: {
+        type: "vector",
+        url: tilesUrl,
+        // Legally required (ODbL + CC-BY) - enforced, not themable. There
+        // is no theme field that can remove it.
+        attribution: FULL_ATTRIBUTION
+      }
+    },
+    layers
+  };
+  if (theme.sprite !== void 0) style["sprite"] = theme.sprite;
+  return style;
+}
+
+// src/map.ts
+var pmtilesRegistered = /* @__PURE__ */ new WeakSet();
+function registerPmtilesProtocol(gl = maplibregl) {
+  if (pmtilesRegistered.has(gl)) return;
+  const protocol = new Protocol();
+  gl.addProtocol("pmtiles", protocol.tile);
+  pmtilesRegistered.add(gl);
+}
+var DEFAULT_BASE_URL = "https://api.mapmap.ai";
+var DEFAULT_CENTER = [-1.5, 52.6];
+var DEFAULT_ZOOM = 5;
+var MapMapMap = class {
+  constructor(options) {
+    registerPmtilesProtocol();
+    this.apiKey = options.apiKey;
+    this.baseUrl = (options.baseUrl ?? DEFAULT_BASE_URL).replace(/\/+$/, "");
+    this.navDesign = navDesignFromTheme(themeOf(options.style));
+    const style = resolveStyle(options.style, options.territoryTilesUrl);
+    this.map = new maplibregl.Map({
+      container: options.container,
+      style,
+      center: options.center ?? DEFAULT_CENTER,
+      zoom: options.zoom ?? DEFAULT_ZOOM,
+      attributionControl: { compact: false },
+      ...options.mapOptions
+    });
+    if (options.logo !== false) {
+      const logoOptions = options.logo === true ? {} : options.logo ?? {};
+      this.map.addControl(
+        new LogoControl(logoOptions),
+        logoOptions.position ?? "bottom-right"
+      );
+    }
+  }
+  /**
+   * Toggle 3D building extrusions at runtime — the live equivalent of
+   * compiling the style with `buildings_3d: true` (see `Theme`): adds or
+   * removes the `building-3d` fill-extrusion layer and hands the flat
+   * `building` footprint layer off at zoom 15. The extrusion takes its
+   * colour from the current `building` fill, so it follows the theme.
+   * Idempotent; safe to call before the style has loaded (it applies on
+   * load). Requires the MapMap skeleton's `building` layer — on a custom
+   * style without one this throws rather than guessing.
+   *
+   * Mobile note: leave 3D off in native navigation views for now
+   * (maplibre-native#4107 — fill-extrusion memory at street zooms).
+   */
+  setBuildings3d(enabled) {
+    if (!this.map.isStyleLoaded()) {
+      this.map.once("load", () => this.setBuildings3d(enabled));
+      return;
+    }
+    if (enabled === (this.map.getLayer("building-3d") !== void 0)) return;
+    const building = this.map.getLayer("building");
+    if (!building) {
+      throw new Error(
+        'setBuildings3d needs the MapMap skeleton "building" layer; the current style does not have one'
+      );
+    }
+    const minzoom = building.minzoom ?? 13;
+    if (enabled) {
+      const colour = this.map.getPaintProperty("building", "fill-color") ?? "#e2ddd4";
+      this.map.addLayer(
+        buildings3dLayer(colour),
+        buildings3dBeforeId(this.map)
+      );
+      this.map.setLayerZoomRange("building", minzoom, BUILDINGS_3D_MINZOOM);
+    } else {
+      this.map.removeLayer("building-3d");
+      this.map.setLayerZoomRange("building", minzoom, 24);
+    }
+  }
+  /** Resolves once the style and first tiles are loaded. */
+  whenReady() {
+    return new Promise((resolve) => {
+      if (this.map.loaded()) {
+        resolve();
+        return;
+      }
+      this.map.once("load", () => resolve());
+    });
+  }
+  /** Remove the map and release its WebGL context. */
+  destroy() {
+    this.map.remove();
+  }
+};
+function createMap(options) {
+  return new MapMapMap(options);
+}
+function buildings3dBeforeId(map) {
+  const layers = map.getStyle().layers ?? [];
+  const boundary = layers.findIndex((l) => l.id === "boundary");
+  if (boundary >= 0) return layers[boundary + 1]?.id;
+  return layers.find((l) => l.type === "symbol")?.id;
+}
+function themeOf(style) {
+  if (typeof style === "object" && style !== null && !("version" in style)) {
+    return style;
+  }
+  return void 0;
+}
+function resolveStyle(style, territoryTilesUrl) {
+  if (style === void 0 || style === "light" || style === "dark") {
+    return buildStyle({
+      theme: style ?? "light",
+      ...territoryTilesUrl ? { territoryTilesUrl } : {}
+    });
+  }
+  const theme = themeOf(style);
+  if (theme) {
+    return buildStyle({
+      theme,
+      ...territoryTilesUrl ? { territoryTilesUrl } : {}
+    });
+  }
+  return style;
+}
+
+// src/coords.ts
+function toLngLat(point) {
+  if (Array.isArray(point)) {
+    const [lng2, lat2] = point;
+    assertFinite(lng2, lat2);
+    return [lng2, lat2];
+  }
+  const lng = "lng" in point ? point.lng : point.lon;
+  const lat = point.lat;
+  assertFinite(lng, lat);
+  return [lng, lat];
+}
+function formatCoord(point) {
+  const [lng, lat] = toLngLat(point);
+  return `${lng},${lat}`;
+}
+function formatCoords(points) {
+  if (points.length < 2) {
+    throw new Error("at least two coordinates are required for a route");
+  }
+  return points.map(formatCoord).join(";");
+}
+function assertFinite(lng, lat) {
+  if (!Number.isFinite(lng) || !Number.isFinite(lat)) {
+    throw new Error(`invalid coordinate: lng=${lng}, lat=${lat}`);
+  }
+  if (lng < -180 || lng > 180 || lat < -90 || lat > 90) {
+    throw new Error(
+      `coordinate out of range: lng=${lng} (\xB1180), lat=${lat} (\xB190) - check lng/lat order`
+    );
+  }
+}
+
+// src/osrm.ts
+function buildRouteQuery(truck, guidance) {
+  const params = new URLSearchParams({
+    geometries: "geojson",
+    overview: "full",
+    steps: "true"
+  });
+  if (guidance?.voice) params.set("voice_instructions", "true");
+  if (guidance?.banner) params.set("banner_instructions", "true");
+  if (guidance?.language) params.set("language", guidance.language);
+  if (truck) {
+    if (truck.heightM != null) params.set("height", String(truck.heightM));
+    if (truck.widthM != null) params.set("width", String(truck.widthM));
+    if (truck.lengthM != null) params.set("length", String(truck.lengthM));
+    if (truck.weightT != null) params.set("weight", String(truck.weightT));
+    if (truck.hazmat != null) params.set("hazmat", String(truck.hazmat));
+    if (truck.tunnelCode != null) params.set("tunnel_code", truck.tunnelCode);
+  }
+  return params.toString();
+}
+function buildRouteUrl(baseUrl, profile, points, truck, guidance) {
+  const origin = baseUrl.replace(/\/+$/, "");
+  const coords = formatCoords(points);
+  const query = buildRouteQuery(truck, guidance);
+  return `${origin}/route/v1/${encodeURIComponent(profile)}/${coords}?${query}`;
+}
+function parseOsrmRoute(body) {
+  if (typeof body !== "object" || body === null) {
+    throw new Error("OSRM response was not an object");
+  }
+  const obj = body;
+  const code = obj["code"];
+  if (code !== "Ok") {
+    const message = typeof obj["message"] === "string" ? obj["message"] : "";
+    throw new Error(
+      `OSRM routing failed: ${String(code)}${message ? ` - ${message}` : ""}`
+    );
+  }
+  const routes = obj["routes"];
+  if (!Array.isArray(routes) || routes.length === 0) {
+    throw new Error("OSRM response contained no routes");
+  }
+  const route = routes[0];
+  const geometry = parseGeometry(route["geometry"]);
+  const distanceM = numberOr(route["distance"], 0);
+  const durationS = numberOr(route["duration"], 0);
+  return { distanceM, durationS, geometry, raw: route };
+}
+function parseGeometry(geometry) {
+  if (typeof geometry !== "object" || geometry === null || geometry.type !== "LineString") {
+    throw new Error(
+      "route geometry was not GeoJSON - request geometries=geojson"
+    );
+  }
+  const coordinates = geometry.coordinates;
+  if (!Array.isArray(coordinates)) {
+    throw new Error("route geometry had no coordinates");
+  }
+  const positions = coordinates.map((pos, i) => {
+    if (!Array.isArray(pos) || typeof pos[0] !== "number" || typeof pos[1] !== "number") {
+      throw new Error(`route geometry position ${i} is not [lng, lat]`);
+    }
+    return [pos[0], pos[1]];
+  });
+  return { type: "LineString", coordinates: positions };
+}
+function numberOr(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+
+// src/route.ts
+var SIGNAL_BLUE = "#3a86ff";
+var CASING_COLOR = "#1f438a";
+var RouteLayer = class {
+  constructor(map, options = {}) {
+    this.handleStyleLoad = () => {
+      if (this.lastRoute) this.install(this.lastRoute);
+    };
+    if (map instanceof MapMapMap) {
+      this.map = map.map;
+      this.baseUrl = (options.baseUrl ?? map.baseUrl).replace(/\/+$/, "");
+      this.apiKey = options.apiKey ?? map.apiKey;
+      this.design = options.design ?? map.navDesign?.route;
+    } else {
+      this.map = map;
+      if (!options.baseUrl) {
+        throw new Error("RouteLayer needs a baseUrl when given a raw MapLibre map");
+      }
+      this.baseUrl = options.baseUrl.replace(/\/+$/, "");
+      this.apiKey = options.apiKey;
+      this.design = options.design;
+    }
+    const id = options.id ?? "mapmap-route";
+    this.sourceId = `${id}-src`;
+    this.casingLayerId = `${id}-casing`;
+    this.lineLayerId = `${id}-line`;
+    this.map.on("style.load", this.handleStyleLoad);
+  }
+  /**
+   * Route from `from` to `to` (with optional intermediate `via` points passed
+   * through `options` is not supported here - pass a coordinate list to
+   * {@link routePath} for that), draw the line, and return the parsed route.
+   */
+  async route(from, to, options = {}) {
+    return this.routePath([from, to], options);
+  }
+  /** Route through an ordered list of coordinates and draw the result. */
+  async routePath(points, options = {}) {
+    const url = buildRouteUrl(
+      this.baseUrl,
+      options.profile ?? "driving",
+      points,
+      options.truck,
+      { voice: options.voice, banner: options.banner, language: options.language }
+    );
+    const headers = { Accept: "application/json" };
+    if (this.apiKey) headers["Authorization"] = `Bearer ${this.apiKey}`;
+    const response = await fetch(url, { headers });
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      const obj = typeof body === "object" && body !== null ? body : void 0;
+      if (typeof obj?.["code"] !== "string") {
+        const context = [obj?.["title"], obj?.["detail"]].filter((v) => typeof v === "string" && v.length > 0).join(" - ");
+        throw new Error(
+          `route request failed: HTTP ${response.status}${context ? ` (${context})` : ""}`
+        );
+      }
+    }
+    const parsed = parseOsrmRoute(body);
+    this.draw(parsed);
+    return parsed;
+  }
+  /** The most recently drawn route, if any. */
+  get current() {
+    return this.lastRoute;
+  }
+  /**
+   * Draw (or update) a parsed route's line on the map. Safe to call before
+   * the style has loaded: the route is stored and installed on the next
+   * `style.load` instead of throwing MapLibre's "Style is not done loading".
+   */
+  draw(route) {
+    this.lastRoute = route;
+    if (!this.map.isStyleLoaded()) return;
+    this.install(route);
+  }
+  /** Add-or-update the source and layers for a route on the current style. */
+  install(route) {
+    const data = {
+      type: "Feature",
+      properties: {},
+      geometry: route.geometry
+    };
+    const existing = this.map.getSource(this.sourceId);
+    if (existing) {
+      existing.setData(data);
+    } else {
+      this.map.addSource(this.sourceId, { type: "geojson", data });
+    }
+    if (this.map.getLayer(this.casingLayerId) && this.map.getLayer(this.lineLayerId)) {
+      return;
+    }
+    const casing = {
+      id: this.casingLayerId,
+      type: "line",
+      source: this.sourceId,
+      layout: { "line-cap": "round", "line-join": "round" },
+      paint: this.design ? {
+        "line-color": this.design.casingColor,
+        "line-width": this.design.width + 4,
+        "line-opacity": this.design.opacity
+      } : {
+        "line-color": CASING_COLOR,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 8, 6, 16, 12]
+      }
+    };
+    const line = {
+      id: this.lineLayerId,
+      type: "line",
+      source: this.sourceId,
+      layout: { "line-cap": "round", "line-join": "round" },
+      paint: this.design ? {
+        "line-color": this.design.color,
+        "line-width": this.design.width,
+        "line-opacity": this.design.opacity
+      } : {
+        "line-color": SIGNAL_BLUE,
+        "line-width": ["interpolate", ["linear"], ["zoom"], 8, 3, 16, 8]
+      }
+    };
+    if (!this.map.getLayer(this.casingLayerId)) this.map.addLayer(casing);
+    if (!this.map.getLayer(this.lineLayerId)) this.map.addLayer(line);
+  }
+  /** Remove the route's layers and source from the map. */
+  clear() {
+    for (const layerId of [this.lineLayerId, this.casingLayerId]) {
+      if (this.map.getLayer(layerId)) this.map.removeLayer(layerId);
+    }
+    if (this.map.getSource(this.sourceId)) this.map.removeSource(this.sourceId);
+    this.lastRoute = void 0;
+  }
+  /**
+   * Remove the route and detach the layer's `style.load` listener. Call
+   * when disposing of the layer (the map itself is left untouched).
+   */
+  destroy() {
+    this.map.off("style.load", this.handleStyleLoad);
+    this.clear();
+  }
+};
+var MAX_PUCK_IMAGE_BYTES = 64 * 1024;
+function dataUriBytes(uri) {
+  const comma = uri.indexOf(",");
+  const payload = comma === -1 ? "" : uri.slice(comma + 1);
+  const meta = comma === -1 ? uri : uri.slice(0, comma);
+  return /;base64$/i.test(meta) || /;base64;/i.test(meta) ? Math.floor(payload.length * 3 / 4) : payload.length;
+}
+function effectiveImageUrl(design) {
+  const url = design.imageUrl?.trim();
+  if (!url) return void 0;
+  if (/^data:/i.test(url) && dataUriBytes(url) > MAX_PUCK_IMAGE_BYTES) {
+    return void 0;
+  }
+  return url;
+}
+var PositionPuck = class {
+  /**
+   * Creates the puck (not yet on the map - it appears on the first
+   * {@link setLocation}). The design defaults to the map's
+   * `navDesign.puck` when given a `MapMapMap` whose theme carried an
+   * `extra.nav` block, then to the built-in blue puck.
+   */
+  constructor(map, design) {
+    this.added = false;
+    this.map = map instanceof MapMapMap ? map.map : map;
+    this.design = design ?? (map instanceof MapMapMap ? map.navDesign?.puck : void 0) ?? defaultNavDesign().puck;
+    this.element = createPuckElement();
+    stylePuckElement(this.element, this.design);
+    this.marker = new maplibregl.Marker({
+      element: this.element,
+      rotationAlignment: "map",
+      pitchAlignment: "map"
+    });
+  }
+  /**
+   * Moves the puck (adding it to the map on the first call). `headingDeg`
+   * rotates the whole element - arrow or custom image - clockwise from
+   * north; omit it to keep the previous heading.
+   */
+  setLocation(location, headingDeg) {
+    this.marker.setLngLat([location.lon, location.lat]);
+    if (headingDeg !== void 0) this.marker.setRotation(headingDeg);
+    if (!this.added) {
+      this.marker.addTo(this.map);
+      this.added = true;
+    }
+  }
+  /** Removes the puck from the map. `setLocation` re-adds it. */
+  remove() {
+    this.marker.remove();
+    this.added = false;
+  }
+};
+function createPuckElement() {
+  const doc = globalThis.document;
+  if (!doc) throw new Error("PositionPuck requires a DOM environment");
+  const el = doc.createElement("div");
+  el.className = "mapmap-puck";
+  el.style.position = "relative";
+  const arrow = doc.createElement("div");
+  arrow.dataset["part"] = "arrow";
+  const dot = doc.createElement("div");
+  dot.dataset["part"] = "dot";
+  const img = doc.createElement("img");
+  img.dataset["part"] = "image";
+  img.alt = "";
+  img.draggable = false;
+  img.style.display = "none";
+  el.append(arrow, dot, img);
+  return el;
+}
+function stylePuckElement(el, puck) {
+  const dot = el.querySelector("[data-part='dot']");
+  const arrow = el.querySelector("[data-part='arrow']");
+  const img = el.querySelector("[data-part='image']");
+  if (!dot || !arrow || !img) return;
+  const s = puck.size;
+  el.style.width = `${s}px`;
+  el.style.height = `${s}px`;
+  const url = effectiveImageUrl(puck) ?? "";
+  if (url !== "" && el.dataset["imageFailed"] !== url) {
+    if (img.getAttribute("src") !== url) {
+      img.onerror = () => {
+        el.dataset["imageFailed"] = url;
+        img.removeAttribute("src");
+        stylePuckElement(el, puck);
+      };
+      img.src = url;
+    }
+    img.style.cssText = `display:block;position:absolute;inset:0;width:${s}px;height:${s}px;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,0.5))`;
+    dot.style.cssText = "display:none";
+    arrow.style.cssText = "display:none";
+    return;
+  }
+  img.onerror = null;
+  if (img.getAttribute("src") !== null) img.removeAttribute("src");
+  img.style.cssText = "display:none";
+  dot.style.cssText = `position:absolute;inset:0;border-radius:50%;background:${puck.color};border:2px solid #ffffff;box-shadow:0 1px 6px rgba(0,0,0,0.45)`;
+  arrow.style.cssText = puck.headingArrow ? `position:absolute;left:50%;top:${(-s * 0.55).toFixed(1)}px;transform:translateX(-50%);width:0;height:0;border-left:${(s * 0.35).toFixed(1)}px solid transparent;border-right:${(s * 0.35).toFixed(1)}px solid transparent;border-bottom:${(s * 0.6).toFixed(1)}px solid ${puck.color}` : "display:none";
+}
+var EARTH_RADIUS_M = 63710088e-1;
+var CLUSTER_TEXT_FONT = "Noto Sans Regular";
+function placesFromGeoJSON(collection) {
+  const places = [];
+  collection.features.forEach((feature, index) => {
+    if (feature.geometry?.type !== "Point") return;
+    const [lon, lat] = feature.geometry.coordinates;
+    if (typeof lon !== "number" || typeof lat !== "number") {
+      throw new Error(`place feature ${index} has no [lon, lat] coordinates`);
+    }
+    const props = feature.properties ?? {};
+    const rawId = feature.id ?? props["id"];
+    const place = {
+      id: typeof rawId === "string" || typeof rawId === "number" ? String(rawId) : String(index),
+      name: typeof props["name"] === "string" ? props["name"] : "",
+      lat,
+      lon
+    };
+    if (feature.properties) place.properties = feature.properties;
+    places.push(place);
+  });
+  return places;
+}
+function haversineDistanceM(a, b) {
+  const rad = (deg) => deg * Math.PI / 180;
+  const dLat = rad(b.lat - a.lat);
+  const dLon = rad(b.lon - a.lon);
+  const h = Math.sin(dLat / 2) ** 2 + Math.cos(rad(a.lat)) * Math.cos(rad(b.lat)) * Math.sin(dLon / 2) ** 2;
+  return 2 * EARTH_RADIUS_M * Math.asin(Math.sqrt(h));
+}
+var PlacesLayer = class {
+  constructor(map, options = {}) {
+    this.places = [];
+    this.fitted = false;
+    this.destroyed = false;
+    this.handleStyleLoad = () => {
+      if (this.data) this.install(this.data);
+    };
+    this.handleMouseEnter = () => {
+      this.map.getCanvas().style.cursor = "pointer";
+    };
+    this.handleMouseLeave = () => {
+      this.map.getCanvas().style.cursor = "";
+    };
+    this.handlePlaceClick = (e) => {
+      const feature = e.features?.[0];
+      if (!feature) return;
+      const index = feature.properties?.["__mapmapIndex"];
+      if (typeof index !== "number") return;
+      const place = this.places[index];
+      if (!place) return;
+      this.onPlaceClick?.(place, { lng: e.lngLat.lng, lat: e.lngLat.lat });
+      if (this.popupFn) this.openPopup(place);
+    };
+    this.handleClusterClick = (e) => {
+      const feature = e.features?.[0];
+      if (!feature) return;
+      const clusterId = feature.properties?.["cluster_id"];
+      if (typeof clusterId !== "number") return;
+      const source = this.map.getSource(this.sourceId);
+      if (!source) return;
+      const geometry = feature.geometry;
+      if (geometry.type !== "Point") return;
+      const [lng, lat] = geometry.coordinates;
+      if (typeof lng !== "number" || typeof lat !== "number") return;
+      void source.getClusterExpansionZoom(clusterId).then((zoom) => {
+        if (!this.destroyed) this.map.easeTo({ center: [lng, lat], zoom });
+      }).catch(() => {
+      });
+    };
+    if (map instanceof MapMapMap) {
+      this.map = map.map;
+      this.baseUrl = (options.baseUrl ?? map.baseUrl).replace(/\/+$/, "");
+      this.apiKey = options.apiKey ?? map.apiKey;
+    } else {
+      this.map = map;
+      this.baseUrl = options.baseUrl?.replace(/\/+$/, "");
+      this.apiKey = options.apiKey;
+    }
+    const id = options.id ?? "mapmap-places";
+    this.sourceId = `${id}-src`;
+    this.clustersLayerId = `${id}-clusters`;
+    this.clusterCountLayerId = `${id}-cluster-count`;
+    this.pointsLayerId = `${id}-points`;
+    this.iconImageId = `${id}-icon`;
+    this.cluster = options.cluster ?? true;
+    this.clusterRadius = options.clusterRadius;
+    this.clusterMaxZoom = options.clusterMaxZoom;
+    this.color = options.color ?? SIGNAL_BLUE;
+    this.icon = options.icon;
+    this.wantFitBounds = options.fitBounds ?? false;
+    this.onPlaceClick = options.onPlaceClick;
+    this.popupFn = options.popup;
+    this.map.on("style.load", this.handleStyleLoad);
+    this.map.on("click", this.pointsLayerId, this.handlePlaceClick);
+    this.map.on("mouseenter", this.pointsLayerId, this.handleMouseEnter);
+    this.map.on("mouseleave", this.pointsLayerId, this.handleMouseLeave);
+    if (this.cluster) {
+      this.map.on("click", this.clustersLayerId, this.handleClusterClick);
+      this.map.on("mouseenter", this.clustersLayerId, this.handleMouseEnter);
+      this.map.on("mouseleave", this.clustersLayerId, this.handleMouseLeave);
+    }
+    if (options.places) this.setPlaces(options.places);
+  }
+  /**
+   * Replace the layer's places - a `Place[]` or a GeoJSON FeatureCollection
+   * of Points. Updates the existing GeoJSON source in place; safe to call
+   * before the style has loaded (installed on the next `style.load`). With
+   * `fitBounds: true` the first non-empty set also fits the map view.
+   */
+  setPlaces(places) {
+    this.places = Array.isArray(places) ? places : placesFromGeoJSON(places);
+    this.data = {
+      type: "FeatureCollection",
+      features: this.places.map((place, index) => ({
+        type: "Feature",
+        geometry: { type: "Point", coordinates: [place.lon, place.lat] },
+        properties: {
+          ...place.properties,
+          id: place.id,
+          name: place.name,
+          __mapmapIndex: index
+        }
+      }))
+    };
+    if (this.wantFitBounds && !this.fitted && this.places.length > 0) {
+      this.fitted = true;
+      this.map.fitBounds(boundsOf(this.places), { padding: 48, maxZoom: 15 });
+    }
+    if (!this.map.isStyleLoaded()) return;
+    this.install(this.data);
+  }
+  /** The layer's current places (normalised to `Place[]`). */
+  get current() {
+    return this.places;
+  }
+  /**
+   * The nearest `n` places (default `1`) to `origin` by straight-line
+   * (haversine) distance, each with `distanceM` attached. Pure and instant -
+   * no network. For road-network answers use {@link nearestByDriveTime}.
+   */
+  nearest(origin, n = 1) {
+    return this.places.map((place) => ({ ...place, distanceM: haversineDistanceM(origin, place) })).sort((a, b) => a.distanceM - b.distanceM).slice(0, Math.max(0, n));
+  }
+  /**
+   * The nearest `n` places (default `1`) to `origin` by drive time, via the
+   * gateway's `POST /matrix` (one source, all places as targets). Resolves
+   * to places sorted by `durationS` ascending, with the driven `distanceM`
+   * attached; unreachable places (`null` duration) are dropped. Needs the
+   * gateway `baseUrl`/`apiKey` - picked up from a `MapMapMap` automatically,
+   * or pass them as layer options.
+   */
+  async nearestByDriveTime(origin, options = {}) {
+    if (!this.baseUrl) {
+      throw new Error(
+        "PlacesLayer needs a baseUrl (or a MapMapMap) for nearestByDriveTime"
+      );
+    }
+    if (this.places.length === 0) return [];
+    const headers = {
+      "Content-Type": "application/json",
+      Accept: "application/json"
+    };
+    if (this.apiKey) headers["Authorization"] = `Bearer ${this.apiKey}`;
+    const body = {
+      sources: [{ lat: origin.lat, lon: origin.lon }],
+      targets: this.places.map((p) => ({ lat: p.lat, lon: p.lon })),
+      costing: options.costing ?? "auto"
+    };
+    if (options.costingOptions) body["costing_options"] = options.costingOptions;
+    const response = await fetch(`${this.baseUrl}/matrix`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(body)
+    });
+    const payload = await response.json().catch(() => null);
+    if (!response.ok) {
+      const problem = typeof payload === "object" && payload !== null ? payload : void 0;
+      const context = [problem?.["title"], problem?.["detail"]].filter((v) => typeof v === "string" && v.length > 0).join(" - ");
+      throw new Error(
+        `matrix request failed: HTTP ${response.status}${context ? ` (${context})` : ""}`
+      );
+    }
+    const { durations, distances } = matrixRows(payload);
+    const reachable = [];
+    this.places.forEach((place, index) => {
+      const durationS = durations[index];
+      if (typeof durationS !== "number") return;
+      const distanceM = distances?.[index];
+      reachable.push({
+        ...place,
+        durationS,
+        distanceM: typeof distanceM === "number" ? distanceM : null
+      });
+    });
+    reachable.sort((a, b) => a.durationS - b.durationS);
+    return reachable.slice(0, Math.max(0, options.n ?? 1));
+  }
+  /** Add-or-update the source and layers on the current style. */
+  install(data) {
+    const existing = this.map.getSource(this.sourceId);
+    if (existing) {
+      existing.setData(data);
+    } else {
+      this.map.addSource(this.sourceId, {
+        type: "geojson",
+        data,
+        cluster: this.cluster,
+        ...this.cluster && this.clusterRadius !== void 0 ? { clusterRadius: this.clusterRadius } : {},
+        ...this.cluster && this.clusterMaxZoom !== void 0 ? { clusterMaxZoom: this.clusterMaxZoom } : {}
+      });
+    }
+    if (this.cluster) this.installClusterLayers();
+    this.installPointsLayer();
+  }
+  /** Cluster circles (sized by count) and the count badge on top. */
+  installClusterLayers() {
+    if (!this.map.getLayer(this.clustersLayerId)) {
+      const clusters = {
+        id: this.clustersLayerId,
+        type: "circle",
+        source: this.sourceId,
+        filter: ["has", "point_count"],
+        paint: {
+          "circle-color": this.color,
+          "circle-opacity": 0.9,
+          "circle-radius": ["step", ["get", "point_count"], 16, 25, 20, 100, 26],
+          "circle-stroke-color": "#ffffff",
+          "circle-stroke-width": 2
+        }
+      };
+      this.map.addLayer(clusters);
+    }
+    if (!this.map.getLayer(this.clusterCountLayerId)) {
+      const count = {
+        id: this.clusterCountLayerId,
+        type: "symbol",
+        source: this.sourceId,
+        filter: ["has", "point_count"],
+        layout: {
+          "text-field": ["get", "point_count_abbreviated"],
+          "text-font": [CLUSTER_TEXT_FONT],
+          "text-size": 12
+        },
+        paint: { "text-color": "#ffffff" }
+      };
+      this.map.addLayer(count);
+    }
+  }
+  /**
+   * The unclustered-places layer: a circle pin by default, or a symbol
+   * layer once the custom `icon` image has loaded (falling back to the
+   * circle look if it fails, like PositionPuck's image fallback).
+   */
+  installPointsLayer() {
+    if (this.map.getLayer(this.pointsLayerId)) return;
+    if (!this.icon) {
+      this.addCirclePointsLayer();
+      return;
+    }
+    if (this.map.hasImage(this.iconImageId)) {
+      this.addIconPointsLayer();
+      return;
+    }
+    void this.map.loadImage(this.icon.url).then((image) => {
+      if (this.destroyed || this.map.getLayer(this.pointsLayerId)) return;
+      if (!this.map.hasImage(this.iconImageId)) {
+        this.map.addImage(this.iconImageId, image.data);
+      }
+      this.addIconPointsLayer();
+    }).catch(() => {
+      if (this.destroyed || this.map.getLayer(this.pointsLayerId)) return;
+      this.addCirclePointsLayer();
+    });
+  }
+  addCirclePointsLayer() {
+    const points = {
+      id: this.pointsLayerId,
+      type: "circle",
+      source: this.sourceId,
+      ...this.cluster ? { filter: ["!", ["has", "point_count"]] } : {},
+      paint: {
+        "circle-color": this.color,
+        "circle-radius": 7,
+        "circle-stroke-color": "#ffffff",
+        "circle-stroke-width": 2
+      }
+    };
+    this.map.addLayer(points);
+  }
+  addIconPointsLayer() {
+    const points = {
+      id: this.pointsLayerId,
+      type: "symbol",
+      source: this.sourceId,
+      ...this.cluster ? { filter: ["!", ["has", "point_count"]] } : {},
+      layout: {
+        "icon-image": this.iconImageId,
+        "icon-size": this.icon?.size ?? 1,
+        "icon-allow-overlap": true
+      }
+    };
+    this.map.addLayer(points);
+  }
+  /** Open the built-in popup for a place, replacing any previous one. */
+  openPopup(place) {
+    if (!this.popupFn) return;
+    const content = this.popupFn(place);
+    const popup = new maplibregl.Popup({ offset: 12 }).setLngLat([
+      place.lon,
+      place.lat
+    ]);
+    if (typeof content === "string") popup.setHTML(content);
+    else popup.setDOMContent(content);
+    this.popup?.remove();
+    this.popup = popup.addTo(this.map);
+  }
+  /** Remove the places' layers, source, image and popup from the map. */
+  clear() {
+    this.popup?.remove();
+    this.popup = void 0;
+    for (const layerId of [
+      this.pointsLayerId,
+      this.clusterCountLayerId,
+      this.clustersLayerId
+    ]) {
+      if (this.map.getLayer(layerId)) this.map.removeLayer(layerId);
+    }
+    if (this.map.getSource(this.sourceId)) this.map.removeSource(this.sourceId);
+    if (this.map.hasImage(this.iconImageId)) {
+      this.map.removeImage(this.iconImageId);
+    }
+    this.places = [];
+    this.data = void 0;
+  }
+  /**
+   * Remove the places and detach every listener (style.load, clicks,
+   * hovers). Call when disposing of the layer (the map is left untouched).
+   */
+  destroy() {
+    this.destroyed = true;
+    this.map.off("style.load", this.handleStyleLoad);
+    this.map.off("click", this.pointsLayerId, this.handlePlaceClick);
+    this.map.off("mouseenter", this.pointsLayerId, this.handleMouseEnter);
+    this.map.off("mouseleave", this.pointsLayerId, this.handleMouseLeave);
+    if (this.cluster) {
+      this.map.off("click", this.clustersLayerId, this.handleClusterClick);
+      this.map.off("mouseenter", this.clustersLayerId, this.handleMouseEnter);
+      this.map.off("mouseleave", this.clustersLayerId, this.handleMouseLeave);
+    }
+    this.clear();
+  }
+};
+function boundsOf(places) {
+  let minLng = Infinity;
+  let minLat = Infinity;
+  let maxLng = -Infinity;
+  let maxLat = -Infinity;
+  for (const { lon, lat } of places) {
+    if (lon < minLng) minLng = lon;
+    if (lat < minLat) minLat = lat;
+    if (lon > maxLng) maxLng = lon;
+    if (lat > maxLat) maxLat = lat;
+  }
+  return [
+    [minLng, minLat],
+    [maxLng, maxLat]
+  ];
+}
+function matrixRows(payload) {
+  if (typeof payload !== "object" || payload === null) {
+    throw new Error("matrix returned a non-object response");
+  }
+  const obj = payload;
+  const durations = firstRow(obj["durations"]);
+  if (!durations) {
+    throw new Error("matrix response has no durations row");
+  }
+  return { durations, distances: firstRow(obj["distances"]) };
+}
+function firstRow(value) {
+  if (!Array.isArray(value)) return void 0;
+  const row = value[0];
+  if (!Array.isArray(row)) return void 0;
+  return row.map(
+    (cell) => typeof cell === "number" && Number.isFinite(cell) ? cell : null
+  );
+}
+
+// src/camera.ts
+var INTERACTION_EVENTS = [
+  "dragstart",
+  "rotatestart",
+  "pitchstart",
+  "zoomstart"
+];
+var DEFAULT_PITCH = 60;
+var DEFAULT_ZOOM2 = 17;
+var DEFAULT_ANCHOR_Y = 0.72;
+var DEFAULT_EASE_MS = 900;
+var DEFAULT_AUTO_RECENTRE_MS = 6e3;
+var OVERVIEW_PADDING_PX = 48;
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+var NavigationCamera = class {
+  constructor(map, options = {}) {
+    this.currentMode = "follow";
+    this.destroyed = false;
+    // Bound once so `off` in destroy() removes exactly what `on` added.
+    this.onInteraction = (ev) => {
+      if (!ev?.originalEvent || this.destroyed) return;
+      this.currentMode = "free";
+      this.m.stop();
+      this.scheduleRecentre();
+    };
+    this.m = map instanceof MapMapMap ? map.map : map;
+    const design = map instanceof MapMapMap ? map.navDesign?.camera : void 0;
+    this.pitch = clamp(options.pitch ?? design?.pitch ?? DEFAULT_PITCH, 0, 85);
+    this.zoom = options.zoom ?? design?.zoom ?? DEFAULT_ZOOM2;
+    this.anchorY = clamp(options.anchorY ?? DEFAULT_ANCHOR_Y, 0, 1);
+    this.easeMs = Math.max(0, options.easeMs ?? DEFAULT_EASE_MS);
+    this.autoRecentreMs = Math.max(
+      0,
+      options.autoRecentreMs ?? DEFAULT_AUTO_RECENTRE_MS
+    );
+    if (this.pitch > this.m.getMaxPitch()) this.m.setMaxPitch(this.pitch);
+    for (const event of INTERACTION_EVENTS) {
+      this.m.on(event, this.onInteraction);
+    }
+  }
+  /**
+   * `false` when the map runs the globe (or vertical-perspective)
+   * projection, whose camera geometry breaks the low-anchor offset maths
+   * and top-down overview framing. Switch to mercator for navigation.
+   */
+  static isSupported(map) {
+    const m = map instanceof MapMapMap ? map.map : map;
+    const projection = m.getProjection?.();
+    return !usesGlobe(projection);
+  }
+  /** The camera's current behaviour: `"follow"`, `"overview"` or `"free"`. */
+  get mode() {
+    return this.currentMode;
+  }
+  /**
+   * Co-drive a {@link PositionPuck}: every {@link follow} call also
+   * `setLocation`s the puck, so camera and puck never diverge.
+   */
+  attachPuck(puck) {
+    this.puck = puck;
+  }
+  /**
+   * Glide the camera to a fix, course-up when `courseDeg` is given
+   * (bearing is left unchanged when it is `undefined`). Each call eases
+   * with linear timing over `easeMs` capped by the observed fix interval,
+   * and interrupts the previous ease (no queue buildup). The fix and an
+   * attached puck are always updated, but the camera only moves in
+   * `"follow"` mode - `"free"` and `"overview"` record the fix for
+   * {@link resume}.
+   */
+  follow(fix, courseDeg) {
+    const now = Date.now();
+    const interval = this.lastFixAt === void 0 ? this.easeMs : Math.max(0, now - this.lastFixAt);
+    this.lastFixAt = now;
+    this.lastFix = fix;
+    if (courseDeg !== void 0) this.lastCourse = courseDeg;
+    this.puck?.setLocation(fix, courseDeg);
+    if (this.currentMode !== "follow") return;
+    this.easeToFix(fix, courseDeg, Math.min(this.easeMs, interval));
+  }
+  /**
+   * Fit the route top-down (pitch 0, north-up). Pass the route geometry on
+   * the first call; later calls reuse the last geometry given. A no-op
+   * when no geometry has ever been provided.
+   */
+  overview(routeGeometry) {
+    if (routeGeometry) this.lastRoute = routeGeometry;
+    const route = this.lastRoute;
+    if (!route || route.coordinates.length === 0) return;
+    this.clearRecentreTimer();
+    this.currentMode = "overview";
+    this.m.fitBounds(boundsOf2(route.coordinates), {
+      padding: OVERVIEW_PADDING_PX,
+      pitch: 0,
+      bearing: 0,
+      duration: this.easeMs,
+      essential: true
+    });
+  }
+  /**
+   * Return to follow mode, gliding back to the last fix (with its last
+   * known course) when one has been recorded.
+   */
+  resume() {
+    this.clearRecentreTimer();
+    this.currentMode = "follow";
+    if (this.lastFix) {
+      this.easeToFix(this.lastFix, this.lastCourse, this.easeMs);
+    }
+  }
+  /** Remove the map listeners and cancel any pending auto-recentre. */
+  destroy() {
+    this.destroyed = true;
+    this.clearRecentreTimer();
+    for (const event of INTERACTION_EVENTS) {
+      this.m.off(event, this.onInteraction);
+    }
+  }
+  easeToFix(fix, courseDeg, duration) {
+    this.m.easeTo({
+      center: [fix.lon, fix.lat],
+      ...courseDeg !== void 0 ? { bearing: courseDeg } : {},
+      pitch: this.pitch,
+      zoom: this.zoom,
+      offset: [0, this.anchorOffsetY()],
+      duration,
+      easing: (t) => t,
+      // Interrupt semantics: `essential` easings run even under
+      // prefers-reduced-motion, and each new easeTo cancels the previous
+      // one, so a fast fix cadence glides instead of queueing.
+      essential: true
+    });
+  }
+  /**
+   * The pixel offset that renders the followed fix at `anchorY` of the
+   * container height: `(anchorY - 0.5) * height` (0.5 is the natural
+   * centre; positive y moves the puck down the screen).
+   */
+  anchorOffsetY() {
+    const height = this.m.getContainer().clientHeight;
+    return (this.anchorY - 0.5) * height;
+  }
+  scheduleRecentre() {
+    this.clearRecentreTimer();
+    if (this.autoRecentreMs === 0) return;
+    this.recentreTimer = setTimeout(() => {
+      this.recentreTimer = void 0;
+      if (this.currentMode === "free") this.resume();
+    }, this.autoRecentreMs);
+  }
+  clearRecentreTimer() {
+    if (this.recentreTimer !== void 0) {
+      clearTimeout(this.recentreTimer);
+      this.recentreTimer = void 0;
+    }
+  }
+};
+function boundsOf2(coordinates) {
+  let minLng = Infinity;
+  let minLat = Infinity;
+  let maxLng = -Infinity;
+  let maxLat = -Infinity;
+  for (const [lng, lat] of coordinates) {
+    if (lng < minLng) minLng = lng;
+    if (lng > maxLng) maxLng = lng;
+    if (lat < minLat) minLat = lat;
+    if (lat > maxLat) maxLat = lat;
+  }
+  return [
+    [minLng, minLat],
+    [maxLng, maxLat]
+  ];
+}
+function usesGlobe(projection) {
+  if (projection === null || projection === void 0) return false;
+  if (typeof projection === "string") {
+    return projection === "globe" || projection === "vertical-perspective";
+  }
+  if (Array.isArray(projection)) return projection.some(usesGlobe);
+  if (typeof projection === "object") {
+    return Object.values(projection).some(usesGlobe);
+  }
+  return false;
+}
+
+// src/adr.ts
+function buildAdrCheckBody(request) {
+  const dims = request.dimensions ?? {};
+  const adr = {
+    dimensions: {
+      height_m: dims.heightM ?? 4,
+      width_m: dims.widthM ?? 2.55,
+      length_m: dims.lengthM ?? 16.5,
+      gross_weight_t: dims.grossWeightT ?? 40,
+      axle_load_t: dims.axleLoadT ?? null,
+      axle_count: dims.axleCount ?? null
+    },
+    hazmat: request.hazmat
+  };
+  if (request.tunnelCode !== void 0) adr["tunnel_code"] = request.tunnelCode;
+  return { adr, tunnel_category: request.tunnelCategory };
+}
+var AdrCheck = class {
+  constructor(options) {
+    this.baseUrl = options.baseUrl.replace(/\/+$/, "");
+    this.apiKey = options.apiKey;
+  }
+  async check(request) {
+    const headers = {
+      "Content-Type": "application/json",
+      Accept: "application/json"
+    };
+    if (this.apiKey) headers["Authorization"] = `Bearer ${this.apiKey}`;
+    const response = await fetch(`${this.baseUrl}/adr/check`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(buildAdrCheckBody(request))
+    });
+    const body = await response.json().catch(() => null);
+    if (!response.ok) {
+      const problem = typeof body === "object" && body !== null ? body : void 0;
+      const context = [problem?.["title"], problem?.["detail"]].filter((v) => typeof v === "string" && v.length > 0).join(" - ");
+      throw new Error(
+        `ADR check failed: HTTP ${response.status}${context ? ` (${context})` : ""}`
+      );
+    }
+    if (typeof body !== "object" || body === null) {
+      throw new Error("ADR check returned a non-object response");
+    }
+    const obj = body;
+    const result = {
+      status: typeof obj["status"] === "string" ? obj["status"] : "unknown",
+      raw: obj
+    };
+    if (typeof obj["reason"] === "string") result.reason = obj["reason"];
+    return result;
+  }
+};
+
+// src/guidance.ts
+function extractGuidance(route) {
+  const legs = route.raw["legs"] ?? [];
+  const out = [];
+  let index = 0;
+  for (const leg of legs) {
+    const steps = leg["steps"] ?? [];
+    for (const step of steps) {
+      const voice = step["voiceInstructions"] ?? [];
+      const banners = step["bannerInstructions"] ?? [];
+      out.push({
+        stepIndex: index,
+        distanceM: Number(step["distance"] ?? 0),
+        instruction: stepInstruction(step, voice, banners),
+        voice,
+        banners
+      });
+      index += 1;
+    }
+  }
+  return out;
+}
+function stepInstruction(step, voice, banners) {
+  const maneuver = step["maneuver"];
+  const fromManeuver = maneuver?.["instruction"];
+  if (typeof fromManeuver === "string" && fromManeuver.length > 0) {
+    return fromManeuver;
+  }
+  const lastVoice = voice[voice.length - 1];
+  if (typeof lastVoice?.announcement === "string" && lastVoice.announcement.length > 0) {
+    return lastVoice.announcement;
+  }
+  const bannerText = banners[0]?.primary?.text;
+  if (typeof bannerText === "string" && bannerText.length > 0) {
+    return bannerText;
+  }
+  return void 0;
+}
+var XML_ENTITIES = {
+  "&amp;": "&",
+  "&lt;": "<",
+  "&gt;": ">",
+  "&quot;": '"',
+  "&apos;": "'"
+};
+function ssmlToText(ssml) {
+  return ssml.replace(/<[^>]+>/g, "").replace(
+    /&(?:amp|lt|gt|quot|apos);|&#(\d+);/g,
+    (entity, decimal) => decimal !== void 0 ? String.fromCodePoint(Number(decimal)) : XML_ENTITIES[entity] ?? entity
+  ).trim();
+}
+function bannerLanes(banner) {
+  const components = banner.sub?.components ?? [];
+  return components.filter((c) => c.type === "lane").map((c) => {
+    const lane = { directions: c.directions ?? [] };
+    if (c.active !== void 0) lane.active = c.active;
+    if (c.active === true) lane.valid = true;
+    return lane;
+  });
+}
+function directionArrow(direction) {
+  switch (direction) {
+    case "left":
+      return "\u2190";
+    case "right":
+      return "\u2192";
+    case "straight":
+    case "none":
+      return "\u2191";
+    case "slight left":
+      return "\u2196";
+    case "slight right":
+      return "\u2197";
+    case "sharp left":
+      return "\u2199";
+    case "sharp right":
+      return "\u2198";
+    case "uturn":
+      return "\u21B6";
+    case "merge to left":
+      return "\u2B05";
+    case "merge to right":
+      return "\u27A1";
+    default:
+      return "\u2022";
+  }
+}
+function speak(instruction, options = {}) {
+  const synth = globalThis.speechSynthesis;
+  const Utterance = globalThis.SpeechSynthesisUtterance;
+  if (!synth || !Utterance) return false;
+  const text = instruction.ssmlAnnouncement ? ssmlToText(instruction.ssmlAnnouncement) : instruction.announcement;
+  const utterance = new Utterance(text);
+  if (options.lang) utterance.lang = options.lang;
+  if (options.rate) utterance.rate = options.rate;
+  synth.speak(utterance);
+  return true;
+}
+var GuidanceBanner = class {
+  constructor(container, design) {
+    const doc = globalThis.document;
+    if (!doc) throw new Error("GuidanceBanner requires a DOM environment");
+    this.design = design;
+    this.element = doc.createElement("div");
+    this.element.className = "mapmap-banner";
+    this.element.style.cssText = design ? `display:none;align-items:center;box-sizing:border-box;gap:${Math.round((design.padding ?? 10) * 1.2)}px;padding:${design.padding ?? 10}px ${Math.round((design.padding ?? 10) * 1.4)}px;background:${design.background};color:${design.textColor};border-radius:${design.cornerRadius ?? 10}px;max-width:${design.maxWidth ?? 340}px;` + (design.height !== void 0 ? `min-height:${design.height}px;` : "") + `font:600 ${design.fontSize}px/1.3 system-ui,sans-serif` : "display:none;gap:12px;align-items:center;padding:10px 14px;background:#101418;color:#fff;border-radius:10px;font:600 16px/1.3 system-ui,sans-serif";
+    container?.appendChild(this.element);
+  }
+  /** Renders a banner instruction (or hides the element with `null`). */
+  update(banner) {
+    if (!banner) {
+      this.element.style.display = "none";
+      this.element.replaceChildren();
+      return;
+    }
+    const doc = this.element.ownerDocument;
+    this.element.style.display = "flex";
+    const arrow = doc.createElement("span");
+    arrow.textContent = directionArrow(banner.primary.modifier ?? "straight");
+    arrow.style.fontSize = this.design ? `${Math.round(this.design.fontSize * 1.4)}px` : "22px";
+    const text = doc.createElement("span");
+    text.textContent = banner.primary.text;
+    const children = [arrow, text];
+    const lanes = this.design?.showLanes === false ? [] : bannerLanes(banner);
+    if (lanes.length > 0) {
+      const laneRow = doc.createElement("span");
+      laneRow.className = "mapmap-banner-lanes";
+      if (this.design) {
+        const spacing = Math.max(2, Math.round((this.design.padding ?? 10) * 0.4));
+        laneRow.style.cssText = `margin-left:auto;letter-spacing:${spacing}px;white-space:nowrap`;
+        for (const lane of lanes) {
+          const glyph = doc.createElement("span");
+          glyph.textContent = directionArrow(lane.directions[0] ?? "none");
+          glyph.style.opacity = lane.active ? "0.95" : "0.35";
+          laneRow.appendChild(glyph);
+        }
+      } else {
+        laneRow.style.cssText = "margin-left:auto;letter-spacing:4px";
+        laneRow.textContent = lanes.map((lane) => directionArrow(lane.directions[0] ?? "none")).join("");
+        laneRow.style.opacity = "0.9";
+      }
+      children.push(laneRow);
+    }
+    this.element.replaceChildren(...children);
+  }
+};
+
+export { AdrCheck, DEFAULT_GLYPHS_URL, DEFAULT_TERRITORY_TILES_URL, FULL_ATTRIBUTION, GuidanceBanner, LOGO_SVG, LogoControl, MAX_PUCK_IMAGE_BYTES, MapMapMap, NAV_CAMERA_DEFAULTS, NavigationCamera, OPENMAPTILES_ATTRIBUTION, OSM_ATTRIBUTION, PALETTE_SLOTS, PlacesLayer, PositionPuck, RouteLayer, SIGNAL_BLUE, SOURCE_LAYERS, bannerLanes, buildAdrCheckBody, buildRouteQuery, buildRouteUrl, buildStyle, createMap, defaultNavDesign, directionArrow, extractGuidance, formatCoord, formatCoords, haversineDistanceM, navDesignFromTheme, navDesignFromThemeUrl, parseNavDesign, parseOsrmRoute, placesFromGeoJSON, registerPmtilesProtocol, speak, ssmlToText, toLngLat, toPmtilesUrl };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map