https://betterstack.com/assets/common_controllers/cloud_fit_controller-2f9024d0.js

1import { Controller } from '@hotwired/stimulus'
2
3// Highlights one cloud category at a time on the /cloud "Which cloud is the right for you?" card:
4// the hovered tag group gets the purple outline, its scatter-chart cluster switches to colored icons.
5export default class extends Controller {
6  static targets = ['group', 'cluster']
7
8  activate(event) {
9    const group = event.currentTarget.dataset.group
10
11    for (const element of [...this.groupTargets, ...this.clusterTargets]) {
12      element.toggleAttribute('data-active', element.dataset.group === group)
13    }
14  }
15}