| 594 | } |
| 595 | |
| 596 | private renderFooter() { |
| 597 | const [min] = this.colorService.selectedColorOption.scale.domain(); |
| 598 | const legendType = typeof min === 'number' ? LegendType.SEQUENTIAL : |
| 599 | LegendType.CATEGORICAL; |
| 600 | |
| 601 | // clang-format off |
| 602 | return html`<color-legend legendType=${legendType} |
| 603 | label=${this.colorService.selectedColorOption.name} |
| 604 | .scale=${this.colorService.selectedColorOption.scale}> |
| 605 | </color-legend>`; |
| 606 | // clang-format on |
| 607 | } |
| 608 | |
| 609 | // Purposely overridding render() as opposed to renderImpl() as Dive is a |
| 610 | // special case where the render pass here is just a set up for the containers |