Organize browse layer code

src/lib/browse/LayerControls.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+  import { BaselayerSwitcher, CollapsibleCard } from "../common";
+  import { CheckboxGroup } from "../govuk";
+  import BusRoutesLayerControl from "./layers/BusRoutesLayerControl.svelte";
+  import CensusOutputAreaLayerControl from "./layers/CensusOutputAreaLayerControl.svelte";
+  import CombinedAuthoritiesLayerControl from "./layers/CombinedAuthoritiesLayerControl.svelte";
+  import CycleParkingLayerControl from "./layers/CycleParkingLayerControl.svelte";
+  import HospitalsLayerControl from "./layers/HospitalsLayerControl.svelte";
+  import ImdLayerControl from "./layers/ImdLayerControl.svelte";
+  import LocalAuthorityDistrictsLayerControl from "./layers/LocalAuthorityDistrictsLayerControl.svelte";
+  import LocalPlanningAuthoritiesLayerControl from "./layers/LocalPlanningAuthoritiesLayerControl.svelte";
+  import MrnLayerControl from "./layers/MrnLayerControl.svelte";
+  import ParliamentaryConstituenciesLayerControl from "./layers/ParliamentaryConstituenciesLayerControl.svelte";
+  import RailwayStationsLayerControl from "./layers/RailwayStationsLayerControl.svelte";
+  import SchoolsLayerControl from "./layers/SchoolsLayerControl.svelte";
+  import SportsSpacesLayerControl from "./layers/SportsSpacesLayerControl.svelte";
+  import WardsLayerControl from "./layers/WardsLayerControl.svelte";
+
+  export let style: string;
+</script>
+
+<CollapsibleCard label="Layers" open>
+  <CollapsibleCard label="Trip generators">
+    <CheckboxGroup small>
+      <SchoolsLayerControl />
+      <HospitalsLayerControl />
+      <SportsSpacesLayerControl />
+      <RailwayStationsLayerControl />
+    </CheckboxGroup>
+  </CollapsibleCard>
+  <CollapsibleCard label="Existing infrastructure">
+    <CheckboxGroup small>
+      <MrnLayerControl />
+      <BusRoutesLayerControl />
+      <CycleParkingLayerControl />
+    </CheckboxGroup>
+  </CollapsibleCard>
+  <CollapsibleCard label="Boundaries">
+    <CheckboxGroup small>
+      <ParliamentaryConstituenciesLayerControl />
+      <WardsLayerControl />
+      <CombinedAuthoritiesLayerControl />
+      <LocalAuthorityDistrictsLayerControl />
+      <LocalPlanningAuthoritiesLayerControl />
+    </CheckboxGroup>
+  </CollapsibleCard>
+  <CollapsibleCard label="Census">
+    <CensusOutputAreaLayerControl />
+    <ImdLayerControl />
+  </CollapsibleCard>
+  <BaselayerSwitcher {style} />
+</CollapsibleCard>

src/lib/browse/BusRoutesLayerControl.svelte → src/lib/browse/layers/BusRoutesLayerControl.svelte

@@ -4,16 +4,16 @@
     hoveredToggle,
     overwriteLineLayer,
     overwritePmtilesSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "bus_routes";
 

src/lib/browse/CensusOutputAreaLayerControl.svelte → src/lib/browse/layers/CensusOutputAreaLayerControl.svelte

@@ -6,11 +6,11 @@
     overwriteLineLayer,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
-  import { ExternalLink, HelpButton, InteractiveLayer } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
+  import { ExternalLink, HelpButton, InteractiveLayer } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
   import SequentialLegend from "./SequentialLegend.svelte";
 
   let name = "census_output_areas";

src/lib/browse/CombinedAuthoritiesLayerControl.svelte → src/lib/browse/layers/CombinedAuthoritiesLayerControl.svelte

@@ -5,16 +5,16 @@
     overwriteLineLayer,
     overwritePolygonLayer,
     overwriteSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "combined_authorities";
   let color = colors.combined_authorities;

src/lib/browse/CycleParkingLayerControl.svelte → src/lib/browse/layers/CycleParkingLayerControl.svelte

@@ -3,16 +3,16 @@
   import {
     overwriteCircleLayer,
     overwritePmtilesSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "cycle_parking";
   let color = colors.cycle_parking;

src/lib/browse/HospitalsLayerControl.svelte → src/lib/browse/layers/HospitalsLayerControl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ExternalLink } from "../common";
+  import { ExternalLink } from "../../common";
   import PolygonAmenityLayerControl from "./PolygonAmenityLayerControl.svelte";
 </script>
 

