@defra/interactive-map 0.0.14-alpha → 0.0.16-alpha

package/plugins/beta/draw-ml/src/undoStack.js

@@ -17,7 +17,7 @@ export const createUndoStack = (map) => {
      * Push an undo operation onto the stack
      * @param {Object} operation - { type, undo: Function, ...data }
      */
-    push(operation) {
+    push (operation) {
       stack.push(operation)
       fireChange()
     },
@@ -26,7 +26,7 @@ export const createUndoStack = (map) => {
      * Pop and return the last operation (does not execute it)
      * @returns {Object|undefined} The operation or undefined if empty
      */
-    pop() {
+    pop () {
       const op = stack.pop()
       fireChange()
       return op
@@ -35,7 +35,7 @@ export const createUndoStack = (map) => {
     /**
      * Clear all operations from the stack
      */
-    clear() {
+    clear () {
       stack.length = 0
       fireChange()
     },
@@ -43,7 +43,7 @@ export const createUndoStack = (map) => {
     /**
      * Get current stack length
      */
-    get length() {
+    get length () {
       return stack.length
     }
   }

package/plugins/beta/draw-ml/src/utils/snapHelpers.js

@@ -8,7 +8,7 @@
  * @param {maplibregl.Map} map - Map instance
  * @returns {MapboxSnap|null} Snap instance or null
  */
-export function getSnapInstance(map) {
+export function getSnapInstance (map) {
   return map?._snapInstance ?? null
 }
 
@@ -17,7 +17,7 @@ export function getSnapInstance(map) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {boolean} True if snap is active with valid coordinates
  */
-export function isSnapActive(snap) {
+export function isSnapActive (snap) {
   // Also check snap.status to ensure snap feature is enabled
   return !!(snap?.status && snap?.snapStatus && snap.snapCoords?.length >= 2)
 }
@@ -27,7 +27,7 @@ export function isSnapActive(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {{ lng: number, lat: number }|null} Snapped coordinates or null
  */
-export function getSnapLngLat(snap) {
+export function getSnapLngLat (snap) {
   if (!isSnapActive(snap)) {
     return null
   }
@@ -42,7 +42,7 @@ export function getSnapLngLat(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {[number, number]|null} Snapped coordinates or null
  */
-export function getSnapCoords(snap) {
+export function getSnapCoords (snap) {
   if (!isSnapActive(snap)) {
     return null
   }
@@ -56,7 +56,7 @@ export function getSnapCoords(snap) {
  * @param {{ x: number, y: number }} point - Screen point
  * @returns {boolean} True if snap was triggered
  */
-export function triggerSnapAtPoint(snap, map, point) {
+export function triggerSnapAtPoint (snap, map, point) {
   if (!snap || !map || !snap.status) {
     return false
   }
@@ -72,7 +72,7 @@ export function triggerSnapAtPoint(snap, map, point) {
  * @param {maplibregl.Map} map - Map instance
  * @returns {boolean} True if snap was triggered
  */
-export function triggerSnapAtCenter(snap, map) {
+export function triggerSnapAtCenter (snap, map) {
   // Don't trigger snap if library is disabled
   if (!snap || !map || !snap.status) {
     return false
@@ -89,7 +89,7 @@ export function triggerSnapAtCenter(snap, map) {
  * @param {MapboxSnap} snap - Snap instance
  * @param {maplibregl.Map} [map] - Optional map instance for direct layer control
  */
-export function clearSnapIndicator(snap, map) {
+export function clearSnapIndicator (snap, map) {
   if (snap) {
     snap.snapStatus = false
     snap.snapCoords = null
@@ -116,7 +116,7 @@ export function clearSnapIndicator(snap, map) {
  * Clear all snap state (for use between drag operations)
  * @param {MapboxSnap} snap - Snap instance
  */
-export function clearSnapState(snap) {
+export function clearSnapState (snap) {
   if (!snap) {
     return
   }
@@ -139,7 +139,7 @@ export function clearSnapState(snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {number} Snap radius in pixels (default 15)
  */
-export function getSnapRadius(snap) {
+export function getSnapRadius (snap) {
   return snap?.options?.radius ?? 15
 }
 
@@ -148,7 +148,7 @@ export function getSnapRadius(snap) {
  * @param {object} state - Mode state with optional getSnapEnabled function
  * @returns {boolean} True if snapping is enabled
  */
-export function isSnapEnabled(state) {
+export function isSnapEnabled (state) {
   // Only return true if getSnapEnabled exists and explicitly returns true
   if (typeof state?.getSnapEnabled !== 'function') {
     return false
@@ -162,7 +162,7 @@ export function isSnapEnabled(state) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {object} Event with snapped lngLat or original event
  */
-export function createSnappedEvent(e, snap) {
+export function createSnappedEvent (e, snap) {
   const lngLat = getSnapLngLat(snap)
   if (!lngLat) {
     return e
@@ -180,7 +180,7 @@ export function createSnappedEvent(e, snap) {
  * @param {MapboxSnap} snap - Snap instance
  * @returns {object|null} Synthetic event or null if no snap
  */
-export function createSnappedClickEvent(map, snap) {
+export function createSnappedClickEvent (map, snap) {
   const lngLat = getSnapLngLat(snap)
   if (!lngLat) {
     return null

package/plugins/beta/draw-ml/src/utils/spatial.js

@@ -28,7 +28,7 @@ import {
  * @param {Feature<LineString>} line
  * @param {number} extendDist (distance to extend in Turf units)
  */
-function extendLine(line, extendDist = 1, units = 'meters') {
+function extendLine (line, extendDist = 1, units = 'meters') {
   const coords = line.geometry.coordinates
   const result = []
 
@@ -113,17 +113,17 @@ const toTurfGeometry = (featureOrGeom) => {
 
   switch (geom.type) {
     case 'Polygon':
-      return turfPolygon(geom.coordinates);
+      return turfPolygon(geom.coordinates)
     case 'MultiPolygon':
-      return turfMultiPolygon(geom.coordinates);
+      return turfMultiPolygon(geom.coordinates)
     case 'LineString':
-      return turfLineString(geom.coordinates);
+      return turfLineString(geom.coordinates)
     case 'MultiLineString':
-      return turfMultiLineString(geom.coordinates);
+      return turfMultiLineString(geom.coordinates)
     case 'Point':
-      return turfPoint(geom.coordinates);
+      return turfPoint(geom.coordinates)
     case 'MultiPoint':
-      return turfMultiPoint(geom.coordinates);
+      return turfMultiPoint(geom.coordinates)
     default:
       throw new Error(`Unsupported geometry type: ${geom.type}`)
   }
@@ -251,8 +251,8 @@ export {
   toTurfGeometry,
   splitPolygon,
   extendLine,
-	isNewCoordinate,
-	isValidClick,
-	isValidLineClick,
+  isNewCoordinate,
+  isValidClick,
+  isValidLineClick,
   spatialNavigate
-}
+}

package/plugins/beta/frame/src/Frame.jsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react'
 import { computeInset } from './utils.js'
 
-export function Frame({ appState, mapState, pluginState, mapProvider }) {
+export function Frame ({ appState, mapState, pluginState, mapProvider }) {
   const { actionsRef, mainRef, footerRef, viewportRef } = appState.layoutRefs
   const { dispatch } = pluginState
   const elRef = useRef(null)
@@ -87,7 +87,7 @@ export function Frame({ appState, mapState, pluginState, mapProvider }) {
     const viewportRect = viewportEl.getBoundingClientRect()
 
     // Calculate padding from viewport edges to frame edges
-    const scale = {small: 1, medium: 1.5, large: 2}[mapState.mapSize]
+    const scale = { small: 1, medium: 1.5, large: 2 }[mapState.mapSize]
 
     const padding = {
       top: (frameRect.top - viewportRect.top) / scale,
@@ -108,11 +108,11 @@ export function Frame({ appState, mapState, pluginState, mapProvider }) {
   return (
     <>
       {/* Spacer */}
-      <div className="im-c-frame-spacer" style={{ inset: parentInset }} ref={elRef} />
+      <div className='im-c-frame-spacer' style={{ inset: parentInset }} ref={elRef} />
 
       {/* Child */}
       {childStyle && (
-        <div ref={displayRef} className="im-c-frame-display" style={{ ...childStyle }} />
+        <div ref={displayRef} className='im-c-frame-display' style={{ ...childStyle }} />
       )}
     </>
   )

package/plugins/beta/frame/src/FrameInit.jsx

@@ -23,8 +23,8 @@ export const FrameInit = ({
   // Attach events
   useEffect(() => {
     if (!isActive) {
-			return
-		}
+      return
+    }
 
     // --- Done
     frameDone.onClick = () => {
@@ -32,7 +32,7 @@ export const FrameInit = ({
         frameEl: frameRefs.displayRef.current,
         viewportEl: layoutRefs.viewportRef.current,
         featureId: frame?.featureId,
-        scale: {small: 1, medium: 1.5, large: 2}[mapState.mapSize],
+        scale: { small: 1, medium: 1.5, large: 2 }[mapState.mapSize],
         mapProvider
       })
 
@@ -51,4 +51,4 @@ export const FrameInit = ({
       frameCancel.onClick = null
     }
   }, [mapState.isMapReady, mode, breakpoint, frame, frameRefs, layoutRefs, mapProvider, dispatch, eventBus, frameDone, frameCancel])
-}
+}

package/plugins/beta/frame/src/api/addFrame.js

@@ -15,4 +15,4 @@ export const addFrame = ({ pluginConfig, pluginState, services }, featureId, con
   dispatch({ type: 'SET_FRAME', payload: frame })
 
   eventBus.emit('frame:add')
-}
+}

package/plugins/beta/frame/src/api/editFeature.js

@@ -24,4 +24,4 @@ export const editFeature = ({ pluginConfig, pluginState, mapProvider, services }
   dispatch({ type: 'SET_FRAME', payload: { ...frame, bounds } })
 
   eventBus.emit('frame:edit')
-}
+}

package/plugins/beta/frame/src/config.js

@@ -3,4 +3,4 @@ export const DEFAULT = {
   mobileWidth: '300px',
   tabletWidth: '360px',
   desktopWidth: '400px'
-}
+}

package/plugins/beta/frame/src/manifest.js

@@ -6,8 +6,8 @@ import { addFrame } from './api/addFrame.js'
 import { editFeature } from './api/editFeature.js'
 
 const buttonSlots = {
-  mobile:  { slot: 'actions', showLabel: true },
-  tablet:  { slot: 'actions', showLabel: true },
+  mobile: { slot: 'actions', showLabel: true },
+  tablet: { slot: 'actions', showLabel: true },
   desktop: { slot: 'actions', showLabel: true }
 }
 
@@ -40,7 +40,7 @@ export const manifest = {
     variant: 'primary',
     hiddenWhen: ({ pluginState }) => !pluginState.frame,
     ...buttonSlots
-  },{
+  }, {
     id: 'frameCancel',
     label: 'Cancel',
     variant: 'tertiary',

package/plugins/beta/frame/src/reducer.js

@@ -25,4 +25,4 @@ const actions = {
 export {
   initialState,
   actions
-}
+}

package/plugins/beta/frame/src/utils.js

@@ -132,7 +132,7 @@ function getFeatureAspectRatio (feature, mapProvider) {
   if (height === 0) {
     return null
   }
-  
+
   // Round to 6 decimal places to account for floating point precision
   return Math.round((width / height) * 1000000) / 1000000
 }

package/plugins/beta/map-styles/dist/esm/im-map-styles-plugin.js

@@ -1 +1 @@
-import{useEffect as e,useContext as t,createContext as i}from"preact/compat";import{jsx as s,Fragment as l,jsxs as a}from"preact/jsx-runtime";import r from"@babel/runtime/helpers/defineProperty";new Set;function m(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,s)}return i}function n(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?m(Object(i),!0).forEach(function(t){r(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var o={slot:"middle",open:!1,dismissible:!0,modal:!0};n({},o),n(n({},o),{},{width:"500px"}),n(n({},o),{},{width:"500px"});var c={small:1,medium:1.5,large:2},p={InitComponent:function(t){var{pluginConfig:i,services:a}=t,{events:r,eventBus:m}=a,n=()=>{m.emit(r.MAP_INIT_MAP_STYLES,i.mapStyles)};return e(()=>(m.on(r.APP_READY,n),()=>m.off(r.APP_READY,n)),[]),s(l,{})},panels:[{id:"mapStyles",label:"Map styles",mobile:{slot:"bottom",modal:!0,dismissible:!0},tablet:{slot:"inset",modal:!0,width:"400px",dismissible:!0},desktop:{slot:"inset",modal:!0,width:"400px",dismissible:!0},render:e=>{var{mapState:t,pluginConfig:i,services:l,mapProvider:r}=e,{mapStyle:m,mapSize:n}=t,{mapStyles:o}=i,{events:p,eventBus:d}=l,{supportsMapSizes:h}=r.capabilities;return a("div",{className:"im-c-map-styles",children:[s("div",{className:"im-c-map-styles__group",children:s("div",{className:"im-c-map-styles__inner",children:o.filter(e=>e.url).map(e=>s("div",{className:"im-c-map-styles__item",children:a("button",{className:"im-c-map-styles__button","aria-pressed":e.id===m.id,onClick:()=>{return t=e,void d.emit(p.MAP_SET_STYLE,t);var t},children:[s("div",{className:"im-c-map-styles__image",children:s("img",{src:e.thumbnail||void 0,alt:"",height:"60",width:"60"})}),e.label]})},e.id))})}),h&&a("div",{className:"im-c-map-styles__group",children:[s("h3",{className:"im-c-map-styles__heading",id:"map-text-sizes",children:"Map size"}),s("div",{className:"im-c-map-styles__inner",children:["small","medium","large"].map(e=>s("div",{className:"im-c-map-styles__item",children:a("button",{className:"im-c-map-styles__button",onClick:()=>{return t=e,d.emit(p.MAP_SET_SIZE,t),void d.emit(p.MAP_SET_PIXEL_RATIO,window.devicePixelRatio*c[t]);var t},"aria-pressed":e===n,children:[s("div",{className:"im-c-map-styles__image",children:a("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fillRule:"evenodd",children:[s("rect",{className:"im-c-map-styles__image-bg",width:"100%",height:"100%"}),s("g",{style:{transform:"scale(".concat(c[e],")"),transformOrigin:"8px 52px"},children:s("path",{d:"M8 51.785L12.948 38.9h1.837l5.274 12.885h-1.943l-1.503-3.903h-5.387l-1.415 3.903H8zm3.718-5.291h4.368l-1.345-3.569-.914-2.671c-.164.826-.395 1.646-.694 2.46l-1.415 3.78zm15.592 4.139c-3.698 3.143-7.836.271-6.315-2.562.963-1.794 5.529-1.982 6.183-2.21.022-.825.052-2.27-2.241-2.312-1.751-.031-2.242 1.025-2.435 1.776l-1.547-.211c.234-1.102.963-2.856 4.21-2.874 4.037-.022 3.612 2.962 3.612 3.524v2.11c0 .315 0 3.012.501 3.911h-1.652c-.164-.328-.27-.712-.316-1.152zm-.132-3.533c-.907.37-3.444.694-3.964.914-1.293.548-.911 2.399.225 2.637.639.134 3.739.476 3.739-2.971v-.58z"})})]})}),e[0].toUpperCase()+e.slice(1)]})},e))})]})]})}}],buttons:[{id:"mapStyles",label:"Styles",panelId:"mapStyles",iconId:"map",mobile:{slot:"top-left",showLabel:!1},tablet:{slot:"top-left",showLabel:!0},desktop:{slot:"top-left",showLabel:!0}}],icons:[{id:"map",svgContent:'<path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"/><path d="M15 5.764v15"/><path d="M9 3.236v15"/>'}]};export{p as manifest};
+import{useEffect as e,useContext as t,createContext as i}from"preact/compat";import{jsx as s,Fragment as l,jsxs as a}from"preact/jsx-runtime";import r from"@babel/runtime/helpers/defineProperty";new Set;function m(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,s)}return i}function o(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?m(Object(i),!0).forEach(function(t){r(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}var n={slot:"middle",open:!1,dismissible:!0,modal:!0};o({},n),o(o({},n),{},{width:"500px"}),o(o({},n),{},{width:"500px"});var c={small:1,medium:1.5,large:2},p={InitComponent:function(t){var{pluginConfig:i,services:a}=t,{events:r,eventBus:m}=a,o=()=>{m.emit(r.MAP_INIT_MAP_STYLES,i.mapStyles)};return e(()=>(m.on(r.APP_READY,o),()=>m.off(r.APP_READY,o)),[]),s(l,{})},panels:[{id:"mapStyles",label:"Map styles",mobile:{slot:"bottom",modal:!0,dismissible:!0},tablet:{slot:"left-top",modal:!0,width:"400px",dismissible:!0},desktop:{slot:"left-top",modal:!0,width:"400px",dismissible:!0},render:e=>{var{mapState:t,pluginConfig:i,services:l,mapProvider:r}=e,{mapStyle:m,mapSize:o}=t,{mapStyles:n}=i,{events:p,eventBus:d}=l,{supportsMapSizes:h}=r.capabilities;return a("div",{className:"im-c-map-styles",children:[s("div",{className:"im-c-map-styles__group",children:s("div",{className:"im-c-map-styles__inner",children:n.filter(e=>e.url).map(e=>s("div",{className:"im-c-map-styles__item",children:a("button",{className:"im-c-map-styles__button","aria-pressed":e.id===m.id,onClick:()=>{return t=e,void d.emit(p.MAP_SET_STYLE,t);var t},children:[s("div",{className:"im-c-map-styles__image",children:s("img",{src:e.thumbnail||void 0,alt:"",height:"60",width:"60"})}),e.label]})},e.id))})}),h&&a("div",{className:"im-c-map-styles__group",children:[s("h3",{className:"im-c-map-styles__heading",id:"map-text-sizes",children:"Map size"}),s("div",{className:"im-c-map-styles__inner",children:["small","medium","large"].map(e=>s("div",{className:"im-c-map-styles__item",children:a("button",{className:"im-c-map-styles__button",onClick:()=>{return t=e,d.emit(p.MAP_SET_SIZE,t),void d.emit(p.MAP_SET_PIXEL_RATIO,window.devicePixelRatio*c[t]);var t},"aria-pressed":e===o,children:[s("div",{className:"im-c-map-styles__image",children:a("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fillRule:"evenodd",children:[s("rect",{className:"im-c-map-styles__image-bg",width:"100%",height:"100%"}),s("g",{style:{transform:"scale(".concat(c[e],")"),transformOrigin:"8px 52px"},children:s("path",{d:"M8 51.785L12.948 38.9h1.837l5.274 12.885h-1.943l-1.503-3.903h-5.387l-1.415 3.903H8zm3.718-5.291h4.368l-1.345-3.569-.914-2.671c-.164.826-.395 1.646-.694 2.46l-1.415 3.78zm15.592 4.139c-3.698 3.143-7.836.271-6.315-2.562.963-1.794 5.529-1.982 6.183-2.21.022-.825.052-2.27-2.241-2.312-1.751-.031-2.242 1.025-2.435 1.776l-1.547-.211c.234-1.102.963-2.856 4.21-2.874 4.037-.022 3.612 2.962 3.612 3.524v2.11c0 .315 0 3.012.501 3.911h-1.652c-.164-.328-.27-.712-.316-1.152zm-.132-3.533c-.907.37-3.444.694-3.964.914-1.293.548-.911 2.399.225 2.637.639.134 3.739.476 3.739-2.971v-.58z"})})]})}),e[0].toUpperCase()+e.slice(1)]})},e))})]})]})}}],buttons:[{id:"mapStyles",label:"Styles",panelId:"mapStyles",iconId:"map",mobile:{slot:"top-left",showLabel:!1},tablet:{slot:"top-left",showLabel:!0},desktop:{slot:"top-left",showLabel:!0}}],icons:[{id:"map",svgContent:'<path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"/><path d="M15 5.764v15"/><path d="M9 3.236v15"/>'}]};export{p as manifest};

package/plugins/beta/map-styles/dist/umd/im-map-styles-plugin.js

@@ -1 +1 @@
-"use strict";(this.webpackChunkdefra_DefraMap=this.webpackChunkdefra_DefraMap||[]).push([[657],{860(e,t,i){i.r(t),i.d(t,{manifest:()=>p});var s=i(738),r=i(287);new Set,new Set;function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function l(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,s)}return i}function a(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach(function(t){o(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function o(e,t,i){return(t=function(e){var t=function(e){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=n(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var c={slot:"middle",open:!1,dismissible:!0,modal:!0},m=(a({},c),a(a({},c),{},{width:"500px"}),a(a({},c),{},{width:"500px"}),{small:1,medium:1.5,large:2}),p={InitComponent:function(e){var t=e.pluginConfig,i=e.services,n=i.events,l=i.eventBus,a=function(){l.emit(n.MAP_INIT_MAP_STYLES,t.mapStyles)};return(0,s.useEffect)(function(){return l.on(n.APP_READY,a),function(){return l.off(n.APP_READY,a)}},[]),(0,r.jsx)(r.Fragment,{})},panels:[{id:"mapStyles",label:"Map styles",mobile:{slot:"bottom",modal:!0,dismissible:!0},tablet:{slot:"inset",modal:!0,width:"400px",dismissible:!0},desktop:{slot:"inset",modal:!0,width:"400px",dismissible:!0},render:function(e){var t=e.mapState,i=e.pluginConfig,s=e.services,n=e.mapProvider,l=t.mapStyle,a=t.mapSize,o=i.mapStyles,c=s.events,p=s.eventBus,d=n.capabilities.supportsMapSizes;return(0,r.jsxs)("div",{className:"im-c-map-styles",children:[(0,r.jsx)("div",{className:"im-c-map-styles__group",children:(0,r.jsx)("div",{className:"im-c-map-styles__inner",children:o.filter(function(e){return e.url}).map(function(e){return(0,r.jsx)("div",{className:"im-c-map-styles__item",children:(0,r.jsxs)("button",{className:"im-c-map-styles__button","aria-pressed":e.id===l.id,onClick:function(){return t=e,void p.emit(c.MAP_SET_STYLE,t);var t},children:[(0,r.jsx)("div",{className:"im-c-map-styles__image",children:(0,r.jsx)("img",{src:e.thumbnail||void 0,alt:"",height:"60",width:"60"})}),e.label]})},e.id)})})}),d&&(0,r.jsxs)("div",{className:"im-c-map-styles__group",children:[(0,r.jsx)("h3",{className:"im-c-map-styles__heading",id:"map-text-sizes",children:"Map size"}),(0,r.jsx)("div",{className:"im-c-map-styles__inner",children:["small","medium","large"].map(function(e){return(0,r.jsx)("div",{className:"im-c-map-styles__item",children:(0,r.jsxs)("button",{className:"im-c-map-styles__button",onClick:function(){return t=e,p.emit(c.MAP_SET_SIZE,t),void p.emit(c.MAP_SET_PIXEL_RATIO,window.devicePixelRatio*m[t]);var t},"aria-pressed":e===a,children:[(0,r.jsx)("div",{className:"im-c-map-styles__image",children:(0,r.jsxs)("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fillRule:"evenodd",children:[(0,r.jsx)("rect",{className:"im-c-map-styles__image-bg",width:"100%",height:"100%"}),(0,r.jsx)("g",{style:{transform:"scale(".concat(m[e],")"),transformOrigin:"8px 52px"},children:(0,r.jsx)("path",{d:"M8 51.785L12.948 38.9h1.837l5.274 12.885h-1.943l-1.503-3.903h-5.387l-1.415 3.903H8zm3.718-5.291h4.368l-1.345-3.569-.914-2.671c-.164.826-.395 1.646-.694 2.46l-1.415 3.78zm15.592 4.139c-3.698 3.143-7.836.271-6.315-2.562.963-1.794 5.529-1.982 6.183-2.21.022-.825.052-2.27-2.241-2.312-1.751-.031-2.242 1.025-2.435 1.776l-1.547-.211c.234-1.102.963-2.856 4.21-2.874 4.037-.022 3.612 2.962 3.612 3.524v2.11c0 .315 0 3.012.501 3.911h-1.652c-.164-.328-.27-.712-.316-1.152zm-.132-3.533c-.907.37-3.444.694-3.964.914-1.293.548-.911 2.399.225 2.637.639.134 3.739.476 3.739-2.971v-.58z"})})]})}),e[0].toUpperCase()+e.slice(1)]})},e)})})]})]})}}],buttons:[{id:"mapStyles",label:"Styles",panelId:"mapStyles",iconId:"map",mobile:{slot:"top-left",showLabel:!1},tablet:{slot:"top-left",showLabel:!0},desktop:{slot:"top-left",showLabel:!0}}],icons:[{id:"map",svgContent:'<path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"/><path d="M15 5.764v15"/><path d="M9 3.236v15"/>'}]}}}]);
+"use strict";(this.webpackChunkdefra_DefraMap=this.webpackChunkdefra_DefraMap||[]).push([[657],{860(e,t,i){i.r(t),i.d(t,{manifest:()=>p});var s=i(738),r=i(287);new Set,new Set;function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function l(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,s)}return i}function a(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach(function(t){o(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function o(e,t,i){return(t=function(e){var t=function(e){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!=n(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var c={slot:"middle",open:!1,dismissible:!0,modal:!0},m=(a({},c),a(a({},c),{},{width:"500px"}),a(a({},c),{},{width:"500px"}),{small:1,medium:1.5,large:2}),p={InitComponent:function(e){var t=e.pluginConfig,i=e.services,n=i.events,l=i.eventBus,a=function(){l.emit(n.MAP_INIT_MAP_STYLES,t.mapStyles)};return(0,s.useEffect)(function(){return l.on(n.APP_READY,a),function(){return l.off(n.APP_READY,a)}},[]),(0,r.jsx)(r.Fragment,{})},panels:[{id:"mapStyles",label:"Map styles",mobile:{slot:"bottom",modal:!0,dismissible:!0},tablet:{slot:"left-top",modal:!0,width:"400px",dismissible:!0},desktop:{slot:"left-top",modal:!0,width:"400px",dismissible:!0},render:function(e){var t=e.mapState,i=e.pluginConfig,s=e.services,n=e.mapProvider,l=t.mapStyle,a=t.mapSize,o=i.mapStyles,c=s.events,p=s.eventBus,d=n.capabilities.supportsMapSizes;return(0,r.jsxs)("div",{className:"im-c-map-styles",children:[(0,r.jsx)("div",{className:"im-c-map-styles__group",children:(0,r.jsx)("div",{className:"im-c-map-styles__inner",children:o.filter(function(e){return e.url}).map(function(e){return(0,r.jsx)("div",{className:"im-c-map-styles__item",children:(0,r.jsxs)("button",{className:"im-c-map-styles__button","aria-pressed":e.id===l.id,onClick:function(){return t=e,void p.emit(c.MAP_SET_STYLE,t);var t},children:[(0,r.jsx)("div",{className:"im-c-map-styles__image",children:(0,r.jsx)("img",{src:e.thumbnail||void 0,alt:"",height:"60",width:"60"})}),e.label]})},e.id)})})}),d&&(0,r.jsxs)("div",{className:"im-c-map-styles__group",children:[(0,r.jsx)("h3",{className:"im-c-map-styles__heading",id:"map-text-sizes",children:"Map size"}),(0,r.jsx)("div",{className:"im-c-map-styles__inner",children:["small","medium","large"].map(function(e){return(0,r.jsx)("div",{className:"im-c-map-styles__item",children:(0,r.jsxs)("button",{className:"im-c-map-styles__button",onClick:function(){return t=e,p.emit(c.MAP_SET_SIZE,t),void p.emit(c.MAP_SET_PIXEL_RATIO,window.devicePixelRatio*m[t]);var t},"aria-pressed":e===a,children:[(0,r.jsx)("div",{className:"im-c-map-styles__image",children:(0,r.jsxs)("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fillRule:"evenodd",children:[(0,r.jsx)("rect",{className:"im-c-map-styles__image-bg",width:"100%",height:"100%"}),(0,r.jsx)("g",{style:{transform:"scale(".concat(m[e],")"),transformOrigin:"8px 52px"},children:(0,r.jsx)("path",{d:"M8 51.785L12.948 38.9h1.837l5.274 12.885h-1.943l-1.503-3.903h-5.387l-1.415 3.903H8zm3.718-5.291h4.368l-1.345-3.569-.914-2.671c-.164.826-.395 1.646-.694 2.46l-1.415 3.78zm15.592 4.139c-3.698 3.143-7.836.271-6.315-2.562.963-1.794 5.529-1.982 6.183-2.21.022-.825.052-2.27-2.241-2.312-1.751-.031-2.242 1.025-2.435 1.776l-1.547-.211c.234-1.102.963-2.856 4.21-2.874 4.037-.022 3.612 2.962 3.612 3.524v2.11c0 .315 0 3.012.501 3.911h-1.652c-.164-.328-.27-.712-.316-1.152zm-.132-3.533c-.907.37-3.444.694-3.964.914-1.293.548-.911 2.399.225 2.637.639.134 3.739.476 3.739-2.971v-.58z"})})]})}),e[0].toUpperCase()+e.slice(1)]})},e)})})]})]})}}],buttons:[{id:"mapStyles",label:"Styles",panelId:"mapStyles",iconId:"map",mobile:{slot:"top-left",showLabel:!1},tablet:{slot:"top-left",showLabel:!0},desktop:{slot:"top-left",showLabel:!0}}],icons:[{id:"map",svgContent:'<path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"/><path d="M15 5.764v15"/><path d="M9 3.236v15"/>'}]}}}]);

package/plugins/beta/map-styles/src/MapStyles.jsx

@@ -18,14 +18,14 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
   }
 
   return (
-    <div className="im-c-map-styles">
-      <div className="im-c-map-styles__group">
-        <div className="im-c-map-styles__inner">
+    <div className='im-c-map-styles'>
+      <div className='im-c-map-styles__group'>
+        <div className='im-c-map-styles__inner'>
           {mapStyles.filter(mapStyle => mapStyle.url).map(mapStyle => (
-            <div className="im-c-map-styles__item" key={mapStyle.id}>
-              <button className="im-c-map-styles__button" aria-pressed={mapStyle.id === currentMapStyle.id} onClick={() => handleMapStyleClick(mapStyle)}>
-                <div className="im-c-map-styles__image">
-                  <img src={mapStyle.thumbnail || undefined} alt="" height="60" width="60" />
+            <div className='im-c-map-styles__item' key={mapStyle.id}>
+              <button className='im-c-map-styles__button' aria-pressed={mapStyle.id === currentMapStyle.id} onClick={() => handleMapStyleClick(mapStyle)}>
+                <div className='im-c-map-styles__image'>
+                  <img src={mapStyle.thumbnail || undefined} alt='' height='60' width='60' />
                 </div>
                 {mapStyle.label}
               </button>
@@ -34,16 +34,16 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
         </div>
       </div>
       {supportsMapSizes && (
-        <div className="im-c-map-styles__group">
-          <h3 className="im-c-map-styles__heading" id="map-text-sizes">Map size</h3>
-          <div className="im-c-map-styles__inner">
-            {["small", "medium", "large"].map(size => (
-              <div className="im-c-map-styles__item" key={size}>
-                <button className="im-c-map-styles__button" onClick={() => handleMapSizeClick(size)} aria-pressed={size === currentMapSize}>
-                  <div className="im-c-map-styles__image">
-                    <svg width="60" height="60" viewBox="0 0 60 60" fillRule="evenodd">
-                      <rect className="im-c-map-styles__image-bg" width="100%" height="100%" />
-                      <g style={{ transform: `scale(${scaleFactor[size]})`, transformOrigin: "8px 52px" }}>
+        <div className='im-c-map-styles__group'>
+          <h3 className='im-c-map-styles__heading' id='map-text-sizes'>Map size</h3>
+          <div className='im-c-map-styles__inner'>
+            {['small', 'medium', 'large'].map(size => (
+              <div className='im-c-map-styles__item' key={size}>
+                <button className='im-c-map-styles__button' onClick={() => handleMapSizeClick(size)} aria-pressed={size === currentMapSize}>
+                  <div className='im-c-map-styles__image'>
+                    <svg width='60' height='60' viewBox='0 0 60 60' fillRule='evenodd'>
+                      <rect className='im-c-map-styles__image-bg' width='100%' height='100%' />
+                      <g style={{ transform: `scale(${scaleFactor[size]})`, transformOrigin: '8px 52px' }}>
                         <path d={textSizeSvgPath} />
                       </g>
                     </svg>
@@ -57,4 +57,4 @@ export const MapStyles = ({ mapState, pluginConfig, services, mapProvider }) =>
       )}
     </div>
   )
-}
+}

package/plugins/beta/map-styles/src/manifest.js

@@ -14,13 +14,13 @@ export const manifest = {
       dismissible: true
     },
     tablet: {
-      slot: 'inset',
+      slot: 'left-top',
       modal: true,
       width: '400px',
       dismissible: true
     },
     desktop: {
-      slot: 'inset',
+      slot: 'left-top',
       modal: true,
       width: '400px',
       dismissible: true

package/plugins/beta/scale-bar/src/ScaleBar.jsx

@@ -23,12 +23,12 @@ export function ScaleBar ({
   }, [resolution, mapSize, pluginConfig.units])
 
   return (
-    <div className="im-c-scale-bar" ref={elRef} style={{ width: `${scale.width}px` }}>
-      <span className="im-c-scale-bar__label">
-        <span className="im-u-visually-hidden">Scale bar: </span>
+    <div className='im-c-scale-bar' ref={elRef} style={{ width: `${scale.width}px` }}>
+      <span className='im-c-scale-bar__label'>
+        <span className='im-u-visually-hidden'>Scale bar: </span>
         {scale.label}
-        <span aria-hidden="true">{scale.abbr}</span>
-        <span className="im-u-visually-hidden">{scale.unit}</span>
+        <span aria-hidden='true'>{scale.abbr}</span>
+        <span className='im-u-visually-hidden'>{scale.unit}</span>
       </span>
     </div>
   )

package/plugins/beta/use-location/src/UseLocation.jsx

@@ -5,7 +5,7 @@ export const UseLocation = ({ pluginState }) => {
   const { errorMessage } = pluginState
 
   return (
-    <div className="im-c-use-location">
+    <div className='im-c-use-location'>
       <p>{errorMessage}</p>
     </div>
   )

package/plugins/beta/use-location/src/defaults.js

@@ -3,4 +3,4 @@ export const errorMessages = {
   POSITION_UNAVAILABLE: 'Location information is unavailable.',
   TIMEOUT: 'The location request timed out. Please try again.',
   FALLBACK: 'Unable to get your location.'
-}
+}

package/plugins/beta/use-location/src/events.js

@@ -1,6 +1,6 @@
 import { errorMessages } from './defaults.js'
 
-export function attachEvents({ appState, pluginState, mapProvider, useLocationButton }) {
+export function attachEvents ({ appState, pluginState, mapProvider, useLocationButton }) {
   const { dispatch: appDispatch, buttonRefs } = appState
   const { dispatch: pluginDispatch } = pluginState
 
@@ -30,7 +30,7 @@ export function attachEvents({ appState, pluginState, mapProvider, useLocationBu
       const message = getFriendlyError(err)
       const triggeringElement = buttonRefs.current[useLocationButton.id]
       pluginDispatch({ type: 'SET_ERROR_MESSAGE', payload: message })
-      appDispatch({ type: 'OPEN_PANEL', payload: { panelId: 'useLocation', props: { triggeringElement }}})
+      appDispatch({ type: 'OPEN_PANEL', payload: { panelId: 'useLocation', props: { triggeringElement } } })
     }, {
       enableHighAccuracy: true,
       maximumAge: 0,
@@ -78,4 +78,4 @@ export function attachEvents({ appState, pluginState, mapProvider, useLocationBu
 
   // Return helpers in case you want them in future
   return { startTracking, stopTracking }
-}
+}

package/plugins/interact/src/InteractInit.jsx

@@ -24,7 +24,7 @@ export const InteractInit = ({
     mapState,
     pluginState,
     services,
-    mapProvider,
+    mapProvider
   })
 
   // Refs updated synchronously each render — keeps callbacks fresh without re-attaching events
@@ -89,6 +89,5 @@ export const InteractInit = ({
     return cleanupEvents
   }, [pluginState.enabled, buttonConfig, events, eventBus, closeApp])
 
-
   return null
 }

package/plugins/interact/src/api/enable.js

@@ -7,9 +7,12 @@
 import { DEFAULTS } from '../defaults.js'
 
 export const enable = ({ pluginState, pluginConfig }, options) => {
-  pluginState.dispatch({ type: 'ENABLE', payload: {
-    ...DEFAULTS,
-    ...pluginConfig,
-    ...options
-  }})
+  pluginState.dispatch({
+    type: 'ENABLE',
+    payload: {
+      ...DEFAULTS,
+      ...pluginConfig,
+      ...options
+    }
+  })
 }

package/plugins/interact/src/api/enable.test.js

@@ -18,9 +18,9 @@ describe('enable', () => {
     expect(dispatch).toHaveBeenCalledWith({
       type: 'ENABLE',
       payload: expect.objectContaining({
-        interactionMode: 'select',   // options override DEFAULTS
+        interactionMode: 'select', // options override DEFAULTS
         multiSelect: DEFAULTS.multiSelect, // default preserved
-        markerColor: 'green',        // options override pluginConfig
+        markerColor: 'green', // options override pluginConfig
         dataLayers: [{ layerId: 'test' }] // options passed
       })
     })

package/plugins/interact/src/api/selectFeature.js

@@ -6,8 +6,8 @@
  */
 export const selectFeature = ({ services }, { featureId, layerId, idProperty }) => {
   services.eventBus.emit('interact:selectFeature', {
-		featureId,
-		layerId,
-		idProperty
-	})
+    featureId,
+    layerId,
+    idProperty
+  })
 }

package/plugins/interact/src/api/unselectFeature.js

@@ -6,8 +6,8 @@
  */
 export const unselectFeature = ({ services }, { featureId, layerId, idProperty }) => {
   services.eventBus.emit('interact:unselectFeature', {
-		featureId,
-		layerId,
-		idProperty
-	})
-}
+    featureId,
+    layerId,
+    idProperty
+  })
+}

package/plugins/interact/src/defaults.js

@@ -9,4 +9,3 @@ export const DEFAULTS = {
   selectedFill: 'rgba(255, 0, 0, 0.1)',
   selectedStrokeWidth: 2
 }
-