{"version":3,"file":"assets/js/610.ddcae26051cc16403b63.js","mappings":"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","sources":["webpack://ssen-transmission/./src/app/components/alert-box.vue?b85c","webpack://ssen-transmission/./src/app/components/alert-box.vue","webpack://ssen-transmission/./src/app/composables/use-modifiers.ts","webpack://ssen-transmission/./src/app/composables/use-loading-check.ts","webpack://ssen-transmission/./src/app/composables/use-map-marker.ts","webpack://ssen-transmission/./src/app/composables/use-map-projection.ts","webpack://ssen-transmission/./src/app/composables/use-vector-layers.ts","webpack://ssen-transmission/./src/app/components/base-link.vue?c695","webpack://ssen-transmission/./src/app/components/base-link.vue","webpack://ssen-transmission/./src/app/components/base-input.vue","webpack://ssen-transmission/./src/app/components/base-button.vue?2374","webpack://ssen-transmission/./src/app/components/base-button.vue","webpack://ssen-transmission/./src/app/components/close-button.vue?8866","webpack://ssen-transmission/./src/app/components/close-button.vue","webpack://ssen-transmission/./src/app/components/content-panel.vue?63eb","webpack://ssen-transmission/./src/app/components/content-panel.vue","webpack://ssen-transmission/./src/app/components/feature-summary.vue?9e64","webpack://ssen-transmission/./src/app/components/feature-summary.vue","webpack://ssen-transmission/./src/app/components/icon-action.vue?f99d","webpack://ssen-transmission/./src/app/components/icon-action.vue","webpack://ssen-transmission/./src/app/components/listbox.vue?8984","webpack://ssen-transmission/./src/app/components/listbox.vue","webpack://ssen-transmission/./src/app/components/listbox-group.vue","webpack://ssen-transmission/./src/app/components/listbox-group.vue?166e","webpack://ssen-transmission/./src/app/components/listbox-option.vue?de06","webpack://ssen-transmission/./src/app/components/listbox-option.vue","webpack://ssen-transmission/./src/app/components/list-wrapper.vue","webpack://ssen-transmission/./src/app/components/list-wrapper.vue?3d83","webpack://ssen-transmission/./src/app/components/loading-overlay.vue","webpack://ssen-transmission/./src/app/components/loading-overlay.vue?de98","webpack://ssen-transmission/./src/app/components/map-canvas.vue?face","webpack://ssen-transmission/./src/app/components/map-canvas.vue","webpack://ssen-transmission/./src/app/composables/use-feature-select.ts","webpack://ssen-transmission/./src/app/components/map-simple.vue?a09d","webpack://ssen-transmission/./src/app/components/map-simple.vue","webpack://ssen-transmission/./src/app/components/map-wrapper.vue?404c","webpack://ssen-transmission/./src/app/components/map-wrapper.vue","webpack://ssen-transmission/./src/app/components/project-search.vue?c953","webpack://ssen-transmission/./src/app/components/project-search.vue","webpack://ssen-transmission/./src/app/components/projects-alphabet-link.vue?b46e","webpack://ssen-transmission/./src/app/components/projects-alphabet-link.vue","webpack://ssen-transmission/./src/app/components/projects-alphabet-list.vue?00ea","webpack://ssen-transmission/./src/app/components/projects-alphabet-list.vue","webpack://ssen-transmission/./src/app/components/projects-columnheader.vue?7954","webpack://ssen-transmission/./src/app/components/projects-columnheader.vue","webpack://ssen-transmission/./src/app/components/projects-filter.vue","webpack://ssen-transmission/./src/app/components/projects-filter.vue?8b4e","webpack://ssen-transmission/./src/app/components/projects-list.vue","webpack://ssen-transmission/./src/app/components/projects-list.vue?e26e","webpack://ssen-transmission/./src/app/components/projects-listitem.vue?6958","webpack://ssen-transmission/./src/app/components/projects-listitem.vue","webpack://ssen-transmission/./src/app/components/projects-row.vue?38c2","webpack://ssen-transmission/./src/app/components/projects-row.vue","webpack://ssen-transmission/./src/app/components/projects-table.vue?d73b","webpack://ssen-transmission/./src/app/components/projects-table.vue","webpack://ssen-transmission/./src/app/components/user-guide.vue?4e48","webpack://ssen-transmission/./src/app/components/user-guide.vue","webpack://ssen-transmission/./src/app/store/loader/actions.ts","webpack://ssen-transmission/./src/app/store/loader/mutations.ts","webpack://ssen-transmission/./src/app/store/loader/index.ts","webpack://ssen-transmission/./src/app/store/loader/state.ts","webpack://ssen-transmission/./src/app/store/loader/getters.ts","webpack://ssen-transmission/./src/app/services/api-client.ts","webpack://ssen-transmission/./src/app/services/projects-map.ts","webpack://ssen-transmission/./src/app/store/projects-map/actions.ts","webpack://ssen-transmission/./src/app/store/projects-map/getters.ts","webpack://ssen-transmission/./src/app/store/projects-map/mutations.ts","webpack://ssen-transmission/./src/app/store/projects-map/index.ts","webpack://ssen-transmission/./src/app/store/projects-map/state.ts","webpack://ssen-transmission/./src/app/store/index.ts"],"sourcesContent":["import script from \"./alert-box.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./alert-box.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./alert-box.vue?vue&type=style&index=0&id=d628f6e6&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed } from 'vue';\r\n\r\nconst props = defineProps({\r\n  positioned: {\r\n    default: false,\r\n    required: false,\r\n    type: Boolean,\r\n  },\r\n});\r\nconst modifiers = computed(() => {\r\n  return {\r\n    'c-alert-box--positioned': props.positioned,\r\n  };\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"modifiers\" class=\"c-alert-box\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n\r\n.c-alert-box {\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding: rem(14px);\r\n  width: 100%;\r\n  max-width: rem(570px);\r\n  background-color: $color-error;\r\n  color: $white;\r\n  font-size: rem(14px);\r\n  font-weight: $font-weight-bold;\r\n  line-height: (20 / 14);\r\n  text-align: center;\r\n\r\n  &--positioned {\r\n    position: absolute;\r\n    top: rem(28px);\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 2;\r\n  }\r\n}\r\n</style>\r\n","export default function useModifiers(\r\n  baseCssClass: any,\r\n  modifiers: {\r\n    length: any;\r\n    map: (arg0: (modifier: any) => string) => {\r\n      (): any;\r\n      new (): any;\r\n      toString: { (): string; new (): any };\r\n    };\r\n  },\r\n) {\r\n  if (modifiers.length) {\r\n    const modifierCssClasses = modifiers\r\n      .map((modifier) => ` ${baseCssClass}--${modifier}`)\r\n      .toString()\r\n      .replace(/,/g, '');\r\n    return `${baseCssClass}${modifierCssClasses}`;\r\n  }\r\n  return baseCssClass;\r\n}\r\n","import { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\n\r\nexport default function useLoadingCheck() {\r\n  const store = useStore();\r\n  const isLoading = computed(() => store.state.loader.isLoading);\r\n  const loadingTabindex = computed(() => {\r\n    if (isLoading.value === true) {\r\n      return '-1';\r\n    }\r\n    return null;\r\n  });\r\n\r\n  function loadingPrevent(event: Event) {\r\n    if (isLoading.value) {\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  return {\r\n    loadingPrevent,\r\n    loadingTabindex,\r\n  };\r\n}\r\n","import { Vector as VectorLayer } from 'ol/layer';\r\nimport { Vector as VectorSource } from 'ol/source';\r\nimport { Icon, Style } from 'ol/style';\r\n\r\nexport default function useMapMarker() {\r\n  return new VectorLayer({\r\n    source: new VectorSource(),\r\n    style: new Style({\r\n      image: new Icon({\r\n        anchor: [0.5, 1],\r\n        src: '/assets/images/location.png',\r\n      }),\r\n    }),\r\n  });\r\n}\r\n","import proj4 from 'proj4';\r\nimport { register } from 'ol/proj/proj4';\r\nimport { get as getProjection } from 'ol/proj';\r\n\r\nexport default function useMapProjection() {\r\n  proj4.defs(\r\n    'EPSG:27700',\r\n    '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 +x_0=400000 +y_0=-100000 +ellps=airy +towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 +units=m +no_defs',\r\n  );\r\n\r\n  register(proj4);\r\n\r\n  const proj27700 = getProjection('EPSG:27700');\r\n\r\n  if (proj27700 !== null) {\r\n    proj27700.setExtent([-650000, -150000, 1350000, 1450000]);\r\n  }\r\n\r\n  return proj27700;\r\n}\r\n","import { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { GeoJSON } from 'ol/format';\r\nimport { Vector as VectorLayer } from 'ol/layer';\r\nimport { Vector as VectorSource } from 'ol/source';\r\nimport { Circle, Fill, Icon, Stroke, Style } from 'ol/style';\r\n\r\nexport default function useVectorLayers(layers: MapLayer[]) {\r\n  const store = useStore();\r\n  const locationCoordinates = computed(() => store.state.projectsMap.locationCoordinates);\r\n\r\n  function createIconStyle(layer: MapLayer) {\r\n    return {\r\n      image: new Icon({\r\n        anchor: [0.5, 1],\r\n        src: layer.src,\r\n      }),\r\n    };\r\n  }\r\n\r\n  function createLineStyle(layer: MapLayer, feature: MapFeature) {\r\n    if (layer.field) {\r\n      const layerName: string = feature.get(layer.field).toString();\r\n      const color: string = layer.color[layerName];\r\n      const lineCap: CanvasLineCap = layer.lineCap ? layer.lineCap[layerName] : 'round';\r\n      const lineDash: number[] = layer.lineDash ? layer.lineDash[layerName] : null;\r\n      return {\r\n        stroke: new Stroke({\r\n          color,\r\n          lineCap,\r\n          lineDash,\r\n          width: layer.width,\r\n        }),\r\n      };\r\n    }\r\n    return {\r\n      stroke: new Stroke({\r\n        color: layer.color,\r\n        width: layer.width,\r\n      }),\r\n    };\r\n  }\r\n\r\n  function createPointStyle(layer: MapLayer) {\r\n    return {\r\n      image: new Circle({\r\n        fill: new Fill({\r\n          color: layer.color,\r\n        }),\r\n        radius: layer.radius,\r\n      }),\r\n    };\r\n  }\r\n\r\n  function createStyle(layer: MapLayer, feature: MapFeature) {\r\n    const typeStyle: MapStyle = {\r\n      line: createLineStyle.bind(null, layer, feature),\r\n      point: createPointStyle.bind(null, layer, feature),\r\n      icon: createIconStyle.bind(null, layer, feature),\r\n    };\r\n\r\n    return new Style(typeStyle[layer.type]());\r\n  }\r\n\r\n  async function fetchLayerSource(url: string) {\r\n    const andOr = url.includes('?') ? '&' : '?';\r\n    let endpoint = `${url}${andOr}distance=0`;\r\n\r\n    if (locationCoordinates.value) {\r\n      endpoint += `&${new URLSearchParams(locationCoordinates.value)}`;\r\n    } else {\r\n      endpoint += '&x=&y=';\r\n    }\r\n\r\n    const response = await fetch(endpoint, {\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n      },\r\n      method: 'GET',\r\n    });\r\n\r\n    if (!response.ok) {\r\n      try {\r\n        const msg = await response.text();\r\n        const parsedMessage = JSON.parse(msg);\r\n        throw new Error(parsedMessage.message);\r\n      } catch {\r\n        throw new Error('Error: Feature layer was unable to load');\r\n      }\r\n    }\r\n    const layer = await response.json();\r\n    return layer;\r\n  }\r\n\r\n  function createLayer(layer: MapLayer) {\r\n    const source = new VectorSource({\r\n      format: new GeoJSON(),\r\n      loader: (extent, _resolution, _projection, success, failure) => {\r\n        fetchLayerSource(layer.url)\r\n          .then((response) => {\r\n            const reponseObj = Object.keys(response);\r\n            if (source && reponseObj.length !== 0) {\r\n              const format = source.getFormat();\r\n              if (format) {\r\n                const features = format.readFeatures(response);\r\n                source.addFeatures(features);\r\n                if (success) {\r\n                  success(features);\r\n                }\r\n              }\r\n            }\r\n          })\r\n          .catch((error) => {\r\n            source.removeLoadedExtent(extent);\r\n            store.commit('projectsMap/SET_LAYER_ERROR', error.message);\r\n            if (failure) {\r\n              failure();\r\n            }\r\n          });\r\n      },\r\n    });\r\n\r\n    return new VectorLayer({\r\n      source,\r\n      style: createStyle.bind(this, layer),\r\n      properties: {\r\n        selectable: layer.selectable,\r\n      },\r\n    });\r\n  }\r\n\r\n  return {\r\n    vectorLayers: layers.map(createLayer),\r\n  };\r\n}\r\n","import script from \"./base-link.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./base-link.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, defineProps } from 'vue';\r\nimport { useLoadingCheck, useModifiers } from '@/app/composables/';\r\n\r\nconst props = defineProps({\r\n  href: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n  modifiers: {\r\n    default: () => [],\r\n    required: false,\r\n    type: Array,\r\n  },\r\n});\r\nconst cssClasses = computed(() => useModifiers('c-button', props.modifiers));\r\nconst { loadingPrevent, loadingTabindex } = useLoadingCheck();\r\n</script>\r\n\r\n<template>\r\n  <a\r\n    @keydown=\"loadingPrevent\"\r\n    :class=\"cssClasses\"\r\n    :href=\"props.href\"\r\n    :tabindex=\"loadingTabindex\"\r\n    class=\"c-button\"\r\n  >\r\n    <slot />\r\n  </a>\r\n</template>\r\n","<script>\r\nexport default {\r\n  inheritAttrs: false,\r\n};\r\n</script>\r\n<script setup>\r\nimport { defineEmits, defineExpose, defineProps, ref, toRefs } from 'vue';\r\nimport { useAriaDescribedBy, useFieldId, useGuid, useLoadingCheck } from '@/app/composables';\r\n\r\nconst props = defineProps({\r\n  hasError: {\r\n    default: false,\r\n    required: false,\r\n    type: Boolean,\r\n  },\r\n  legendErrorId: {\r\n    default: '',\r\n    required: false,\r\n    type: String,\r\n  },\r\n  modelValue: {\r\n    default: '',\r\n    required: true,\r\n    type: [String, Number],\r\n  },\r\n  name: {\r\n    required: false,\r\n    type: String,\r\n  },\r\n  placeholder: {\r\n    default: '',\r\n    required: false,\r\n    type: String,\r\n  },\r\n  type: {\r\n    default: 'text',\r\n    required: false,\r\n    type: String,\r\n  },\r\n});\r\nconst id = useGuid();\r\nconst field = ref(null);\r\nconst { errorsId, inputId } = useFieldId(id);\r\nconst { hasError } = toRefs(props);\r\nconst { ariaDescribedBy } = useAriaDescribedBy(hasError, errorsId);\r\nconst { loadingPrevent, loadingTabindex } = useLoadingCheck();\r\nconst emit = defineEmits(['update:modelValue']);\r\n\r\nfunction inputHandler(event) {\r\n  emit('update:modelValue', event.target.value);\r\n}\r\n\r\ndefineExpose({\r\n  field,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-field\">\r\n    <label :for=\"inputId\" class=\"c-field__label\">\r\n      <slot name=\"label\" />\r\n    </label>\r\n    <div :id=\"errorsId\" aria-live=\"assertive\" class=\"c-field__error\" v-if=\"hasError\">\r\n      <slot name=\"error\" />\r\n    </div>\r\n    <div class=\"c-field__input-wrapper\">\r\n      <input\r\n        v-bind=\"$attrs\"\r\n        @keydown=\"loadingPrevent\"\r\n        @input=\"inputHandler\"\r\n        :aria-describedby=\"legendErrorId || ariaDescribedBy\"\r\n        :name=\"name\"\r\n        :id=\"inputId\"\r\n        :placeholder=\"placeholder\"\r\n        :tabindex=\"loadingTabindex\"\r\n        :type=\"type\"\r\n        :value=\"modelValue\"\r\n        class=\"c-field__input\"\r\n        ref=\"field\"\r\n      />\r\n      <slot name=\"input-cta\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/forms';\r\n\r\n.c-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n.c-field__label {\r\n  @include label-style;\r\n}\r\n\r\n.c-field__error {\r\n  @include field-error;\r\n}\r\n\r\n.c-field__input {\r\n  @include general-input;\r\n}\r\n</style>\r\n","import script from \"./base-button.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./base-button.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, defineExpose, defineProps, ref } from 'vue';\r\nimport { useLoadingCheck, useModifiers } from '@/app/composables/';\r\n\r\nconst props = defineProps({\r\n  disabled: {\r\n    required: false,\r\n    default: () => false,\r\n    type: Boolean,\r\n  },\r\n  icon: {\r\n    required: false,\r\n    type: String,\r\n  },\r\n  modifiers: {\r\n    default: () => [],\r\n    required: false,\r\n    type: Array,\r\n  },\r\n  type: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n});\r\nconst cssClasses = computed(() => useModifiers('c-button', props.modifiers));\r\nconst { loadingPrevent, loadingTabindex } = useLoadingCheck();\r\nconst focusEl = ref(null);\r\ndefineExpose({ focusEl });\r\n</script>\r\n\r\n<template>\r\n  <button\r\n    v-bind=\"$attrs\"\r\n    @keydown=\"loadingPrevent\"\r\n    :class=\"cssClasses\"\r\n    :type=\"type\"\r\n    :disabled=\"disabled\"\r\n    :tabindex=\"loadingTabindex\"\r\n    ref=\"focusEl\"\r\n  >\r\n    <slot />\r\n    <svg v-if=\"icon\" class=\"c-button__icon\" aria-hidden=\"true\" focusable=\"false\">\r\n      <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" :xlink:href=\"icon\" />\r\n    </svg>\r\n  </button>\r\n</template>\r\n","import script from \"./close-button.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./close-button.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./close-button.vue?vue&type=style&index=0&id=b8433936&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { useLoadingCheck } from '@/app/composables/';\r\nconst { loadingPrevent, loadingTabindex } = useLoadingCheck();\r\n</script>\r\n\r\n<template>\r\n  <button\r\n    @keydown=\"loadingPrevent\"\r\n    :tabindex=\"loadingTabindex\"\r\n    class=\"c-close-button\"\r\n    type=\"button\"\r\n  >\r\n    <slot />\r\n    <svg aria-hidden=\"true\" focusable=\"false\">\r\n      <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#close\"></use>\r\n    </svg>\r\n  </button>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/mixins/transitions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-close-button {\r\n  @include removeDefaultButtonStyling();\r\n  @include iconButton();\r\n  @include defaultTransition(color);\r\n  display: grid;\r\n  place-content: center;\r\n  height: rem(44px);\r\n  width: rem(44px);\r\n  color: $ssen-a11y-grey;\r\n  cursor: pointer;\r\n  transform: translate(#{rem(12px)}, #{rem(-12px)});\r\n\r\n  &:hover {\r\n    color: $color-brand-one;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./content-panel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./content-panel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./content-panel.vue?vue&type=style&index=0&id=48fec17e&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, defineProps } from 'vue';\r\n\r\nconst props = defineProps({\r\n  side: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n});\r\nconst cssClasses = computed(() => {\r\n  return {\r\n    'c-content-panel--left': props.side === 'left',\r\n    'c-content-panel--right': props.side === 'right',\r\n    'c-content-panel--modal': props.side === 'modal',\r\n  };\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"cssClasses\" class=\"c-content-panel\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-content-panel {\r\n  width: 100%;\r\n\r\n  &--left {\r\n    @include mq($from: large) {\r\n      left: 0;\r\n    }\r\n  }\r\n\r\n  &--right {\r\n    @include mq($from: large) {\r\n      right: 0;\r\n    }\r\n  }\r\n\r\n  @include mq($from: large) {\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 1;\r\n    height: 100%;\r\n    max-width: rem(341px);\r\n    background-color: $white;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.c-content-panel--modal {\r\n  @include mq($from: large) {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: 2;\r\n    height: auto;\r\n    width: calc(100% - #{$spacing-large});\r\n    max-width: rem(1060px);\r\n    max-height: rem(780px);\r\n    overflow-y: auto;\r\n    background-color: $white;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n}\r\n</style>\r\n","import script from \"./feature-summary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./feature-summary.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./feature-summary.vue?vue&type=style&index=0&id=4196c50d&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, defineExpose, inject, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { BaseLink, CloseButton, ContentPanel } from '@/app/components';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst { featureSummary } = inject('config');\r\nconst store = useStore();\r\nconst summary = computed(() => store.getters['projectsMap/selectedFeature']);\r\nconst focusEl = ref(null);\r\n\r\nfunction closeSummary() {\r\n  store.dispatch('projectsMap/resetSelectedFeatureSummary');\r\n}\r\n\r\nfunction gtmPanelTrigger(projectName, ctaLabel, destinationUrl) {\r\n  const cta = ctaLabel ? `- ${ctaLabel}` : ``;\r\n\r\n  pushToDataLayer(\r\n    'projectMapProjectPanelCTA_tracking',\r\n    'projectMapProjectPanelCTA_action',\r\n    'projectMapProjectPanelCTA_label',\r\n    `Click - CTA - ${projectName} ${cta}`,\r\n    destinationUrl,\r\n  );\r\n}\r\n\r\ndefineExpose({\r\n  focusEl,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <ContentPanel side=\"right\">\r\n    <div class=\"c-feature-summary\">\r\n      <div class=\"c-feature-summary__head\">\r\n        <h2 class=\"c-feature-summary__heading\" tabindex=\"-1\" ref=\"focusEl\">{{ summary.name }}</h2>\r\n        <div class=\"c-feature-summary__close\">\r\n          <CloseButton\r\n            @click=\"\r\n              gtmPanelTrigger(summary.name, null, `Close panel`);\r\n              closeSummary();\r\n            \"\r\n          >\r\n            <span class=\"visually-hidden\">Close {{ summary.name }} summary</span>\r\n          </CloseButton>\r\n        </div>\r\n      </div>\r\n      <dl class=\"c-feature-summary__list\">\r\n        <div v-if=\"summary.circuit\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.circuitLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">{{ summary.circuit }}</dd>\r\n        </div>\r\n        <div v-if=\"summary.type\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.typeLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">{{ summary.type }}</dd>\r\n        </div>\r\n        <div v-if=\"summary.location\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.locationLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">{{ summary.location }}</dd>\r\n        </div>\r\n        <div v-if=\"summary.status\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.statusLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">{{ summary.status }}</dd>\r\n        </div>\r\n        <div v-if=\"summary.rating\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.ratingLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">{{ summary.rating }}</dd>\r\n        </div>\r\n        <div v-if=\"summary.events.length > 0\" class=\"c-feature-summary__item\">\r\n          <dt class=\"c-feature-summary__title\">{{ featureSummary.eventsLabel }}</dt>\r\n          <dd class=\"c-feature-summary__desc\">\r\n            <ul class=\"c-feature-summary__events\">\r\n              <li v-for=\"event in summary.events\" :key=\"event.id\">\r\n                <a\r\n                  @click=\"gtmPanelTrigger(summary.name, event.name, event.url)\"\r\n                  :href=\"event.url\"\r\n                  >{{ event.name }}</a\r\n                >\r\n              </li>\r\n            </ul>\r\n          </dd>\r\n        </div>\r\n      </dl>\r\n      <div v-if=\"summary.url\" class=\"c-feature-summary__action\">\r\n        <BaseLink\r\n          @click=\"gtmPanelTrigger(summary.name, `View project`, summary.url)\"\r\n          :href=\"summary.url\"\r\n          :modifiers=\"['form']\"\r\n        >\r\n          {{ featureSummary.ctaLabel }} <span class=\"visually-hidden\">- {{ summary.name }} </span>\r\n        </BaseLink>\r\n      </div>\r\n    </div>\r\n  </ContentPanel>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/map-panels';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-feature-summary {\r\n  @include map-panel;\r\n}\r\n\r\n.c-feature-summary__head {\r\n  @include map-panel-header;\r\n}\r\n\r\n.c-feature-summary__heading {\r\n  @include map-panel-title;\r\n  @include map-panel-title-text;\r\n}\r\n\r\n.c-feature-summary__close {\r\n  @include map-panel-close-btn;\r\n}\r\n\r\n.c-feature-summary__list {\r\n  margin-bottom: rem(36px);\r\n}\r\n\r\n.c-feature-summary__item {\r\n  margin-bottom: $spacing-medium;\r\n}\r\n\r\n.c-feature-summary__title {\r\n  color: $color-brand-one;\r\n  font-size: rem(16px);\r\n  font-weight: $font-weight-bold;\r\n  line-height: (30 / 16);\r\n}\r\n\r\n.c-feature-summary__desc {\r\n  margin: 0;\r\n}\r\n\r\n.c-feature-summary__events {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-size: rem(16px);\r\n  line-height: (30 / 16);\r\n  list-style: none;\r\n}\r\n</style>\r\n","import script from \"./icon-action.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./icon-action.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./icon-action.vue?vue&type=style&index=0&id=38845c72&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { inject } from 'vue';\r\n\r\nconst { userGuide } = inject('config');\r\n</script>\r\n\r\n<template>\r\n  <button class=\"c-icon-action\" type=\"button\">\r\n    <svg aria-hidden=\"true\" class=\"c-icon-action__svg\" focusable=\"false\">\r\n      <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#user-guide\"></use>\r\n    </svg>\r\n    <span class=\"c-icon-action__text\">{{ userGuide.title }}</span>\r\n  </button>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/mixins/fonts';\r\n\r\n.c-icon-action {\r\n  @include removeDefaultButtonStyling();\r\n  @include iconButton(rem(70px));\r\n  @include h3-style;\r\n  color: $color-brand-one;\r\n  cursor: pointer;\r\n\r\n  > svg {\r\n    z-index: 3;\r\n    margin-right: -#{$spacing-medium};\r\n  }\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.c-icon-action__text {\r\n  padding: rem(8px) $spacing-medium rem(8px) rem(23px);\r\n  background-color: $white;\r\n  border: $border-width-thin solid $ssen-light-blue;\r\n  border-bottom-right-radius: rem(8px);\r\n  line-height: 1;\r\n}\r\n</style>\r\n","import script from \"./listbox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./listbox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./listbox.vue?vue&type=style&index=0&id=848055cc&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { defineProps } from 'vue';\r\n\r\nconst props = defineProps({\r\n  id: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div :id=\"props.id\" class=\"c-listbox\" role=\"listbox\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-listbox {\r\n  position: absolute;\r\n  top: calc(100% - #{$border-radius-small});\r\n  left: 0;\r\n  z-index: 2003; // sit above reciteme\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  max-height: 70vh;\r\n  overflow-y: auto;\r\n  background-color: $white;\r\n  box-shadow: 0 rem(4px) rem(10px) rgba($black, 0.15);\r\n}\r\n</style>\r\n","<script setup></script>\r\n\r\n<template>\r\n  <ul class=\"c-listbox__group\" role=\"group\">\r\n    <li class=\"c-listbox__category\" role=\"presentation\">\r\n      <slot name=\"category\" />\r\n    </li>\r\n    <slot name=\"options\" />\r\n  </ul>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-listbox__group {\r\n  margin: 0 0 $spacing-small;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.c-listbox__category {\r\n  margin: 0 0 $spacing-small;\r\n  padding: $spacing-small rem(20px);\r\n  background-color: $ssen-light-grey;\r\n  color: $color-neutral-dark;\r\n  font-size: rem(18px);\r\n  font-weight: $font-weight-semi-bold;\r\n  line-height: (24 / 18);\r\n}\r\n</style>\r\n","import { render } from \"./listbox-group.vue?vue&type=template&id=1e976f49\"\nconst script = {}\n\nimport \"./listbox-group.vue?vue&type=style&index=0&id=1e976f49&lang=scss\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import script from \"./listbox-option.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./listbox-option.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./listbox-option.vue?vue&type=style&index=0&id=0afb3406&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, defineEmits, defineProps } from 'vue';\r\n\r\nconst emit = defineEmits(['click']);\r\nconst props = defineProps({\r\n  currentIndex: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n  index: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n  setSize: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n  startingIndex: {\r\n    default: 0,\r\n    required: false,\r\n    type: Number,\r\n  },\r\n});\r\n\r\nconst selected = computed(() => props.currentIndex === props.startingIndex + props.index);\r\nconst posInSet = computed(() => props.startingIndex + props.index + 1);\r\nconst id = computed(() => `option__${props.index}`);\r\n\r\nfunction clickHandler() {\r\n  emit('click');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <li\r\n    @click=\"clickHandler\"\r\n    :aria-posinset=\"posInSet\"\r\n    :aria-selected=\"selected\"\r\n    :aria-setsize=\"props.setSize\"\r\n    :id=\"id\"\r\n    class=\"c-listbox__option\"\r\n    role=\"option\"\r\n  >\r\n    <slot />\r\n  </li>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/mixins/transitions';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-listbox__option {\r\n  @include defaultTransition;\r\n  display: block;\r\n  padding: $spacing-small rem(20px);\r\n  color: $color-neutral-dark;\r\n  font-size: rem(16px);\r\n  font-weight: $font-weight-semi-bold;\r\n  line-height: $line-height-regular;\r\n  text-align: left;\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n\r\n  &[aria-selected='true'] {\r\n    @include focus-outline;\r\n    outline-offset: -#{$outline-width-medium};\r\n  }\r\n\r\n  &:hover {\r\n    color: $color-brand-one;\r\n  }\r\n}\r\n</style>\r\n","<script setup>\r\nimport { computed, inject } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { AlertBox, ProjectsFilter, ProjectsList } from '@/app/components';\r\n\r\nconst { listView } = inject('config');\r\nconst store = useStore();\r\nconst projects = computed(() => store.state.projectsMap.projectsList);\r\nconst lastSearchedValue = computed(() => store.state.projectsMap.lastSearchedValue);\r\nconst listError = computed(() => store.state.projectsMap.listError);\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-projects-list\">\r\n    <div class=\"c-projects-list__head\">\r\n      <div class=\"c-project-list__head-inner\">\r\n        <template v-if=\"lastSearchedValue\">\r\n          <h2 class=\"c-projects-list__title\">{{ listView.searchTitle }} {{ lastSearchedValue }}</h2>\r\n        </template>\r\n        <template v-else>\r\n          <h2 class=\"c-projects-list__title\" id=\"listView\">{{ listView.title }}</h2>\r\n          <p v-if=\"listView.desc\" class=\"c-projects-list__desc\">{{ listView.desc }}</p>\r\n          <div class=\"c-project-list__filter\">\r\n            <ProjectsFilter />\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n    <div aria-live=\"polite\" class=\"c-projects-list__error\">\r\n      <AlertBox v-if=\"listError\">\r\n        <p v-html=\"listError\" />\r\n      </AlertBox>\r\n    </div>\r\n    <div v-if=\"!listError\" class=\"c-project-list__inner\" id=\"projectsList\">\r\n      <ProjectsList :projects=\"projects\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/layouts';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-list {\r\n  margin-bottom: $spacing-xx-large;\r\n}\r\n\r\n.c-projects-list__head {\r\n  background-color: $color-brand-one;\r\n  color: $white;\r\n}\r\n\r\n.c-projects-list__title {\r\n  @include h1-style();\r\n  margin: 0;\r\n  color: $white;\r\n}\r\n\r\n.c-project-list__head-inner {\r\n  @include center-narrow-content();\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: $spacing-medium;\r\n  padding: rem(40px) $page-side-padding rem(26px);\r\n\r\n  @include mq($from: large) {\r\n    padding: $spacing-x-large 0;\r\n  }\r\n}\r\n\r\n.c-projects-list__error:has(div) {\r\n  margin: rem(40px) 0 0;\r\n}\r\n\r\n.c-project-list__inner {\r\n  @include center-contain-content();\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: rem(40px);\r\n  padding: rem(40px) $page-side-padding rem(26px);\r\n\r\n  @include mq($from: large) {\r\n    gap: $spacing-x-large;\r\n    padding: $spacing-x-large $page-side-padding;\r\n  }\r\n}\r\n\r\n.c-projects-list__desc {\r\n  @include largeprint-style();\r\n  max-width: $limit-x-large;\r\n}\r\n\r\n.c-project-list__filter {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: $spacing-medium;\r\n}\r\n</style>\r\n","import script from \"./list-wrapper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./list-wrapper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./list-wrapper.vue?vue&type=style&index=0&id=72ee4ac8&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-72ee4ac8\"]])\n\nexport default __exports__","<script setup>\r\nimport { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\nconst store = useStore();\r\nconst isLoading = computed(() => {\r\n  return { 'is-loading': store.state.loader.isLoading };\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"isLoading\" class=\"c-loading-overlay\">\r\n    <div class=\"visually-hidden\" aria-live=\"polite\">\r\n      <p>Loading content&hellip;</p>\r\n    </div>\r\n    <div class=\"c-loading-overlay__spinner\">\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n      <div class=\"c-loading-overlay__circle\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/colors';\r\n\r\n@keyframes lds-roller {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.c-loading-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 2003; // sit above reciteme\r\n  visibility: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  width: 100%;\r\n  background: rgba($white, 0.75);\r\n  opacity: 0;\r\n  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.5, 1);\r\n  pointer-events: none;\r\n\r\n  &.is-loading {\r\n    visibility: visible;\r\n    opacity: 1;\r\n    pointer-events: unset;\r\n  }\r\n}\r\n\r\n.c-loading-overlay__spinner {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: inline-block;\r\n  height: rem(80px);\r\n  width: rem(80px);\r\n  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n    position: absolute; // IE11 fallback\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, 50%);\r\n  }\r\n}\r\n\r\n.c-loading-overlay__circle {\r\n  transform-origin: rem(40px) rem(40px);\r\n  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\r\n\r\n  &:after {\r\n    content: '';\r\n    position: absolute;\r\n    display: block;\r\n    margin: rem(-4px) 0 0 rem(-4px);\r\n    height: rem(7px);\r\n    width: rem(7px);\r\n    background: $color-brand-one;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  &:nth-child(1) {\r\n    animation-delay: -0.036s;\r\n  }\r\n\r\n  &:nth-child(1):after {\r\n    top: rem(63px);\r\n    left: rem(63px);\r\n  }\r\n\r\n  &:nth-child(2) {\r\n    animation-delay: -0.072s;\r\n  }\r\n\r\n  &:nth-child(2):after {\r\n    top: rem(68px);\r\n    left: rem(56px);\r\n  }\r\n\r\n  &:nth-child(3) {\r\n    animation-delay: -0.108s;\r\n  }\r\n\r\n  &:nth-child(3):after {\r\n    top: rem(71px);\r\n    left: rem(48px);\r\n  }\r\n\r\n  &:nth-child(4) {\r\n    animation-delay: -0.144s;\r\n  }\r\n\r\n  &:nth-child(4):after {\r\n    top: rem(72px);\r\n    left: rem(40px);\r\n  }\r\n\r\n  &:nth-child(5) {\r\n    animation-delay: -0.18s;\r\n  }\r\n\r\n  &:nth-child(5):after {\r\n    top: rem(71px);\r\n    left: rem(32px);\r\n  }\r\n\r\n  &:nth-child(6) {\r\n    animation-delay: -0.216s;\r\n  }\r\n\r\n  &:nth-child(6):after {\r\n    top: rem(68px);\r\n    left: rem(24px);\r\n  }\r\n\r\n  &:nth-child(7) {\r\n    animation-delay: -0.252s;\r\n  }\r\n\r\n  &:nth-child(7):after {\r\n    top: rem(63px);\r\n    left: rem(17px);\r\n  }\r\n\r\n  &:nth-child(8) {\r\n    animation-delay: -0.288s;\r\n  }\r\n\r\n  &:nth-child(8):after {\r\n    top: rem(56px);\r\n    left: rem(12px);\r\n  }\r\n}\r\n</style>\r\n","import script from \"./loading-overlay.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./loading-overlay.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./loading-overlay.vue?vue&type=style&index=0&id=f9a400c8&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f9a400c8\"]])\n\nexport default __exports__","import script from \"./map-canvas.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./map-canvas.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./map-canvas.vue?vue&type=style&index=0&id=45835af3&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, inject, onMounted, ref, watch } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { virtualPageview } from '@/ui/scripts/analytics/analytics.methods';\r\nimport {\r\n  useFeatureSelect,\r\n  useMapMarker,\r\n  useMapProjection,\r\n  useVectorLayers,\r\n} from '@/app/composables';\r\nimport { Feature, Map, View } from 'ol';\r\nimport { Tile as TileLayer } from 'ol/layer';\r\nimport { OSM } from 'ol/source';\r\nimport { MAC } from 'ol/has';\r\nimport { click, platformModifierKeyOnly, touchOnly } from 'ol/events/condition';\r\nimport { DragPan, MouseWheelZoom, Select, defaults } from 'ol/interaction';\r\nimport { Point } from 'ol/geom';\r\n\r\nlet map = null;\r\n\r\nconst scotlandCenterCoords = [266866.0, 771615.51];\r\nconst config = inject('config');\r\nconst proj27700 = useMapProjection();\r\nconst { vectorLayers } = useVectorLayers(config.vectorLayers);\r\nconst markerLayer = useMapMarker();\r\n\r\nconst { selectHandler, setSelectedStyle } = useFeatureSelect();\r\nconst selectInteraction = new Select({\r\n  condition: click,\r\n  layers: vectorLayers.filter((layer) => layer.getProperties().selectable),\r\n  style: (feature) => setSelectedStyle(feature),\r\n});\r\nconst store = useStore();\r\nconst hasSelectedFeature = computed(() => store.getters['projectsMap/hasSelectedFeature']);\r\nconst locationCoordinates = computed(() => store.state.projectsMap.locationCoordinates);\r\nconst scrollOverlayVisible = ref(false);\r\nconst overlayTimeout = ref(null);\r\nconst platformModifierKey = ref('');\r\nconst lastSearchedValue = computed(() => store.state.projectsMap.lastSearchedValue);\r\n\r\ndefineProps({\r\n  inert: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n});\r\n\r\nwatch(hasSelectedFeature, (value) => {\r\n  if (value === false) {\r\n    selectInteraction.getFeatures().clear();\r\n  }\r\n});\r\n\r\nwatch(locationCoordinates, (value) => {\r\n  removeMarker();\r\n  updateVectorLayers();\r\n  if (value !== null) {\r\n    addMarker(value);\r\n  } else {\r\n    resetCenter();\r\n  }\r\n});\r\n\r\nfunction addMarker(value) {\r\n  const marker = new Feature({\r\n    geometry: new Point([value.x, value.y]),\r\n  });\r\n  const markerSource = markerLayer.getSource();\r\n  markerSource.addFeature(marker);\r\n  map.getView().setCenter([value.x, value.y]);\r\n  map.getView().setZoom(7);\r\n}\r\n\r\nfunction checkForProjectId() {\r\n  const urlParams = new URLSearchParams(window.location.search);\r\n  const projectId = urlParams.get('projectId');\r\n  return projectId !== null && projectId !== '';\r\n}\r\n\r\nfunction findExtent() {\r\n  const layer = vectorLayers.find((vl) => vl.getSource().getFeatures().length === 1);\r\n  return layer.getSource().getExtent();\r\n}\r\n\r\nfunction instantiateMap() {\r\n  return new Map({\r\n    interactions: defaults({ dragPan: false, mouseWheelZoom: false }).extend([\r\n      new DragPan({\r\n        condition: function (event) {\r\n          if (touchOnly(event) === true && event.pointerType === 'touch') {\r\n            showScrollOverlay(true);\r\n          }\r\n          return this.getPointerCount() === 2 || touchOnly(event) === false;\r\n        },\r\n      }),\r\n      new MouseWheelZoom({\r\n        condition: function (event) {\r\n          if (platformModifierKeyOnly(event) === false && event.type === 'wheel') {\r\n            showScrollOverlay(false);\r\n          }\r\n          return platformModifierKeyOnly(event);\r\n        },\r\n      }),\r\n    ]),\r\n    layers: [\r\n      new TileLayer({\r\n        source: new OSM(),\r\n      }),\r\n      ...vectorLayers,\r\n      markerLayer,\r\n    ],\r\n    target: 'mapCanvas',\r\n    view: new View({\r\n      projection: proj27700,\r\n      center: scotlandCenterCoords,\r\n      maxZoom: 10,\r\n      zoom: 3,\r\n      extent: proj27700.getExtent(),\r\n    }),\r\n  });\r\n}\r\n\r\nfunction removeMarker() {\r\n  const markerSource = markerLayer.getSource();\r\n  markerSource.clear();\r\n}\r\n\r\nfunction resetCenter() {\r\n  map.getView().setCenter(scotlandCenterCoords);\r\n  map.getView().setZoom(3);\r\n}\r\n\r\nfunction showScrollOverlay(isTouch) {\r\n  if (isTouch) {\r\n    platformModifierKey.value = 'two fingers';\r\n  } else {\r\n    platformModifierKey.value = MAC ? '⌘' : 'Ctrl';\r\n  }\r\n  scrollOverlayVisible.value = true;\r\n  clearTimeout(overlayTimeout.value);\r\n  overlayTimeout.value = setTimeout(() => {\r\n    scrollOverlayVisible.value = false;\r\n  }, 1000);\r\n}\r\n\r\nfunction updateMapSize() {\r\n  map.updateSize();\r\n}\r\n\r\nfunction updateVectorLayers() {\r\n  const promises = vectorLayers.map((layer) => {\r\n    return new Promise((resolve) => {\r\n      const src = layer.getSource();\r\n      src.once('featuresloadend', () => resolve(src.getFeatures().length));\r\n      src.refresh();\r\n    });\r\n  });\r\n\r\n  Promise.all(promises).then((values) => {\r\n    const total = values.reduce((previousValue, currentValue) => previousValue + currentValue);\r\n    store.commit(\r\n      'projectsMap/SET_LAYER_ERROR',\r\n      total > 0 ? '' : `${config.noResultsMessage} <i>\"${lastSearchedValue.value}\"</i>`,\r\n    );\r\n\r\n    if (total === 0) {\r\n      virtualPageview(\r\n        `/virtual/project-no-result-found/${lastSearchedValue.value}`,\r\n        `Virtual - Project No Result Found - ${lastSearchedValue.value}`,\r\n      );\r\n    }\r\n  });\r\n}\r\n\r\nonMounted(() => {\r\n  // Assign map instance\r\n  map = instantiateMap();\r\n\r\n  // Add interactions\r\n  map.addInteraction(selectInteraction);\r\n\r\n  // Add event listeners\r\n  selectInteraction.on('select', (event) =>\r\n    selectHandler(event, map, config.projectSearchFormAction),\r\n  );\r\n\r\n  map.once('loadend', () => {\r\n    //  Update vector layer params, IF there are coordinates\r\n    if (locationCoordinates.value) {\r\n      updateVectorLayers();\r\n    }\r\n    // Zoom to feature, IF query string in URL\r\n    if (checkForProjectId()) {\r\n      map.getView().fit(findExtent());\r\n    }\r\n  });\r\n});\r\n\r\ndefineExpose({\r\n  resetCenter,\r\n  updateMapSize,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :inert=\"inert\"\r\n    class=\"c-map-canvas\"\r\n    id=\"mapCanvas\"\r\n    ref=\"mapCanvas\"\r\n    tabindex=\"0\"\r\n    role=\"img\"\r\n    aria-label=\"Interactive map\"\r\n  >\r\n    <Transition name=\"c-map-canvas__panel-\">\r\n      <div v-if=\"scrollOverlayVisible\" class=\"c-map-canvas__overlay\">\r\n        Use {{ platformModifierKey }} + scroll to zoom the map\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/map-panels';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n@import 'ol/ol.css';\r\n\r\n.ol-zoom {\r\n  // * Overwriting default position of zoom controls\r\n  top: auto;\r\n  bottom: rem(28px);\r\n  left: rem(34px);\r\n}\r\n\r\n.c-map-canvas {\r\n  @include map-height;\r\n  position: relative;\r\n  height: 100vh;\r\n  width: 100%;\r\n\r\n  &.is-active {\r\n    @include mq($until: large) {\r\n      height: rem(300px);\r\n      transition: height 450ms cubic-bezier(0.45, 0, 0.55, 1);\r\n    }\r\n  }\r\n\r\n  &[inert]:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 2;\r\n    height: 100%;\r\n    width: 100%;\r\n    background: rgba($white, 0.75);\r\n  }\r\n}\r\n\r\n.c-map-canvas__panel--leave-active,\r\n.c-map-canvas__panel--enter-active {\r\n  transition: opacity 450ms cubic-bezier(0.45, 0, 0.55, 1);\r\n}\r\n\r\n.c-map-canvas__panel--enter-from,\r\n.c-map-canvas__panel--leave-to {\r\n  opacity: 0;\r\n}\r\n\r\n.c-map-canvas__overlay {\r\n  @include h2-style;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: $spacing-medium;\r\n  height: 100%;\r\n  width: 100%;\r\n  background: rgba($black, 0.5);\r\n  color: $white;\r\n  text-align: center;\r\n  pointer-events: none;\r\n}\r\n</style>\r\n","import { inject } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { Icon, Stroke, Style } from 'ol/style';\r\nimport { Feature, Map } from 'openlayers';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nexport default function useFeatureSelect() {\r\n  const store = useStore();\r\n  const { selectedStyles } = inject('config', { selectedStyles: { line: {}, point: {} } });\r\n\r\n  function selectHandler(event: MapEvent, map: Map, gtmAction: string) {\r\n    const selectedFeature = event.selected[0];\r\n    if (selectedFeature) {\r\n      if (store.state.projectsMap.requestSummary === true) {\r\n        const selectedFeatureId = selectedFeature.get('UID');\r\n        if (selectedFeatureId) {\r\n          store.dispatch('projectsMap/fetchSelectedFeatureSummary', selectedFeatureId).then(() => {\r\n            map.getView().fit(selectedFeature.getGeometry().getExtent());\r\n          });\r\n        }\r\n      } else {\r\n        store\r\n          .dispatch('projectsMap/setSelectedFeatureSummary', {\r\n            name: selectedFeature.get('FRIENDLYNAME') || selectedFeature.get('NAME'),\r\n            rating: selectedFeature.get('Rating')\r\n              ? `${selectedFeature.get('Rating')}kV`\r\n              : selectedFeature.get('RATING'),\r\n            status: selectedFeature.get('STATUS'),\r\n            circuit: selectedFeature.get('CIRCUIT'),\r\n            events: [],\r\n          })\r\n          .then(() => {\r\n            map.getView().fit(selectedFeature.getGeometry().getExtent());\r\n          });\r\n      }\r\n      pushToDataLayer(\r\n        'projectMapSearchSelect_tracking',\r\n        'projectMapSearch_action',\r\n        'projectMapSearch_label',\r\n        `Click ${selectedFeature.get('FRIENDLYNAME') || selectedFeature.get('NAME')}`,\r\n        gtmAction,\r\n      );\r\n    } else {\r\n      store.commit('projectsMap/SET_SELECTED_FEATURE_SUMMARY', {});\r\n    }\r\n  }\r\n\r\n  function setSelectedStyle(feature: Feature) {\r\n    if (feature.getGeometry().getType() === 'Point') {\r\n      return new Style({\r\n        image: new Icon(selectedStyles.point),\r\n      });\r\n    }\r\n    return new Style({\r\n      stroke: new Stroke(selectedStyles.line),\r\n    });\r\n  }\r\n\r\n  return {\r\n    selectHandler,\r\n    setSelectedStyle,\r\n  };\r\n}\r\n","import script from \"./map-simple.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./map-simple.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./map-simple.vue?vue&type=style&index=0&id=3b3f8e27&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { inject, onMounted } from 'vue';\r\nimport { useMapMarker, useMapProjection, useVectorLayers } from '@/app/composables';\r\nimport { Map, View } from 'ol';\r\nimport { Tile as TileLayer } from 'ol/layer';\r\nimport { OSM } from 'ol/source';\r\nimport { defaults as controlsDefaults } from 'ol/control';\r\nimport { defaults as interactionDefaults } from 'ol/interaction';\r\n\r\nlet map = null;\r\n\r\nconst emit = defineEmits(['ctaClick']);\r\n\r\nconst scotlandCenterCoords = [266866.0, 771615.51];\r\nconst config = inject('config');\r\nconst proj27700 = useMapProjection();\r\nconst { vectorLayers } = useVectorLayers(config.vectorLayers);\r\nconst markerLayer = useMapMarker();\r\n\r\nfunction findExtent() {\r\n  const layer = vectorLayers.find((vl) => vl.getSource().getFeatures().length === 1);\r\n  return layer.getSource().getExtent();\r\n}\r\n\r\nfunction instantiateMap() {\r\n  return new Map({\r\n    controls: controlsDefaults({\r\n      zoom: false,\r\n    }),\r\n    interactions: interactionDefaults({\r\n      doubleClickZoom: false,\r\n      dragAndDrop: false,\r\n      dragPan: false,\r\n      keyboardPan: false,\r\n      keyboardZoom: false,\r\n      mouseWheelZoom: false,\r\n      pointer: false,\r\n      select: false,\r\n    }),\r\n    layers: [\r\n      new TileLayer({\r\n        source: new OSM(),\r\n      }),\r\n      ...vectorLayers,\r\n      markerLayer,\r\n    ],\r\n    target: 'mapCanvas',\r\n    view: new View({\r\n      projection: proj27700,\r\n      center: scotlandCenterCoords,\r\n      maxZoom: 10,\r\n      zoom: 3,\r\n      extent: proj27700.getExtent(),\r\n    }),\r\n  });\r\n}\r\n\r\nfunction ctaClickHandler(event) {\r\n  emit('ctaClick', event);\r\n}\r\n\r\nonMounted(() => {\r\n  // Assign map instance\r\n  map = instantiateMap();\r\n\r\n  map.once('loadend', () => {\r\n    map.getView().fit(findExtent());\r\n  });\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-map-simple\">\r\n    <div class=\"c-map-simple__action\">\r\n      <a\r\n        @click=\"ctaClickHandler\"\r\n        :href=\"config.viewProjectMapCta.url\"\r\n        class=\"c-button c-button--form\"\r\n      >\r\n        {{ config.viewProjectMapCta.label }}\r\n      </a>\r\n    </div>\r\n    <div\r\n      class=\"c-map-simple__canvas\"\r\n      id=\"mapCanvas\"\r\n      ref=\"mapCanvas\"\r\n      role=\"img\"\r\n      aria-label=\"Thumbnail map of the project area\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/settings/units';\r\n@import 'ol/ol.css';\r\n\r\n.c-map-simple {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.c-map-simple__action {\r\n  position: absolute;\r\n  right: $spacing-medium;\r\n  bottom: $spacing-x-large;\r\n  z-index: 1;\r\n}\r\n\r\n.c-map-simple__canvas {\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n</style>\r\n","import script from \"./map-wrapper.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./map-wrapper.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./map-wrapper.vue?vue&type=style&index=0&id=6a97ee7c&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport Cookies from 'js-cookie';\r\n\r\nimport { computed, onMounted, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport {\r\n  AlertBox,\r\n  FeatureSummary,\r\n  IconAction,\r\n  LoadingOverlay,\r\n  MapCanvas,\r\n  UserGuide,\r\n} from '@/app/components';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst store = useStore();\r\n\r\nconst mq = window.matchMedia('(min-width: 61.25em)');\r\n\r\nconst guideCta = ref(null);\r\nconst guideEl = ref(null);\r\nconst mapEl = ref(null);\r\nconst summaryEl = ref(null);\r\nconst isDesktop = ref(false);\r\n\r\nconst hasSelectedFeature = computed(() => store.getters['projectsMap/hasSelectedFeature']);\r\nconst userGuideVisible = computed(() => store.state.projectsMap.userGuideVisible);\r\nconst inertMap = computed(() => {\r\n  if (userGuideVisible.value && isDesktop.value === true) {\r\n    return '';\r\n  }\r\n  return null;\r\n});\r\nconst activeCssClass = computed(() => {\r\n  return { 'is-active': hasSelectedFeature.value === true || userGuideVisible.value === true };\r\n});\r\nconst layerError = computed(() => store.state.projectsMap.layerError);\r\n\r\nfunction onAfterEnterGuide() {\r\n  guideEl.value.focusEl.focus();\r\n  mapEl.value.updateMapSize();\r\n}\r\n\r\nfunction onAfterLeaveGuide() {\r\n  guideCta.value.$el.focus();\r\n}\r\n\r\nfunction onAfterEnterSummary() {\r\n  summaryEl.value.focusEl.focus();\r\n  mapEl.value.updateMapSize();\r\n}\r\n\r\nfunction onAfterLeaveSummary() {\r\n  mapEl.value.$el.focus();\r\n}\r\n\r\nfunction onBeforeLeave() {\r\n  mapEl.value.updateMapSize();\r\n}\r\n\r\nfunction openUserGuide() {\r\n  store.dispatch('projectsMap/toggleUserGuideVisibility', true);\r\n}\r\n\r\nfunction gtmProjectMapUserGuideTrigger(action) {\r\n  pushToDataLayer(\r\n    'projectMapUserGuide_tracking',\r\n    'projectMapUserGuide_action',\r\n    'projectMapUserGuide_label',\r\n    `Click - User Guide`,\r\n    action,\r\n  );\r\n}\r\n\r\nfunction screenSizeHandler() {\r\n  isDesktop.value = window.matchMedia('(min-width: 61.25em)').matches;\r\n}\r\n\r\nonMounted(() => {\r\n  if (!Cookies.get('projectMapUserGuideVisited')) {\r\n    openUserGuide();\r\n  }\r\n  screenSizeHandler();\r\n  mq.addEventListener('change', screenSizeHandler);\r\n});\r\n\r\ndefineExpose({\r\n  mapEl,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"c-map-wrapper\">\r\n    <div :class=\"activeCssClass\" class=\"c-map-wrapper__wrapper\">\r\n      <div role=\"alert\" aria-live=\"polite\">\r\n        <Transition name=\"c-map-wrapper__error-panel-\">\r\n          <AlertBox v-if=\"layerError\" :positioned=\"true\">\r\n            <p v-html=\"layerError\" />\r\n          </AlertBox>\r\n        </Transition>\r\n      </div>\r\n      <div :inert=\"inertMap\" class=\"c-map-wrapper__return-action\">\r\n        <slot />\r\n      </div>\r\n      <MapCanvas :class=\"activeCssClass\" :inert=\"inertMap\" ref=\"mapEl\" />\r\n      <div :inert=\"inertMap\" class=\"c-map-wrapper__guide-action\">\r\n        <IconAction\r\n          @click=\"\r\n            openUserGuide();\r\n            gtmProjectMapUserGuideTrigger('Open');\r\n          \"\r\n          ref=\"guideCta\"\r\n        />\r\n      </div>\r\n      <Transition\r\n        @after-enter=\"onAfterEnterGuide\"\r\n        @after-leave=\"onAfterLeaveGuide\"\r\n        @before-leave=\"onBeforeLeave\"\r\n        name=\"c-map-wrapper__guide-panel-\"\r\n      >\r\n        <UserGuide v-if=\"userGuideVisible\" ref=\"guideEl\" />\r\n      </Transition>\r\n      <Transition\r\n        @after-enter=\"onAfterEnterSummary\"\r\n        @after-leave=\"onAfterLeaveSummary\"\r\n        @before-leave=\"onBeforeLeave\"\r\n        name=\"c-map-wrapper__summary-panel-\"\r\n      >\r\n        <FeatureSummary v-if=\"hasSelectedFeature\" ref=\"summaryEl\" />\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n  <LoadingOverlay />\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/layouts';\r\n@import '@/ui/styles/mixins/map-panels';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-map-wrapper {\r\n  @include map-height;\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.c-map-wrapper__return-action {\r\n  position: absolute;\r\n  top: 100%;\r\n  z-index: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding-bottom: $spacing-x-large;\r\n  width: 100%;\r\n  transition: top 450ms cubic-bezier(0.45, 0, 0.55, 1);\r\n  transform: translateY(-100%);\r\n\r\n  .is-active & {\r\n    @include mq($until: large) {\r\n      top: 18.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n.c-map-wrapper__guide-action {\r\n  position: absolute;\r\n  top: $spacing-x-large;\r\n  left: $spacing-x-large;\r\n  z-index: 1;\r\n}\r\n\r\n.c-map-wrapper__wrapper {\r\n  position: relative;\r\n  height: 100%;\r\n  width: 100%;\r\n\r\n  @include mq($until: large) {\r\n    overflow: hidden;\r\n  }\r\n}\r\n\r\n.c-map-wrapper__error-panel--leave-active,\r\n.c-map-wrapper__error-panel--enter-active {\r\n  transition: opacity 450ms cubic-bezier(0.45, 0, 0.55, 1);\r\n}\r\n\r\n.c-map-wrapper__error-panel--enter-from,\r\n.c-map-wrapper__error-panel--leave-to {\r\n  opacity: 0;\r\n}\r\n\r\n.c-map-wrapper__guide-panel--leave-active,\r\n.c-map-wrapper__guide-panel--enter-active,\r\n.c-map-wrapper__summary-panel--leave-active,\r\n.c-map-wrapper__summary-panel--enter-active {\r\n  transition: opacity 200ms cubic-bezier(0.45, 0, 0.55, 1);\r\n}\r\n\r\n.c-map-wrapper__guide-panel--enter-from,\r\n.c-map-wrapper__guide-panel--leave-to {\r\n  @include mq($from: large) {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.c-map-wrapper__summary-panel--enter-from,\r\n.c-map-wrapper__summary-panel--leave-to {\r\n  @include mq($from: large) {\r\n    transform: translateX(100%);\r\n  }\r\n}\r\n\r\n// override - force zoom buttons over back button\r\n.ol-overlaycontainer-stopevent {\r\n  z-index: 1 !important;\r\n}\r\n</style>\r\n","import script from \"./project-search.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./project-search.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./project-search.vue?vue&type=style&index=0&id=44dd3ce4&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { debounce } from 'lodash';\r\nimport { computed, defineProps, inject, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\nimport { BaseButton, Listbox, ListboxGroup, ListboxOption } from '@/app/components';\r\n\r\nconst props = defineProps({\r\n  isBannerLayout: {\r\n    default: false,\r\n    required: false,\r\n  },\r\n});\r\n\r\nconst modifiers = computed(() => {\r\n  return { 'c-project-search--banner-layout': props.isBannerLayout };\r\n});\r\n\r\nconst { projectSearchCtaInput, projectSearchFormAction } = inject('config');\r\nconst store = useStore();\r\nconst currentSelectionIndex = ref(-1);\r\nconst listboxId = ref('project-search-suggestions');\r\nconst listViewIsAToZ = computed(() => store.state.projectsMap.listViewIsAToZ);\r\nconst hasLocations = computed(() => store.getters['projectsMap/hasLocations']);\r\nconst hasProjects = computed(() => store.getters['projectsMap/hasProjects']);\r\nconst hasSuggestions = computed(() => store.getters['projectsMap/hasSuggestions']);\r\nconst isListView = computed(() => store.getters['projectsMap/isListView']);\r\nconst magicKey = computed(() => store.state.projectsMap.selectedLocation.magicKey);\r\nconst setSize = computed(() => suggestedProjects.value.length + suggestedLocations.value.length);\r\nconst suggestedLocations = computed(() => store.state.projectsMap.suggestedLocations);\r\nconst suggestedProjects = computed(() => store.state.projectsMap.suggestedProjects);\r\nconst suggestionsModel = computed({\r\n  get() {\r\n    return store.state.projectsMap.suggestionsModel;\r\n  },\r\n  set(value) {\r\n    store.commit(`projectsMap/SET_SUGGESTIONS_MODEL`, value);\r\n    store.dispatch(`projectsMap/resetSelectedLocation`);\r\n    if (value === '') {\r\n      store.dispatch(`projectsMap/resetSuggestions`);\r\n    }\r\n  },\r\n});\r\nconst activeDescendant = computed(() => {\r\n  if (currentSelectionIndex.value > -1) {\r\n    return `option__${currentSelectionIndex.value}`;\r\n  }\r\n  return null;\r\n});\r\n\r\n// GTM: start\r\nconst gtmEventProps = computed(() => {\r\n  return {\r\n    prefix: props.isBannerLayout ? 'projectMapSearch' : 'projectSearch',\r\n  };\r\n});\r\n\r\nfunction gtmSearchTrigger(searchValue) {\r\n  let value = 'empty input';\r\n  if (searchValue && typeof searchValue === 'string') {\r\n    value = searchValue;\r\n  } else if (suggestionsModel.value !== '') {\r\n    value = suggestionsModel.value;\r\n  }\r\n  pushToDataLayer(\r\n    `${gtmEventProps.value.prefix}_tracking`,\r\n    `${gtmEventProps.value.prefix}_action`,\r\n    `${gtmEventProps.value.prefix}_label`,\r\n    `Click ${value} - Search`,\r\n    projectSearchFormAction,\r\n  );\r\n}\r\n\r\nfunction gtmComboBoxTrigger(option) {\r\n  pushToDataLayer(\r\n    `${gtmEventProps.value.prefix}ComboBox_tracking`,\r\n    `${gtmEventProps.value.prefix}ComboBox_action`,\r\n    `${gtmEventProps.value.prefix}ComboBox_label`,\r\n    `Click - Combo Box`,\r\n    option,\r\n  );\r\n}\r\n// GTM: end\r\n\r\nfunction decrementSelectionIndex() {\r\n  if (currentSelectionIndex.value > -1) {\r\n    currentSelectionIndex.value--;\r\n  } else {\r\n    currentSelectionIndex.value = setSize.value - 1;\r\n  }\r\n}\r\n\r\nfunction enterHandler(event) {\r\n  if (currentSelectionIndex.value > -1) {\r\n    event.preventDefault();\r\n    setSelection(suggestedLocations.value[currentSelectionIndex.value]);\r\n  }\r\n}\r\n\r\nfunction incrementSelectionIndex() {\r\n  if (currentSelectionIndex.value < setSize.value - 1) {\r\n    currentSelectionIndex.value++;\r\n  } else {\r\n    currentSelectionIndex.value = -1;\r\n  }\r\n}\r\n\r\nfunction locationClickHandler(location) {\r\n  setSelection(location);\r\n}\r\n\r\nfunction fetchSuggestions(event) {\r\n  if (event.keyCode !== 38 && event.keyCode !== 40 && event.keyCode !== 13) {\r\n    if (suggestionsModel.value) {\r\n      if (isListView.value) {\r\n        store.dispatch('projectsMap/filterSuggestions', suggestionsModel.value);\r\n      } else {\r\n        store.dispatch(`projectsMap/fetchSuggestions`, suggestionsModel.value);\r\n      }\r\n    } else {\r\n      store.dispatch('projectsMap/resetSuggestions');\r\n    }\r\n  }\r\n}\r\n\r\nfunction projectClickHandler(project) {\r\n  gtmComboBoxTrigger(project.name);\r\n  gtmSearchTrigger(project.name);\r\n  window.location = project.url;\r\n}\r\n\r\nfunction setSelection(value) {\r\n  gtmComboBoxTrigger(value.text);\r\n  store.commit(`projectsMap/SET_SELECTED_LOCATION`, value);\r\n  store.commit(`projectsMap/SET_SUGGESTIONS_MODEL`, value.text);\r\n  currentSelectionIndex.value = -1;\r\n  store.dispatch('projectsMap/resetSuggestions');\r\n}\r\n\r\nconst keyupHandler = debounce((event) => {\r\n  fetchSuggestions(event);\r\n}, 200);\r\n\r\nconst vClickOutside = {\r\n  mounted: function (el, binding) {\r\n    el.clickOutsideEvent = function (event) {\r\n      if (!(el == event.target || el.contains(event.target))) {\r\n        binding.value(event, el);\r\n      }\r\n    };\r\n    document.addEventListener('click', el.clickOutsideEvent);\r\n  },\r\n  unmounted: function (el) {\r\n    document.removeEventListener('click', el.clickOutsideEvent);\r\n  },\r\n};\r\n\r\nfunction onClickOutside() {\r\n  store.dispatch('projectsMap/resetSuggestions');\r\n}\r\n</script>\r\n\r\n<template>\r\n  <form :action=\"projectSearchFormAction\" :class=\"modifiers\" class=\"c-project-search\" method=\"GET\">\r\n    <div class=\"c-project-search__wrapper\">\r\n      <h2 id=\"projectSearchTitle\" class=\"c-project-search__label\">\r\n        {{ projectSearchCtaInput.label }}\r\n      </h2>\r\n      <div class=\"c-project-search__field\" v-click-outside=\"onClickOutside\">\r\n        <div class=\"c-project-search__input-wrapper\">\r\n          <input\r\n            v-model=\"suggestionsModel\"\r\n            @keydown.enter=\"enterHandler\"\r\n            @keydown.down.prevent=\"incrementSelectionIndex\"\r\n            @keydown.up.prevent=\"decrementSelectionIndex\"\r\n            @keyup=\"keyupHandler\"\r\n            aria-labelledby=\"projectSearchTitle\"\r\n            :aria-activedescendant=\"activeDescendant\"\r\n            :aria-expanded=\"hasSuggestions\"\r\n            :aria-owns=\"listboxId\"\r\n            :disabled=\"listViewIsAToZ\"\r\n            :placeholder=\"projectSearchCtaInput.placeholder\"\r\n            aria-autocomplete=\"list\"\r\n            autocomplete=\"off\"\r\n            class=\"c-project-search__input\"\r\n            data-qa=\"searchTerm\"\r\n            id=\"searchTerm\"\r\n            name=\"searchTerm\"\r\n            role=\"combobox\"\r\n            type=\"text\"\r\n          />\r\n          <input :value=\"magicKey\" data-qa=\"mk\" name=\"mk\" type=\"hidden\" />\r\n          <BaseButton\r\n            :disabled=\"listViewIsAToZ\"\r\n            :modifiers=\"['icon-only', 'icon', 'in-field']\"\r\n            icon=\"#search\"\r\n            type=\"submit\"\r\n            @click=\"gtmSearchTrigger\"\r\n          >\r\n            <span class=\"visually-hidden\">Search</span>\r\n          </BaseButton>\r\n        </div>\r\n        <Listbox v-if=\"hasSuggestions\" :id=\"listboxId\" @focusout=\"onClickOutside\">\r\n          <ListboxGroup v-if=\"hasProjects\">\r\n            <template v-slot:category>Projects</template>\r\n            <template v-slot:options>\r\n              <ListboxOption\r\n                v-for=\"(project, projectIndex) in suggestedProjects\"\r\n                @click=\"projectClickHandler(project)\"\r\n                :currentIndex=\"currentSelectionIndex\"\r\n                :index=\"projectIndex\"\r\n                :key=\"project.url\"\r\n                :setSize=\"setSize\"\r\n                :startingIndex=\"suggestedLocations.length\"\r\n              >\r\n                {{ project.name }}\r\n              </ListboxOption>\r\n            </template>\r\n          </ListboxGroup>\r\n          <ListboxGroup v-if=\"hasLocations\">\r\n            <template v-slot:category>Locations</template>\r\n            <template v-slot:options>\r\n              <ListboxOption\r\n                v-for=\"(location, locationIndex) in suggestedLocations\"\r\n                @click=\"locationClickHandler(location)\"\r\n                :currentIndex=\"currentSelectionIndex\"\r\n                :index=\"locationIndex\"\r\n                :key=\"location.magicKey\"\r\n                :setSize=\"setSize\"\r\n              >\r\n                {{ location.text }}\r\n              </ListboxOption>\r\n            </template>\r\n          </ListboxGroup>\r\n        </Listbox>\r\n      </div>\r\n    </div>\r\n    <div class=\"c-project-search__actions\">\r\n      <slot />\r\n    </div>\r\n  </form>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/forms';\r\n@import '@/ui/styles/mixins/pseudo';\r\n@import '@/ui/styles/mixins/motifs';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-project-search-cta-contain:not(:first-child) {\r\n  margin: $spacing-xx-large auto 0;\r\n}\r\n\r\n.c-project-search {\r\n  position: relative;\r\n  width: 100%;\r\n  background-color: $color-brand-one;\r\n  border-radius: rem(30px) 0;\r\n  color: $white;\r\n\r\n  // bg image ratio thinner than others on site\r\n  &:after {\r\n    @include pseudo(100%, var(--vw, 100vw));\r\n    @include gridlines-64-11-bg-image;\r\n    z-index: -1;\r\n    margin-left: 50%;\r\n    height: 200%;\r\n    width: var(--vw, 100vw);\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: var(--vw, 100vw);\r\n    transform: translate(-50%, -25%);\r\n  }\r\n\r\n  &--banner-layout {\r\n    margin: 0 auto;\r\n    background-color: $color-brand-one;\r\n    border-radius: 0;\r\n\r\n    &:after {\r\n      display: none;\r\n      background-image: none;\r\n    }\r\n\r\n    @include mq($from: large) {\r\n      display: flex;\r\n      padding-right: $page-side-padding;\r\n      padding-left: $page-side-padding;\r\n      background-color: transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.c-project-search__wrapper {\r\n  flex-grow: 1;\r\n  margin: 0 auto rem(28px);\r\n  padding: $spacing-large $spacing-large 0;\r\n\r\n  .c-project-search--banner-layout & {\r\n    margin-bottom: rem(28px);\r\n    padding: $spacing-large rem(10px) 0;\r\n\r\n    @include mq($from: large) {\r\n      display: flex;\r\n      flex: 1 0 max-content;\r\n      margin-bottom: 0;\r\n      padding: 0;\r\n      max-width: none;\r\n      min-width: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n.c-project-search__field {\r\n  @include field-wrapper;\r\n  position: relative;\r\n  margin: 0 auto;\r\n  max-width: rem(480px);\r\n\r\n  .c-project-search--banner-layout & {\r\n    @include mq($from: large) {\r\n      display: flex;\r\n      flex: 1;\r\n      align-items: center;\r\n      max-width: none;\r\n    }\r\n  }\r\n}\r\n\r\n.c-project-search__label {\r\n  @include h2-style;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-bottom: $spacing-medium;\r\n  color: $white;\r\n  text-align: center;\r\n\r\n  .c-project-search--banner-layout & {\r\n    @include mq($from: large) {\r\n      margin: 0 rem(30px) 0 0;\r\n    }\r\n  }\r\n}\r\n\r\n.c-project-search__input-wrapper {\r\n  @include input-wrapper(none);\r\n  position: relative;\r\n}\r\n\r\ninput.c-project-search__input {\r\n  @include body-style;\r\n  padding: rem(18px) $spacing-xxx-large rem(18px) rem(18px);\r\n  max-width: none;\r\n  border: 0;\r\n  box-shadow: 0 rem(4px) rem(4px) rgba($black, 0.25);\r\n  color: $color-text-form-placeholder;\r\n}\r\n\r\n.c-project-search__form-cta {\r\n  position: absolute;\r\n  top: rem(10px);\r\n  right: rem(10px);\r\n  height: rem(40px);\r\n  width: rem(40px);\r\n  background-color: $color-brand-three;\r\n  border: 0;\r\n  border-radius: $border-radius-small;\r\n  color: $white;\r\n\r\n  .c-button__icon {\r\n    max-width: rem(20px);\r\n    max-height: rem(20px);\r\n  }\r\n}\r\n\r\n.c-project-search__actions {\r\n  @include h4-style;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: $spacing-medium $spacing-large;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: $spacing-large;\r\n  background-color: $color-brand-two;\r\n  border-radius: 0 0 rem(30px) 0;\r\n\r\n  .c-project-search--banner-layout & {\r\n    flex-wrap: nowrap;\r\n    padding: rem(18px) rem(10px);\r\n    border-radius: 0;\r\n\r\n    button {\r\n      min-width: unset;\r\n    }\r\n\r\n    @include mq($from: large) {\r\n      margin-left: $spacing-x-large;\r\n      padding: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-alphabet-link.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-alphabet-link.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nconst props = defineProps({\r\n  id: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n  linkActive: {\r\n    required: true,\r\n    type: Boolean,\r\n  },\r\n});\r\nconst ariaDisabled = props.linkActive ? null : 'true';\r\nconst href = props.linkActive ? `#trigger-${props.id}` : null;\r\nconst roleLink = props.linkActive ? null : 'link';\r\nconst tabindex = props.linkActive ? null : '-1';\r\n</script>\r\n\r\n<template>\r\n  <a :aria-disabled=\"ariaDisabled\" :href=\"href\" :role=\"roleLink\" :tabindex=\"tabindex\">\r\n    <slot />\r\n  </a>\r\n</template>\r\n","import script from \"./projects-alphabet-list.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-alphabet-list.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-alphabet-list.vue?vue&type=style&index=0&id=118e8226&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { pushToDataLayerDirectly } from '@/ui/scripts/analytics/analytics.methods';\r\nimport { ProjectsAlphabetLink } from '@/app/components';\r\n\r\nconst emit = defineEmits(['click']);\r\n\r\ndefineProps({\r\n  projects: {\r\n    required: true,\r\n  },\r\n});\r\n\r\nfunction clickHandler(letter) {\r\n  if (letter.locations.length > 0) {\r\n    pushToDataLayerDirectly({\r\n      event: 'project_list_index',\r\n      link_text: letter.region,\r\n    });\r\n    emit('click', letter.region);\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ol class=\"c-projects-alphabet\">\r\n    <li v-for=\"letter in projects\" :key=\"letter.id\" class=\"c-projects-alphabet__item\">\r\n      <ProjectsAlphabetLink\r\n        @click=\"clickHandler(letter)\"\r\n        :id=\"letter.id\"\r\n        :linkActive=\"letter.locations.length > 0\"\r\n        class=\"c-projects-alphabet__link\"\r\n      >\r\n        {{ letter.region }}\r\n      </ProjectsAlphabetLink>\r\n    </li>\r\n  </ol>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/settings/colors';\r\n\r\n.c-projects-alphabet {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.c-projects-alphabet__item {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.c-projects-alphabet__link {\r\n  @include removeDefaultButtonStyling();\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-width: rem(44px);\r\n  min-height: rem(44px);\r\n  color: $color-brand-one;\r\n  font-size: #{'clamp(1.125rem, 1.647vw + 0.796rem, 2rem)'};\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n\r\n  &[aria-disabled='true'] {\r\n    color: $ssen-dark-grey;\r\n    text-decoration: none;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-columnheader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-columnheader.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-columnheader.vue?vue&type=style&index=0&id=25e5026d&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed } from 'vue';\r\nimport { useStore } from 'vuex';\r\n\r\nconst store = useStore();\r\n\r\nconst props = defineProps({\r\n  category: {\r\n    required: true,\r\n    type: String,\r\n  },\r\n  index: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n});\r\n\r\nconst sortOrder = computed(() => {\r\n  if (store.state.projectsMap.projectsList[props.index].sortBy === props.category) {\r\n    return store.state.projectsMap.projectsList[props.index].sortOrder;\r\n  }\r\n  return null;\r\n});\r\n\r\nfunction sortBy() {\r\n  store.dispatch('projectsMap/sortProjectsTable', {\r\n    sortBy: props.category,\r\n    index: props.index,\r\n  });\r\n}\r\n</script>\r\n\r\n<template>\r\n  <th :aria-sort=\"sortOrder\" role=\"columnheader\" scope=\"col\">\r\n    <button\r\n      @click=\"sortBy\"\r\n      @keydown.down.stop\r\n      @keydown.up.stop\r\n      class=\"c-projects-table__sort-action\"\r\n      type=\"button\"\r\n    >\r\n      <slot />\r\n      <svg focusable=\"false\" aria-hidden=\"true\">\r\n        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#triangle\"></use>\r\n      </svg>\r\n    </button>\r\n  </th>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-table__sort-action {\r\n  @include iconButton(rem(12px));\r\n  @include removeDefaultButtonStyling();\r\n  justify-content: flex-start;\r\n  padding: rem(13px) $spacing-large;\r\n  width: 100%;\r\n  color: $color-brand-one;\r\n  cursor: pointer;\r\n\r\n  & > svg {\r\n    display: none;\r\n    margin-left: rem(11px);\r\n\r\n    [aria-sort] & {\r\n      display: block;\r\n    }\r\n\r\n    [aria-sort='descending'] & {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup>\r\nimport { computed, inject, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { pushToDataLayerDirectly } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst { listView } = inject('config');\r\nconst store = useStore();\r\nconst projectsAToZ = ref(null);\r\nconst projectsLocation = ref(null);\r\nconst isLoading = computed(() => store.state.loader.isLoading);\r\nconst projectsFilterModel = computed({\r\n  get() {\r\n    return store.state.projectsMap.projectsFilter;\r\n  },\r\n  set(value) {\r\n    store.commit(`projectsMap/SET_PROJECTS_LIST_FILTER`, value);\r\n  },\r\n});\r\n\r\nasync function filterChangeHandler(event) {\r\n  if (isLoading.value === false) {\r\n    if (event.target.value === 'projectsAToZ') {\r\n      await store.dispatch('projectsMap/fetchProjectsByAToZ');\r\n      projectsAToZ.value.focus();\r\n      pushToDataLayerDirectly({\r\n        event: 'project_list_category_toggle',\r\n        link_text: listView.filterAToZLabel,\r\n      });\r\n    } else {\r\n      await store.dispatch('projectsMap/fetchProjectsByLocation');\r\n      projectsLocation.value.focus();\r\n      pushToDataLayerDirectly({\r\n        event: 'project_list_category_toggle',\r\n        link_text: listView.filterLocationLabel,\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <fieldset class=\"c-projects-filter\" aria-controls=\"projectsList\">\r\n    <legend class=\"visually-hidden\">View by location or A-Z</legend>\r\n    <div class=\"c-projects-filter__inner\">\r\n      <input\r\n        v-model=\"projectsFilterModel\"\r\n        @change=\"filterChangeHandler\"\r\n        :disabled=\"isLoading\"\r\n        class=\"c-projects-filter__input visually-hidden\"\r\n        name=\"projectsFilter\"\r\n        id=\"projectsLocation\"\r\n        ref=\"projectsLocation\"\r\n        type=\"radio\"\r\n        :value=\"'projectsLocation'\"\r\n      />\r\n      <label class=\"c-projects-filter__label\" for=\"projectsLocation\">\r\n        {{ listView.filterLocationLabel }}\r\n      </label>\r\n      <input\r\n        v-model=\"projectsFilterModel\"\r\n        @change=\"filterChangeHandler\"\r\n        :disabled=\"isLoading\"\r\n        class=\"c-projects-filter__input visually-hidden\"\r\n        name=\"projectsFilter\"\r\n        id=\"projectsAToZ\"\r\n        ref=\"projectsAToZ\"\r\n        type=\"radio\"\r\n        :value=\"'projectsAToZ'\"\r\n      />\r\n      <label class=\"c-projects-filter__label\" for=\"projectsAToZ\">\r\n        {{ listView.filterAToZLabel }}\r\n      </label>\r\n    </div>\r\n  </fieldset>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-filter {\r\n  background-color: map-get($color-grey, 6);\r\n  border-radius: $border-radius-large;\r\n  padding: $spacing-small;\r\n}\r\n\r\n.c-projects-filter__inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: $spacing-x-small;\r\n\r\n  @include mq($from: medium) {\r\n    gap: $spacing-medium;\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n.c-projects-filter__label {\r\n  @include largeprint-style();\r\n\r\n  margin: 0;\r\n  flex: 1 0 auto;\r\n  justify-content: center;\r\n  padding: $spacing-small $spacing-large;\r\n  border-radius: $border-radius-large;\r\n  cursor: pointer;\r\n  color: $color-brand-two;\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  input:checked + & {\r\n    background-color: $color-brand-two;\r\n    color: $white;\r\n  }\r\n\r\n  input:focus-visible + & {\r\n    @include focus-outline;\r\n    outline-offset: $spacing-x-small;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-filter.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-filter.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-filter.vue?vue&type=style&index=0&id=3d816a38&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3d816a38\"]])\n\nexport default __exports__","<script setup>\r\nimport { computed, ref, watch } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { pushToDataLayerDirectly } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nimport {\r\n  ProjectsAlphabetList,\r\n  ProjectsListitem,\r\n  ProjectsRow,\r\n  ProjectsTable,\r\n} from '@/app/components';\r\n\r\nconst store = useStore();\r\n\r\nconst activeIndex = ref(-1);\r\nconst activeFocus = ref(-1);\r\nconst regionItems = ref([]);\r\n\r\nconst props = defineProps({\r\n  projects: {\r\n    type: Array,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst filteredProjects = computed(() => {\r\n  return props.projects.filter((cat) => cat.locations.length > 0);\r\n});\r\nconst listViewIsAToZ = computed(() => store.state.projectsMap.listViewIsAToZ);\r\n\r\nfunction focusOnButton() {\r\n  regionItems.value[activeFocus.value].focusEl.focus();\r\n}\r\n\r\nfunction handleArrowKeys(event) {\r\n  if (event.keyCode === 38 && activeFocus.value > 0) {\r\n    activeFocus.value--;\r\n  } else if (event.keyCode === 40 && activeFocus.value < filteredProjects.value.length - 1) {\r\n    activeFocus.value++;\r\n  }\r\n  focusOnButton();\r\n}\r\n\r\nfunction handleTabKeyUp(event) {\r\n  if (event.target.classList.contains('c-projects-listitem__button')) {\r\n    activeFocus.value = props.projects.findIndex((project) => {\r\n      return project.id === event.target.getAttribute('aria-controls');\r\n    });\r\n  }\r\n}\r\n\r\nfunction handleLetterClick(letter) {\r\n  const index = filteredProjects.value.findIndex((proj) => proj.region === letter);\r\n  if (activeIndex.value !== index) {\r\n    activeFocus.value = activeIndex.value = activeIndex.value === index ? -1 : index;\r\n\r\n    if (activeIndex.value > -1) {\r\n      pushToDataLayerDirectly({\r\n        event: 'projectMapProjectList_tracking',\r\n        projectMapProjectList_action: `Click ${letter}`,\r\n        projectMapProjectList_label: 'Open',\r\n      });\r\n    }\r\n  }\r\n}\r\n\r\nfunction handleClick(index) {\r\n  activeIndex.value = activeIndex.value === index ? -1 : index;\r\n\r\n  if (activeIndex.value > -1) {\r\n    activeFocus.value = activeIndex.value;\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => store.state.projectsMap.listViewIsAToZ,\r\n  () => {\r\n    activeIndex.value = -1;\r\n    activeFocus.value = -1;\r\n  },\r\n);\r\n</script>\r\n\r\n<template>\r\n  <ProjectsAlphabetList v-if=\"listViewIsAToZ\" @click=\"handleLetterClick\" :projects=\"projects\" />\r\n  <ul class=\"c-projects-list__wrapper\" role=\"list\">\r\n    <template v-for=\"(region, regionIndex) in filteredProjects\">\r\n      <ProjectsListitem\r\n        v-if=\"region.locations.length\"\r\n        @click=\"handleClick\"\r\n        @keydown.down.prevent=\"handleArrowKeys\"\r\n        @keydown.up.prevent=\"handleArrowKeys\"\r\n        @keyup.tab=\"handleTabKeyUp\"\r\n        :activeIndex=\"activeIndex\"\r\n        :id=\"region.id\"\r\n        :itemIndex=\"regionIndex\"\r\n        :region=\"region.region\"\r\n        :key=\"region.id\"\r\n        ref=\"regionItems\"\r\n      >\r\n        <template v-slot:label>{{ region.region }}</template>\r\n        <template v-slot:content>\r\n          <ProjectsTable :index=\"regionIndex\">\r\n            <ProjectsRow\r\n              v-for=\"project in region.locations\"\r\n              :key=\"project.uid\"\r\n              :project=\"project\"\r\n            />\r\n          </ProjectsTable>\r\n        </template>\r\n      </ProjectsListitem>\r\n    </template>\r\n  </ul>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n.c-projects-list__wrapper {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n</style>\r\n","import script from \"./projects-list.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-list.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-list.vue?vue&type=style&index=0&id=51f43a5a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./projects-listitem.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-listitem.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-listitem.vue?vue&type=style&index=0&id=5ddbcf0d&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, ref, defineEmits, defineProps } from 'vue';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst focusEl = ref(null);\r\ndefineExpose({ focusEl });\r\n\r\nconst emit = defineEmits(['click']);\r\nconst props = defineProps({\r\n  activeIndex: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n  id: {\r\n    required: true,\r\n  },\r\n  itemIndex: {\r\n    required: true,\r\n    type: Number,\r\n  },\r\n  region: {\r\n    required: false,\r\n    type: String,\r\n  },\r\n});\r\nconst isActive = computed(() => props.activeIndex === props.itemIndex);\r\nconst isHidden = computed(() => (isActive.value === false ? true : null));\r\n\r\nfunction handleClick() {\r\n  emit('click', props.itemIndex);\r\n\r\n  pushToDataLayer(\r\n    'projectMapProjectList_tracking',\r\n    'projectMapProjectList_action',\r\n    'projectMapProjectList_label',\r\n    `Click ${props.region}`,\r\n    isActive.value ? 'Close' : 'Open',\r\n  );\r\n}\r\n</script>\r\n\r\n<template>\r\n  <li class=\"c-projects-listitem\" role=\"listitem\">\r\n    <h3 class=\"c-projects-listitem__title\">\r\n      <button\r\n        @click=\"handleClick\"\r\n        :aria-expanded=\"isActive\"\r\n        :aria-controls=\"id\"\r\n        :id=\"`trigger-${id}`\"\r\n        class=\"c-projects-listitem__button\"\r\n        ref=\"focusEl\"\r\n        type=\"button\"\r\n      >\r\n        <slot name=\"label\" />\r\n        <svg focusable=\"false\" aria-hidden=\"true\">\r\n          <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#down-arrow\"></use>\r\n        </svg>\r\n      </button>\r\n    </h3>\r\n    <div :hidden=\"isHidden\" :id=\"id\" class=\"c-projects-listitem__content\">\r\n      <slot name=\"content\" />\r\n    </div>\r\n  </li>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-listitem {\r\n  margin-bottom: rem(4px);\r\n  list-style: none;\r\n}\r\n\r\n.c-projects-listitem__button {\r\n  @include iconButton(rem(15px));\r\n  @include removeDefaultButtonStyling();\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: rem(13px) rem(24px);\r\n  width: 100%;\r\n  background-color: rgba($color-brand-three, 0.15);\r\n  color: $color-brand-one;\r\n  font-size: rem(16px);\r\n  font-weight: $font-weight-bold;\r\n  line-height: (30 / 16);\r\n  cursor: pointer;\r\n\r\n  &[aria-expanded='true'] > svg {\r\n    transform: rotate(180deg);\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-row.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-row.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-row.vue?vue&type=style&index=0&id=142e7801&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { computed, inject, ref } from 'vue';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst { listView } = inject('config');\r\nconst props = defineProps({\r\n  project: {\r\n    required: true,\r\n    type: Object,\r\n  },\r\n});\r\nconst eventsVisible = ref(false);\r\nconst hasEvents = computed(() => props.project.events !== null && props.project.events.length > 0);\r\nconst ariaControls = computed(() => {\r\n  return props.project.events.map((_event, index) => `${props.project.uid}--${index}`).join(' ');\r\n});\r\n\r\nfunction toggleEvents() {\r\n  eventsVisible.value = !eventsVisible.value;\r\n}\r\n\r\nfunction getDestinationUrl(prop) {\r\n  const isToggleBtn = typeof prop === 'boolean';\r\n\r\n  if (isToggleBtn) {\r\n    return prop ? 'Open' : 'Close';\r\n  }\r\n  return prop;\r\n}\r\n\r\nfunction gtmProjectListCtaTrigger(url, project, cta) {\r\n  const ctaSelected = cta ? `- ${cta}` : '';\r\n\r\n  pushToDataLayer(\r\n    'projectMapProjectListCTA_tracking',\r\n    'projectMapProjectListCTA_action',\r\n    'projectMapProjectListCTA_label',\r\n    `Click - CTA - ${project} ${ctaSelected}`,\r\n    getDestinationUrl(url),\r\n  );\r\n}\r\n</script>\r\n\r\n<template>\r\n  <tr class=\"c-projects-table__row\">\r\n    <td :data-heading=\"listView.projectHeading\" class=\"c-projects-table__cell\">\r\n      <a\r\n        @click=\"gtmProjectListCtaTrigger(props.project.url, props.project.name, '')\"\r\n        :href=\"props.project.url\"\r\n        class=\"c-projects-table__link\"\r\n        >{{ props.project.name }}</a\r\n      >\r\n    </td>\r\n    <td :data-heading=\"listView.typeHeading\" class=\"c-projects-table__cell\">\r\n      {{ props.project.type }}\r\n    </td>\r\n    <td :data-heading=\"listView.statusHeading\" class=\"c-projects-table__cell\">\r\n      {{ props.project.status }}\r\n    </td>\r\n    <td class=\"c-projects-table__cell\">\r\n      <button\r\n        v-if=\"hasEvents\"\r\n        @click=\"\r\n          toggleEvents();\r\n          gtmProjectListCtaTrigger(eventsVisible, props.project.name, 'Related events');\r\n        \"\r\n        :aria-controls=\"ariaControls\"\r\n        :aria-expanded=\"eventsVisible\"\r\n        class=\"c-projects-table__button\"\r\n        type=\"button\"\r\n      >\r\n        Related events\r\n        <svg focusable=\"false\" aria-hidden=\"true\">\r\n          <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#down-arrow\"></use>\r\n        </svg>\r\n      </button>\r\n    </td>\r\n  </tr>\r\n  <template v-if=\"eventsVisible && hasEvents\">\r\n    <tr\r\n      v-for=\"(event, eventIndex) in props.project.events\"\r\n      :id=\"`${props.project.uid}--${eventIndex}`\"\r\n      :key=\"event.id\"\r\n    >\r\n      <td class=\"c-projects-table__cell c-projects-table__cell--event\">\r\n        <a\r\n          @click=\"gtmProjectListCtaTrigger(event.url, props.project.name, event.name)\"\r\n          :href=\"event.url\"\r\n          class=\"c-projects-table__link\"\r\n          >{{ event.name }}</a\r\n        >\r\n      </td>\r\n      <td class=\"c-projects-table__cell c-projects-table__cell--event\" colspan=\"3\">\r\n        {{ event.desc }}\r\n      </td>\r\n    </tr>\r\n  </template>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/buttons';\r\n@import '@/ui/styles/mixins/focus';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n\r\n.c-projects-table__row:not(:first-child) {\r\n  border-top: $border-width-thin solid $ssen-dark-grey;\r\n  @include mq($until: large) {\r\n    display: block;\r\n    margin-top: rem(8px);\r\n  }\r\n}\r\n\r\n.c-projects-table__cell {\r\n  @include mq($until: large) {\r\n    display: block;\r\n    padding: $spacing-x-small 0;\r\n\r\n    &[data-heading]::before {\r\n      content: attr(data-heading);\r\n      display: block;\r\n      padding-bottom: $spacing-small;\r\n      color: $color-brand-two;\r\n      font-weight: $font-weight-bold;\r\n    }\r\n\r\n    &:first-child:not(.c-projects-table__cell--event) {\r\n      margin-top: rem(23px);\r\n    }\r\n\r\n    &:last-child:not(.c-projects-table__cell--event) {\r\n      margin-bottom: $spacing-x-large;\r\n    }\r\n\r\n    &:last-child.c-projects-table__cell--event {\r\n      margin-bottom: rem(21px);\r\n    }\r\n  }\r\n\r\n  @include mq($from: large) {\r\n    display: table-cell;\r\n    padding: rem(13px) $spacing-large;\r\n  }\r\n}\r\n\r\n.c-projects-table__link {\r\n  color: $color-brand-one;\r\n  font-weight: $font-weight-semi-bold;\r\n  text-decoration: underline;\r\n}\r\n\r\n.c-projects-table__button {\r\n  @include iconButton(rem(15px));\r\n  @include removeDefaultButtonStyling();\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  color: map-get($color-grey, 1);\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n\r\n  & > svg {\r\n    margin-left: $spacing-small;\r\n    color: $color-brand-one;\r\n  }\r\n\r\n  &[aria-expanded='true'] > svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  @include mq($until: large) {\r\n    margin-top: rem(21px);\r\n    width: auto;\r\n  }\r\n\r\n  @include mq($from: large) {\r\n    margin-top: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\n","import script from \"./projects-table.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./projects-table.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./projects-table.vue?vue&type=style&index=0&id=eb8991d0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { inject } from 'vue';\r\nimport { ProjectsColumnheader } from '@/app/components';\r\n\r\nconst { listView } = inject('config');\r\nconst props = defineProps({\r\n  index: {\r\n    default: 0,\r\n    required: false,\r\n    type: Number,\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <table aria-readonly=\"true\" class=\"c-projects-table\" role=\"grid\">\r\n    <thead class=\"c-projects-table__head\">\r\n      <tr role=\"row\">\r\n        <ProjectsColumnheader :index=\"props.index\" category=\"name\">\r\n          {{ listView.projectHeading }}\r\n        </ProjectsColumnheader>\r\n        <ProjectsColumnheader :index=\"props.index\" category=\"type\">\r\n          {{ listView.typeHeading }}\r\n        </ProjectsColumnheader>\r\n        <ProjectsColumnheader :index=\"props.index\" category=\"status\">\r\n          {{ listView.statusHeading }}\r\n        </ProjectsColumnheader>\r\n        <th role=\"columnheader\" scope=\"col\">\r\n          <span class=\"visually-hidden\">{{ listView.eventsHeading }}</span>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <slot />\r\n    </tbody>\r\n  </table>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/colors';\r\n\r\n.c-projects-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n}\r\n\r\n.c-projects-table__head {\r\n  display: none;\r\n\r\n  @include mq($from: large) {\r\n    display: table-header-group;\r\n    background-color: map-get($color-grey, 6);\r\n  }\r\n}\r\n</style>\r\n","import script from \"./user-guide.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./user-guide.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./user-guide.vue?vue&type=style&index=0&id=6349b7a0&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport Cookies from 'js-cookie';\r\n\r\nimport { defineExpose, inject, ref } from 'vue';\r\nimport { useStore } from 'vuex';\r\nimport { ContentPanel } from '@/app/components';\r\nimport { pushToDataLayer } from '@/ui/scripts/analytics/analytics.methods';\r\n\r\nconst store = useStore();\r\nconst { userGuide } = inject('config');\r\nconst focusEl = ref(null);\r\n\r\nfunction closeGuide() {\r\n  store.dispatch('projectsMap/toggleUserGuideVisibility', false);\r\n  Cookies.set('projectMapUserGuideVisited', true);\r\n}\r\n\r\nfunction gtmProjectMapUserGuideTrigger(action) {\r\n  pushToDataLayer(\r\n    'projectMapUserGuide_tracking',\r\n    'projectMapUserGuide_action',\r\n    'projectMapUserGuide_label',\r\n    `Click - User Guide`,\r\n    action,\r\n  );\r\n}\r\n\r\nfunction gtmProjectMapUserGuideCtaTrigger(url, label) {\r\n  pushToDataLayer(\r\n    'projectMapUserGuideCTA_tracking',\r\n    'projectMapUserGuideCTA_action',\r\n    'projectMapUserGuideCTA_label',\r\n    `Click - CTA - ${label}`,\r\n    url,\r\n  );\r\n}\r\n\r\ndefineExpose({\r\n  focusEl,\r\n});\r\n</script>\r\n\r\n<template>\r\n  <ContentPanel side=\"modal\">\r\n    <div class=\"c-user-guide\">\r\n      <div class=\"c-user-guide__head\">\r\n        <h2 class=\"c-user-guide__heading\" ref=\"focusEl\" tabindex=\"-1\">\r\n          {{ userGuide.title }}\r\n        </h2>\r\n        <button\r\n          @click=\"\r\n            closeGuide();\r\n            gtmProjectMapUserGuideTrigger('Close');\r\n          \"\r\n          class=\"c-user-guide__close\"\r\n          type=\"button\"\r\n        >\r\n          Close<span class=\"visually-hidden\"> {{ userGuide.title }}</span>\r\n          <svg aria-hidden=\"true\" focusable=\"false\">\r\n            <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#close\"></use>\r\n          </svg>\r\n        </button>\r\n        <div v-if=\"userGuide.desc\" v-html=\"userGuide.desc\" class=\"c-user-guide__desc\" />\r\n      </div>\r\n      <div class=\"c-user-guide__key\">\r\n        <h3 class=\"c-user-guide__subtitle\">{{ userGuide.subtitle }}</h3>\r\n        <ul class=\"c-user-guide__list\">\r\n          <li\r\n            v-for=\"item in userGuide.items\"\r\n            :class=\"{ 'c-user-guide__item--has-sublist': item.subItems }\"\r\n            :key=\"item.id\"\r\n            class=\"c-user-guide__item\"\r\n          >\r\n            <div v-if=\"item.iconId\" class=\"c-user-guide__icon\">\r\n              <svg\r\n                :height=\"item.iconHeight\"\r\n                :width=\"item.iconWidth\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n                <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" :xlink:href=\"item.iconId\" />\r\n              </svg>\r\n            </div>\r\n            <span\r\n              :class=\"{ 'c-user-guide__label--has-sublist': item.subItems }\"\r\n              class=\"c-user-guide__label\"\r\n            >\r\n              {{ item.label }}\r\n            </span>\r\n            <ul v-if=\"item.subItems\" class=\"c-user-guide__sublist\">\r\n              <li v-for=\"subItem in item.subItems\" :key=\"subItem.id\" class=\"c-user-guide__item\">\r\n                <div v-if=\"subItem.iconId\" class=\"c-user-guide__icon\">\r\n                  <svg\r\n                    :height=\"subItem.iconHeight\"\r\n                    :width=\"subItem.iconWidth\"\r\n                    aria-hidden=\"true\"\r\n                    focusable=\"false\"\r\n                  >\r\n                    <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" :xlink:href=\"subItem.iconId\" />\r\n                  </svg>\r\n                </div>\r\n                <span class=\"c-user-guide__label\">\r\n                  <span class=\"c-user-guide__label-title\">{{ subItem.label }}</span>\r\n                  <span class=\"c-user-guide__label-desc\" v-if=\"subItem.desc\">{{\r\n                    subItem.desc\r\n                  }}</span>\r\n                </span>\r\n              </li>\r\n            </ul>\r\n          </li>\r\n        </ul>\r\n        <div v-if=\"userGuide.ctaUrl && userGuide.ctaLabel\" class=\"c-user-guide__action\">\r\n          <a\r\n            :href=\"userGuide.ctaUrl\"\r\n            @click=\"gtmProjectMapUserGuideCtaTrigger(userGuide.ctaUrl, userGuide.ctaLabel)\"\r\n            >{{ userGuide.ctaLabel }}</a\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ContentPanel>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'sass-mq';\r\n@import '@/ui/styles/functions/functions';\r\n@import '@/ui/styles/mixins/fonts';\r\n@import '@/ui/styles/mixins/map-panels';\r\n@import '@/ui/styles/settings/breakpoints';\r\n@import '@/ui/styles/settings/fonts';\r\n@import '@/ui/styles/settings/units';\r\n@import '@/ui/styles/settings/colors';\r\n\r\n.c-user-guide {\r\n  @include map-panel;\r\n  padding: 0;\r\n}\r\n\r\n.c-user-guide__head {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: $spacing-medium;\r\n  padding: $spacing-large;\r\n  background-color: $color-brand-two;\r\n  color: $white;\r\n\r\n  @include mq($from: large) {\r\n    padding: $spacing-xx-large $spacing-xxxx-large;\r\n  }\r\n}\r\n\r\n.c-user-guide__heading {\r\n  @include h1-style;\r\n  position: relative;\r\n  padding-right: $spacing-xxxx-large;\r\n  color: $white;\r\n}\r\n\r\n.c-user-guide__close {\r\n  @include links-bold-18;\r\n  position: absolute;\r\n  top: $spacing-large;\r\n  right: $spacing-large;\r\n  z-index: 1;\r\n  margin: 0;\r\n  background-color: transparent;\r\n  border: 0;\r\n  color: $white;\r\n  cursor: pointer;\r\n\r\n  svg {\r\n    margin-left: $spacing-small;\r\n    height: rem(12px);\r\n    width: rem(12px);\r\n    fill: currentColor;\r\n  }\r\n\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.c-user-guide__desc {\r\n  @include body-style;\r\n}\r\n\r\n.c-user-guide__key {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: $spacing-large;\r\n  padding: $spacing-large;\r\n\r\n  @include mq($from: large) {\r\n    padding: $spacing-xx-large $spacing-xxxx-large;\r\n  }\r\n}\r\n\r\n.c-user-guide__subtitle {\r\n  @include h2-style;\r\n  color: $color-brand-two;\r\n}\r\n\r\n.c-user-guide__list,\r\n.c-user-guide__sublist {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  list-style: none;\r\n}\r\n\r\n.c-user-guide__list {\r\n  gap: $spacing-large;\r\n\r\n  @include mq($from: large) {\r\n    flex-direction: row;\r\n    gap: $spacing-xxx-large;\r\n  }\r\n}\r\n\r\n.c-user-guide__sublist {\r\n  flex: 1;\r\n  gap: $spacing-small;\r\n}\r\n\r\n.c-user-guide__item {\r\n  @include body-style;\r\n  display: flex;\r\n  gap: $spacing-large;\r\n  align-items: center;\r\n  padding: 0;\r\n  min-height: rem(36px);\r\n\r\n  &--has-sublist {\r\n    flex: 1;\r\n    flex-direction: column;\r\n    gap: $spacing-medium;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n\r\n.c-user-guide__icon {\r\n  display: flex;\r\n  flex: 0 0 rem(50px);\r\n  justify-content: center;\r\n}\r\n\r\n.c-user-guide__label {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n}\r\n\r\n.c-user-guide__label-title {\r\n  @include h4-style;\r\n  color: $color-brand-two;\r\n}\r\n\r\n.c-user-guide__label-desc {\r\n  font-size: rem(16px);\r\n  font-weight: $font-weight-thin;\r\n  line-height: (24 / 16);\r\n}\r\n\r\n.c-user-guide__label--has-sublist {\r\n  @include h3-style;\r\n  flex: 0;\r\n  color: $color-brand-two;\r\n}\r\n\r\n.c-user-guide__action {\r\n  a {\r\n    color: $color-brand-one;\r\n  }\r\n}\r\n</style>\r\n","import { ActionContext } from 'vuex';\r\n\r\nexport default {\r\n  setLoadingAction(context: ActionContext<LoaderState, RootState>, value: boolean) {\r\n    context.commit('SET_LOADING', value);\r\n  },\r\n};\r\n","export default {\r\n  SET_LOADING(state: LoaderState, isLoading: boolean) {\r\n    state.isLoading = isLoading;\r\n  },\r\n};\r\n","import actions from '@/app/store/loader/actions';\r\nimport getters from '@/app/store/loader/getters';\r\nimport mutations from '@/app/store/loader/mutations';\r\nimport state from '@/app/store/loader/state';\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state,\r\n  getters,\r\n  mutations,\r\n  actions,\r\n};\r\n","export default () => {\r\n  return {\r\n    isLoading: false,\r\n  };\r\n};\r\n","export default {};\r\n","// api-clients.js\r\nimport axios from 'axios';\r\nimport * as store from '@/app/store/index';\r\n\r\ndeclare module 'axios' {\r\n  export interface AxiosRequestConfig {\r\n    setLoadingAction?: boolean;\r\n  }\r\n}\r\n\r\nconst apiClient = axios.create({\r\n  baseURL: process.env.MOCK_API || '/api',\r\n  withCredentials: false,\r\n  headers: {\r\n    Accept: 'application/json',\r\n    'Cache-Control': 'no-cache',\r\n    'Content-Type': 'application/json',\r\n  },\r\n});\r\n\r\napiClient.interceptors.request.use(\r\n  (config) => {\r\n    if (config.setLoadingAction !== false) {\r\n      store.default.dispatch('loader/setLoadingAction', true);\r\n    }\r\n    return config;\r\n  },\r\n  (error) => {\r\n    if (error.config.setLoadingAction !== false) {\r\n      store.default.dispatch('loader/setLoadingAction', false);\r\n    }\r\n    return Promise.reject(error);\r\n  },\r\n);\r\n\r\napiClient.interceptors.response.use(\r\n  (response) => {\r\n    if (response.config.setLoadingAction !== false) {\r\n      store.default.dispatch('loader/setLoadingAction', false);\r\n    }\r\n    return response;\r\n  },\r\n  (error) => {\r\n    if (error.name !== 'CanceledError') {\r\n      if (error.config.setLoadingAction !== false) {\r\n        store.default.dispatch('loader/setLoadingAction', false);\r\n      }\r\n      if (error.response.status === 401) {\r\n        window.location = '/';\r\n      } else {\r\n        return Promise.reject(error);\r\n      }\r\n    }\r\n    return Promise.reject(error);\r\n  },\r\n);\r\n\r\nexport default apiClient;\r\n","import apiClient from '@/app/services/api-client';\r\n\r\nlet controller: AbortController | null = null;\r\n\r\nexport default {\r\n  projectsByAToZ() {\r\n    return apiClient.get('/maps/projects/ProjectsByAToZ', {\r\n      setLoadingAction: true,\r\n    });\r\n  },\r\n  projectsByLocation() {\r\n    return apiClient.get('/maps/projects/ProjectsByLocation?location=', {\r\n      setLoadingAction: true,\r\n    });\r\n  },\r\n  projectsByName(searchTerm: string) {\r\n    return apiClient.get(`/maps/projects/ProjectsByLocation?location=${searchTerm}`, {\r\n      setLoadingAction: true,\r\n    });\r\n  },\r\n  search(magicKey: string) {\r\n    return apiClient.get(`/findarea/FullAddress?magicKey=${magicKey}`, {\r\n      setLoadingAction: true,\r\n    });\r\n  },\r\n  selectedFeatureSummary(selectedFeatureId: string) {\r\n    return apiClient.get(`/maps/projects/SelectedFeatureSummary?id=${selectedFeatureId}`, {\r\n      setLoadingAction: true,\r\n    });\r\n  },\r\n  suggestions(suggestionsValue: string) {\r\n    if (controller) {\r\n      controller.abort();\r\n    }\r\n    controller = new AbortController();\r\n    return apiClient\r\n      .get(`/suggestions?value=${suggestionsValue}`, {\r\n        signal: controller.signal,\r\n        setLoadingAction: false,\r\n      })\r\n      .then((reseponse) => {\r\n        controller = null;\r\n        return reseponse;\r\n      });\r\n  },\r\n};\r\n","import { AxiosError, AxiosResponse } from 'axios';\r\nimport { ActionContext } from 'vuex';\r\nimport services from '@/app/services/projects-map';\r\n\r\nexport default {\r\n  fetchProjectsByAToZ(context: ActionContext<ProjectsState, RootState>) {\r\n    return services\r\n      .projectsByAToZ()\r\n      .then((response: AxiosResponse) => {\r\n        if (response.data.success === true) {\r\n          context.commit(\r\n            'SET_PROJECTS_LIST',\r\n            response.data.projects.map((project: ProjectItemAlt) => {\r\n              return {\r\n                region: project.alphanumeric,\r\n                locations: project.projectCollection,\r\n                id: project.id,\r\n                sortBy: 'name',\r\n                sortOrder: 'ascending',\r\n              };\r\n            }),\r\n          );\r\n          context.commit('SET_LIST_ERROR', '');\r\n          context.commit('SET_LIST_VIEW_IS_A_TO_Z', true);\r\n          context.commit('SET_LAST_SEARCHED_VALUE', '');\r\n          context.commit('SET_SUGGESTIONS_MODEL', '');\r\n        }\r\n      })\r\n      .catch((error: AxiosError) => {\r\n        throw error;\r\n      });\r\n  },\r\n  fetchProjectsByLocation(context: ActionContext<ProjectsState, RootState>) {\r\n    return services\r\n      .projectsByLocation()\r\n      .then((response: AxiosResponse) => {\r\n        if (response.data.success === true) {\r\n          context.commit(\r\n            'SET_PROJECTS_LIST',\r\n            response.data.projects.map((project: ProjectItem) => {\r\n              return {\r\n                ...project,\r\n                sortBy: 'name',\r\n                sortOrder: 'ascending',\r\n              };\r\n            }),\r\n          );\r\n          context.commit('SET_LIST_VIEW_IS_A_TO_Z', false);\r\n        }\r\n      })\r\n      .catch((error: AxiosError) => {\r\n        throw error;\r\n      });\r\n  },\r\n  fetchProjectsByName(context: ActionContext<ProjectsState, RootState>) {\r\n    const searchTerm = context.state.selectedLocation.magicKey\r\n      ? context.state.selectedLocation.text\r\n      : context.state.suggestionsModel;\r\n\r\n    if (searchTerm) {\r\n      context.commit('SET_LAST_SEARCHED_VALUE', searchTerm);\r\n      return services\r\n        .projectsByName(searchTerm)\r\n        .then((response: AxiosResponse) => {\r\n          if (response.data.success === true) {\r\n            context.commit(\r\n              'SET_PROJECTS_LIST',\r\n              response.data.projects.map((project: ProjectItem) => {\r\n                return {\r\n                  ...project,\r\n                  sortBy: 'name',\r\n                  sortOrder: 'ascending',\r\n                };\r\n              }),\r\n            );\r\n            context.commit('SET_LIST_ERROR', '');\r\n          } else {\r\n            throw new Error(`No projects matching \"${searchTerm}\"`);\r\n          }\r\n        })\r\n        .catch((error: AxiosError) => {\r\n          throw error;\r\n        });\r\n    }\r\n    return;\r\n  },\r\n  fetchSearchResults(context: ActionContext<ProjectsState, RootState>) {\r\n    if (context.state.selectedLocation.text) {\r\n      return services\r\n        .search(context.state.selectedLocation.magicKey)\r\n        .then((response: AxiosResponse) => {\r\n          history.replaceState(\r\n            {},\r\n            '',\r\n            `${location.pathname}?searchTerm=${context.state.selectedLocation.text}&mk=${context.state.selectedLocation.magicKey}`,\r\n          );\r\n          context.commit('SET_LOCATION_COORDINATES', response.data.candidates[0].location);\r\n          context.dispatch('resetSuggestions');\r\n        })\r\n        .catch((error: AxiosError) => {\r\n          throw error;\r\n        });\r\n    }\r\n    return;\r\n  },\r\n  fetchSelectedFeatureSummary(\r\n    context: ActionContext<ProjectsState, RootState>,\r\n    selectedFeatureId: string,\r\n  ) {\r\n    return services\r\n      .selectedFeatureSummary(selectedFeatureId)\r\n      .then((response: AxiosResponse) => {\r\n        if (response.data.success === true) {\r\n          if (context.state.userGuideVisible === true) {\r\n            context.commit('SET_USER_GUIDE_VISIBILITY', false);\r\n          }\r\n          context.commit('SET_SELECTED_FEATURE_SUMMARY', response.data.summary);\r\n        } else {\r\n          throw new Error('Feature summary was unable to load');\r\n        }\r\n      })\r\n      .catch((error: AxiosError) => {\r\n        throw error;\r\n      });\r\n  },\r\n  fetchSuggestions(context: ActionContext<ProjectsState, RootState>, suggestionsValue: string) {\r\n    return services\r\n      .suggestions(suggestionsValue)\r\n      .then((response: AxiosResponse) => {\r\n        context.commit('SET_SUGGESTED_LOCATIONS', response.data.locations);\r\n        context.commit('SET_SUGGESTED_PROJECTS', response.data.projects);\r\n      })\r\n      .catch((error: AxiosError) => {\r\n        throw error;\r\n      });\r\n  },\r\n  async filterSuggestions(\r\n    context: ActionContext<ProjectsState, RootState>,\r\n    suggestionsValue: string,\r\n  ) {\r\n    const suggestions = await context.state.projectsList.filter((value) =>\r\n      value.region.toLowerCase().includes(suggestionsValue.toLowerCase()),\r\n    );\r\n    context.commit(\r\n      'SET_SUGGESTED_LOCATIONS',\r\n      suggestions.map((value) => {\r\n        return {\r\n          text: value.region,\r\n        };\r\n      }),\r\n    );\r\n  },\r\n  async querySearchParams(context: ActionContext<ProjectsState, RootState>) {\r\n    const searchParams = await new URLSearchParams(window.location.search);\r\n    context.commit('SET_SELECTED_LOCATION', {\r\n      isCollection: false,\r\n      magicKey: searchParams.get('mk'),\r\n      text: searchParams.get('searchTerm'),\r\n    });\r\n\r\n    if (searchParams.get('view') === 'list') {\r\n      context.dispatch('fetchProjectsByLocation');\r\n    }\r\n  },\r\n  resetFilter(context: ActionContext<ProjectsState, RootState>) {\r\n    context.commit('SET_PROJECTS_LIST_FILTER', 'projectsLocation');\r\n    context.commit('SET_LIST_VIEW_IS_A_TO_Z', false);\r\n  },\r\n  resetList(context: ActionContext<ProjectsState, RootState>, resetError: boolean) {\r\n    context.dispatch('fetchProjectsByLocation').then(() => {\r\n      context.dispatch('resetMap');\r\n      context.commit('SET_SUGGESTIONS_MODEL', '');\r\n      context.commit('SET_LAST_SEARCHED_VALUE', '');\r\n      if (resetError === true) {\r\n        context.commit('SET_LIST_ERROR', '');\r\n      }\r\n    });\r\n  },\r\n  resetMap(context: ActionContext<ProjectsState, RootState>) {\r\n    context.commit('SET_LOCATION_COORDINATES', null);\r\n    history.replaceState({}, '', location.pathname);\r\n    context.dispatch('resetSelectedFeatureSummary');\r\n    context.dispatch('resetSelectedLocation');\r\n    context.dispatch('resetSuggestions');\r\n    context.commit('SET_SUGGESTIONS_MODEL', '');\r\n    context.commit('SET_LAST_SEARCHED_VALUE', '');\r\n    context.commit('SET_LAYER_ERROR', '');\r\n    context.dispatch('resetFilter');\r\n  },\r\n  resetSelectedFeatureSummary(context: ActionContext<ProjectsState, RootState>) {\r\n    context.commit('SET_SELECTED_FEATURE_SUMMARY', {});\r\n  },\r\n  resetSelectedLocation(context: ActionContext<ProjectsState, RootState>) {\r\n    context.commit('SET_SELECTED_LOCATION', {\r\n      isCollection: false,\r\n      magicKey: '',\r\n      text: '',\r\n    });\r\n  },\r\n  resetSuggestions(context: ActionContext<ProjectsState, RootState>) {\r\n    context.commit('SET_SUGGESTED_LOCATIONS', []);\r\n    context.commit('SET_SUGGESTED_PROJECTS', []);\r\n  },\r\n  setLocationValues(context: ActionContext<ProjectsState, RootState>) {\r\n    if (context.getters.hasSelectedLocation === false && context.getters.hasSuggestions === true) {\r\n      context.commit(`SET_SELECTED_LOCATION`, context.state.suggestedLocations[0]);\r\n    }\r\n    context.commit(\r\n      'SET_LAST_SEARCHED_VALUE',\r\n      context.state.selectedLocation.text || context.state.suggestionsModel,\r\n    );\r\n    context.commit('SET_SUGGESTIONS_MODEL', context.state.lastSearchedValue);\r\n  },\r\n  setSelectedFeatureSummary(\r\n    context: ActionContext<ProjectsState, RootState>,\r\n    selectedFeatureSummary: SelectedFeatureSummary,\r\n  ) {\r\n    if (context.state.userGuideVisible === true) {\r\n      context.commit('SET_USER_GUIDE_VISIBILITY', false);\r\n    }\r\n    context.commit('SET_SELECTED_FEATURE_SUMMARY', selectedFeatureSummary);\r\n  },\r\n  sortProjectsTable(context: ActionContext<ProjectsState, RootState>, sortProps: SortProps) {\r\n    context.commit('SET_SORT_BY', sortProps);\r\n  },\r\n  toggleUserGuideVisibility(context: ActionContext<ProjectsState, RootState>, value: boolean) {\r\n    if (value === true && context.getters.hasSelectedFeature === true) {\r\n      context.dispatch('resetSelectedFeatureSummary');\r\n    }\r\n    context.commit('SET_USER_GUIDE_VISIBILITY', value);\r\n  },\r\n};\r\n","export default {\r\n  hasLocations(state: ProjectsState) {\r\n    return state.suggestedLocations.length > 0 && state.listViewIsAToZ === false;\r\n  },\r\n  hasProjects(state: ProjectsState) {\r\n    return state.suggestedProjects.length > 0;\r\n  },\r\n  hasSelectedFeature(state: ProjectsState) {\r\n    return Object.keys(state.selectedFeatureSummary).length > 0;\r\n  },\r\n  hasSelectedLocation(state: ProjectsState) {\r\n    return state.selectedLocation.magicKey !== '' && state.selectedLocation.text !== '';\r\n  },\r\n  hasSuggestions(state: ProjectsState) {\r\n    return state.suggestedLocations.length > 0 || state.suggestedProjects.length > 0;\r\n  },\r\n  isListView(state: ProjectsState) {\r\n    return state.projectsList.length > 0;\r\n  },\r\n  selectedFeature(state: ProjectsState) {\r\n    return state.selectedFeatureSummary;\r\n  },\r\n};\r\n","function sortLocations(state: ProjectsState, sortProps: SortProps) {\r\n  const { index, sortBy } = sortProps;\r\n  const sortOrder = state.projectsList[sortProps.index].sortOrder;\r\n  const locations = [...state.projectsList[index].locations];\r\n  const lang = 'en';\r\n  const settings = {\r\n    ignorePunctuation: true,\r\n    sensitivity: 'base',\r\n  };\r\n\r\n  locations.sort((a, b) => {\r\n    if (sortOrder === 'ascending') {\r\n      return a[sortBy].localeCompare(b[sortBy], lang, settings);\r\n    }\r\n    return b[sortBy].localeCompare(a[sortBy], lang, settings);\r\n  });\r\n\r\n  return locations;\r\n}\r\n\r\nfunction sortOrder(state: ProjectsState, sortProps: SortProps) {\r\n  if (state.projectsList[sortProps.index].sortOrder === 'ascending') {\r\n    return 'descending';\r\n  }\r\n  return 'ascending';\r\n}\r\n\r\nexport default {\r\n  SET_LAST_SEARCHED_VALUE(state: ProjectsState, lastSearchedValue: string) {\r\n    state.lastSearchedValue = lastSearchedValue;\r\n  },\r\n  SET_LAYER_ERROR(state: ProjectsState, errorMessage: string) {\r\n    state.layerError = errorMessage;\r\n  },\r\n  SET_LIST_ERROR(state: ProjectsState, errorMessage: string) {\r\n    state.listError = errorMessage;\r\n  },\r\n  SET_LIST_VIEW_IS_A_TO_Z(state: ProjectsState, listViewIsAToZ: boolean) {\r\n    state.listViewIsAToZ = listViewIsAToZ;\r\n  },\r\n  SET_LOCATION_COORDINATES(state: ProjectsState, locationCoordinates: Coordinates | null) {\r\n    state.locationCoordinates = locationCoordinates;\r\n  },\r\n  SET_PROJECTS_LIST(state: ProjectsState, projectsList: ProjectItem[]) {\r\n    state.projectsList = projectsList;\r\n  },\r\n  SET_PROJECTS_LIST_FILTER(state: ProjectsState, projectsFilter: ProjectFilter) {\r\n    state.projectsFilter = projectsFilter;\r\n  },\r\n  SET_REQUEST_SUMMARY_FLAG(state: ProjectsState, requestSummary: boolean) {\r\n    state.requestSummary = requestSummary;\r\n  },\r\n  SET_SELECTED_FEATURE_SUMMARY(\r\n    state: ProjectsState,\r\n    selectedFeatureSummary: SelectedFeatureSummary,\r\n  ) {\r\n    state.selectedFeatureSummary = selectedFeatureSummary;\r\n  },\r\n  SET_SELECTED_LOCATION(state: ProjectsState, selectedLocation: SelectedLocation) {\r\n    state.selectedLocation = selectedLocation;\r\n  },\r\n  SET_SORT_BY(state: ProjectsState, sortProps: SortProps) {\r\n    state.projectsList[sortProps.index].sortBy = sortProps.sortBy;\r\n    state.projectsList[sortProps.index].sortOrder = sortOrder(state, sortProps);\r\n    state.projectsList[sortProps.index].locations = sortLocations(state, sortProps);\r\n  },\r\n  SET_SUGGESTED_LOCATIONS(state: ProjectsState, suggestedLocations: SuggestedLocation[]) {\r\n    state.suggestedLocations = suggestedLocations;\r\n  },\r\n  SET_SUGGESTIONS_MODEL(state: ProjectsState, suggestionsModel: string) {\r\n    state.suggestionsModel = suggestionsModel;\r\n  },\r\n  SET_SUGGESTED_PROJECTS(state: ProjectsState, suggestedProjects: SuggestedProject[]) {\r\n    state.suggestedProjects = suggestedProjects;\r\n  },\r\n  SET_USER_GUIDE_VISIBILITY(state: ProjectsState, userGuideVisible: boolean) {\r\n    state.userGuideVisible = userGuideVisible;\r\n  },\r\n};\r\n","import actions from '@/app/store/projects-map/actions';\r\nimport getters from '@/app/store/projects-map/getters';\r\nimport mutations from '@/app/store/projects-map/mutations';\r\nimport state from '@/app/store/projects-map/state';\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state,\r\n  getters,\r\n  mutations,\r\n  actions,\r\n};\r\n","export default () => {\r\n  return {\r\n    lastSearchedValue: '',\r\n    layerError: '',\r\n    listError: '',\r\n    listViewIsAToZ: false,\r\n    locationCoordinates: null,\r\n    projectsFilter: 'projectsLocation',\r\n    projectsList: [],\r\n    requestSummary: false,\r\n    selectedFeatureSummary: {},\r\n    selectedLocation: {\r\n      isCollection: false,\r\n      magicKey: '',\r\n      text: '',\r\n    },\r\n    suggestedLocations: [],\r\n    suggestedProjects: [],\r\n    suggestionsModel: '',\r\n    userGuideVisible: false,\r\n  };\r\n};\r\n","import { createStore } from 'vuex';\r\nimport loader from '@/app/store/loader';\r\nimport projectsMap from '@/app/store/projects-map';\r\n\r\nexport default createStore({\r\n  strict: process.env.NODE_ENV === 'development',\r\n  modules: {\r\n    loader,\r\n    projectsMap,\r\n  },\r\n});\r\n"],"names":["props","__props","modifiers","computed","positioned","useModifiers","baseCssClass","length","modifierCssClasses","map","modifier","toString","replace","useLoadingCheck","store","useStore","isLoading","state","loader","loadingPrevent","event","value","preventDefault","loadingTabindex","useMapMarker","VectorLayer","source","VectorSource","style","Style","image","Icon","anchor","src","useMapProjection","proj4","defs","register","proj27700","getProjection","setExtent","useVectorLayers","layers","locationCoordinates","projectsMap","createIconStyle","layer","createLineStyle","feature","field","layerName","get","color","lineCap","lineDash","stroke","Stroke","width","createPointStyle","Circle","fill","Fill","radius","createStyle","typeStyle","line","bind","point","icon","type","vectorLayers","format","GeoJSON","extent","_resolution","_projection","success","failure","async","url","andOr","includes","endpoint","URLSearchParams","response","fetch","headers","method","ok","msg","text","parsedMessage","JSON","parse","Error","message","json","fetchLayerSource","then","reponseObj","Object","keys","getFormat","features","readFeatures","addFeatures","catch","error","removeLoadedExtent","commit","this","properties","selectable","cssClasses","__default__","inheritAttrs","focusEl","ref","__expose","side","featureSummary","inject","summary","getters","gtmPanelTrigger","projectName","ctaLabel","destinationUrl","cta","pushToDataLayer","dispatch","userGuide","class","role","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","$slots","emit","__emit","selected","currentIndex","startingIndex","index","posInSet","id","clickHandler","listView","projects","projectsList","lastSearchedValue","listError","scotlandCenterCoords","config","markerLayer","selectHandler","setSelectedStyle","selectedStyles","gtmAction","selectedFeature","requestSummary","selectedFeatureId","getView","fit","getGeometry","getExtent","name","rating","status","circuit","events","getType","useFeatureSelect","selectInteraction","Select","condition","click","filter","getProperties","hasSelectedFeature","scrollOverlayVisible","overlayTimeout","platformModifierKey","resetCenter","setCenter","setZoom","showScrollOverlay","isTouch","MAC","clearTimeout","setTimeout","updateVectorLayers","promises","Promise","resolve","getSource","once","getFeatures","refresh","all","values","total","reduce","previousValue","currentValue","noResultsMessage","virtualPageview","watch","clear","marker","Feature","geometry","Point","x","y","addFeature","addMarker","onMounted","Map","interactions","defaults","dragPan","mouseWheelZoom","extend","DragPan","touchOnly","pointerType","getPointerCount","MouseWheelZoom","platformModifierKeyOnly","TileLayer","OSM","target","view","View","projection","center","maxZoom","zoom","addInteraction","on","projectSearchFormAction","projectId","window","location","search","checkForProjectId","find","vl","updateMapSize","updateSize","ctaClickHandler","controls","controlsDefaults","interactionDefaults","doubleClickZoom","dragAndDrop","keyboardPan","keyboardZoom","pointer","select","mq","matchMedia","guideCta","guideEl","mapEl","summaryEl","isDesktop","userGuideVisible","inertMap","activeCssClass","layerError","onAfterEnterGuide","focus","onAfterLeaveGuide","$el","onAfterEnterSummary","onAfterLeaveSummary","onBeforeLeave","openUserGuide","screenSizeHandler","matches","Cookies","addEventListener","action","isBannerLayout","projectSearchCtaInput","currentSelectionIndex","listboxId","listViewIsAToZ","hasLocations","hasProjects","hasSuggestions","isListView","magicKey","selectedLocation","setSize","suggestedProjects","suggestedLocations","suggestionsModel","set","activeDescendant","gtmEventProps","prefix","gtmSearchTrigger","searchValue","gtmComboBoxTrigger","option","decrementSelectionIndex","enterHandler","setSelection","incrementSelectionIndex","keyupHandler","debounce","keyCode","fetchSuggestions","vClickOutside","mounted","el","binding","clickOutsideEvent","contains","document","unmounted","removeEventListener","onClickOutside","project","ariaDisabled","linkActive","href","roleLink","tabindex","letter","locations","pushToDataLayerDirectly","link_text","region","sortOrder","sortBy","category","projectsAToZ","projectsLocation","projectsFilterModel","projectsFilter","filterChangeHandler","filterAToZLabel","filterLocationLabel","activeIndex","activeFocus","regionItems","filteredProjects","cat","handleArrowKeys","handleTabKeyUp","classList","findIndex","getAttribute","handleLetterClick","proj","projectMapProjectList_action","projectMapProjectList_label","handleClick","isActive","itemIndex","isHidden","eventsVisible","hasEvents","ariaControls","_event","uid","join","gtmProjectListCtaTrigger","ctaSelected","prop","label","setLoadingAction","context","SET_LOADING","namespaced","mutations","actions","apiClient","axios","baseURL","process","withCredentials","Accept","interceptors","request","use","reject","controller","projectsByAToZ","projectsByLocation","projectsByName","searchTerm","selectedFeatureSummary","suggestions","suggestionsValue","abort","AbortController","signal","reseponse","fetchProjectsByAToZ","services","data","alphanumeric","projectCollection","fetchProjectsByLocation","fetchProjectsByName","fetchSearchResults","history","replaceState","pathname","candidates","fetchSelectedFeatureSummary","filterSuggestions","toLowerCase","querySearchParams","searchParams","isCollection","resetFilter","resetList","resetError","resetMap","resetSelectedFeatureSummary","resetSelectedLocation","resetSuggestions","setLocationValues","hasSelectedLocation","setSelectedFeatureSummary","sortProjectsTable","sortProps","toggleUserGuideVisibility","SET_LAST_SEARCHED_VALUE","SET_LAYER_ERROR","errorMessage","SET_LIST_ERROR","SET_LIST_VIEW_IS_A_TO_Z","SET_LOCATION_COORDINATES","SET_PROJECTS_LIST","SET_PROJECTS_LIST_FILTER","SET_REQUEST_SUMMARY_FLAG","SET_SELECTED_FEATURE_SUMMARY","SET_SELECTED_LOCATION","SET_SORT_BY","settings","ignorePunctuation","sensitivity","sort","a","b","localeCompare","sortLocations","SET_SUGGESTED_LOCATIONS","SET_SUGGESTIONS_MODEL","SET_SUGGESTED_PROJECTS","SET_USER_GUIDE_VISIBILITY","createStore","strict","modules"],"sourceRoot":""}