Add legend-based property styling for vector layers

[jtroberts]

Purpose

• Adds a way to color vector layer features by property value and match legend entries

Proposed Changes

• Updates the Legend tab in the Configure tool for administrator to define a Property Name, Property Value, whether to override the style based on the legend entry, and whether to hide the legend entry
• If Shape==Continuous, we will interpolate between the two colors where the property value falls within
• Works with numeric values or strings/booleans
• For future development, we should consider how to make this play better with other Configuration tool fields, especially under the Style tab (currently the Legend values will override) and also how to make it easier to apply a color ramp like we do for raster layers.

Issues

• [New Feature]: Mapped Style/Symbologies #709

Testing

• Using continuous styling with a numeric value

• Using circle shapes with a string value

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[tariqksoliman]

@jtroberts During testing, I found it to not respect my continuous legend so I put a fix it.

I basically added a parseCSSColor function so that it handle CSS color names as well and prioritized the continuous mode and made it explicitly check the legend shape.

This was the legend object I was testing with:

[
    {
        "color": "purple",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "This",
        "propertyName": "",
        "propertyValue": "",
        "styleMatching": false
    },
    {
        "color": "cyan",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "is",
        "propertyName": "",
        "propertyValue": "",
        "styleMatching": false
    },
    {
        "color": "lime",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "a",
        "propertyName": "",
        "propertyValue": "",
        "styleMatching": false
    },
    {
        "color": " yellow",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "sentential"
    },
    {
        "color": "orange",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "example"
    },
    {
        "color": "red",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "of"
    },
    {
        "color": "purple",
        "strokecolor": "#000",
        "shape": "continuous",
        "value": "what",
        "propertyName": "site",
        "propertyValue": "0",
        "styleMatching": true
    },
    {
        "color": "red",
        "strokecolor": "#000",
        "shape": "continuous",
        "value": "values",
        "propertyName": "site",
        "styleMatching": true,
        "propertyValue": "40",
        "shapeIcon": ""
    },
    {
        "color": "white",
        "strokecolor": "#000",
        "shape": "continuous",
        "value": "the",
        "propertyName": "site",
        "styleMatching": true,
        "propertyValue": "80"
    },
    {
        "color": "blue",
        "strokecolor": "#000",
        "shape": "continuous",
        "value": "legend",
        "propertyName": "site",
        "propertyValue": "120",
        "styleMatching": true
    },
    {
        "color": "pink",
        "strokecolor": "#000",
        "shape": "circle",
        "value": "csv"
    },
    {
        "color": "green",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "files"
    },
    {
        "color": " orange",
        "strokecolor": "#000",
        "shape": "discreet",
        "value": "could"
    },
    {
        "color": "crimson",
        "strokecolor": "cyan",
        "shape": "square",
        "value": "possibly"
    },
    {
        "color": "indigo",
        "strokecolor": "#FFF",
        "shape": "rect",
        "value": "contain"
    }
]

With Claude 3.5 Bedrock

If this change didn't break anything new, feel free to merge. The only change I am requesting is that you retest. Thanks!

[jtroberts]

Thanks @tariqksoliman! I retested and it looks good to me.