- const open = $attrs[`open`];
.mp-sh-data-point-container(
  on={click: $helpers.handleClick}
)
  - const alert = $component.alert;
  .mp-sh-data-point-icon(
    class={
      'mp-sh-data-point-open': open,
      'mp-sh-data-point-type-anomaly': !!alert.anomaly,
      'mp-sh-data-point-type-contour': !!alert.contour,
    }
  )
    if open
      if $helpers.getAlertDirection() === `NEGATIVE`
        include ../assets/anomaly-down.svg
      else
        include ../assets/anomaly-up.svg
  - const tooltipOffset = $helpers.getTooltipOffset();
  mp-smart-hub-tooltip(
    attrs={
      'open': open,
      'placement': $attrs[`placement`],
      'offset-top': tooltipOffset.top,
      'offset-left': tooltipOffset.left,
      'project-id': $attrs[`project-id`],
      'utc-offset': $attrs[`utc-offset`],
      'alert': JSON.stringify($attrs[`alert`]),
      'explains-value': $attrs[`explains-value`],
      'alert-color': $attrs[`alert-color`],
    }
    on={
      change: $helpers.handleTooltipChange,
      changedAlert: $helpers.handleChangedAlert,
    }
  )