@defra/forms-engine-plugin 4.5.3 → 4.5.5

package/.server/client/javascripts/location-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"location-map.js","names":["EVENTS","centerMap","createMap","defaultConfig","eastingNorthingToLatLong","latLongToEastingNorthing","latLongToOsGridRef","osGridRefToLatLong","LOCATION_FIELD_SELECTOR","getInitMapConfig","locationField","locationType","dataset","locationtype","getInitLatLongMapConfig","getInitEastingNorthingMapConfig","getInitOsGridRefMapConfig","Error","validateLatLong","strLat","strLong","lat","trim","Number","long","valid","latMin","latMax","longMin","longMax","latInBounds","longInBounds","value","validateEastingNorthing","strEasting","strNorthing","easting","northing","eastingMin","eastingMax","northingMin","northingMax","validateOsGridRef","osGridRef","pattern","match","exec","getLatLongInputs","inputs","querySelectorAll","length","latInput","longInput","getEastingNorthingInputs","eastingInput","northingInput","getOsGridRefInput","input","querySelector","getInitMapCenterConfig","center","zoom","markers","id","coords","result","undefined","latlong","osGridRefInput","bindLatLongField","map","mapProvider","on","interactMarkerChange","onInteractMarkerChange","e","maxPrecision","toFixed","onUpdateInputs","addEventListener","bindEastingNorthingField","point","bindOsGridRefField","onUpdateInput","processLocation","config","location","index","HTMLDivElement","locationInputs","supportedLocations","includes","mapContainer","document","createElement","mapId","setAttribute","initConfig","after","interactPlugin","mapReady","onMapReady","addPanel","showLabel","label","mobile","slot","open","dismissible","modal","tablet","desktop","html","enable"],"sources":["../../../src/client/javascripts/location-map.js"],"sourcesContent":["import {\n  EVENTS,\n  centerMap,\n  createMap,\n  defaultConfig,\n  eastingNorthingToLatLong,\n  latLongToEastingNorthing,\n  latLongToOsGridRef,\n  osGridRefToLatLong\n} from '~/src/client/javascripts/map.js'\n\nconst LOCATION_FIELD_SELECTOR = 'input.govuk-input'\n\n/**\n * Gets initial map config for a location field\n * @param {HTMLDivElement} locationField - the location field element\n */\nfunction getInitMapConfig(locationField) {\n  const locationType = locationField.dataset.locationtype\n\n  switch (locationType) {\n    case 'latlongfield':\n      return getInitLatLongMapConfig(locationField)\n    case 'eastingnorthingfield':\n      return getInitEastingNorthingMapConfig(locationField)\n    case 'osgridreffield':\n      return getInitOsGridRefMapConfig(locationField)\n    default:\n      throw new Error('Not implemented')\n  }\n}\n\n/**\n * Validates lat and long is numeric and within UK bounds\n * @param {string} strLat - the latitude string\n * @param {string} strLong - the longitude string\n * @returns {{ valid: false } | { valid: true, value: { lat: number, long: number } }}\n */\nfunction validateLatLong(strLat, strLong) {\n  const lat = strLat.trim() && Number(strLat.trim())\n  const long = strLong.trim() && Number(strLong.trim())\n\n  if (!lat || !long) {\n    return { valid: false }\n  }\n\n  const latMin = 49.85\n  const latMax = 60.859\n  const longMin = -13.687\n  const longMax = 1.767\n\n  const latInBounds = lat >= latMin && lat <= latMax\n  const longInBounds = long >= longMin && long <= longMax\n\n  if (!latInBounds || !longInBounds) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: { lat, long } }\n}\n\n/**\n * Validates easting and northing is numeric and within UK bounds\n * @param {string} strEasting - the easting string\n * @param {string} strNorthing - the northing string\n * @returns {{ valid: false } | { valid: true, value: { easting: number, northing: number } }}\n */\nfunction validateEastingNorthing(strEasting, strNorthing) {\n  const easting = strEasting.trim() && Number(strEasting.trim())\n  const northing = strNorthing.trim() && Number(strNorthing.trim())\n\n  if (!easting || !northing) {\n    return { valid: false }\n  }\n\n  const eastingMin = 0\n  const eastingMax = 700000\n  const northingMin = 0\n  const northingMax = 1300000\n\n  const latInBounds = easting >= eastingMin && easting <= eastingMax\n  const longInBounds = northing >= northingMin && northing <= northingMax\n\n  if (!latInBounds || !longInBounds) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: { easting, northing } }\n}\n\n/**\n * Validates OS grid reference is correct\n * @param {string} osGridRef - the OsGridRef\n * @returns {{ valid: false } | { valid: true, value: string }}\n */\nfunction validateOsGridRef(osGridRef) {\n  if (!osGridRef) {\n    return { valid: false }\n  }\n\n  const pattern =\n    /^((([sS]|[nN])[a-hA-Hj-zJ-Z])|(([tT]|[oO])[abfglmqrvwABFGLMQRVW])|([hH][l-zL-Z])|([jJ][lmqrvwLMQRVW]))\\s?(([0-9]{3})\\s?([0-9]{3})|([0-9]{4})\\s?([0-9]{4})|([0-9]{5})\\s?([0-9]{5}))$/\n\n  const match = pattern.exec(osGridRef)\n\n  if (match === null) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: match[0] }\n}\n\n/**\n * Gets the inputs for a latlong location field\n * @param {HTMLDivElement} locationField - the latlong location field element\n */\nfunction getLatLongInputs(locationField) {\n  const inputs = locationField.querySelectorAll(LOCATION_FIELD_SELECTOR)\n\n  if (inputs.length !== 2) {\n    throw new Error('Expected 2 inputs for lat and long')\n  }\n\n  const latInput = /** @type {HTMLInputElement} */ (inputs[0])\n  const longInput = /** @type {HTMLInputElement} */ (inputs[1])\n\n  return { latInput, longInput }\n}\n\n/**\n * Gets the inputs for a easting/northing location field\n * @param {HTMLDivElement} locationField - the eastingnorthing location field element\n */\nfunction getEastingNorthingInputs(locationField) {\n  const inputs = locationField.querySelectorAll(LOCATION_FIELD_SELECTOR)\n\n  if (inputs.length !== 2) {\n    throw new Error('Expected 2 inputs for easting and northing')\n  }\n\n  const eastingInput = /** @type {HTMLInputElement} */ (inputs[0])\n  const northingInput = /** @type {HTMLInputElement} */ (inputs[1])\n\n  return { eastingInput, northingInput }\n}\n\n/**\n * Gets the input for a OS grid reference location field\n * @param {HTMLDivElement} locationField - the osgridref location field element\n */\nfunction getOsGridRefInput(locationField) {\n  const input = locationField.querySelector(LOCATION_FIELD_SELECTOR)\n\n  if (input === null) {\n    throw new Error('Expected 1 input for osgridref')\n  }\n\n  return /** @type {HTMLInputElement} */ (input)\n}\n\n/**\n * Get the initial map config for a center point\n * @param {MapCenter} center - the point\n */\nfunction getInitMapCenterConfig(center) {\n  return {\n    zoom: '16',\n    center,\n    markers: [\n      {\n        id: 'location',\n        coords: center\n      }\n    ]\n  }\n}\n\n/**\n * Gets initial map config for a latlong location field\n * @param {HTMLDivElement} locationField - the latlong location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitLatLongMapConfig(locationField) {\n  const { latInput, longInput } = getLatLongInputs(locationField)\n  const result = validateLatLong(latInput.value, longInput.value)\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  /** @type {MapCenter} */\n  const center = [result.value.long, result.value.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Gets initial map config for a easting/northing location field\n * @param {HTMLDivElement} locationField - the eastingnorthing location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitEastingNorthingMapConfig(locationField) {\n  const { eastingInput, northingInput } =\n    getEastingNorthingInputs(locationField)\n  const result = validateEastingNorthing(\n    eastingInput.value,\n    northingInput.value\n  )\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  const latlong = eastingNorthingToLatLong(result.value)\n\n  /** @type {MapCenter} */\n  const center = [latlong.long, latlong.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Gets initial map config for an OS grid reference location field\n * @param {HTMLDivElement} locationField - the osgridref location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitOsGridRefMapConfig(locationField) {\n  const osGridRefInput = getOsGridRefInput(locationField)\n  const result = validateOsGridRef(osGridRefInput.value)\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  const latlong = osGridRefToLatLong(result.value)\n\n  /** @type {MapCenter} */\n  const center = [latlong.long, latlong.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Bind a latlong field to the map\n * @param {HTMLDivElement} locationField - the latlong location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindLatLongField(locationField, map, mapProvider) {\n  const { latInput, longInput } = getLatLongInputs(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const maxPrecision = 7\n      latInput.value = e.coords[1].toFixed(maxPrecision)\n      longInput.value = e.coords[0].toFixed(maxPrecision)\n    }\n  )\n\n  /**\n   * Lat & long input change event listener\n   * Update the map view location when the inputs are changed\n   */\n  function onUpdateInputs() {\n    const result = validateLatLong(latInput.value, longInput.value)\n\n    if (result.valid) {\n      /** @type {MapCenter} */\n      const center = [result.value.long, result.value.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  latInput.addEventListener('change', onUpdateInputs, false)\n  longInput.addEventListener('change', onUpdateInputs, false)\n}\n\n/**\n * Bind an eastingnorthing field to the map\n * @param {HTMLDivElement} locationField - the eastingnorthing location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindEastingNorthingField(locationField, map, mapProvider) {\n  const { eastingInput, northingInput } =\n    getEastingNorthingInputs(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const maxPrecision = 0\n      const point = latLongToEastingNorthing({\n        lat: e.coords[1],\n        long: e.coords[0]\n      })\n\n      eastingInput.value = point.easting.toFixed(maxPrecision)\n      northingInput.value = point.northing.toFixed(maxPrecision)\n    }\n  )\n\n  /**\n   * Easting & northing input change event listener\n   * Update the map view location when the inputs are changed\n   */\n  function onUpdateInputs() {\n    const result = validateEastingNorthing(\n      eastingInput.value,\n      northingInput.value\n    )\n\n    if (result.valid) {\n      const latlong = eastingNorthingToLatLong(result.value)\n\n      /** @type {MapCenter} */\n      const center = [latlong.long, latlong.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  eastingInput.addEventListener('change', onUpdateInputs, false)\n  northingInput.addEventListener('change', onUpdateInputs, false)\n}\n\n/**\n * Bind an OS grid reference field to the map\n * @param {HTMLDivElement} locationField - the osgridref location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindOsGridRefField(locationField, map, mapProvider) {\n  const osGridRefInput = getOsGridRefInput(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const point = latLongToOsGridRef({\n        lat: e.coords[1],\n        long: e.coords[0]\n      })\n\n      osGridRefInput.value = point\n    }\n  )\n\n  /**\n   * OS grid reference input change event listener\n   * Update the map view location when the input is changed\n   */\n  function onUpdateInput() {\n    const result = validateOsGridRef(osGridRefInput.value)\n\n    if (result.valid) {\n      const latlong = osGridRefToLatLong(result.value)\n\n      /** @type {MapCenter} */\n      const center = [latlong.long, latlong.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  osGridRefInput.addEventListener('change', onUpdateInput, false)\n}\n\n/**\n * Processes a location field to add map capability\n * @param {MapsEnvironmentConfig} config - the location field element\n * @param {Element} location - the location field element\n * @param {number} index - the 0-based index\n */\nexport function processLocation(config, location, index) {\n  if (!(location instanceof HTMLDivElement)) {\n    return\n  }\n\n  const locationInputs = location.querySelector('.app-location-field-inputs')\n  if (!(locationInputs instanceof HTMLDivElement)) {\n    return\n  }\n  const locationType = location.dataset.locationtype\n\n  // Check for support\n  const supportedLocations = [\n    'latlongfield',\n    'eastingnorthingfield',\n    'osgridreffield'\n  ]\n  if (!locationType || !supportedLocations.includes(locationType)) {\n    return\n  }\n\n  const mapContainer = document.createElement('div')\n  const mapId = `map_${index}`\n\n  mapContainer.setAttribute('id', mapId)\n  mapContainer.setAttribute('class', 'map-container')\n\n  const initConfig = getInitMapConfig(location) ?? defaultConfig\n\n  locationInputs.after(mapContainer)\n\n  const { map, interactPlugin } = createMap(mapId, initConfig, config)\n\n  map.on(\n    EVENTS.mapReady,\n    /**\n     * Callback function which fires when the map is ready\n     * @param {object} e - the event\n     * @param {MapLibreMap} e.map - the map provider instance\n     */\n    function onMapReady(e) {\n      switch (locationType) {\n        case 'latlongfield':\n          bindLatLongField(location, map, e.map)\n          break\n        case 'eastingnorthingfield':\n          bindEastingNorthingField(location, map, e.map)\n          break\n        case 'osgridreffield':\n          bindOsGridRefField(location, map, e.map)\n          break\n        default:\n          throw new Error('Not implemented')\n      }\n\n      // Add info panel\n      map.addPanel('info', {\n        showLabel: true,\n        label: 'How to use the map',\n        mobile: {\n          slot: 'bottom',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        tablet: {\n          slot: 'bottom',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        desktop: {\n          slot: 'bottom',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        html: 'If using a map click on a point to update the location.<br><br>If using a keyboard, navigate to the point, centering the crosshair at the location and press enter.'\n      })\n\n      // Enable the interact plugin\n      interactPlugin.enable()\n    }\n  )\n}\n\n/**\n * @import { InteractiveMap, InteractiveMapInitConfig, MapCenter, MapLibreMap, MapsEnvironmentConfig } from '~/src/client/javascripts/map.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"location-map.js","names":["EVENTS","centerMap","createMap","defaultConfig","eastingNorthingToLatLong","latLongToEastingNorthing","latLongToOsGridRef","osGridRefToLatLong","LOCATION_FIELD_SELECTOR","getInitMapConfig","locationField","locationType","dataset","locationtype","getInitLatLongMapConfig","getInitEastingNorthingMapConfig","getInitOsGridRefMapConfig","Error","validateLatLong","strLat","strLong","lat","trim","Number","long","valid","latMin","latMax","longMin","longMax","latInBounds","longInBounds","value","validateEastingNorthing","strEasting","strNorthing","easting","northing","eastingMin","eastingMax","northingMin","northingMax","validateOsGridRef","osGridRef","pattern","match","exec","getLatLongInputs","inputs","querySelectorAll","length","latInput","longInput","getEastingNorthingInputs","eastingInput","northingInput","getOsGridRefInput","input","querySelector","getInitMapCenterConfig","center","zoom","markers","id","coords","result","undefined","latlong","osGridRefInput","bindLatLongField","map","mapProvider","on","interactMarkerChange","onInteractMarkerChange","e","maxPrecision","toFixed","onUpdateInputs","addEventListener","bindEastingNorthingField","point","bindOsGridRefField","onUpdateInput","processLocation","config","location","index","HTMLDivElement","locationInputs","supportedLocations","includes","mapContainer","document","createElement","mapId","setAttribute","initConfig","after","interactPlugin","mapReady","onMapReady","addPanel","showLabel","label","mobile","slot","open","dismissible","modal","tablet","desktop","html","enable"],"sources":["../../../src/client/javascripts/location-map.js"],"sourcesContent":["import {\n  EVENTS,\n  centerMap,\n  createMap,\n  defaultConfig,\n  eastingNorthingToLatLong,\n  latLongToEastingNorthing,\n  latLongToOsGridRef,\n  osGridRefToLatLong\n} from '~/src/client/javascripts/map.js'\n\nconst LOCATION_FIELD_SELECTOR = 'input.govuk-input'\n\n/**\n * Gets initial map config for a location field\n * @param {HTMLDivElement} locationField - the location field element\n */\nfunction getInitMapConfig(locationField) {\n  const locationType = locationField.dataset.locationtype\n\n  switch (locationType) {\n    case 'latlongfield':\n      return getInitLatLongMapConfig(locationField)\n    case 'eastingnorthingfield':\n      return getInitEastingNorthingMapConfig(locationField)\n    case 'osgridreffield':\n      return getInitOsGridRefMapConfig(locationField)\n    default:\n      throw new Error('Not implemented')\n  }\n}\n\n/**\n * Validates lat and long is numeric and within UK bounds\n * @param {string} strLat - the latitude string\n * @param {string} strLong - the longitude string\n * @returns {{ valid: false } | { valid: true, value: { lat: number, long: number } }}\n */\nfunction validateLatLong(strLat, strLong) {\n  const lat = strLat.trim() && Number(strLat.trim())\n  const long = strLong.trim() && Number(strLong.trim())\n\n  if (!lat || !long) {\n    return { valid: false }\n  }\n\n  const latMin = 49.85\n  const latMax = 60.859\n  const longMin = -13.687\n  const longMax = 1.767\n\n  const latInBounds = lat >= latMin && lat <= latMax\n  const longInBounds = long >= longMin && long <= longMax\n\n  if (!latInBounds || !longInBounds) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: { lat, long } }\n}\n\n/**\n * Validates easting and northing is numeric and within UK bounds\n * @param {string} strEasting - the easting string\n * @param {string} strNorthing - the northing string\n * @returns {{ valid: false } | { valid: true, value: { easting: number, northing: number } }}\n */\nfunction validateEastingNorthing(strEasting, strNorthing) {\n  const easting = strEasting.trim() && Number(strEasting.trim())\n  const northing = strNorthing.trim() && Number(strNorthing.trim())\n\n  if (!easting || !northing) {\n    return { valid: false }\n  }\n\n  const eastingMin = 0\n  const eastingMax = 700000\n  const northingMin = 0\n  const northingMax = 1300000\n\n  const latInBounds = easting >= eastingMin && easting <= eastingMax\n  const longInBounds = northing >= northingMin && northing <= northingMax\n\n  if (!latInBounds || !longInBounds) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: { easting, northing } }\n}\n\n/**\n * Validates OS grid reference is correct\n * @param {string} osGridRef - the OsGridRef\n * @returns {{ valid: false } | { valid: true, value: string }}\n */\nfunction validateOsGridRef(osGridRef) {\n  if (!osGridRef) {\n    return { valid: false }\n  }\n\n  const pattern =\n    /^((([sS]|[nN])[a-hA-Hj-zJ-Z])|(([tT]|[oO])[abfglmqrvwABFGLMQRVW])|([hH][l-zL-Z])|([jJ][lmqrvwLMQRVW]))\\s?(([0-9]{3})\\s?([0-9]{3})|([0-9]{4})\\s?([0-9]{4})|([0-9]{5})\\s?([0-9]{5}))$/\n\n  const match = pattern.exec(osGridRef)\n\n  if (match === null) {\n    return { valid: false }\n  }\n\n  return { valid: true, value: match[0] }\n}\n\n/**\n * Gets the inputs for a latlong location field\n * @param {HTMLDivElement} locationField - the latlong location field element\n */\nfunction getLatLongInputs(locationField) {\n  const inputs = locationField.querySelectorAll(LOCATION_FIELD_SELECTOR)\n\n  if (inputs.length !== 2) {\n    throw new Error('Expected 2 inputs for lat and long')\n  }\n\n  const latInput = /** @type {HTMLInputElement} */ (inputs[0])\n  const longInput = /** @type {HTMLInputElement} */ (inputs[1])\n\n  return { latInput, longInput }\n}\n\n/**\n * Gets the inputs for a easting/northing location field\n * @param {HTMLDivElement} locationField - the eastingnorthing location field element\n */\nfunction getEastingNorthingInputs(locationField) {\n  const inputs = locationField.querySelectorAll(LOCATION_FIELD_SELECTOR)\n\n  if (inputs.length !== 2) {\n    throw new Error('Expected 2 inputs for easting and northing')\n  }\n\n  const eastingInput = /** @type {HTMLInputElement} */ (inputs[0])\n  const northingInput = /** @type {HTMLInputElement} */ (inputs[1])\n\n  return { eastingInput, northingInput }\n}\n\n/**\n * Gets the input for a OS grid reference location field\n * @param {HTMLDivElement} locationField - the osgridref location field element\n */\nfunction getOsGridRefInput(locationField) {\n  const input = locationField.querySelector(LOCATION_FIELD_SELECTOR)\n\n  if (input === null) {\n    throw new Error('Expected 1 input for osgridref')\n  }\n\n  return /** @type {HTMLInputElement} */ (input)\n}\n\n/**\n * Get the initial map config for a center point\n * @param {MapCenter} center - the point\n */\nfunction getInitMapCenterConfig(center) {\n  return {\n    zoom: '16',\n    center,\n    markers: [\n      {\n        id: 'location',\n        coords: center\n      }\n    ]\n  }\n}\n\n/**\n * Gets initial map config for a latlong location field\n * @param {HTMLDivElement} locationField - the latlong location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitLatLongMapConfig(locationField) {\n  const { latInput, longInput } = getLatLongInputs(locationField)\n  const result = validateLatLong(latInput.value, longInput.value)\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  /** @type {MapCenter} */\n  const center = [result.value.long, result.value.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Gets initial map config for a easting/northing location field\n * @param {HTMLDivElement} locationField - the eastingnorthing location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitEastingNorthingMapConfig(locationField) {\n  const { eastingInput, northingInput } =\n    getEastingNorthingInputs(locationField)\n  const result = validateEastingNorthing(\n    eastingInput.value,\n    northingInput.value\n  )\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  const latlong = eastingNorthingToLatLong(result.value)\n\n  /** @type {MapCenter} */\n  const center = [latlong.long, latlong.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Gets initial map config for an OS grid reference location field\n * @param {HTMLDivElement} locationField - the osgridref location field element\n * @returns {InteractiveMapInitConfig | undefined}\n */\nfunction getInitOsGridRefMapConfig(locationField) {\n  const osGridRefInput = getOsGridRefInput(locationField)\n  const result = validateOsGridRef(osGridRefInput.value)\n\n  if (!result.valid) {\n    return undefined\n  }\n\n  const latlong = osGridRefToLatLong(result.value)\n\n  /** @type {MapCenter} */\n  const center = [latlong.long, latlong.lat]\n\n  return getInitMapCenterConfig(center)\n}\n\n/**\n * Bind a latlong field to the map\n * @param {HTMLDivElement} locationField - the latlong location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindLatLongField(locationField, map, mapProvider) {\n  const { latInput, longInput } = getLatLongInputs(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const maxPrecision = 7\n      latInput.value = e.coords[1].toFixed(maxPrecision)\n      longInput.value = e.coords[0].toFixed(maxPrecision)\n    }\n  )\n\n  /**\n   * Lat & long input change event listener\n   * Update the map view location when the inputs are changed\n   */\n  function onUpdateInputs() {\n    const result = validateLatLong(latInput.value, longInput.value)\n\n    if (result.valid) {\n      /** @type {MapCenter} */\n      const center = [result.value.long, result.value.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  latInput.addEventListener('change', onUpdateInputs, false)\n  longInput.addEventListener('change', onUpdateInputs, false)\n}\n\n/**\n * Bind an eastingnorthing field to the map\n * @param {HTMLDivElement} locationField - the eastingnorthing location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindEastingNorthingField(locationField, map, mapProvider) {\n  const { eastingInput, northingInput } =\n    getEastingNorthingInputs(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const maxPrecision = 0\n      const point = latLongToEastingNorthing({\n        lat: e.coords[1],\n        long: e.coords[0]\n      })\n\n      eastingInput.value = point.easting.toFixed(maxPrecision)\n      northingInput.value = point.northing.toFixed(maxPrecision)\n    }\n  )\n\n  /**\n   * Easting & northing input change event listener\n   * Update the map view location when the inputs are changed\n   */\n  function onUpdateInputs() {\n    const result = validateEastingNorthing(\n      eastingInput.value,\n      northingInput.value\n    )\n\n    if (result.valid) {\n      const latlong = eastingNorthingToLatLong(result.value)\n\n      /** @type {MapCenter} */\n      const center = [latlong.long, latlong.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  eastingInput.addEventListener('change', onUpdateInputs, false)\n  northingInput.addEventListener('change', onUpdateInputs, false)\n}\n\n/**\n * Bind an OS grid reference field to the map\n * @param {HTMLDivElement} locationField - the osgridref location field\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n */\nfunction bindOsGridRefField(locationField, map, mapProvider) {\n  const osGridRefInput = getOsGridRefInput(locationField)\n\n  map.on(\n    EVENTS.interactMarkerChange,\n    /**\n     * Callback function which fires when the map marker changes\n     * @param {object} e - the event\n     * @param {[number, number]} e.coords - the map marker coordinates\n     */\n    function onInteractMarkerChange(e) {\n      const point = latLongToOsGridRef({\n        lat: e.coords[1],\n        long: e.coords[0]\n      })\n\n      osGridRefInput.value = point\n    }\n  )\n\n  /**\n   * OS grid reference input change event listener\n   * Update the map view location when the input is changed\n   */\n  function onUpdateInput() {\n    const result = validateOsGridRef(osGridRefInput.value)\n\n    if (result.valid) {\n      const latlong = osGridRefToLatLong(result.value)\n\n      /** @type {MapCenter} */\n      const center = [latlong.long, latlong.lat]\n\n      centerMap(map, mapProvider, center)\n    }\n  }\n\n  osGridRefInput.addEventListener('change', onUpdateInput, false)\n}\n\n/**\n * Processes a location field to add map capability\n * @param {MapsEnvironmentConfig} config - the location field element\n * @param {Element} location - the location field element\n * @param {number} index - the 0-based index\n */\nexport function processLocation(config, location, index) {\n  if (!(location instanceof HTMLDivElement)) {\n    return\n  }\n\n  const locationInputs = location.querySelector('.app-location-field-inputs')\n  if (!(locationInputs instanceof HTMLDivElement)) {\n    return\n  }\n  const locationType = location.dataset.locationtype\n\n  // Check for support\n  const supportedLocations = [\n    'latlongfield',\n    'eastingnorthingfield',\n    'osgridreffield'\n  ]\n  if (!locationType || !supportedLocations.includes(locationType)) {\n    return\n  }\n\n  const mapContainer = document.createElement('div')\n  const mapId = `map_${index}`\n\n  mapContainer.setAttribute('id', mapId)\n  mapContainer.setAttribute('class', 'map-container')\n\n  const initConfig = getInitMapConfig(location) ?? defaultConfig\n\n  locationInputs.after(mapContainer)\n\n  const { map, interactPlugin } = createMap(mapId, initConfig, config)\n\n  map.on(\n    EVENTS.mapReady,\n    /**\n     * Callback function which fires when the map is ready\n     * @param {object} e - the event\n     * @param {MapLibreMap} e.map - the map provider instance\n     */\n    function onMapReady(e) {\n      switch (locationType) {\n        case 'latlongfield':\n          bindLatLongField(location, map, e.map)\n          break\n        case 'eastingnorthingfield':\n          bindEastingNorthingField(location, map, e.map)\n          break\n        case 'osgridreffield':\n          bindOsGridRefField(location, map, e.map)\n          break\n        default:\n          throw new Error('Not implemented')\n      }\n\n      // Add info panel\n      map.addPanel('info', {\n        showLabel: true,\n        label: 'How to use the map',\n        mobile: {\n          slot: 'drawer',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        tablet: {\n          slot: 'drawer',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        desktop: {\n          slot: 'drawer',\n          open: true,\n          dismissible: true,\n          modal: false\n        },\n        html: 'If using a map click on a point to update the location.<br><br>If using a keyboard, navigate to the point, centering the crosshair at the location and press enter.'\n      })\n\n      // Enable the interact plugin\n      interactPlugin.enable()\n    }\n  )\n}\n\n/**\n * @import { InteractiveMap, InteractiveMapInitConfig, MapCenter, MapLibreMap, MapsEnvironmentConfig } from '~/src/client/javascripts/map.js'\n */\n"],"mappings":"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","ignoreList":[]}

package/.server/client/javascripts/map.d.ts

@@ -101,6 +101,12 @@ export namespace EVENTS {
     let drawEdited: string;
     let drawCancelled: string;
 }
+export function transformGeocodeRequest(request: {
+    url: string;
+    options: {
+        method: "get";
+    };
+}): Request;
 /**
  * - an instance of a InteractiveMap
  */

package/.server/client/javascripts/map.js

@@ -235,6 +235,18 @@ export function makeTileRequestTransformer(apiPath) {
   };
 }
 
+/**
+ * Temporary transform request function to transform geocode requests. Fixed in v0.0.18 of interactive map so this is not needed when we upgrade.
+ * @param {object} request
+ * @param {string} request.url
+ * @param {{ method: 'get' }} request.options
+ * @returns {Request}
+ */
+export const transformGeocodeRequest = request => {
+  const url = new URL(request.url, window.location.origin);
+  return new Request(url.toString(), request.options);
+};
+
 /**
  * Create a Defra map instance
  * @param {string} mapId - the map id
@@ -305,6 +317,7 @@ export function createMap(mapId, initConfig, mapsConfig) {
         attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`
       }]
     }), interactPlugin, defra.searchPlugin({
+      transformRequest: transformGeocodeRequest,
       osNamesURL: `${apiPath}/geocode-proxy?query={query}`,
       width: '300px',
       showMarker: false

package/.server/client/javascripts/map.js.map

@@ -1 +1 @@
-{"version":3,"file":"map.js","names":["centroid","OsGridRef","LatLon","processGeospatial","processLocation","DEFAULT_LAT","DEFAULT_LONG","COMPANY_SYMBOL_CODE","defaultData","VTS_OUTDOOR_URL","VTS_DARK_URL","VTS_BLACK_AND_WHITE_URL","latLongToEastingNorthing","lat","long","point","toOsGrid","eastingNorthingToLatLong","easting","northing","latLong","toLatLon","latitude","longitude","latLongToOsGridRef","toString","osGridRefToLatLong","osGridRef","parse","getCoordinateGridRef","feature","geometry","type","coordinates","getCentroidGridRef","centre","defaultConfig","zoom","center","EVENTS","mapReady","interactMarkerChange","drawReady","drawCreated","drawEdited","drawCancelled","formSubmitFactory","buttons","onFormSubmit","e","submitter","HTMLButtonElement","includes","preventDefault","initMaps","config","assetPath","apiPath","data","locations","document","querySelectorAll","geospatials","length","form","closest","Array","from","addEventListener","forEach","location","index","geospatial","makeTileRequestTransformer","transformTileRequest","url","resourceType","startsWith","replace","window","origin","headers","encodeURIComponent","spritesPath","path","substring","createMap","mapId","initConfig","mapsConfig","logoAltText","defra","interactPlugin","markerColor","outdoor","dark","interactionMode","multiSelect","map","InteractiveMap","enableFullscreen","autoColorScheme","mapProvider","maplibreProvider","reverseGeocodeProvider","openNamesProvider","behaviour","minZoom","maxZoom","containerHeight","enableZoomControls","transformRequest","plugins","mapStylesPlugin","mapStyles","id","label","thumbnail","logo","attribution","String","fromCodePoint","Date","getFullYear","backgroundColor","mapColorScheme","appColorScheme","searchPlugin","osNamesURL","width","showMarker","scaleBarPlugin","units","centerMap","addMarker","flyTo","essential"],"sources":["../../../src/client/javascripts/map.js"],"sourcesContent":["import { centroid } from '@turf/centroid'\n// @ts-expect-error - no types\nimport OsGridRef, { LatLon } from 'geodesy/osgridref.js'\n\nimport { processGeospatial } from '~/src/client/javascripts/geospatial-map.js'\nimport { processLocation } from '~/src/client/javascripts/location-map.js'\n\n// Center of UK\nconst DEFAULT_LAT = 53.825564\nconst DEFAULT_LONG = -2.421975\nconst COMPANY_SYMBOL_CODE = 169\n\nconst defaultData = {\n  VTS_OUTDOOR_URL: '/api/maps/vts/OS_VTS_3857_Outdoor.json',\n  VTS_DARK_URL: '/api/maps/vts/OS_VTS_3857_Dark.json',\n  VTS_BLACK_AND_WHITE_URL: '/api/maps/vts/OS_VTS_3857_Black_and_White.json'\n}\n\n/**\n * Converts lat long to easting and northing\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {{ easting: number, northing: number }}\n */\nexport function latLongToEastingNorthing({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid()\n}\n\n/**\n * Converts easting and northing to lat long\n * @param {object} param\n * @param {number} param.easting\n * @param {number} param.northing\n * @returns {{ lat: number, long: number }}\n */\nexport function eastingNorthingToLatLong({ easting, northing }) {\n  const point = new OsGridRef(easting, northing)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Converts lat long to an ordnance survey grid reference\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {string}\n */\nexport function latLongToOsGridRef({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid().toString()\n}\n\n/**\n * Converts an ordnance survey grid reference to lat long\n * @param {string} osGridRef\n * @returns {{ lat: number, long: number }}\n */\nexport function osGridRefToLatLong(osGridRef) {\n  const point = OsGridRef.parse(osGridRef)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Get the grid ref from the first coordinate of a long/lat feature\n * @param {Feature} feature\n */\nexport function getCoordinateGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else if (feature.geometry.type === 'LineString') {\n    const [long, lat] = feature.geometry.coordinates[0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const [long, lat] = feature.geometry.coordinates[0][0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/**\n * Get the centroid grid ref from a long/lat feature\n * @param {Feature} feature\n */\nexport function getCentroidGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const centre = centroid(feature)\n    const [long, lat] = centre.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/** @type {InteractiveMapInitConfig} */\nexport const defaultConfig = {\n  zoom: '6',\n  center: [DEFAULT_LONG, DEFAULT_LAT]\n}\n\nexport const EVENTS = {\n  mapReady: 'map:ready',\n  interactMarkerChange: 'interact:markerchange',\n  drawReady: 'draw:ready',\n  drawCreated: 'draw:created',\n  drawEdited: 'draw:edited',\n  drawCancelled: 'draw:cancelled'\n}\n\n/**\n * Make a form submit handler that only allows submissions from allowed buttons\n * @param {HTMLButtonElement[]} buttons - the form buttons to allow submissions\n */\nexport function formSubmitFactory(buttons) {\n  /**\n   * The submit handler\n   * @param {SubmitEvent} e\n   */\n  const onFormSubmit = function (e) {\n    if (\n      !(e.submitter instanceof HTMLButtonElement) ||\n      !buttons.includes(e.submitter)\n    ) {\n      e.preventDefault()\n    }\n  }\n\n  return onFormSubmit\n}\n\n/**\n * Initialise location maps\n * @param {Partial<MapsEnvironmentConfig>} config - the map configuration\n */\nexport function initMaps(config = {}) {\n  const {\n    assetPath = '/assets',\n    apiPath = '/form/api',\n    data = defaultData\n  } = config\n  const locations = document.querySelectorAll('.app-location-field')\n  const geospatials = document.querySelectorAll('.app-geospatial-field')\n\n  // TODO: Fix this in `interactive-map`\n  // If there are location components on the page fix up the main form submit\n  // handler so it doesn't fire when using the integrated map search feature\n  if (locations.length) {\n    const form = locations[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  if (geospatials.length) {\n    const form = geospatials[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  locations.forEach((location, index) => {\n    processLocation({ assetPath, apiPath, data }, location, index)\n  })\n\n  geospatials.forEach((geospatial, index) => {\n    processGeospatial({ assetPath, apiPath, data }, geospatial, index)\n  })\n}\n\n/**\n * OS API request proxy factory\n * @param {string} apiPath - the root API path\n */\nexport function makeTileRequestTransformer(apiPath) {\n  /**\n   * Proxy OS API requests via our server\n   * @param {string} url - the request URL\n   * @param {string} resourceType - the resource type\n   */\n  return function transformTileRequest(url, resourceType) {\n    if (url.startsWith('https://api.os.uk')) {\n      if (resourceType === 'Tile') {\n        return {\n          url: url.replace(\n            'https://api.os.uk/maps/vector/v1/vts',\n            `${window.location.origin}${apiPath}`\n          ),\n          headers: {}\n        }\n      }\n\n      if (resourceType !== 'Style') {\n        return {\n          url: `${apiPath}/map-proxy?url=${encodeURIComponent(url)}`,\n          headers: {}\n        }\n      }\n    }\n\n    const spritesPath =\n      'https://raw.githubusercontent.com/OrdnanceSurvey/OS-Vector-Tile-API-Stylesheets/main'\n\n    // Proxy sprite requests\n    if (url.startsWith(spritesPath)) {\n      const path = url.substring(spritesPath.length)\n      return {\n        url: `${apiPath}/maps/vts${path}`,\n        headers: {}\n      }\n    }\n\n    return { url, headers: {} }\n  }\n}\n\n/**\n * Create a Defra map instance\n * @param {string} mapId - the map id\n * @param {InteractiveMapInitConfig} initConfig - the map initial configuration\n * @param {MapsEnvironmentConfig} mapsConfig - the map environment params\n */\nexport function createMap(mapId, initConfig, mapsConfig) {\n  const { assetPath, apiPath, data = defaultData } = mapsConfig\n  const logoAltText = 'Ordnance survey logo'\n\n  // @ts-expect-error - Defra namespace currently comes from UMD support files\n  const defra = window.defra\n\n  const interactPlugin = defra.interactPlugin({\n    markerColor: { outdoor: '#ff0000', dark: '#00ff00' },\n    interactionMode: 'marker',\n    multiSelect: false\n  })\n\n  /** @type {InteractiveMap} */\n  const map = new defra.InteractiveMap(mapId, {\n    enableFullscreen: true,\n    autoColorScheme: false,\n    mapProvider: defra.maplibreProvider(),\n    reverseGeocodeProvider: defra.openNamesProvider({\n      url: `${apiPath}/reverse-geocode-proxy?easting={easting}&northing={northing}`\n    }),\n    behaviour: 'inline',\n    minZoom: 6,\n    maxZoom: 18,\n    containerHeight: '400px',\n    enableZoomControls: true,\n    transformRequest: makeTileRequestTransformer(apiPath),\n    ...initConfig,\n    plugins: [\n      defra.mapStylesPlugin({\n        mapStyles: [\n          {\n            id: 'outdoor',\n            label: 'Outdoor',\n            url: data.VTS_OUTDOOR_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/outdoor-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`,\n            backgroundColor: '#f5f5f0'\n          },\n          {\n            id: 'dark',\n            label: 'Dark',\n            url: data.VTS_DARK_URL,\n            mapColorScheme: 'dark',\n            appColorScheme: 'dark',\n            thumbnail: `${assetPath}/interactive-map/assets/images/dark-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-white.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          },\n          {\n            id: 'black-and-white',\n            label: 'Black/White',\n            url: data.VTS_BLACK_AND_WHITE_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/black-and-white-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-black.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          }\n        ]\n      }),\n      interactPlugin,\n      defra.searchPlugin({\n        osNamesURL: `${apiPath}/geocode-proxy?query={query}`,\n        width: '300px',\n        showMarker: false\n      }),\n      defra.scaleBarPlugin({\n        units: 'metric'\n      }),\n      ...(initConfig.plugins ?? [])\n    ]\n  })\n\n  return { map, interactPlugin }\n}\n\n/**\n * Updates the marker position and moves the map view port the new location\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n * @param {MapCenter} center - the point\n */\nexport function centerMap(map, mapProvider, center) {\n  // Move the 'location' marker to the new point\n  map.addMarker('location', center)\n\n  // Pan & zoom the map to the new valid location\n  mapProvider.flyTo({\n    center,\n    zoom: 14,\n    essential: true\n  })\n}\n\n/**\n * @typedef {object} InteractiveMap - an instance of a InteractiveMap\n * @property {Function} on - register callback listeners to map events\n * @property {Function} addPanel - adds a new panel to the map\n * @property {Function} addMarker - adds/updates a marker\n * @property {Function} removeMarker - removes a marker\n * @property {Function} addButton - adds/updates a button\n * @property {Function} toggleButtonState - toggle the state of a button\n */\n\n/**\n * @typedef {object} MapLibreMap\n * @property {Function} flyTo - pans/zooms to a new location\n * @property {Function} fitBounds - fits the my to the new bounds\n */\n\n/**\n * @typedef {[number, number]} MapCenter - Map center point as [long, lat]\n */\n\n/**\n * @typedef {object} InteractiveMapInitConfig - additional config that can be provided to InteractiveMap\n * @property {string} zoom - the zoom level of the map\n * @property {MapCenter} center - the center point of the map\n * @property {{ id: string, coords: MapCenter }[]} [markers] - the markers to add to the map\n * @property {any[]} [plugins] - additional plugins\n */\n\n/**\n * @typedef {object} TileData\n * @property {string} VTS_OUTDOOR_URL - the outdoor tile URL\n * @property {string} VTS_DARK_URL - the dark tile URL\n * @property {string} VTS_BLACK_AND_WHITE_URL - the black and white tile URL\n */\n\n/**\n * @typedef {object} MapsEnvironmentConfig\n * @property {string} assetPath - the root asset path\n * @property {string} apiPath - the root API path\n * @property {TileData} data - the tile data config\n */\n\n/**\n * @import { Feature } from '~/src/server/plugins/engine/types.js'\n */\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC;AACA,OAAOC,SAAS,IAAIC,MAAM,QAAQ,sBAAsB;AAExD,SAASC,iBAAiB;AAC1B,SAASC,eAAe;;AAExB;AACA,MAAMC,WAAW,GAAG,SAAS;AAC7B,MAAMC,YAAY,GAAG,CAAC,QAAQ;AAC9B,MAAMC,mBAAmB,GAAG,GAAG;AAE/B,MAAMC,WAAW,GAAG;EAClBC,eAAe,EAAE,wCAAwC;EACzDC,YAAY,EAAE,qCAAqC;EACnDC,uBAAuB,EAAE;AAC3B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAC;EAAEC,GAAG;EAAEC;AAAK,CAAC,EAAE;EACtD,MAAMC,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;EAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAC;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAE;EAC9D,MAAMJ,KAAK,GAAG,IAAId,SAAS,CAACiB,OAAO,EAAEC,QAAQ,CAAC;EAC9C,MAAMC,OAAO,GAAGL,KAAK,CAACM,QAAQ,CAAC,CAAC;EAEhC,OAAO;IAAER,GAAG,EAAEO,OAAO,CAACE,QAAQ;IAAER,IAAI,EAAEM,OAAO,CAACG;EAAU,CAAC;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EAAEX,GAAG;EAAEC;AAAK,CAAC,EAAE;EAChD,MAAMC,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;EAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,SAAS,EAAE;EAC5C,MAAMZ,KAAK,GAAGd,SAAS,CAAC2B,KAAK,CAACD,SAAS,CAAC;EACxC,MAAMP,OAAO,GAAGL,KAAK,CAACM,QAAQ,CAAC,CAAC;EAEhC,OAAO;IAAER,GAAG,EAAEO,OAAO,CAACE,QAAQ;IAAER,IAAI,EAAEM,OAAO,CAACG;EAAU,CAAC;AAC3D;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,oBAAoBA,CAACC,OAAO,EAAE;EAC5C,IAAIA,OAAO,CAACC,QAAQ,CAACC,IAAI,KAAK,OAAO,EAAE;IACrC,MAAM,CAAClB,IAAI,EAAED,GAAG,CAAC,GAAGiB,OAAO,CAACC,QAAQ,CAACE,WAAW;IAChD,MAAMlB,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;IAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;EACpC,CAAC,MAAM,IAAIK,OAAO,CAACC,QAAQ,CAACC,IAAI,KAAK,YAAY,EAAE;IACjD,MAAM,CAAClB,IAAI,EAAED,GAAG,CAAC,GAAGiB,OAAO,CAACC,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC;IACnD,MAAMlB,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;IAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;EACpC,CAAC,MAAM;IACL,MAAM,CAACX,IAAI,EAAED,GAAG,CAAC,GAAGiB,OAAO,CAACC,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAMlB,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;IAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;EACpC;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASS,kBAAkBA,CAACJ,OAAO,EAAE;EAC1C,IAAIA,OAAO,CAACC,QAAQ,CAACC,IAAI,KAAK,OAAO,EAAE;IACrC,MAAM,CAAClB,IAAI,EAAED,GAAG,CAAC,GAAGiB,OAAO,CAACC,QAAQ,CAACE,WAAW;IAChD,MAAMlB,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;IAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;EACpC,CAAC,MAAM;IACL,MAAMU,MAAM,GAAGnC,QAAQ,CAAC8B,OAAO,CAAC;IAChC,MAAM,CAAChB,IAAI,EAAED,GAAG,CAAC,GAAGsB,MAAM,CAACJ,QAAQ,CAACE,WAAW;IAC/C,MAAMlB,KAAK,GAAG,IAAIb,MAAM,CAACW,GAAG,EAAEC,IAAI,CAAC;IAEnC,OAAOC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAACS,QAAQ,CAAC,CAAC;EACpC;AACF;;AAEA;AACA,OAAO,MAAMW,aAAa,GAAG;EAC3BC,IAAI,EAAE,GAAG;EACTC,MAAM,EAAE,CAAChC,YAAY,EAAED,WAAW;AACpC,CAAC;AAED,OAAO,MAAMkC,MAAM,GAAG;EACpBC,QAAQ,EAAE,WAAW;EACrBC,oBAAoB,EAAE,uBAAuB;EAC7CC,SAAS,EAAE,YAAY;EACvBC,WAAW,EAAE,cAAc;EAC3BC,UAAU,EAAE,aAAa;EACzBC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,OAAO,EAAE;EACzC;AACF;AACA;AACA;EACE,MAAMC,YAAY,GAAG,SAAAA,CAAUC,CAAC,EAAE;IAChC,IACE,EAAEA,CAAC,CAACC,SAAS,YAAYC,iBAAiB,CAAC,IAC3C,CAACJ,OAAO,CAACK,QAAQ,CAACH,CAAC,CAACC,SAAS,CAAC,EAC9B;MACAD,CAAC,CAACI,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED,OAAOL,YAAY;AACrB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,QAAQA,CAACC,MAAM,GAAG,CAAC,CAAC,EAAE;EACpC,MAAM;IACJC,SAAS,GAAG,SAAS;IACrBC,OAAO,GAAG,WAAW;IACrBC,IAAI,GAAGlD;EACT,CAAC,GAAG+C,MAAM;EACV,MAAMI,SAAS,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,qBAAqB,CAAC;EAClE,MAAMC,WAAW,GAAGF,QAAQ,CAACC,gBAAgB,CAAC,uBAAuB,CAAC;;EAEtE;EACA;EACA;EACA,IAAIF,SAAS,CAACI,MAAM,EAAE;IACpB,MAAMC,IAAI,GAAGL,SAAS,CAAC,CAAC,CAAC,CAACM,OAAO,CAAC,MAAM,CAAC;IAEzC,IAAID,IAAI,KAAK,IAAI,EAAE;MACjB;IACF;IAEA,MAAMjB,OAAO,GAAGmB,KAAK,CAACC,IAAI,CAACH,IAAI,CAACH,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3DG,IAAI,CAACI,gBAAgB,CAAC,QAAQ,EAAEtB,iBAAiB,CAACC,OAAO,CAAC,EAAE,KAAK,CAAC;EACpE;EAEA,IAAIe,WAAW,CAACC,MAAM,EAAE;IACtB,MAAMC,IAAI,GAAGF,WAAW,CAAC,CAAC,CAAC,CAACG,OAAO,CAAC,MAAM,CAAC;IAE3C,IAAID,IAAI,KAAK,IAAI,EAAE;MACjB;IACF;IAEA,MAAMjB,OAAO,GAAGmB,KAAK,CAACC,IAAI,CAACH,IAAI,CAACH,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3DG,IAAI,CAACI,gBAAgB,CAAC,QAAQ,EAAEtB,iBAAiB,CAACC,OAAO,CAAC,EAAE,KAAK,CAAC;EACpE;EAEAY,SAAS,CAACU,OAAO,CAAC,CAACC,QAAQ,EAAEC,KAAK,KAAK;IACrCnE,eAAe,CAAC;MAAEoD,SAAS;MAAEC,OAAO;MAAEC;IAAK,CAAC,EAAEY,QAAQ,EAAEC,KAAK,CAAC;EAChE,CAAC,CAAC;EAEFT,WAAW,CAACO,OAAO,CAAC,CAACG,UAAU,EAAED,KAAK,KAAK;IACzCpE,iBAAiB,CAAC;MAAEqD,SAAS;MAAEC,OAAO;MAAEC;IAAK,CAAC,EAAEc,UAAU,EAAED,KAAK,CAAC;EACpE,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,0BAA0BA,CAAChB,OAAO,EAAE;EAClD;AACF;AACA;AACA;AACA;EACE,OAAO,SAASiB,oBAAoBA,CAACC,GAAG,EAAEC,YAAY,EAAE;IACtD,IAAID,GAAG,CAACE,UAAU,CAAC,mBAAmB,CAAC,EAAE;MACvC,IAAID,YAAY,KAAK,MAAM,EAAE;QAC3B,OAAO;UACLD,GAAG,EAAEA,GAAG,CAACG,OAAO,CACd,sCAAsC,EACtC,GAAGC,MAAM,CAACT,QAAQ,CAACU,MAAM,GAAGvB,OAAO,EACrC,CAAC;UACDwB,OAAO,EAAE,CAAC;QACZ,CAAC;MACH;MAEA,IAAIL,YAAY,KAAK,OAAO,EAAE;QAC5B,OAAO;UACLD,GAAG,EAAE,GAAGlB,OAAO,kBAAkByB,kBAAkB,CAACP,GAAG,CAAC,EAAE;UAC1DM,OAAO,EAAE,CAAC;QACZ,CAAC;MACH;IACF;IAEA,MAAME,WAAW,GACf,sFAAsF;;IAExF;IACA,IAAIR,GAAG,CAACE,UAAU,CAACM,WAAW,CAAC,EAAE;MAC/B,MAAMC,IAAI,GAAGT,GAAG,CAACU,SAAS,CAACF,WAAW,CAACpB,MAAM,CAAC;MAC9C,OAAO;QACLY,GAAG,EAAE,GAAGlB,OAAO,YAAY2B,IAAI,EAAE;QACjCH,OAAO,EAAE,CAAC;MACZ,CAAC;IACH;IAEA,OAAO;MAAEN,GAAG;MAAEM,OAAO,EAAE,CAAC;IAAE,CAAC;EAC7B,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,SAASA,CAACC,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAE;EACvD,MAAM;IAAEjC,SAAS;IAAEC,OAAO;IAAEC,IAAI,GAAGlD;EAAY,CAAC,GAAGiF,UAAU;EAC7D,MAAMC,WAAW,GAAG,sBAAsB;;EAE1C;EACA,MAAMC,KAAK,GAAGZ,MAAM,CAACY,KAAK;EAE1B,MAAMC,cAAc,GAAGD,KAAK,CAACC,cAAc,CAAC;IAC1CC,WAAW,EAAE;MAAEC,OAAO,EAAE,SAAS;MAAEC,IAAI,EAAE;IAAU,CAAC;IACpDC,eAAe,EAAE,QAAQ;IACzBC,WAAW,EAAE;EACf,CAAC,CAAC;;EAEF;EACA,MAAMC,GAAG,GAAG,IAAIP,KAAK,CAACQ,cAAc,CAACZ,KAAK,EAAE;IAC1Ca,gBAAgB,EAAE,IAAI;IACtBC,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAEX,KAAK,CAACY,gBAAgB,CAAC,CAAC;IACrCC,sBAAsB,EAAEb,KAAK,CAACc,iBAAiB,CAAC;MAC9C9B,GAAG,EAAE,GAAGlB,OAAO;IACjB,CAAC,CAAC;IACFiD,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE,CAAC;IACVC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE,OAAO;IACxBC,kBAAkB,EAAE,IAAI;IACxBC,gBAAgB,EAAEtC,0BAA0B,CAAChB,OAAO,CAAC;IACrD,GAAG+B,UAAU;IACbwB,OAAO,EAAE,CACPrB,KAAK,CAACsB,eAAe,CAAC;MACpBC,SAAS,EAAE,CACT;QACEC,EAAE,EAAE,SAAS;QACbC,KAAK,EAAE,SAAS;QAChBzC,GAAG,EAAEjB,IAAI,CAACjD,eAAe;QACzB4G,SAAS,EAAE,GAAG7D,SAAS,sDAAsD;QAC7E8D,IAAI,EAAE,GAAG9D,SAAS,4CAA4C;QAC9DkC,WAAW;QACX6B,WAAW,EAAE,oBAAoBC,MAAM,CAACC,aAAa,CAAClH,mBAAmB,CAAC,wCAAwC,IAAImH,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE;QAC5IC,eAAe,EAAE;MACnB,CAAC,EACD;QACET,EAAE,EAAE,MAAM;QACVC,KAAK,EAAE,MAAM;QACbzC,GAAG,EAAEjB,IAAI,CAAChD,YAAY;QACtBmH,cAAc,EAAE,MAAM;QACtBC,cAAc,EAAE,MAAM;QACtBT,SAAS,EAAE,GAAG7D,SAAS,mDAAmD;QAC1E8D,IAAI,EAAE,GAAG9D,SAAS,kDAAkD;QACpEkC,WAAW;QACX6B,WAAW,EAAE,oBAAoBC,MAAM,CAACC,aAAa,CAAClH,mBAAmB,CAAC,wCAAwC,IAAImH,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;MAC5I,CAAC,EACD;QACER,EAAE,EAAE,iBAAiB;QACrBC,KAAK,EAAE,aAAa;QACpBzC,GAAG,EAAEjB,IAAI,CAAC/C,uBAAuB;QACjC0G,SAAS,EAAE,GAAG7D,SAAS,8DAA8D;QACrF8D,IAAI,EAAE,GAAG9D,SAAS,kDAAkD;QACpEkC,WAAW;QACX6B,WAAW,EAAE,oBAAoBC,MAAM,CAACC,aAAa,CAAClH,mBAAmB,CAAC,wCAAwC,IAAImH,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;MAC5I,CAAC;IAEL,CAAC,CAAC,EACF/B,cAAc,EACdD,KAAK,CAACoC,YAAY,CAAC;MACjBC,UAAU,EAAE,GAAGvE,OAAO,8BAA8B;MACpDwE,KAAK,EAAE,OAAO;MACdC,UAAU,EAAE;IACd,CAAC,CAAC,EACFvC,KAAK,CAACwC,cAAc,CAAC;MACnBC,KAAK,EAAE;IACT,CAAC,CAAC,EACF,IAAI5C,UAAU,CAACwB,OAAO,IAAI,EAAE,CAAC;EAEjC,CAAC,CAAC;EAEF,OAAO;IAAEd,GAAG;IAAEN;EAAe,CAAC;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASyC,SAASA,CAACnC,GAAG,EAAEI,WAAW,EAAEhE,MAAM,EAAE;EAClD;EACA4D,GAAG,CAACoC,SAAS,CAAC,UAAU,EAAEhG,MAAM,CAAC;;EAEjC;EACAgE,WAAW,CAACiC,KAAK,CAAC;IAChBjG,MAAM;IACND,IAAI,EAAE,EAAE;IACRmG,SAAS,EAAE;EACb,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"map.js","names":["centroid","OsGridRef","LatLon","processGeospatial","processLocation","DEFAULT_LAT","DEFAULT_LONG","COMPANY_SYMBOL_CODE","defaultData","VTS_OUTDOOR_URL","VTS_DARK_URL","VTS_BLACK_AND_WHITE_URL","latLongToEastingNorthing","lat","long","point","toOsGrid","eastingNorthingToLatLong","easting","northing","latLong","toLatLon","latitude","longitude","latLongToOsGridRef","toString","osGridRefToLatLong","osGridRef","parse","getCoordinateGridRef","feature","geometry","type","coordinates","getCentroidGridRef","centre","defaultConfig","zoom","center","EVENTS","mapReady","interactMarkerChange","drawReady","drawCreated","drawEdited","drawCancelled","formSubmitFactory","buttons","onFormSubmit","e","submitter","HTMLButtonElement","includes","preventDefault","initMaps","config","assetPath","apiPath","data","locations","document","querySelectorAll","geospatials","length","form","closest","Array","from","addEventListener","forEach","location","index","geospatial","makeTileRequestTransformer","transformTileRequest","url","resourceType","startsWith","replace","window","origin","headers","encodeURIComponent","spritesPath","path","substring","transformGeocodeRequest","request","URL","Request","options","createMap","mapId","initConfig","mapsConfig","logoAltText","defra","interactPlugin","markerColor","outdoor","dark","interactionMode","multiSelect","map","InteractiveMap","enableFullscreen","autoColorScheme","mapProvider","maplibreProvider","reverseGeocodeProvider","openNamesProvider","behaviour","minZoom","maxZoom","containerHeight","enableZoomControls","transformRequest","plugins","mapStylesPlugin","mapStyles","id","label","thumbnail","logo","attribution","String","fromCodePoint","Date","getFullYear","backgroundColor","mapColorScheme","appColorScheme","searchPlugin","osNamesURL","width","showMarker","scaleBarPlugin","units","centerMap","addMarker","flyTo","essential"],"sources":["../../../src/client/javascripts/map.js"],"sourcesContent":["import { centroid } from '@turf/centroid'\n// @ts-expect-error - no types\nimport OsGridRef, { LatLon } from 'geodesy/osgridref.js'\n\nimport { processGeospatial } from '~/src/client/javascripts/geospatial-map.js'\nimport { processLocation } from '~/src/client/javascripts/location-map.js'\n\n// Center of UK\nconst DEFAULT_LAT = 53.825564\nconst DEFAULT_LONG = -2.421975\nconst COMPANY_SYMBOL_CODE = 169\n\nconst defaultData = {\n  VTS_OUTDOOR_URL: '/api/maps/vts/OS_VTS_3857_Outdoor.json',\n  VTS_DARK_URL: '/api/maps/vts/OS_VTS_3857_Dark.json',\n  VTS_BLACK_AND_WHITE_URL: '/api/maps/vts/OS_VTS_3857_Black_and_White.json'\n}\n\n/**\n * Converts lat long to easting and northing\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {{ easting: number, northing: number }}\n */\nexport function latLongToEastingNorthing({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid()\n}\n\n/**\n * Converts easting and northing to lat long\n * @param {object} param\n * @param {number} param.easting\n * @param {number} param.northing\n * @returns {{ lat: number, long: number }}\n */\nexport function eastingNorthingToLatLong({ easting, northing }) {\n  const point = new OsGridRef(easting, northing)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Converts lat long to an ordnance survey grid reference\n * @param {object} param\n * @param {number} param.lat\n * @param {number} param.long\n * @returns {string}\n */\nexport function latLongToOsGridRef({ lat, long }) {\n  const point = new LatLon(lat, long)\n\n  return point.toOsGrid().toString()\n}\n\n/**\n * Converts an ordnance survey grid reference to lat long\n * @param {string} osGridRef\n * @returns {{ lat: number, long: number }}\n */\nexport function osGridRefToLatLong(osGridRef) {\n  const point = OsGridRef.parse(osGridRef)\n  const latLong = point.toLatLon()\n\n  return { lat: latLong.latitude, long: latLong.longitude }\n}\n\n/**\n * Get the grid ref from the first coordinate of a long/lat feature\n * @param {Feature} feature\n */\nexport function getCoordinateGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else if (feature.geometry.type === 'LineString') {\n    const [long, lat] = feature.geometry.coordinates[0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const [long, lat] = feature.geometry.coordinates[0][0]\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/**\n * Get the centroid grid ref from a long/lat feature\n * @param {Feature} feature\n */\nexport function getCentroidGridRef(feature) {\n  if (feature.geometry.type === 'Point') {\n    const [long, lat] = feature.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  } else {\n    const centre = centroid(feature)\n    const [long, lat] = centre.geometry.coordinates\n    const point = new LatLon(lat, long)\n\n    return point.toOsGrid().toString()\n  }\n}\n\n/** @type {InteractiveMapInitConfig} */\nexport const defaultConfig = {\n  zoom: '6',\n  center: [DEFAULT_LONG, DEFAULT_LAT]\n}\n\nexport const EVENTS = {\n  mapReady: 'map:ready',\n  interactMarkerChange: 'interact:markerchange',\n  drawReady: 'draw:ready',\n  drawCreated: 'draw:created',\n  drawEdited: 'draw:edited',\n  drawCancelled: 'draw:cancelled'\n}\n\n/**\n * Make a form submit handler that only allows submissions from allowed buttons\n * @param {HTMLButtonElement[]} buttons - the form buttons to allow submissions\n */\nexport function formSubmitFactory(buttons) {\n  /**\n   * The submit handler\n   * @param {SubmitEvent} e\n   */\n  const onFormSubmit = function (e) {\n    if (\n      !(e.submitter instanceof HTMLButtonElement) ||\n      !buttons.includes(e.submitter)\n    ) {\n      e.preventDefault()\n    }\n  }\n\n  return onFormSubmit\n}\n\n/**\n * Initialise location maps\n * @param {Partial<MapsEnvironmentConfig>} config - the map configuration\n */\nexport function initMaps(config = {}) {\n  const {\n    assetPath = '/assets',\n    apiPath = '/form/api',\n    data = defaultData\n  } = config\n  const locations = document.querySelectorAll('.app-location-field')\n  const geospatials = document.querySelectorAll('.app-geospatial-field')\n\n  // TODO: Fix this in `interactive-map`\n  // If there are location components on the page fix up the main form submit\n  // handler so it doesn't fire when using the integrated map search feature\n  if (locations.length) {\n    const form = locations[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  if (geospatials.length) {\n    const form = geospatials[0].closest('form')\n\n    if (form === null) {\n      return\n    }\n\n    const buttons = Array.from(form.querySelectorAll('button'))\n    form.addEventListener('submit', formSubmitFactory(buttons), false)\n  }\n\n  locations.forEach((location, index) => {\n    processLocation({ assetPath, apiPath, data }, location, index)\n  })\n\n  geospatials.forEach((geospatial, index) => {\n    processGeospatial({ assetPath, apiPath, data }, geospatial, index)\n  })\n}\n\n/**\n * OS API request proxy factory\n * @param {string} apiPath - the root API path\n */\nexport function makeTileRequestTransformer(apiPath) {\n  /**\n   * Proxy OS API requests via our server\n   * @param {string} url - the request URL\n   * @param {string} resourceType - the resource type\n   */\n  return function transformTileRequest(url, resourceType) {\n    if (url.startsWith('https://api.os.uk')) {\n      if (resourceType === 'Tile') {\n        return {\n          url: url.replace(\n            'https://api.os.uk/maps/vector/v1/vts',\n            `${window.location.origin}${apiPath}`\n          ),\n          headers: {}\n        }\n      }\n\n      if (resourceType !== 'Style') {\n        return {\n          url: `${apiPath}/map-proxy?url=${encodeURIComponent(url)}`,\n          headers: {}\n        }\n      }\n    }\n\n    const spritesPath =\n      'https://raw.githubusercontent.com/OrdnanceSurvey/OS-Vector-Tile-API-Stylesheets/main'\n\n    // Proxy sprite requests\n    if (url.startsWith(spritesPath)) {\n      const path = url.substring(spritesPath.length)\n      return {\n        url: `${apiPath}/maps/vts${path}`,\n        headers: {}\n      }\n    }\n\n    return { url, headers: {} }\n  }\n}\n\n/**\n * Temporary transform request function to transform geocode requests. Fixed in v0.0.18 of interactive map so this is not needed when we upgrade.\n * @param {object} request\n * @param {string} request.url\n * @param {{ method: 'get' }} request.options\n * @returns {Request}\n */\nexport const transformGeocodeRequest = (request) => {\n  const url = new URL(request.url, window.location.origin)\n  return new Request(url.toString(), request.options)\n}\n\n/**\n * Create a Defra map instance\n * @param {string} mapId - the map id\n * @param {InteractiveMapInitConfig} initConfig - the map initial configuration\n * @param {MapsEnvironmentConfig} mapsConfig - the map environment params\n */\nexport function createMap(mapId, initConfig, mapsConfig) {\n  const { assetPath, apiPath, data = defaultData } = mapsConfig\n  const logoAltText = 'Ordnance survey logo'\n\n  // @ts-expect-error - Defra namespace currently comes from UMD support files\n  const defra = window.defra\n\n  const interactPlugin = defra.interactPlugin({\n    markerColor: { outdoor: '#ff0000', dark: '#00ff00' },\n    interactionMode: 'marker',\n    multiSelect: false\n  })\n\n  /** @type {InteractiveMap} */\n  const map = new defra.InteractiveMap(mapId, {\n    enableFullscreen: true,\n    autoColorScheme: false,\n    mapProvider: defra.maplibreProvider(),\n    reverseGeocodeProvider: defra.openNamesProvider({\n      url: `${apiPath}/reverse-geocode-proxy?easting={easting}&northing={northing}`\n    }),\n    behaviour: 'inline',\n    minZoom: 6,\n    maxZoom: 18,\n    containerHeight: '400px',\n    enableZoomControls: true,\n    transformRequest: makeTileRequestTransformer(apiPath),\n    ...initConfig,\n    plugins: [\n      defra.mapStylesPlugin({\n        mapStyles: [\n          {\n            id: 'outdoor',\n            label: 'Outdoor',\n            url: data.VTS_OUTDOOR_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/outdoor-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`,\n            backgroundColor: '#f5f5f0'\n          },\n          {\n            id: 'dark',\n            label: 'Dark',\n            url: data.VTS_DARK_URL,\n            mapColorScheme: 'dark',\n            appColorScheme: 'dark',\n            thumbnail: `${assetPath}/interactive-map/assets/images/dark-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-white.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          },\n          {\n            id: 'black-and-white',\n            label: 'Black/White',\n            url: data.VTS_BLACK_AND_WHITE_URL,\n            thumbnail: `${assetPath}/interactive-map/assets/images/black-and-white-map-thumb.jpg`,\n            logo: `${assetPath}/interactive-map/assets/images/os-logo-black.svg`,\n            logoAltText,\n            attribution: `Contains OS data ${String.fromCodePoint(COMPANY_SYMBOL_CODE)} Crown copyright and database rights ${new Date().getFullYear()}`\n          }\n        ]\n      }),\n      interactPlugin,\n      defra.searchPlugin({\n        transformRequest: transformGeocodeRequest,\n        osNamesURL: `${apiPath}/geocode-proxy?query={query}`,\n        width: '300px',\n        showMarker: false\n      }),\n      defra.scaleBarPlugin({\n        units: 'metric'\n      }),\n      ...(initConfig.plugins ?? [])\n    ]\n  })\n\n  return { map, interactPlugin }\n}\n\n/**\n * Updates the marker position and moves the map view port the new location\n * @param {InteractiveMap} map - the map component instance (of InteractiveMap)\n * @param {MapLibreMap} mapProvider - the map provider instance (of MapLibreMap)\n * @param {MapCenter} center - the point\n */\nexport function centerMap(map, mapProvider, center) {\n  // Move the 'location' marker to the new point\n  map.addMarker('location', center)\n\n  // Pan & zoom the map to the new valid location\n  mapProvider.flyTo({\n    center,\n    zoom: 14,\n    essential: true\n  })\n}\n\n/**\n * @typedef {object} InteractiveMap - an instance of a InteractiveMap\n * @property {Function} on - register callback listeners to map events\n * @property {Function} addPanel - adds a new panel to the map\n * @property {Function} addMarker - adds/updates a marker\n * @property {Function} removeMarker - removes a marker\n * @property {Function} addButton - adds/updates a button\n * @property {Function} toggleButtonState - toggle the state of a button\n */\n\n/**\n * @typedef {object} MapLibreMap\n * @property {Function} flyTo - pans/zooms to a new location\n * @property {Function} fitBounds - fits the my to the new bounds\n */\n\n/**\n * @typedef {[number, number]} MapCenter - Map center point as [long, lat]\n */\n\n/**\n * @typedef {object} InteractiveMapInitConfig - additional config that can be provided to InteractiveMap\n * @property {string} zoom - the zoom level of the map\n * @property {MapCenter} center - the center point of the map\n * @property {{ id: string, coords: MapCenter }[]} [markers] - the markers to add to the map\n * @property {any[]} [plugins] - additional plugins\n */\n\n/**\n * @typedef {object} TileData\n * @property {string} VTS_OUTDOOR_URL - the outdoor tile URL\n * @property {string} VTS_DARK_URL - the dark tile URL\n * @property {string} VTS_BLACK_AND_WHITE_URL - the black and white tile URL\n */\n\n/**\n * @typedef {object} MapsEnvironmentConfig\n * @property {string} assetPath - the root asset path\n * @property {string} apiPath - the root API path\n * @property {TileData} data - the tile data config\n */\n\n/**\n * @import { Feature } from '~/src/server/plugins/engine/types.js'\n */\n"],"mappings":"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","ignoreList":[]}

package/.server/client/stylesheets/shared.scss

@@ -33,6 +33,11 @@
   @include govuk-font($size: 19);
 }
 
+// Used in geospatial field
+.govuk-link--disabled {
+  opacity: 0.5;
+}
+
 // Hide urls for hyperlinks when in print mode
 @media print {
   .govuk-link[href]::after {

package/.server/server/plugins/engine/components/GeospatialField.js

@@ -8,6 +8,7 @@ export class GeospatialField extends FormComponent {
       options
     } = def;
     let formSchema = geospatialSchema.label(this.label).required();
+    formSchema = formSchema.max(50);
     if (options.required !== false) {
       formSchema = formSchema.min(1);
     }

package/.server/server/plugins/engine/components/GeospatialField.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeospatialField.js","names":["FormComponent","isGeospatialState","geospatialSchema","messageTemplate","GeospatialField","constructor","def","props","options","formSchema","label","required","min","stateSchema","default","getFormValueFromState","state","name","getFormValue","value","isValue","undefined","getDisplayStringFromFormValue","features","length","unit","getDisplayStringFromState","getContextValueFromFormValue","map","id","getContextValueFromState","getViewModel","payload","errors","viewModel","JSON","stringify","getErrors","fieldErrors","forEach","err","href","path","text","Number","getViewErrors","getAllPossibleErrors","staticErrors","advancedSettingsErrors","baseErrors","type","template","selectRequired","format"],"sources":["../../../../../src/server/plugins/engine/components/GeospatialField.ts"],"sourcesContent":["import { type GeospatialFieldComponent } from '@defra/forms-model'\nimport { type ArraySchema } from 'joi'\n\nimport { type ComponentBase } from '~/src/server/plugins/engine/components/ComponentBase.js'\nimport {\n  FormComponent,\n  isGeospatialState\n} from '~/src/server/plugins/engine/components/FormComponent.js'\nimport { geospatialSchema } from '~/src/server/plugins/engine/components/helpers/geospatial.js'\nimport { messageTemplate } from '~/src/server/plugins/engine/pageControllers/validationOptions.js'\nimport {\n  type ErrorMessageTemplateList,\n  type FormPayload,\n  type FormState,\n  type FormStateValue,\n  type FormSubmissionError,\n  type FormSubmissionState,\n  type GeospatialState\n} from '~/src/server/plugins/engine/types.js'\n\nexport class GeospatialField extends FormComponent {\n  declare options: GeospatialFieldComponent['options']\n  declare formSchema: ArraySchema<GeospatialState>\n  declare stateSchema: ArraySchema<GeospatialState>\n\n  constructor(\n    def: GeospatialFieldComponent,\n    props: ConstructorParameters<typeof ComponentBase>[1]\n  ) {\n    super(def, props)\n\n    const { options } = def\n\n    let formSchema = geospatialSchema.label(this.label).required()\n\n    if (options.required !== false) {\n      formSchema = formSchema.min(1)\n    }\n\n    this.formSchema = formSchema\n    this.stateSchema = formSchema.default(null)\n    this.options = options\n  }\n\n  getFormValueFromState(state: FormSubmissionState) {\n    const { name } = this\n    return this.getFormValue(state[name])\n  }\n\n  getFormValue(value?: FormStateValue | FormState) {\n    return this.isValue(value) ? value : undefined\n  }\n\n  getDisplayStringFromFormValue(features: GeospatialState | undefined): string {\n    if (!features?.length) {\n      return ''\n    }\n\n    const unit = features.length === 1 ? 'location' : 'locations'\n\n    return `Added ${features.length} ${unit}`\n  }\n\n  getDisplayStringFromState(state: FormSubmissionState) {\n    const features = this.getFormValueFromState(state)\n\n    return this.getDisplayStringFromFormValue(features)\n  }\n\n  getContextValueFromFormValue(\n    features: GeospatialState | undefined\n  ): string[] | null {\n    return features?.map(({ id }) => id) ?? null\n  }\n\n  getContextValueFromState(state: FormSubmissionState) {\n    const features = this.getFormValueFromState(state)\n\n    return this.getContextValueFromFormValue(features)\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const viewModel = super.getViewModel(payload, errors)\n    const value =\n      typeof viewModel.value === 'string'\n        ? viewModel.value\n        : JSON.stringify(viewModel.value, null, 2)\n\n    return {\n      ...viewModel,\n      value\n    }\n  }\n\n  getErrors(errors?: FormSubmissionError[]): FormSubmissionError[] | undefined {\n    const fieldErrors = super.getErrors(errors)\n\n    fieldErrors?.forEach((err) => {\n      if (err.name === 'description') {\n        err.href = `#description_${err.path[1]}`\n        err.text = `Enter description for location ${Number(err.path[1]) + 1}`\n      }\n    })\n\n    return fieldErrors\n  }\n\n  getViewErrors(\n    errors?: FormSubmissionError[]\n  ): FormSubmissionError[] | undefined {\n    return this.getErrors(errors)\n  }\n\n  isValue(value?: FormStateValue | FormState): value is GeospatialState {\n    return isGeospatialState(value)\n  }\n\n  /**\n   * For error preview page that shows all possible errors on a component\n   */\n  getAllPossibleErrors(): ErrorMessageTemplateList {\n    const staticErrors = GeospatialField.getAllPossibleErrors()\n    return {\n      ...staticErrors,\n      advancedSettingsErrors: [...staticErrors.advancedSettingsErrors]\n    }\n  }\n\n  /**\n   * Static version of getAllPossibleErrors that doesn't require a component instance.\n   */\n  static getAllPossibleErrors(): ErrorMessageTemplateList {\n    return {\n      baseErrors: [\n        { type: 'required', template: messageTemplate.selectRequired },\n        {\n          type: 'array.min',\n          template: '{{#title}} must contain at least 1 items'\n        },\n        { type: 'object.invalidjson', template: messageTemplate.format }\n      ],\n      advancedSettingsErrors: []\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GeospatialField.js","names":["FormComponent","isGeospatialState","geospatialSchema","messageTemplate","GeospatialField","constructor","def","props","options","formSchema","label","required","max","min","stateSchema","default","getFormValueFromState","state","name","getFormValue","value","isValue","undefined","getDisplayStringFromFormValue","features","length","unit","getDisplayStringFromState","getContextValueFromFormValue","map","id","getContextValueFromState","getViewModel","payload","errors","viewModel","JSON","stringify","getErrors","fieldErrors","forEach","err","href","path","text","Number","getViewErrors","getAllPossibleErrors","staticErrors","advancedSettingsErrors","baseErrors","type","template","selectRequired","format"],"sources":["../../../../../src/server/plugins/engine/components/GeospatialField.ts"],"sourcesContent":["import { type GeospatialFieldComponent } from '@defra/forms-model'\nimport { type ArraySchema } from 'joi'\n\nimport { type ComponentBase } from '~/src/server/plugins/engine/components/ComponentBase.js'\nimport {\n  FormComponent,\n  isGeospatialState\n} from '~/src/server/plugins/engine/components/FormComponent.js'\nimport { geospatialSchema } from '~/src/server/plugins/engine/components/helpers/geospatial.js'\nimport { messageTemplate } from '~/src/server/plugins/engine/pageControllers/validationOptions.js'\nimport {\n  type ErrorMessageTemplateList,\n  type FormPayload,\n  type FormState,\n  type FormStateValue,\n  type FormSubmissionError,\n  type FormSubmissionState,\n  type GeospatialState\n} from '~/src/server/plugins/engine/types.js'\n\nexport class GeospatialField extends FormComponent {\n  declare options: GeospatialFieldComponent['options']\n  declare formSchema: ArraySchema<GeospatialState>\n  declare stateSchema: ArraySchema<GeospatialState>\n\n  constructor(\n    def: GeospatialFieldComponent,\n    props: ConstructorParameters<typeof ComponentBase>[1]\n  ) {\n    super(def, props)\n\n    const { options } = def\n\n    let formSchema = geospatialSchema.label(this.label).required()\n\n    formSchema = formSchema.max(50)\n\n    if (options.required !== false) {\n      formSchema = formSchema.min(1)\n    }\n\n    this.formSchema = formSchema\n    this.stateSchema = formSchema.default(null)\n    this.options = options\n  }\n\n  getFormValueFromState(state: FormSubmissionState) {\n    const { name } = this\n    return this.getFormValue(state[name])\n  }\n\n  getFormValue(value?: FormStateValue | FormState) {\n    return this.isValue(value) ? value : undefined\n  }\n\n  getDisplayStringFromFormValue(features: GeospatialState | undefined): string {\n    if (!features?.length) {\n      return ''\n    }\n\n    const unit = features.length === 1 ? 'location' : 'locations'\n\n    return `Added ${features.length} ${unit}`\n  }\n\n  getDisplayStringFromState(state: FormSubmissionState) {\n    const features = this.getFormValueFromState(state)\n\n    return this.getDisplayStringFromFormValue(features)\n  }\n\n  getContextValueFromFormValue(\n    features: GeospatialState | undefined\n  ): string[] | null {\n    return features?.map(({ id }) => id) ?? null\n  }\n\n  getContextValueFromState(state: FormSubmissionState) {\n    const features = this.getFormValueFromState(state)\n\n    return this.getContextValueFromFormValue(features)\n  }\n\n  getViewModel(payload: FormPayload, errors?: FormSubmissionError[]) {\n    const viewModel = super.getViewModel(payload, errors)\n    const value =\n      typeof viewModel.value === 'string'\n        ? viewModel.value\n        : JSON.stringify(viewModel.value, null, 2)\n\n    return {\n      ...viewModel,\n      value\n    }\n  }\n\n  getErrors(errors?: FormSubmissionError[]): FormSubmissionError[] | undefined {\n    const fieldErrors = super.getErrors(errors)\n\n    fieldErrors?.forEach((err) => {\n      if (err.name === 'description') {\n        err.href = `#description_${err.path[1]}`\n        err.text = `Enter description for location ${Number(err.path[1]) + 1}`\n      }\n    })\n\n    return fieldErrors\n  }\n\n  getViewErrors(\n    errors?: FormSubmissionError[]\n  ): FormSubmissionError[] | undefined {\n    return this.getErrors(errors)\n  }\n\n  isValue(value?: FormStateValue | FormState): value is GeospatialState {\n    return isGeospatialState(value)\n  }\n\n  /**\n   * For error preview page that shows all possible errors on a component\n   */\n  getAllPossibleErrors(): ErrorMessageTemplateList {\n    const staticErrors = GeospatialField.getAllPossibleErrors()\n    return {\n      ...staticErrors,\n      advancedSettingsErrors: [...staticErrors.advancedSettingsErrors]\n    }\n  }\n\n  /**\n   * Static version of getAllPossibleErrors that doesn't require a component instance.\n   */\n  static getAllPossibleErrors(): ErrorMessageTemplateList {\n    return {\n      baseErrors: [\n        { type: 'required', template: messageTemplate.selectRequired },\n        {\n          type: 'array.min',\n          template: '{{#title}} must contain at least 1 items'\n        },\n        { type: 'object.invalidjson', template: messageTemplate.format }\n      ],\n      advancedSettingsErrors: []\n    }\n  }\n}\n"],"mappings":"AAIA,SACEA,aAAa,EACbC,iBAAiB;AAEnB,SAASC,gBAAgB;AACzB,SAASC,eAAe;AAWxB,OAAO,MAAMC,eAAe,SAASJ,aAAa,CAAC;EAKjDK,WAAWA,CACTC,GAA6B,EAC7BC,KAAqD,EACrD;IACA,KAAK,CAACD,GAAG,EAAEC,KAAK,CAAC;IAEjB,MAAM;MAAEC;IAAQ,CAAC,GAAGF,GAAG;IAEvB,IAAIG,UAAU,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CAACC,QAAQ,CAAC,CAAC;IAE9DF,UAAU,GAAGA,UAAU,CAACG,GAAG,CAAC,EAAE,CAAC;IAE/B,IAAIJ,OAAO,CAACG,QAAQ,KAAK,KAAK,EAAE;MAC9BF,UAAU,GAAGA,UAAU,CAACI,GAAG,CAAC,CAAC,CAAC;IAChC;IAEA,IAAI,CAACJ,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACK,WAAW,GAAGL,UAAU,CAACM,OAAO,CAAC,IAAI,CAAC;IAC3C,IAAI,CAACP,OAAO,GAAGA,OAAO;EACxB;EAEAQ,qBAAqBA,CAACC,KAA0B,EAAE;IAChD,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI;IACrB,OAAO,IAAI,CAACC,YAAY,CAACF,KAAK,CAACC,IAAI,CAAC,CAAC;EACvC;EAEAC,YAAYA,CAACC,KAAkC,EAAE;IAC/C,OAAO,IAAI,CAACC,OAAO,CAACD,KAAK,CAAC,GAAGA,KAAK,GAAGE,SAAS;EAChD;EAEAC,6BAA6BA,CAACC,QAAqC,EAAU;IAC3E,IAAI,CAACA,QAAQ,EAAEC,MAAM,EAAE;MACrB,OAAO,EAAE;IACX;IAEA,MAAMC,IAAI,GAAGF,QAAQ,CAACC,MAAM,KAAK,CAAC,GAAG,UAAU,GAAG,WAAW;IAE7D,OAAO,SAASD,QAAQ,CAACC,MAAM,IAAIC,IAAI,EAAE;EAC3C;EAEAC,yBAAyBA,CAACV,KAA0B,EAAE;IACpD,MAAMO,QAAQ,GAAG,IAAI,CAACR,qBAAqB,CAACC,KAAK,CAAC;IAElD,OAAO,IAAI,CAACM,6BAA6B,CAACC,QAAQ,CAAC;EACrD;EAEAI,4BAA4BA,CAC1BJ,QAAqC,EACpB;IACjB,OAAOA,QAAQ,EAAEK,GAAG,CAAC,CAAC;MAAEC;IAAG,CAAC,KAAKA,EAAE,CAAC,IAAI,IAAI;EAC9C;EAEAC,wBAAwBA,CAACd,KAA0B,EAAE;IACnD,MAAMO,QAAQ,GAAG,IAAI,CAACR,qBAAqB,CAACC,KAAK,CAAC;IAElD,OAAO,IAAI,CAACW,4BAA4B,CAACJ,QAAQ,CAAC;EACpD;EAEAQ,YAAYA,CAACC,OAAoB,EAAEC,MAA8B,EAAE;IACjE,MAAMC,SAAS,GAAG,KAAK,CAACH,YAAY,CAACC,OAAO,EAAEC,MAAM,CAAC;IACrD,MAAMd,KAAK,GACT,OAAOe,SAAS,CAACf,KAAK,KAAK,QAAQ,GAC/Be,SAAS,CAACf,KAAK,GACfgB,IAAI,CAACC,SAAS,CAACF,SAAS,CAACf,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAE9C,OAAO;MACL,GAAGe,SAAS;MACZf;IACF,CAAC;EACH;EAEAkB,SAASA,CAACJ,MAA8B,EAAqC;IAC3E,MAAMK,WAAW,GAAG,KAAK,CAACD,SAAS,CAACJ,MAAM,CAAC;IAE3CK,WAAW,EAAEC,OAAO,CAAEC,GAAG,IAAK;MAC5B,IAAIA,GAAG,CAACvB,IAAI,KAAK,aAAa,EAAE;QAC9BuB,GAAG,CAACC,IAAI,GAAG,gBAAgBD,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC,EAAE;QACxCF,GAAG,CAACG,IAAI,GAAG,kCAAkCC,MAAM,CAACJ,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;MACxE;IACF,CAAC,CAAC;IAEF,OAAOJ,WAAW;EACpB;EAEAO,aAAaA,CACXZ,MAA8B,EACK;IACnC,OAAO,IAAI,CAACI,SAAS,CAACJ,MAAM,CAAC;EAC/B;EAEAb,OAAOA,CAACD,KAAkC,EAA4B;IACpE,OAAOnB,iBAAiB,CAACmB,KAAK,CAAC;EACjC;;EAEA;AACF;AACA;EACE2B,oBAAoBA,CAAA,EAA6B;IAC/C,MAAMC,YAAY,GAAG5C,eAAe,CAAC2C,oBAAoB,CAAC,CAAC;IAC3D,OAAO;MACL,GAAGC,YAAY;MACfC,sBAAsB,EAAE,CAAC,GAAGD,YAAY,CAACC,sBAAsB;IACjE,CAAC;EACH;;EAEA;AACF;AACA;EACE,OAAOF,oBAAoBA,CAAA,EAA6B;IACtD,OAAO;MACLG,UAAU,EAAE,CACV;QAAEC,IAAI,EAAE,UAAU;QAAEC,QAAQ,EAAEjD,eAAe,CAACkD;MAAe,CAAC,EAC9D;QACEF,IAAI,EAAE,WAAW;QACjBC,QAAQ,EAAE;MACZ,CAAC,EACD;QAAED,IAAI,EAAE,oBAAoB;QAAEC,QAAQ,EAAEjD,eAAe,CAACmD;MAAO,CAAC,CACjE;MACDL,sBAAsB,EAAE;IAC1B,CAAC;EACH;AACF","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-engine-plugin",
-  "version": "4.5.3",
+  "version": "4.5.5",
   "description": "Defra forms engine",
   "type": "module",
   "files": [
@@ -85,7 +85,7 @@
   "dependencies": {
     "@defra/forms-model": "^3.0.637",
     "@defra/hapi-tracing": "^1.29.0",
-    "@defra/interactive-map": "^0.0.11-alpha",
+    "@defra/interactive-map": "^0.0.17-alpha",
     "@elastic/ecs-pino-format": "^1.5.0",
     "@hapi/boom": "^10.0.1",
     "@hapi/bourne": "^3.0.0",

package/src/client/javascripts/geospatial-map.js

@@ -12,19 +12,19 @@ const helpPanelConfig = {
   showLabel: true,
   label: 'How to use this map',
   mobile: {
-    slot: 'bottom',
+    slot: 'drawer',
     open: true,
     dismissible: true,
     modal: false
   },
   tablet: {
-    slot: 'bottom',
+    slot: 'drawer',
     open: true,
     dismissible: true,
     modal: false
   },
   desktop: {
-    slot: 'bottom',
+    slot: 'drawer',
     open: true,
     dismissible: true,
     modal: false
@@ -164,11 +164,17 @@ export function addFeatureToMap(feature, drawPlugin, map) {
  * Returns HTML summary list for the features
  * @param {FeatureCollection} features - the features
  * @param {string} mapId - the ID of the map
+ * @param {boolean} [disabled] - render the list with disabled links
  * @param {boolean} [readonly] - render the list in readonly mode
  */
-export function createFeaturesHTML(features, mapId, readonly = false) {
+export function createFeaturesHTML(
+  features,
+  mapId,
+  disabled = false,
+  readonly = false
+) {
   return `<dl class="govuk-summary-list">
-    ${features.map((feature, index) => createFeatureHTML(feature, index, mapId, readonly)).join('\n')}
+    ${features.map((feature, index) => createFeatureHTML(feature, index, mapId, disabled, readonly)).join('\n')}
   </dl>`
 }
 
@@ -186,9 +192,16 @@ export function focusFeature(feature, mapProvider) {
  * @param {Feature} feature - the geo feature
  * @param {number} index - the feature index
  * @param {string} mapId - the ID of the map
- * @param {boolean} readonly - render the list item in readonly mode
+ * @param {boolean} [disabled] - render the list with disabled links
+ * @param {boolean} [readonly] - render the list item in readonly mode
  */
-function createFeatureHTML(feature, index, mapId, readonly) {
+export function createFeatureHTML(
+  feature,
+  index,
+  mapId,
+  disabled = false,
+  readonly = false
+) {
   const flattened = feature.geometry.coordinates.flat(2)
 
   const points = []
@@ -203,13 +216,13 @@ function createFeatureHTML(feature, index, mapId, readonly) {
 
   // Change action link
   const changeAction = () => `<li class="govuk-summary-list__actions-list-item">
-  <a class="govuk-link govuk-link--no-visited-state" href="#${mapId}" data-action="edit" data-id="${feature.id}"
+  <a class="govuk-link govuk-link--no-visited-state ${disabled ? 'govuk-link--disabled' : ''}" href="#${mapId}" data-action="edit" data-id="${feature.id}"
     data-type="${feature.geometry.type}">Update<span class="govuk-visually-hidden"> location</span></a>
 </li>`
 
   // Delete action link
   const deleteAction = () => `<li class="govuk-summary-list__actions-list-item">
-  <a class="govuk-link govuk-link--no-visited-state" href="#" data-action="delete" data-id="${feature.id}"
+  <a class="govuk-link govuk-link--no-visited-state ${disabled ? 'govuk-link--disabled' : ''}" href="#" data-action="delete" data-id="${feature.id}"
     data-type="${feature.geometry.type}">Delete<span class="govuk-visually-hidden"> location</span></a>
 </li>`
 
@@ -245,7 +258,7 @@ function createFeatureHTML(feature, index, mapId, readonly) {
           <dd class="govuk-summary-list__value">${typeDescriptions[feature.geometry.type]}</dd>
         </div>
         <div class="govuk-summary-list__row">
-          <dt class="govuk-summary-list__key">Center grid reference</dt>
+          <dt class="govuk-summary-list__key">Centre grid reference</dt>
           <dd class="govuk-summary-list__value">${feature.properties.centroidGridReference}</dd>
         </div>
         <div class="govuk-summary-list__row">
@@ -415,8 +428,8 @@ function getFeaturesManager(geojson) {
  * @returns {RenderList}
  */
 function getListRenderer(geojson, mapId, listEl, renderValue) {
-  return function renderList() {
-    const html = createFeaturesHTML(geojson.features, mapId)
+  return function renderList(disabled = false) {
+    const html = createFeaturesHTML(geojson.features, mapId, disabled)
 
     listEl.innerHTML = html
 
@@ -523,7 +536,7 @@ function createContainers(geospatialInput, index) {
 function onMapReadyFactory(context) {
   const { map, activeFeatureManager, uiManager, interactPlugin, drawPlugin } =
     context
-  const { toggleActionButtons } = uiManager
+  const { toggleActionButtons, renderList } = uiManager
   const { resetActiveFeature } = activeFeatureManager
 
   /**
@@ -542,6 +555,7 @@ function onMapReadyFactory(context) {
       onClick: () => {
         resetActiveFeature()
         toggleActionButtons(true)
+        renderList(true)
         interactPlugin.enable()
       },
       mobile: { slot: 'actions' },
@@ -556,6 +570,7 @@ function onMapReadyFactory(context) {
       onClick: () => {
         resetActiveFeature()
         toggleActionButtons(true)
+        renderList(true)
         drawPlugin.newPolygon(generateID(), polygonFeatureProperties)
       },
       mobile: { slot: 'actions' },
@@ -570,6 +585,7 @@ function onMapReadyFactory(context) {
       onClick: () => {
         resetActiveFeature()
         toggleActionButtons(true)
+        renderList(true)
         drawPlugin.newLine(generateID(), lineFeatureProperties)
       },
       mobile: { slot: 'actions' },
@@ -589,6 +605,7 @@ function onMapReadyFactory(context) {
     const { listEl } = uiManager
     listEl.addEventListener('click', onListElClickFactory(context), false)
     listEl.addEventListener('change', onListElChangeFactory(context), false)
+    listEl.addEventListener('keydown', onListElKeydownFactory(), false)
   }
 }
 
@@ -679,7 +696,7 @@ function onDrawEditedFactory(context) {
  */
 function onDrawCancelledFactory(context) {
   const { uiManager, activeFeatureManager } = context
-  const { toggleActionButtons } = uiManager
+  const { toggleActionButtons, renderList } = uiManager
   const { resetActiveFeature } = activeFeatureManager
 
   /**
@@ -688,6 +705,7 @@ function onDrawCancelledFactory(context) {
   return function onDrawCancelled() {
     toggleActionButtons(false)
     resetActiveFeature()
+    renderList()
   }
 }
 
@@ -815,6 +833,7 @@ function onListElClickFactory(context) {
     }
 
     toggleActionButtons(true)
+    renderList(true)
   }
 
   /**
@@ -859,7 +878,7 @@ function onListElClickFactory(context) {
 }
 
 /**
- * Callback factory function that fires a 'change' event is fired on the list container
+ * Callback factory function that fires when a 'change' event is fired on the list container
  * @param {Context} context - the UI context
  */
 function onListElChangeFactory(context) {
@@ -891,6 +910,29 @@ function onListElChangeFactory(context) {
   }
 }
 
+/**
+ * Callback factory function that fires when a 'keydown' event is fired on the list container
+ */
+function onListElKeydownFactory() {
+  /**
+   * List container delegated 'keydown' events handler
+   * Fixes the issue of pressing "Enter" key in the description input triggering the map search
+   * @param {KeyboardEvent} e
+   */
+  return function (e) {
+    const target = e.target
+
+    if (!(target instanceof HTMLInputElement)) {
+      return
+    }
+
+    if (e.code === 'Enter' || e.code === 'NumpadEnter') {
+      e.preventDefault()
+      e.stopPropagation()
+    }
+  }
+}
+
 /**
  * @import { MapsEnvironmentConfig, InteractiveMap } from '~/src/client/javascripts/map.js'
  */
@@ -960,6 +1002,7 @@ function onListElChangeFactory(context) {
 /**
  * Renders the features into the list
  * @callback RenderList
+ * @param {boolean} [disabled] - whether to render the list with disabled links
  * @returns {void}
  */
 

package/src/client/javascripts/location-map.js

@@ -447,19 +447,19 @@ export function processLocation(config, location, index) {
         showLabel: true,
         label: 'How to use the map',
         mobile: {
-          slot: 'bottom',
+          slot: 'drawer',
           open: true,
           dismissible: true,
           modal: false
         },
         tablet: {
-          slot: 'bottom',
+          slot: 'drawer',
           open: true,
           dismissible: true,
           modal: false
         },
         desktop: {
-          slot: 'bottom',
+          slot: 'drawer',
           open: true,
           dismissible: true,
           modal: false

package/src/client/javascripts/map.js

@@ -239,6 +239,18 @@ export function makeTileRequestTransformer(apiPath) {
   }
 }
 
+/**
+ * Temporary transform request function to transform geocode requests. Fixed in v0.0.18 of interactive map so this is not needed when we upgrade.
+ * @param {object} request
+ * @param {string} request.url
+ * @param {{ method: 'get' }} request.options
+ * @returns {Request}
+ */
+export const transformGeocodeRequest = (request) => {
+  const url = new URL(request.url, window.location.origin)
+  return new Request(url.toString(), request.options)
+}
+
 /**
  * Create a Defra map instance
  * @param {string} mapId - the map id
@@ -310,6 +322,7 @@ export function createMap(mapId, initConfig, mapsConfig) {
       }),
       interactPlugin,
       defra.searchPlugin({
+        transformRequest: transformGeocodeRequest,
         osNamesURL: `${apiPath}/geocode-proxy?query={query}`,
         width: '300px',
         showMarker: false