@openeuropa/bcl-theme-default 0.4230.202512021730 → 0.4360.202601141610

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/css/oe-bcl-ckeditor5.min.css +1 -1
  2. package/css/oe-bcl-ckeditor5.min.css.map +1 -1
  3. package/css/oe-bcl-default.css +61 -48
  4. package/css/oe-bcl-default.css.map +1 -1
  5. package/css/oe-bcl-default.min.css +1 -1
  6. package/css/oe-bcl-default.min.css.map +1 -1
  7. package/js/oe-bcl-default.bundle.js +112 -1
  8. package/js/oe-bcl-default.bundle.js.map +1 -1
  9. package/js/oe-bcl-default.bundle.min.js +1 -1
  10. package/js/oe-bcl-default.bundle.min.js.map +1 -1
  11. package/js/oe-bcl-default.esm.js +111 -1
  12. package/js/oe-bcl-default.esm.js.map +1 -1
  13. package/js/oe-bcl-default.esm.min.js +1 -1
  14. package/js/oe-bcl-default.esm.min.js.map +1 -1
  15. package/js/oe-bcl-default.umd.js +112 -1
  16. package/js/oe-bcl-default.umd.js.map +1 -1
  17. package/js/oe-bcl-default.umd.min.js +1 -1
  18. package/js/oe-bcl-default.umd.min.js.map +1 -1
  19. package/package.json +5 -5
  20. package/src/js/header/header.js +91 -0
  21. package/src/js/index.esm.js +2 -0
  22. package/src/js/index.umd.js +2 -0
  23. package/src/js/mega-menu/mega-menu.js +57 -0
  24. package/src/scss/_header.scss +6 -2
  25. package/src/scss/_mega-menu.scss +57 -58
  26. package/src/scss/base/_colors.scss +1 -0
  27. package/templates/bcl-accordion/accordion.html.twig +42 -43
  28. package/templates/bcl-alert/alert.html.twig +18 -18
  29. package/templates/bcl-badge/badge.html.twig +11 -12
  30. package/templates/bcl-banner/banner.html.twig +34 -34
  31. package/templates/bcl-base-templates/content-type.html.twig +63 -64
  32. package/templates/bcl-base-templates/listing-page.html.twig +31 -31
  33. package/templates/bcl-base-templates/sidebar-search.html.twig +10 -10
  34. package/templates/bcl-blockquote/blockquote.html.twig +17 -17
  35. package/templates/bcl-breadcrumb/breadcrumb.html.twig +24 -25
  36. package/templates/bcl-button/button.html.twig +24 -24
  37. package/templates/bcl-button-group/button-group.html.twig +25 -26
  38. package/templates/bcl-card/card.html.twig +98 -98
  39. package/templates/bcl-card-layout/card-layout.html.twig +34 -34
  40. package/templates/bcl-carousel/carousel.html.twig +64 -64
  41. package/templates/bcl-contact-form/contact-form.html.twig +1 -1
  42. package/templates/bcl-content-banner/content-banner.html.twig +37 -37
  43. package/templates/bcl-date-block/date-block.html.twig +26 -26
  44. package/templates/bcl-description-list/description-list-details.html.twig +6 -6
  45. package/templates/bcl-description-list/description-list-title.html.twig +11 -11
  46. package/templates/bcl-description-list/description-list.html.twig +44 -45
  47. package/templates/bcl-dropdown/dropdown.html.twig +48 -49
  48. package/templates/bcl-event/event.html.twig +7 -7
  49. package/templates/bcl-fact-figures/fact-figures.html.twig +34 -34
  50. package/templates/bcl-featured-media/featured-media.html.twig +42 -43
  51. package/templates/bcl-file/file-translations.html.twig +29 -29
  52. package/templates/bcl-file/file.html.twig +46 -46
  53. package/templates/bcl-footer/footer.html.twig +31 -31
  54. package/templates/bcl-form/form.html.twig +70 -70
  55. package/templates/bcl-form-input/form-input.html.twig +57 -58
  56. package/templates/bcl-gallery/gallery-item.html.twig +20 -20
  57. package/templates/bcl-gallery/gallery.html.twig +62 -63
  58. package/templates/bcl-glossary/glossary-detail.html.twig +19 -19
  59. package/templates/bcl-glossary/glossary-listing.html.twig +6 -6
  60. package/templates/bcl-group/group-landing.html.twig +69 -69
  61. package/templates/bcl-group/group.html.twig +19 -19
  62. package/templates/bcl-header/header.html.twig +71 -79
  63. package/templates/bcl-heading/heading.html.twig +13 -14
  64. package/templates/bcl-icon/icon.html.twig +10 -10
  65. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +20 -20
  66. package/templates/bcl-landing-page/landing-page.html.twig +33 -33
  67. package/templates/bcl-language-list/language-list-grid.html.twig +25 -25
  68. package/templates/bcl-language-list/language-list-modal.html.twig +52 -52
  69. package/templates/bcl-language-list/language-list.html.twig +33 -34
  70. package/templates/bcl-language-switcher/language-switcher.html.twig +12 -12
  71. package/templates/bcl-link/link.html.twig +24 -24
  72. package/templates/bcl-links-block/links-block.html.twig +29 -30
  73. package/templates/bcl-list-group/list-group.html.twig +43 -44
  74. package/templates/bcl-listing/listing.html.twig +88 -88
  75. package/templates/bcl-mega-menu/mega-menu-items.html.twig +18 -18
  76. package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +27 -22
  77. package/templates/bcl-mega-menu/mega-menu.html.twig +37 -35
  78. package/templates/bcl-modal/modal.html.twig +17 -17
  79. package/templates/bcl-navbar/navbar.html.twig +35 -35
  80. package/templates/bcl-navigation/navigation.html.twig +106 -106
  81. package/templates/bcl-offcanvas/offcanvas.html.twig +33 -33
  82. package/templates/bcl-page/page.html.twig +27 -27
  83. package/templates/bcl-pagination/pagination-item.html.twig +22 -23
  84. package/templates/bcl-pagination/pagination.html.twig +59 -59
  85. package/templates/bcl-pagination-v2/pagination-item.html.twig +31 -32
  86. package/templates/bcl-pagination-v2/pagination.html.twig +79 -79
  87. package/templates/bcl-person/person.html.twig +12 -12
  88. package/templates/bcl-placeholder/placeholder.html.twig +14 -15
  89. package/templates/bcl-progress/progress.html.twig +16 -17
  90. package/templates/bcl-project/project-lists.html.twig +25 -25
  91. package/templates/bcl-project/project.html.twig +35 -35
  92. package/templates/bcl-project-status/project-contributions.html.twig +25 -25
  93. package/templates/bcl-project-status/project-status.html.twig +32 -34
  94. package/templates/bcl-recent-activities/recent-activities.html.twig +13 -13
  95. package/templates/bcl-search/search.html.twig +12 -12
  96. package/templates/bcl-search-form/search-form.html.twig +21 -21
  97. package/templates/bcl-select/select.html.twig +52 -53
  98. package/templates/bcl-spinner/spinner.html.twig +10 -10
  99. package/templates/bcl-subscription/subscription-modal.html.twig +7 -7
  100. package/templates/bcl-subscription/subscription.html.twig +3 -3
  101. package/templates/bcl-subscription-block/subscription-block.html.twig +14 -14
  102. package/templates/bcl-table/table.html.twig +61 -62
  103. package/templates/bcl-textarea/textarea.html.twig +44 -44
  104. package/templates/bcl-timeline/timeline-item.html.twig +12 -12
  105. package/templates/bcl-timeline/timeline.html.twig +42 -42
  106. package/templates/bcl-toasts/toasts.html.twig +56 -57
  107. package/templates/bcl-user/user-compact.html.twig +24 -24
  108. package/templates/bcl-user/user-terms.html.twig +6 -6
  109. package/templates/bcl-user/user.html.twig +117 -117
