<script type="text/hyperscript">
  behavior hide_amounts
    on load or htmx:afterSwap if body include #settings-hide-amounts
      set elements to <.amount/> in me
      for el in elements
        set el.textContent to '•••••••••••'
      end
    end

    on load or htmx:afterSwap if body do not include #settings-hide-amounts
      set elements to <.amount/> in me
      for el in elements
        set el.textContent to el.dataset.originalValue
      end
    end

    on click[target matches .amount] if I include #settings-hide-amounts
      if event.target do not matches .revealed then set event.target.textContent to event.target.dataset.originalValue
      else set event.target.textContent to '•••••••••••' end
      then toggle .revealed on event.target
    end
  end
</script>
