{{ attach_library('htmx_preload/preload') }}
{% set htmx_attributes %}
  data-hx-get="/htmx-dialog/node/{{ node.id }}/card"
  data-hx-target="#htmx-dialog-container"
  data-hx-select="#htmx-dialog"
  data-bs-toggle="modal"
  data-bs-target="#htmx-dialog-container"
  data-hx-push-url="#node-{{ node.id }}"
  preload="mouseover"
{% endset %}
<div hx-ext="preload" data-hx-ext="preload" class="h-100">
{% embed 'octaviab:small-card' with {
  attributes: attributes,
  htmx_attributes: htmx_attributes,
  title: node.title.value,
  url: false,
} %}
  {% block image %}
    {{ content.field_media_image }}
  {% endblock %}
  {% block subtitle %}
    {{ content.field_role }}
  {% endblock %}
{% endembed %}
</div>