Description

This PR enables style presets to have a second nested level to help organize long lists of styles. We do not allow more than two levels of nesting.

TODO

• Apply same treatment to branch options
  • I'm debating if it makes sense to apply a similar treatment here, always treat styles for a branch pattern as a multi-dropdown, or do nothing
  • Ended up giving this as default behavior to branchPatterns
• Add documentation of syntax

Closes #193

QA steps

• Set up your local.js config to include style presets like the following:

  const stylePresets = [
      {
      id: 'mapbox-outdoors',
      name: 'Mapbox Outdoors',
      type: 'maplibre-gl',
      renderer: 'maplibre-gl',
      url: 'mapbox://styles/mapbox/outdoors-v11',
    },
    {
      name: 'Data viz styles',
      type: 'sublist',
      presets: [
        {
          id: 'mapbox-light',
          name: 'Mapbox Light',
          type: 'mapbox-gl',
          url: 'mapbox://styles/mapbox/light-v10',
        },
        {
          id: 'mapbox-dark',
          name: 'Mapbox Dark',
          type: 'mapbox-gl',
          url: 'mapbox://styles/mapbox/dark-v10',
        },
      ],
    },
  ]
  

• Confirm that selecting a nested style works as expected
• Confirm on refresh that the dropdown finds the nested style
• Confirm all dropdowns work (switched all to the sveltestrap library for consistency)

Author checklist

Create the PR

• Fill out PR template
• Make sure you've added a CHANGELOG entry under "Unreleased"
• Request a review
• Make any requested changes and get approval

After approval

• Merge any changes from main into your branch, resolve any conflicts
• Squash & merge changes into main
• Delete branch