src/lib/browse/ImdLayerControl.svelte → src/lib/browse/layers/ImdLayerControl.svelte

@@ -6,11 +6,11 @@
     overwriteLineLayer,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
-  import { ExternalLink, HelpButton, InteractiveLayer } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
+  import { ExternalLink, HelpButton, InteractiveLayer } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
   import SequentialLegend from "./SequentialLegend.svelte";
 
   let name = "imd";

src/lib/browse/LocalAuthorityDistrictsLayerControl.svelte → src/lib/browse/layers/LocalAuthorityDistrictsLayerControl.svelte

@@ -5,16 +5,16 @@
     overwriteLineLayer,
     overwritePolygonLayer,
     overwriteSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "local_authority_districts";
   let color = colors.local_authority_districts;

src/lib/browse/LocalPlanningAuthoritiesLayerControl.svelte → src/lib/browse/layers/LocalPlanningAuthoritiesLayerControl.svelte

@@ -5,16 +5,16 @@
     overwriteLineLayer,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "local_planning_authorities";
   let color = colors.local_planning_authorities;

src/lib/browse/MrnLayerControl.svelte → src/lib/browse/layers/MrnLayerControl.svelte

@@ -4,16 +4,16 @@
     hoveredToggle,
     overwriteLineLayer,
     overwritePmtilesSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "mrn";
   let color = colors.mrn;

src/lib/browse/ParliamentaryConstituenciesLayerControl.svelte → src/lib/browse/layers/ParliamentaryConstituenciesLayerControl.svelte

@@ -5,16 +5,16 @@
     overwriteLineLayer,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "parliamentary_constituencies";
   let color = colors.parliamentary_constituencies;

src/lib/browse/PointAmenityLayerControl.svelte → src/lib/browse/layers/PointAmenityLayerControl.svelte

@@ -3,11 +3,11 @@
   import {
     overwriteCircleLayer,
     overwriteSource,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
-  import { ColorLegend, HelpButton, InteractiveLayer } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
+  import { ColorLegend, HelpButton, InteractiveLayer } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   // This name is used for multiple things:
   // - The name of a .geojson file

src/lib/browse/PolygonAmenityLayerControl.svelte → src/lib/browse/layers/PolygonAmenityLayerControl.svelte

@@ -4,11 +4,11 @@
     hoveredToggle,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
-  import { ColorLegend, HelpButton, InteractiveLayer } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
+  import { ColorLegend, HelpButton, InteractiveLayer } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   // This name is used for multiple things:
   // - The name of a .pmtiles file

src/lib/browse/RailwayStationsLayerControl.svelte → src/lib/browse/layers/RailwayStationsLayerControl.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { circleRadius } from "../../colors";
-  import { ExternalLink } from "../common";
+  import { circleRadius } from "../../../colors";
+  import { ExternalLink } from "../../common";
   import PointAmenityLayerControl from "./PointAmenityLayerControl.svelte";
 
   const name = "railway_stations";

src/lib/browse/SchoolsLayerControl.svelte → src/lib/browse/layers/SchoolsLayerControl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ExternalLink } from "../common";
+  import { ExternalLink } from "../../common";
   import PolygonAmenityLayerControl from "./PolygonAmenityLayerControl.svelte";
 </script>
 

src/lib/browse/SportsSpacesLayerControl.svelte → src/lib/browse/layers/SportsSpacesLayerControl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ExternalLink } from "../common";
+  import { ExternalLink } from "../../common";
   import PolygonAmenityLayerControl from "./PolygonAmenityLayerControl.svelte";
 </script>
 

src/lib/browse/WardsLayerControl.svelte → src/lib/browse/layers/WardsLayerControl.svelte

@@ -5,16 +5,16 @@
     overwriteLineLayer,
     overwritePmtilesSource,
     overwritePolygonLayer,
-  } from "../../maplibre_helpers";
-  import { map } from "../../stores";
+  } from "../../../maplibre_helpers";
+  import { map } from "../../../stores";
   import {
     ColorLegend,
     ExternalLink,
     HelpButton,
     InteractiveLayer,
-  } from "../common";
-  import { Checkbox } from "../govuk";
-  import { colors } from "./colors";
+  } from "../../common";
+  import { Checkbox } from "../../govuk";
+  import { colors } from "../colors";
 
   let name = "wards";
   let color = colors.wards;