@@ -12,7 +12,7 @@
12
12
  image: (string) <img> tag
13
13
  caption (string)
14
14
  caption_classes (string)
15
- caption_title (string)
15
+ caption_title (string)
16
16
  interval (integer) (default: 0)
17
17
  }
18
18
  ],
@@ -26,7 +26,7 @@
26
26
  - attributes (drupal attrs)
27
27
  #}
28
28
 
29
- {% set _title = title|default('') %}
29
+ {%- set _title = title|default('') %}
30
30
  {% set _title_tag = title_tag|default('h2') %}
31
31
  {% set _title_link = title_link|default({}) %}
32
32
  {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -43,36 +43,36 @@
43
43
  {% set _rounded_indicators = rounded_indicators ?? false %}
44
44
  {% set _disable_touch = disable_touch ?? false %}
45
45
 
46
- {% set _classes = ['carousel', 'slide'] %}
46
+ {%- set _classes = ['carousel', 'slide'] %}
47
47
 
48
- {% if _fade %}
49
- {% set _classes = _classes|merge(['carousel-fade']) %}
48
+ {%- if _fade %}
49
+ {%- set _classes = _classes|merge(['carousel-fade']) %}
50
50
  {% endif %}
51
51
  {% if _dark %}
52
- {% set _classes = _classes|merge(['carousel-dark']) %}
52
+ {%- set _classes = _classes|merge(['carousel-dark']) %}
53
53
  {% endif %}
54
54
 
55
- {% if attributes is empty %}
56
- {% set attributes = create_attribute() %}
55
+ {%- if attributes is empty %}
56
+ {%- set attributes = create_attribute() %}
57
57
  {% endif %}
58
58
 
59
- {% if _id is not empty %}
60
- {% set attributes = attributes.setAttribute('id', _id) %}
59
+ {%- if _id is not empty %}
60
+ {%- set attributes = attributes.setAttribute('id', _id) %}
61
61
  {% endif %}
62
62
 
63
- {% if _autoplay %}
64
- {% set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
63
+ {%- if _autoplay %}
64
+ {%- set attributes = attributes.setAttribute('data-bs-ride', 'carousel') %}
65
65
  {% endif %}
66
66
 
67
- {% if _disable_touch %}
68
- {% set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
67
+ {%- if _disable_touch %}
68
+ {%- set attributes = attributes.setAttribute('data-bs-touch', 'false') %}
69
69
  {% endif %}
70
70
 
71
- {% if _rounded_indicators %}
72
- {% set attributes = attributes.addClass('rounded-indicators') %}
71
+ {%- if _rounded_indicators %}
72
+ {%- set attributes = attributes.addClass('rounded-indicators') %}
73
73
  {% endif %}
74
74
 
75
- {% set attributes = attributes.addClass(_classes) %}
75
+ {%- set attributes = attributes.addClass(_classes) %}
76
76
 
77
77
  {%- if _title is not empty -%}
78
78
  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
@@ -86,92 +86,92 @@
86
86
  <div
87
87
  {{ attributes }}
88
88
  >
89
- {% if _with_indicators %}
89
+ {%- if _with_indicators -%}
90
90
  <div class="carousel-indicators d-none d-md-flex">
91
- {% for _i in 0..(_items|length - 1) %}
92
- {% set button_attributes = create_attribute()
91
+ {%- for _i in 0..(_items|length - 1) %}
92
+ {%- set button_attributes = create_attribute()
93
93
  .setAttribute('aria-label', 'Slide ' ~ (_i + 1))
94
94
  .setAttribute('data-bs-target', '#' ~ _id)
95
95
  .setAttribute('data-bs-slide-to', _i)
96
96
  %}
97
- {% if loop.index == _active_item %}
98
- {% set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
99
- {% endif %}
100
- {% include '@oe-bcl/bcl-button/button.html.twig' with {
97
+ {%- if loop.index == _active_item %}
98
+ {%- set button_attributes = button_attributes.setAttribute('aria-current', true).addClass(['active']) %}
99
+ {%- endif %}
100
+ {%- include '@oe-bcl/bcl-button/button.html.twig' with {
101
101
  clean_class: true,
102
102
  attributes: button_attributes
103
103
  } only %}
104
- {% endfor %}
104
+ {%- endfor -%}
105
105
  </div>
106
- {% endif %}
106
+ {%- endif -%}
107
107
  <div class="carousel-inner">
108
- {% if _items is not empty and _items is iterable %}
109
- {% for _item in items %}
110
- {% set _item_classes = 'carousel-item' %}
111
- {% if loop.index == _active_item %}
112
- {% set _item_classes = _item_classes ~ ' active' %}
113
- {% endif %}
108
+ {%- if _items is not empty and _items is iterable %}
109
+ {%- for _item in items %}
110
+ {%- set _item_classes = 'carousel-item' %}
111
+ {%- if loop.index == _active_item %}
112
+ {%- set _item_classes = _item_classes ~ ' active' %}
113
+ {%- endif -%}
114
114
  <div
115
115
  class="{{ _item_classes }}"
116
116
  {% if _item.interval is defined %}
117
117
  data-bs-interval="{{ _item.interval }}"
118
118
  {% endif %}
119
119
  >
120
- {% if _item.image is defined and _item.image is not empty %}
121
- {{ _item.image }}
122
- {% endif %}
123
- {% if (_item.caption is defined and _item.caption is not empty) or (_item.link is defined and _item.link is not empty) or (_item.caption_title is defined and _item.caption_title is not empty) %}
124
- {% set _caption_classes = 'carousel-caption' %}
125
- {% if _item.caption is not empty and _item.link is empty %}
126
- {% set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
127
- {% endif %}
120
+ {%- if _item.image is defined and _item.image is not empty %}
121
+ {{- _item.image }}
122
+ {%- endif %}
123
+ {%- if (_item.caption is defined and _item.caption is not empty) or (_item.link is defined and _item.link is not empty) or (_item.caption_title is defined and _item.caption_title is not empty) %}
124
+ {%- set _caption_classes = 'carousel-caption' %}
125
+ {%- if _item.caption is not empty and _item.link is empty %}
126
+ {%- set _caption_classes = _caption_classes ~ ' d-none d-md-block' %}
127
+ {%- endif -%}
128
128
  <div
129
129
  class="{{ _caption_classes }}"
130
130
  >
131
- {% if _item.caption is not empty or _item.caption_title is not empty %}
132
- {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
131
+ {%- if _item.caption is not empty or _item.caption_title is not empty %}
132
+ {%- if _item.caption_classes is defined and _item.caption_classes is not empty -%}
133
133
  <div class="{{ _item.caption_classes }}">
134
- {% endif %}
135
- {% if _item.caption_title is not empty %}
134
+ {%- endif %}
135
+ {%- if _item.caption_title is not empty -%}
136
136
  <div class="fs-5">{{ _item.caption_title }}</div>
137
- {% endif %}
137
+ {%- endif %}
138
138
  {{- _item.caption -}}
139
- {% if _item.caption_classes is defined and _item.caption_classes is not empty %}
139
+ {% if _item.caption_classes is defined and _item.caption_classes is not empty -%}
140
140
  </div>
141
- {% endif %}
142
- {% endif %}
143
- {% if _item.link is defined and _item.link is not empty %}
144
- {% include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
145
- {% endif %}
141
+ {%- endif %}
142
+ {%- endif %}
143
+ {%- if _item.link is defined and _item.link is not empty %}
144
+ {%- include '@oe-bcl/bcl-link/link.html.twig' with _item.link only %}
145
+ {%- endif -%}
146
146
  </div>
147
- {% endif %}
147
+ {%- endif -%}
148
148
  </div>
149
- {% endfor %}
150
- {% endif %}
149
+ {%- endfor %}
150
+ {%- endif -%}
151
151
  </div>
152
- {% if _with_controls %}
152
+ {%- if _with_controls -%}
153
153
  <button
154
154
  class="carousel-control-prev"
155
155
  type="button"
156
156
  data-bs-target="#{{ _id }}"
157
157
  data-bs-slide="prev"
158
- >
158
+ >{# -#}
159
159
  <span class="carousel-control-prev-icon"></span>
160
- {% if _prev_label is not empty %}
160
+ {%- if _prev_label is not empty -%}
161
161
  <span class="visually-hidden">{{ _prev_label }}</span>
162
- {% endif %}
163
- </button>
162
+ {%- endif -%}
163
+ </button>{# -#}
164
164
  <button
165
165
  class="carousel-control-next"
166
166
  type="button"
167
167
  data-bs-target="#{{ _id }}"
168
168
  data-bs-slide="next"
169
- >
169
+ >{# -#}
170
170
  <span class="carousel-control-next-icon"></span>
171
- {% if _next_label is not empty %}
171
+ {%- if _next_label is not empty -%}
172
172
  <span class="visually-hidden">{{ _next_label }}</span>
173
- {% endif %}
173
+ {%- endif -%}
174
174
  </button>
175
- {% endif %}
175
+ {%- endif -%}
176
176
  </div>
177
-
177
+ {#--#}
@@ -1,5 +1,5 @@
1
1
  {% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
2
2
 
3
3
  {%- block content %}
4
- {% include '@oe-bcl/bcl-form/form.html.twig' with form only %}
4
+ {%- include '@oe-bcl/bcl-form/form.html.twig' with form only %}
5
5
  {%- endblock -%}
@@ -34,7 +34,7 @@
34
34
  - "action_bar" (string)
35
35
  #}
36
36
 
37
- {% set _title = title|default('') %}
37
+ {%- set _title = title|default('') %}
38
38
  {% set _title_tag = title_tag|default('h1') %}
39
39
  {% set _title_link = title_link|default({}) %}
40
40
  {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -44,66 +44,66 @@
44
44
  {% set _action_bar = action_bar|default('') %}
45
45
  {% set _date = date|default({}) %}
46
46
 
47
- {% if attributes is empty %}
48
- {% set attributes = create_attribute() %}
47
+ {%- if attributes is empty %}
48
+ {%- set attributes = create_attribute() %}
49
49
  {% endif %}
50
50
 
51
- {% set _classes = [
51
+ {%- set _classes = [
52
52
  'bcl-content-banner',
53
53
  ] %}
54
54
 
55
- {% if _background != 'white' %}
56
- {% set _classes = _classes|merge([
55
+ {%- if _background != 'white' %}
56
+ {%- set _classes = _classes|merge([
57
57
  'pb-md-4-75',
58
58
  'pb-4',
59
59
  'pt-4',
60
60
  'pt-md-4-75',
61
61
  ]) %}
62
62
  {% else %}
63
- {% set _classes = _classes|merge([
63
+ {%- set _classes = _classes|merge([
64
64
  'pt-4',
65
65
  'pt-md-4-75',
66
66
  ]) %}
67
67
  {% endif %}
68
68
 
69
- {% set _modifiers = {
69
+ {%- set _modifiers = {
70
70
  'white': 'bg-white',
71
71
  'gray': 'bg-lighter',
72
72
  } %}
73
73
 
74
- {% set _body_classes = 'pt-0 px-0 pb-0' %}
74
+ {%- set _body_classes = 'pt-0 px-0 pb-0' %}
75
75
  {% set _right_col_classes = 'col-md col-lg-9 col-xxl-8' %}
76
76
 
77
- {% if _image is not empty %}
78
- {% set _left_col_classes = 'bcl-card-start-col' %}
79
- {% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
80
- {% if _image_size == 'lg' %}
81
- {% set _left_col_classes = _left_col_classes ~ ' bcl-size-large' %}
82
- {% set _right_col_classes = 'col-md col-xl-9 col-xxl-8' %}
83
- {% endif %}
84
- {% if _image_size == 'xl' %}
85
- {% set _left_col_classes = _left_col_classes ~ ' bcl-size-extra-large' %}
86
- {% set _body_classes = 'pt-4 pt-lg-0 px-0 px-lg-1-5 pb-0' %}
87
- {% set _right_col_classes = 'col-lg' %}
88
- {% endif %}
77
+ {%- if _image is not empty %}
78
+ {%- set _left_col_classes = 'bcl-card-start-col' %}
79
+ {%- set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
80
+ {%- if _image_size == 'lg' %}
81
+ {%- set _left_col_classes = _left_col_classes ~ ' bcl-size-large' %}
82
+ {%- set _right_col_classes = 'col-md col-xl-9 col-xxl-8' %}
83
+ {%- endif %}
84
+ {%- if _image_size == 'xl' %}
85
+ {%- set _left_col_classes = _left_col_classes ~ ' bcl-size-extra-large' %}
86
+ {%- set _body_classes = 'pt-4 pt-lg-0 px-0 px-lg-1-5 pb-0' %}
87
+ {%- set _right_col_classes = 'col-lg' %}
88
+ {%- endif %}
89
89
  {% endif %}
90
90
  {% if _date is not empty %}
91
- {% set _left_col_classes = 'bcl-card-start-col' %}
92
- {% set _right_col_classes = 'col-12 col-md col-xxl-9' %}
93
- {% if _image is empty %}
94
- {% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
95
- {% endif %}
91
+ {%- set _left_col_classes = 'bcl-card-start-col' %}
92
+ {%- set _right_col_classes = 'col-12 col-md col-xxl-9' %}
93
+ {%- if _image is empty %}
94
+ {%- set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
95
+ {%- endif %}
96
96
  {% endif %}
97
97
  {% if _image is empty and _date is empty %}
98
- {% set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}
98
+ {%- set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}
99
99
  {% endif %}
100
100
 
101
- {% set _horizontal_classes = {
101
+ {%- set _horizontal_classes = {
102
102
  left_col_classes: _left_col_classes,
103
103
  right_col_classes: _right_col_classes,
104
104
  } %}
105
105
 
106
- {% set _card = {
106
+ {%- set _card = {
107
107
  title: _title,
108
108
  title_tag: _title_tag,
109
109
  title_link: _title_link,
@@ -115,22 +115,22 @@
115
115
  attributes: create_attribute().addClass(['bg-transparent', 'border-0']),
116
116
  } %}
117
117
 
118
- {% set _classes = _classes|merge([_modifiers[_background]]) %}
118
+ {%- set _classes = _classes|merge([_modifiers[_background]]) %}
119
119
  {% set attributes = attributes.addClass(_classes) %}
120
120
 
121
- {% if _button is not empty %}
122
- {% set _card = _card|merge({
121
+ {%- if _button is not empty %}
122
+ {%- set _card = _card|merge({
123
123
  attributes: _card.attributes.addClass(['col-md-10']),
124
124
  }) %}
125
- {% endif %}
125
+ {% endif -%}
126
126
 
127
- <div {{ attributes }}>
127
+ <div {{ attributes }}>{# -#}
128
128
  <div class="container">
129
- {% include '@oe-bcl/bcl-card/card.html.twig' with _card %}
129
+ {%- include '@oe-bcl/bcl-card/card.html.twig' with _card %}
130
130
 
131
131
  {%- block action_bar -%}
132
132
  {{ _action_bar }}
133
133
  {%- endblock -%}
134
- </div>
134
+ </div>{# -#}
135
135
  </div>
136
-
136
+ {#--#}
@@ -10,7 +10,7 @@
10
10
  - icon_path (string) (default: '')
11
11
  #}
12
12
 
13
- {% set _day = day|default('') %}
13
+ {%- set _day = day|default('') %}
14
14
  {% set _month = month|default('') %}
15
15
  {% set _date_time = date_time|default('') %}
16
16
  {% set _year = year|default('') %}
@@ -19,7 +19,7 @@
19
19
  {% set _end_year = end_year|default('') %}
20
20
  {% set _icon_path = icon_path|default('') %}
21
21
 
22
- {% set _classes = [
22
+ {%- set _classes = [
23
23
  'bcl-date-block',
24
24
  'bg-date',
25
25
  'rounded',
@@ -31,47 +31,47 @@
31
31
  'ratio-1x1'
32
32
  ] %}
33
33
 
34
- {% if attributes is empty %}
35
- {% set attributes = create_attribute() %}
34
+ {%- if attributes is empty %}
35
+ {%- set attributes = create_attribute() %}
36
36
  {% endif %}
37
37
 
38
- {% set attributes = attributes.addClass(_classes) %}
38
+ {%- set attributes = attributes.addClass(_classes) %}
39
39
 
40
- {% if _date_time is not empty %}
41
- {% set attributes = attributes.setAttribute('datetime', _date_time) %}
42
- {% endif %}
40
+ {%- if _date_time is not empty %}
41
+ {%- set attributes = attributes.setAttribute('datetime', _date_time) %}
42
+ {% endif -%}
43
43
 
44
- <time {{ attributes }}>
45
- <div class="d-flex flex-column pt-2">
46
- <div class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2">
47
- <div class="d-flex flex-column align-item-center justify-content-center">
48
- <div class="date-month lh-1">{{- _month -}}</div>
49
- <div class="date-day fw-bold fs-4 lh-1">{{- _day -}}</div>
44
+ <time {{ attributes }}>{# -#}
45
+ <div class="d-flex flex-column pt-2">{# -#}
46
+ <div class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2">{# -#}
47
+ <div class="d-flex flex-column align-item-center justify-content-center">{# -#}
48
+ <div class="date-month lh-1">{{- _month -}}</div>{# -#}
49
+ <div class="date-day fw-bold fs-4 lh-1">{{- _day -}}</div>{# -#}
50
50
  </div>
51
- {% if _end_day or _end_month %}
51
+ {%- if _end_day or _end_month -%}
52
52
  <div class="d-flex flex-column align-item-center justify-content-center">
53
53
  {%- include '@oe-bcl/bcl-icon/icon.html.twig' with {
54
54
  name: "chevron-right",
55
55
  size: "xs",
56
56
  path: _icon_path,
57
57
  } only -%}
58
- </div>
58
+ </div>{# -#}
59
59
  <div class="d-flex flex-column align-item-center justify-content-center">
60
- {%- if _end_month is not empty %}
60
+ {%- if _end_month is not empty -%}
61
61
  <div class="date-month lh-1">{{- _end_month -}}</div>
62
- {% endif -%}
63
- {%- if _end_day is not empty %}
62
+ {%- endif -%}
63
+ {%- if _end_day is not empty -%}
64
64
  <div class="date-day fw-bold fs-4 lh-1">{{- _end_day -}}</div>
65
- {% endif -%}
65
+ {%- endif -%}
66
66
  </div>
67
- {% endif %}
68
- </div>
69
- <div class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center">
67
+ {%- endif -%}
68
+ </div>{# -#}
69
+ <div class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center">{# -#}
70
70
  <div class="date-year year-start">{{- _year -}}</div>
71
71
  {%- if _end_year is not empty -%}
72
72
  <div class="date-year year-end">{{ _end_year }}</div>
73
73
  {%- endif -%}
74
- </div>
75
- </div>
74
+ </div>{# -#}
75
+ </div>{# -#}
76
76
  </time>
77
-
77
+ {#--#}
@@ -9,10 +9,10 @@
9
9
  - definition
10
10
  #}
11
11
 
12
- {% set _button = button|default({}) %}
12
+ {%- set _button = button|default({}) %}
13
13
  {% set _link = link|default({}) %}
14
14
  {% set _icon = icon|default({}) %}
15
- {% set _label = label|default('') %}
15
+ {% set _label = label|default('') -%}
16
16
 
17
17
 
18
18
  <dd>
@@ -20,12 +20,12 @@
20
20
  {%- if _button is not empty -%}
21
21
  {% include '@oe-bcl/bcl-button/button.html.twig' with _button only %}
22
22
  {%- elseif _link is not empty %}
23
- {% include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
23
+ {%- include '@oe-bcl/bcl-link/link.html.twig' with _link only -%}
24
24
  {%- else -%}
25
25
  {%- if _icon is not empty -%}
26
26
  {%- set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] -%}
27
27
  {% set _icon_attributes = _icon.attributes ?: create_attribute() %}
28
- {% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
28
+ {%- set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
29
29
  {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
30
30
  attributes: _icon_attributes,
31
31
  }) only -%}
@@ -36,6 +36,6 @@
36
36
  <div>{{- _label -}}</div>
37
37
  {%- endif -%}
38
38
  {%- endif -%}
39
- {% endblock %}
39
+ {% endblock -%}
40
40
  </dd>
41
-
41
+ {#--#}
@@ -6,25 +6,25 @@
6
6
  - label: (string) (default: '')
7
7
  #}
8
8
 
9
- {% set _icon = icon|default({}) %}
9
+ {%- set _icon = icon|default({}) %}
10
10
  {% set _color = color|default('') %}
11
- {% set _label = label|default('') %}
11
+ {% set _label = label|default('') -%}
12
12
 
13
- <dt>
13
+ <dt>{# -#}
14
14
  <div class="d-flex">
15
15
  {%- if _icon is not empty -%}
16
16
  {% set _icon_classes = ["me-2", "align-self-center", "flex-shrink-0"] %}
17
- {% set _icon_attributes = _icon.attributes ?: create_attribute() %}
18
- {% set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
19
- {% include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
17
+ {%- set _icon_attributes = _icon.attributes ?: create_attribute() %}
18
+ {%- set _icon_attributes = _icon_attributes.addClass(_icon_classes) %}
19
+ {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
20
20
  attributes: _icon_attributes,
21
21
  }) only %}
22
22
  {%- elseif _color is not empty -%}
23
- <div class="align-self-center">
24
- <span class="p-2 me-2 d-inline-block rounded-1 {{ _color }}"></span>
23
+ <div class="align-self-center">{# -#}
24
+ <span class="p-2 me-2 d-inline-block rounded-1 {{ _color }}"></span>{# -#}
25
25
  </div>
26
26
  {%- endif -%}
27
- <div>{{- _label -}}</div>
28
- </div>
27
+ <div>{{- _label -}}</div>{# -#}
28
+ </div>{# -#}
29
29
  </dt>
30
-
30
+ {#--#}
@@ -13,11 +13,11 @@
13
13
  },
14
14
  ...
15
15
  ]
16
- - variant (string) (default: '')
16
+ - variant (string) (default: '')
17
17
  - option: ['horizontal']
18
18
  #}
19
19
 
20
- {% set _title = title|default('') %}
20
+ {%- set _title = title|default('') %}
21
21
  {% set _title_tag = title_tag|default('h2') %}
22
22
  {% set _title_link = title_link|default({}) %}
23
23
  {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -26,22 +26,22 @@
26
26
  {% set _items = items|default([]) %}
27
27
  {% set _variant = variant|default('') %}
28
28
 
29
- {% if attributes is empty %}
30
- {% set attributes = create_attribute() %}
29
+ {%- if attributes is empty %}
30
+ {%- set attributes = create_attribute() %}
31
31
  {% endif %}
32
32
 
33
- {% set _item_classes = ['mb-3'] %}
33
+ {%- set _item_classes = ['mb-3'] %}
34
34
 
35
- {% if _bordered %}
36
- {% set _item_classes = ['border-bottom', 'pb-2-5', 'mb-2-5'] %}
35
+ {%- if _bordered %}
36
+ {%- set _item_classes = ['border-bottom', 'pb-2-5', 'mb-2-5'] %}
37
37
  {% endif %}
38
38
 
39
- {% if _variant == 'horizontal' %}
40
- {% set _item_classes = _item_classes|merge(['row']) %}
39
+ {%- if _variant == 'horizontal' %}
40
+ {%- set _item_classes = _item_classes|merge(['row']) %}
41
41
  {% endif %}
42
42
 
43
- {% if _title is not empty %}
44
- {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
43
+ {%- if _title is not empty %}
44
+ {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
45
45
  title: _title,
46
46
  title_tag: _title_tag,
47
47
  title_link: _title_link,
@@ -49,70 +49,69 @@
49
49
  } only %}
50
50
  {% endif %}
51
51
 
52
- {% set attributes = attributes.addClass(['bcl-description-list']) %}
52
+ {%- set attributes = attributes.addClass(['bcl-description-list']) %}
53
53
 
54
- {% if _variant != 'horizontal' %}
54
+ {%- if _variant != 'horizontal' -%}
55
55
  <dl
56
56
  {{ attributes }}
57
57
  >
58
- {% else %}
58
+ {%- else -%}
59
59
  <div
60
60
  {{ attributes }}
61
61
  >
62
- {% endif %}
63
- {% for _item in _items %}
64
- {% if _variant == 'horizontal' %}
62
+ {%- endif %}
63
+ {%- for _item in _items %}
64
+ {%- if _variant == 'horizontal' -%}
65
65
  <dl
66
66
  {{ create_attribute().addClass(_item_classes) }}
67
67
  >
68
- {% else %}
68
+ {%- else -%}
69
69
  <div
70
70
  {{ create_attribute().addClass(_item_classes) }}
71
71
  >
72
- {% endif %}
73
- {% if _item.term is not empty %}
74
- {% if _variant == 'horizontal' %}
72
+ {%- endif %}
73
+ {%- if _item.term is not empty %}
74
+ {%- if _variant == 'horizontal' -%}
75
75
  <div class="{{ _col_classes }}">
76
- {% endif %}
77
- {% if _item.term is iterable %}
78
- {% for _term in _item.term %}
76
+ {%- endif %}
77
+ {%- if _item.term is iterable %}
78
+ {%- for _term in _item.term %}
79
79
  {%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with _term only -%}
80
80
  {% endfor %}
81
- {% else %}
81
+ {%- else %}
82
82
  {%- include '@oe-bcl/bcl-description-list/description-list-title.html.twig' with {
83
83
  label: _item.term
84
84
  } only -%}
85
85
  {% endif %}
86
- {% if _variant == 'horizontal' %}
86
+ {%- if _variant == 'horizontal' -%}
87
87
  </div>
88
- {% endif %}
89
- {% endif %}
90
- {% if _item.definition is not empty %}
91
- {% if _variant == 'horizontal' %}
88
+ {%- endif %}
89
+ {%- endif %}
90
+ {%- if _item.definition is not empty %}
91
+ {%- if _variant == 'horizontal' -%}
92
92
  <div class="col">
93
- {% endif %}
94
- {% if _item.definition is iterable %}
95
- {% for _definition in _item.definition %}
93
+ {%- endif %}
94
+ {%- if _item.definition is iterable %}
95
+ {%- for _definition in _item.definition %}
96
96
  {%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with _definition only -%}
97
97
  {% endfor %}
98
- {% else %}
98
+ {%- else %}
99
99
  {%- include '@oe-bcl/bcl-description-list/description-list-details.html.twig' with {
100
100
  label: _item.definition
101
101
  } only -%}
102
102
  {% endif %}
103
- {% if _variant == 'horizontal' %}
103
+ {%- if _variant == 'horizontal' -%}
104
104
  </div>
105
- {% endif %}
106
- {% endif %}
107
- {% if _variant == 'horizontal' %}
105
+ {%- endif %}
106
+ {%- endif %}
107
+ {%- if _variant == 'horizontal' -%}
108
108
  </dl>
109
- {% else %}
109
+ {%- else -%}
110
110
  </div>
111
- {% endif %}
112
- {% endfor %}
113
- {% if _variant != 'horizontal' %}
111
+ {%- endif %}
112
+ {%- endfor %}
113
+ {% if _variant != 'horizontal' -%}
114
114
  </dl>
115
- {% else %}
115
+ {%- else -%}
116
116
  </div>
117
- {% endif %}
118
-
117
+ {%- endif -%}