App.svelte

<script>
  import "govuk-frontend/govuk/all.scss";
  import "carbon-components-svelte/css/white.css";

  import Map from "./components/Map.svelte";
  import Header from "./components/Header.svelte";
  import StageBanner from "./components/StageBanner.svelte";
  import LoadGeojson from "./components/LoadGeojson.svelte";
  import HoverRouteInfo from "./components/HoverRouteInfo.svelte";
  import DrawControls from "./components/DrawControls.svelte";
  import CurrentInterventionLayer from "./components/CurrentInterventionLayer.svelte";
  import Settings from "./components/Settings.svelte";
  import LandingPage from "./components/LandingPage.svelte";
  import StopsLayer from "./components/StopsLayer.svelte";
  import LeftAccordion from "./components/LeftAccordion.svelte";
  import LaLevelScores from "./components/LALevelScores.svelte";
  import TileLayer from "./components/TileLayer.svelte";
  import EditingLayer from "./components/EditingLayer.svelte";
  import HoverLayer from "./components/HoverLayer.svelte";
  import HoverScores from "./components/HoverScores.svelte";

  export let innerWidth = 0;
  export let innerHeight = 0;
  export let login_username = "user";
  let infoForPDF;
  let tileOpacity = [50];
  let hoverInfo;
  let responseJson;
  let loading;
  let stopLayerToggle;
  let hoveredInterventionScores;
  let purpose;
  let startTimeSeconds;
  let open;
  let stopStatuses;
  let scoreLayer;
  let stopCheckboxClicked;
  let line_toggle;
  let landingPageToggle;
  let toggleDisplayeRouteOnClick;
  let hoverScore;
  let hoverDecile;
  let tileSettings = {
    toggle: false,
    level: "National",
    mode: "Overall",
    purpose: "Overall",
    LA: "Hide",
  };
</script>

<svelte:window bind:innerWidth bind:innerHeight />

<div>
  <Header bind:landingPageToggle />
</div>
<div>
  <StageBanner />
</div>
<div>
  <Map {innerHeight}>
    <StopsLayer {stopLayerToggle} {stopCheckboxClicked} bind:stopStatuses />
    <DrawControls
      {open}
      bind:stopLayerToggle
      bind:line_toggle
      bind:toggleDisplayeRouteOnClick
    />
    <TileLayer {tileOpacity} {tileSettings} />
    <Settings
      {infoForPDF}
      {hoverScore}
      {hoverDecile}
      bind:stopStatuses
      bind:tileOpacity
      bind:purpose
      bind:startTimeSeconds
      bind:stopCheckboxClicked
      bind:toggleDisplayeRouteOnClick
      bind:tileSettings
    />
    <LoadGeojson
      {purpose}
      {startTimeSeconds}
      {toggleDisplayeRouteOnClick}
      bind:infoForPDF
      bind:hoverInfo
    />
    <HoverRouteInfo {hoverInfo} />
    <CurrentInterventionLayer
      {responseJson}
      {scoreLayer}
      bind:hoveredInterventionScores
    />
    <LandingPage bind:landingPageToggle />
    <LeftAccordion
      {tileOpacity}
      {login_username}
      {hoveredInterventionScores}
      bind:responseJson
      bind:open
      bind:loading
      bind:scoreLayer
      bind:stopLayerToggle
      bind:line_toggle
    />
    <LaLevelScores {tileOpacity} bind:tileSettings bind:hoverDecile />
    <EditingLayer />
    <HoverLayer />
    <HoverScores {tileSettings} bind:hoverScore />
  </Map>
</div>

<style>
</style>