{% import 'elementor/macros' as m %}
{# `m.default_tag_class(tag)` emits `e-default-<tag>` — the hook Elementor's
   Design System > Defaults writes against (`.elementor .e-default-div { … }`).
   Without it this widget is invisible to the Defaults panel while a core
   element beside it obeys.

   A literal `div` here: this template renders one fixed element. The four
   Parts under Parts/ take the resolved `settings.tag` instead, because theirs
   is variable — see the note in aae-a-timeline-title.html.twig.

   Cascade order needs no help — `.elementor .e-default-div` and
   `.elementor .e-aae-a-timeline-base` are both (0,2,0), and the defaults sheet
   loads after the base sheet, so a default beats our base style; a Style-tab
   value, written to the per-document sheet after both, still beats the default.
   Per property, so anything set by hand is kept. #}
{% set classes = ['aae-a-timeline', 'e-con', 'e-atomic-element', base_styles.base, m.default_tag_class('div')] | merge(settings.classes | default([])) | join(' ') %}

<div class="{{ classes }} {{ editor_classes | default('') }}"
    data-id="{{ id }}"
    data-element_type="{{ type }}"
    data-e-type="{{ type }}"
    data-interaction-id="{{ interaction_id | default('') }}"
    {% if settings._cssid is defined and settings._cssid is not empty %}
        id="{{ settings._cssid | e('html_attr') }}"
    {% endif %}
    {% if settings.attributes is defined and settings.attributes is not empty %}
        {{ settings.attributes | raw }}
    {% endif %}
    {{ editor_attributes | default('') | raw }}>

    {{ children_placeholder | raw }}
</div>