@openeuropa/bcl-twig-templates 0.4230.202512021730 → 0.4360.202601141610

package/templates/bcl-fact-figures/fact-figures.html.twig

@@ -22,7 +22,7 @@
   - link_more (object of type link) (default {})
 #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -38,88 +38,88 @@
 {% set _icon_path = icon_path|default('') %}
 {% set _link_more = link_more|default({}) %}
 
-{% set _cols_classes = 'col' %}
+{%- set _cols_classes = 'col' %}
 {% set _classes = ['bcl-fact-figures', 'bcl-fact-figures--' ~ _variant] %}
 {% set _wrapper_classes = [] %}
 
-{% set _grid_classes = [
+{%- set _grid_classes = [
   'row-cols-' ~ _responsiveness ~ '-' ~ _responsive_columns,
   'row', 'row-cols-' ~ _grid_columns
 ] %}
 {% if _responsive_columns == 3 %}
- {% set _grid_classes = _grid_classes|merge(['row-cols-sm-2']) %}
+ {%- set _grid_classes = _grid_classes|merge(['row-cols-sm-2']) %}
 {% endif %}
 {% if _variant == 'block' or _variant == 'block-primary' %}
-  {% set _wrapper_classes = _wrapper_classes|merge(['bg-light p-3-5 pt-0']) %}
+  {%- set _wrapper_classes = _wrapper_classes|merge(['bg-light p-3-5 pt-0']) %}
 {% endif %}
 {% if _gutter is not empty %}
-  {% set _grid_classes = _grid_classes|merge(['g-' ~ _gutter]) %}
+  {%- set _grid_classes = _grid_classes|merge(['g-' ~ _gutter]) %}
 {% endif %}
 {% if _title is not empty %}
-  {% set _grid_classes = _grid_classes|merge(['mt-3']) %}
+  {%- set _grid_classes = _grid_classes|merge(['mt-3']) %}
 {% endif %}
 {% if _equal_height %}
-  {% set _cols_classes = _cols_classes ~ ' h-100' %}
+  {%- set _cols_classes = _cols_classes ~ ' h-100' %}
 {% endif %}
 {% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) -%}
 
 <div {{ attributes }}>
-{% if _title is not empty %}
-  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+{%- if _title is not empty %}
+  {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
     title: _title,
     title_tag: _title_tag,
     title_link: _title_link,
     attributes: _title_attributes,
   } only %}
-{% endif %}
+{% endif -%}
   <div
   {% if _wrapper_classes is not empty %}
     class="{{ _wrapper_classes|join(' ') }}"
   {% endif %}
-  >
+  >{# -#}
     <div class="{{ _grid_classes|join(' ') }}">
-    {% if _items is defined and _items is not empty and _items is iterable %}
-      {% for _item in _items %}
+    {%- if _items is defined and _items is not empty and _items is iterable %}
+      {%- for _item in _items -%}
       <div class="{{ _cols_classes }}">
-      {% if _item.icon is defined and _item.icon is not empty and _display_icons %}
-        {% set _icon_attributes = _item.icon.attributes ?: create_attribute() %}
-        {% set _item = _item|merge({
+      {%- if _item.icon is defined and _item.icon is not empty and _display_icons %}
+        {%- set _icon_attributes = _item.icon.attributes ?: create_attribute() %}
+        {%- set _item = _item|merge({
           icon: _item.icon|merge({
             path: _icon_path,
             size: 'l',
             attributes: _icon_attributes.addClass(['mb-2', 'icon--primary']),
           })
         }) %}
-        {% include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
-      {% endif %}
-      {% if _item.title is defined and _item.title is not empty %}
+        {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
+      {%- endif %}
+      {%- if _item.title is defined and _item.title is not empty -%}
         <div class="fs-4 fw-medium">
           {{- _item.title -}}
         </div>
-      {% endif %}
-      {% if _item.subtitle is defined and _item.subtitle is not empty %}
+      {%- endif %}
+      {%- if _item.subtitle is defined and _item.subtitle is not empty -%}
         <div class="fs-5 fw-medium">
           {{- _item.subtitle -}}
         </div>
-      {% endif %}
-      {% if _item.description is defined and _item.description is not empty %}
+      {%- endif %}
+      {%- if _item.description is defined and _item.description is not empty -%}
         <p>
           {{- _item.description -}}
         </p>
-      {% endif %}
+      {%- endif -%}
       </div>
-      {% endfor %}
-    {% endif %}
+      {%- endfor %}
+    {%- endif -%}
     </div>
-    {% if _link_more is defined and _link_more is not empty %}
+    {%- if _link_more is defined and _link_more is not empty -%}
       <div class="border-top d-block pt-3 mt-3">
-        {% include '@oe-bcl/bcl-link/link.html.twig' with _link_more only %}
+        {%- include '@oe-bcl/bcl-link/link.html.twig' with _link_more only -%}
       </div>
-    {% endif %}
-  </div>
+    {%- endif -%}
+  </div>{# -#}
 </div>
-
+{#--#}

package/templates/bcl-featured-media/featured-media.html.twig

@@ -38,7 +38,7 @@
     - "embedded_media"
 #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -60,34 +60,34 @@
 {% set _tracks = tracks|default([]) %}
 {% set _embedded_media = embedded_media|default('') %}
 
-{% set _classes = 'bcl-featured-item' %}
+{%- set _classes = 'bcl-featured-item' %}
 {% set _col_classes = 'col-12 col-md-6' %}
 
-{% if _wrapper_classes is not empty %}
-  {% set _classes = _classes ~ ' ' ~ wrapper_classes %}
+{%- if _wrapper_classes is not empty %}
+  {%- set _classes = _classes ~ ' ' ~ wrapper_classes %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(["rounded", "overflow-hidden"]) %}
+{%- set attributes = attributes.addClass(["rounded", "overflow-hidden"]) %}
 
-{% if _image is not empty %}
-  {% set attributes = attributes.addClass(["d-inline-flex", "flex-wrap"]) %}
-  {% if _content_classes is not empty %}
-    {% set _content_classes = _content_classes ~ ' flex-1 w-min-content' %}
-  {% else %}
-    {% set _content_classes = 'flex-1 w-min-content' %}
-  {% endif %}
+{%- if _image is not empty %}
+  {%- set attributes = attributes.addClass(["d-inline-flex", "flex-wrap"]) %}
+  {%- if _content_classes is not empty %}
+    {%- set _content_classes = _content_classes ~ ' flex-1 w-min-content' %}
+  {%- else %}
+    {%- set _content_classes = 'flex-1 w-min-content' %}
+  {%- endif %}
 {% endif %}
 
-{% if _with_text or _force_wrapper %}
+{%- if _with_text or _force_wrapper -%}
 <div class="{{ _classes }}">
-{% endif %}
-{% if _with_text %}
+{%- endif %}
+{% if _with_text -%}
   <div class="row">
-{% endif %}
+{%- endif %}
 
 {%- if _title is not empty -%}
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
@@ -98,7 +98,7 @@
   } only %}
 {%- endif -%}
 
-{% if _with_text %}
+{% if _with_text -%}
   <div class="{{ _col_classes }} order-{{ _alignment == "right" ? '1' : '2' }}">
     {%- if _description_title is not empty -%}
       {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
@@ -110,45 +110,45 @@
     {{- _description|default('') -}}
 
     {% if _read_more is not empty %}
-      {% include '@oe-bcl/bcl-link/link.html.twig' with _read_more only %}
-    {% endif %}
-  </div>
+      {%- include '@oe-bcl/bcl-link/link.html.twig' with _read_more only %}
+    {%- endif -%}
+  </div>{# -#}
   <div class="{{ _col_classes }} order-{{ _alignment == "right" ? '2 mt-4 mt-md-0' : '1' }}">
-{% endif %}
+{%- endif -%}
 
 <figure
   {{ attributes }}
 >
-{% if _embedded_media is not empty %}
-  {% set _video_classes = "ratio ratio-" ~ _ratio %}
+{%- if _embedded_media is not empty %}
+  {%- set _video_classes = "ratio ratio-" ~ _ratio -%}
   <div class="{{ _video_classes }}">
     {%- block embedded_media _embedded_media -%}
   </div>
-{% elseif _sources is not empty and _sources is iterable %}
+{%- elseif _sources is not empty and _sources is iterable -%}
   <video
     controls
     poster="{{ _poster_image }}"
     class="w-100 d-block"
   >
-  {% for source in _sources %}
+  {%- for source in _sources -%}
   <source type="{{ source.type }}" src="{{ source.src }}" />
-  {% endfor %}
-  {% if _tracks is not empty and _tracks is iterable %}
-    {% for track in _tracks %}
+  {%- endfor %}
+  {%- if _tracks is not empty and _tracks is iterable %}
+    {%- for track in _tracks -%}
     <track
       kind="{{ track.kind }}"
       label="{{ track.label }}"
       src="{{ track.src }}"
       srclang="{{ track.src_lang }}"
     />
-    {% endfor %}
-  {% endif %}
+    {%- endfor %}
+  {%- endif -%}
   </video>
-{% else %}
-  {{ _image }}
-{% endif %}
+{%- else %}
+  {{- _image }}
+{%- endif %}
 
-{% if _content is not empty %}
+{%- if _content is not empty -%}
   <figcaption
     {% if _content_classes is not empty %}
     class="{{ _content_classes }}"
@@ -156,14 +156,13 @@
   >
     {{- _content -}}
   </figcaption>
-{% endif %}
+{%- endif -%}
 </figure>
 
-{% if _with_text %}
-    </div>
+{%- if _with_text -%}
+    </div>{# -#}
   </div>
-{% endif %}
-{% if _with_text or _force_wrapper %}
+{%- endif %}
+{% if _with_text or _force_wrapper -%}
 </div>
-{% endif %}
-
+{%- endif -%}

package/templates/bcl-file/file-translations.html.twig

@@ -13,21 +13,21 @@
     ]
 #}
 
-{% set _id = id|default('language-dropdown' ~ random(10000)) %}
+{%- set _id = id|default('language-dropdown' ~ random(10000)) %}
 {% set _label = label|default('') %}
 {% set _icon_path = icon_path|default('') %}
 {% set _items = items|default([]) %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(['bg-lighter', 'py-3', 'px-4', 'border-top']) %}
+{%- set attributes = attributes.addClass(['bg-lighter', 'py-3', 'px-4', 'border-top']) -%}
 
 <div
-  {{ attributes }}>
+  {{ attributes }}>{# -#}
   <div class="text-end text-md-center">
-    {% include '@oe-bcl/bcl-link/link.html.twig' with _label|merge({
+    {%- include '@oe-bcl/bcl-link/link.html.twig' with _label|merge({
       path: '#' ~ _id,
       attributes: create_attribute()
                   .addClass(['standalone'])
@@ -35,25 +35,25 @@
                   .setAttribute('data-bs-toggle', 'collapse')
                   .setAttribute('aria-expanded', 'false')
                   .setAttribute('role', 'button'),
-    }) only %}
+    }) only -%}
   </div>
-  {% if _items is not empty and _items is iterable %}
+  {%- if _items is not empty and _items is iterable -%}
   <div class="collapse" id="{{ _id }}">
-    {% for _item in _items %}
-      {% set _item_classes = loop.last ? 'pt-3' : 'py-3 border-bottom' %}
+    {%- for _item in _items %}
+      {%- set _item_classes = loop.last ? 'pt-3' : 'py-3 border-bottom' -%}
       <div class="{{ _item_classes }}">
-      {% if _item.type == 'content' %}
-        {{ _item.content }}
-      {% else %}
-        <div class="row">
+      {%- if _item.type == 'content' %}
+        {{- _item.content }}
+      {%- else -%}
+        <div class="row">{# -#}
           <div class="col-12 col-md-9">
-            {% if _item.title is not empty %}
+            {%- if _item.title is not empty -%}
               <p class="fw-bold m-0">{{ _item.title }}</p>
-            {% endif %}
-            {% if _item.description is not empty %}
+            {%- endif %}
+            {%- if _item.description is not empty -%}
               <p class="m-0">{{ _item.description }}</p>
-            {% endif %}
-            {% if _item.language is not empty or _item.meta is not empty %}
+            {%- endif %}
+            {%- if _item.language is not empty or _item.meta is not empty -%}
             <small class="fw-bold m-0">
               {%- if _item.language is not empty -%}
                 {{- _item.language -}}
@@ -64,15 +64,15 @@
                 </span>
               {%- endif -%}
             </small>
-            {% endif %}
-          </div>
+            {%- endif -%}
+          </div>{# -#}
           <div class="col-12 col-md-3 align-self-end text-md-end">
-          {% set download_attributes = create_attribute()
+          {%- set download_attributes = create_attribute()
                                       .setAttribute('download', true)
                                       .setAttribute('target', '_blank')
                                       .addClass(['d-block', 'standalone', 'mt-1'])
           %}
-          {% set _download_item = _item.download|merge({
+          {%- set _download_item = _item.download|merge({
             icon_position: "after",
             icon: {
               name: "download",
@@ -81,13 +81,13 @@
             }|merge(_item.download.icon|default({})),
             attributes: download_attributes.merge(_item.download.attributes|default(create_attribute()))
           }) %}
-          {% include '@oe-bcl/bcl-link/link.html.twig' with _download_item only %}
-          </div>
+          {%- include '@oe-bcl/bcl-link/link.html.twig' with _download_item only -%}
+          </div>{# -#}
         </div>
-      {% endif %}
+      {%- endif -%}
       </div>
-    {% endfor %}
+    {%- endfor -%}
   </div>
-  {% endif %}
+  {%- endif -%}
 </div>
-
+{#--#}

package/templates/bcl-file/file.html.twig

@@ -34,9 +34,9 @@
   - attributes (drupal attrs)
 #}
 
-{# Internal properties #}
+{#- Internal properties #}
 
-{% set _title = title|default('') %}
+{%- set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
 {% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
@@ -54,23 +54,23 @@
 {% set _translation = translation|default({}) %}
 {% set _icon_path = icon_path|default('') %}
 
-{% set _classes = ['bcl-file'] %}
+{%- set _classes = ['bcl-file'] %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(_classes) %}
+{%- set attributes = attributes.addClass(_classes) %}
 
-{% if _icon is not empty %}
-  {% set _container_classes = _container_classes ~ ' ms-2-5' %}
-  {% set _icon = _icon|merge({
+{%- if _icon is not empty %}
+  {%- set _container_classes = _container_classes ~ ' ms-2-5' %}
+  {%- set _icon = _icon|merge({
     attributes: create_attribute().addClass(['mt-1', 'icon--file'])
   }) %}
 {% endif %}
 
-{% if _title is not empty %}
-  {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+{%- if _title is not empty %}
+  {%- include '@oe-bcl/bcl-heading/heading.html.twig' with {
     title: _title,
     title_tag: _title_tag,
     title_link: _title_link,
@@ -78,52 +78,52 @@
   } only %}
 {% endif %}
 
-{% set attributes = attributes.addClass(['border', 'rounded']) %}
+{%- set attributes = attributes.addClass(['border', 'rounded']) %}
 
-{% set _container_classes = 'd-md-flex flex-grow-1' %}
+{%- set _container_classes = 'd-md-flex flex-grow-1' -%}
 
 <div
   {{ attributes }}
 >
-  {% if _variant == 'card' %}
-    <div class="border-bottom px-3-5 py-3 d-md-flex">
+  {%- if _variant == 'card' -%}
+    <div class="border-bottom px-3-5 py-3 d-md-flex">{# -#}
       <div class="pe-2 pb-2">
-      {% if _icon is not empty %}
+      {%- if _icon is not empty %}
         {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
           path: _icon_path,
         }) only -%}
-      {% endif %}
-      </div>
+      {% endif -%}
+      </div>{# -#}
       <div>
-        {% if _item_title is not empty %}
+        {%- if _item_title is not empty -%}
           <p class="fw-medium mb-2 fs-5">{{ _item_title }}</p>
-        {% endif %}
-        {% if _text is not empty %}
+        {%- endif %}
+        {%- if _text is not empty -%}
           <p class="mb-3">{{ _text }}</p>
-        {% endif %}
-        {% if _content is not empty %}
-          {{ _content }}
-        {% endif %}
-      </div>
+        {%- endif %}
+        {%- if _content is not empty %}
+          {{- _content }}
+        {%- endif -%}
+      </div>{# -#}
     </div>
-  {% endif %}
-  <div class="px-3-5 py-3">
+  {%- endif -%}
+  <div class="px-3-5 py-3">{# -#}
     <div class="d-md-flex">
-      {% if _icon is not empty and _variant == 'default' %}
+      {%- if _icon is not empty and _variant == 'default' -%}
         <div class="pe-2 pb-2">
-        {% if _icon is not empty %}
+        {%- if _icon is not empty %}
           {%- include '@oe-bcl/bcl-icon/icon.html.twig' with _icon|merge({
             path: _icon_path,
           }) only -%}
-        {% endif %}
+        {% endif -%}
         </div>
-      {% endif %}
-      <div class="{{ _container_classes }}">
+      {%- endif -%}
+      <div class="{{ _container_classes }}">{# -#}
         <div class="flex-grow-1">
-          {% if _item_title is not empty and _variant == 'default' %}
+          {%- if _item_title is not empty and _variant == 'default' -%}
             <p class="fw-medium m-0 fs-5">{{ _item_title }}</p>
-          {% endif %}
-          {% if _language is not empty or _meta is not empty %}
+          {%- endif %}
+          {%- if _language is not empty or _meta is not empty -%}
           <small class="fw-medium m-0">
             {%- if _language is not empty -%}
               {{- _language -}}
@@ -134,13 +134,13 @@
               </span>
             {%- endif -%}
           </small>
-          {% endif %}
+          {%- endif -%}
         </div>
-        {% set download_attributes = create_attribute()
+        {%- set download_attributes = create_attribute()
                                       .setAttribute('download', true)
                                       .setAttribute('target', '_blank')
                                       .addClass(['standalone', 'align-self-center', 'd-inline-block', 'mt-1', 'mt-md-0', 'flex-shrink-0']) %}
-        {% set _download = _download|merge({
+        {%- set _download = _download|merge({
           icon_position: "after",
           icon: {
             name: "download",
@@ -149,14 +149,14 @@
           }|merge(_download.icon|default({})),
           attributes: download_attributes.merge(_download.attributes|default(create_attribute()))
         }) %}
-        {% include '@oe-bcl/bcl-link/link.html.twig' with _download only %}
-      </div>
-    </div>
+        {%- include '@oe-bcl/bcl-link/link.html.twig' with _download only -%}
+      </div>{# -#}
+    </div>{# -#}
   </div>
-  {% if _translation is not empty %}
-    {% include '@oe-bcl/bcl-file/file-translations.html.twig' with _translation|merge({
+  {%- if _translation is not empty %}
+    {%- include '@oe-bcl/bcl-file/file-translations.html.twig' with _translation|merge({
       icon_path: _icon_path
     }) only %}
-  {% endif %}
+  {%- endif -%}
 </div>
-
+{#--#}

package/templates/bcl-footer/footer.html.twig

@@ -1,7 +1,7 @@
 {# Parameters:
   - variant (string) (default: 'neutral')
     - options: ['eu', 'ec', 'neutral']
-  - rows (object[]) (default: []) - format: 
+  - rows (object[]) (default: []) - format:
   [
     {
       extra_classes: ""
@@ -30,58 +30,58 @@
   - attributes (drupal attrs)
 #}
 
-{% set _variant = variant|default('neutral') %}
+{%- set _variant = variant|default('neutral') %}
 {% set _rows = rows|default([]) %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
+{%- if attributes is empty %}
+  {%- set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(['bcl-footer', 'bcl-footer--' ~ _variant]) %}
+{%- set attributes = attributes.addClass(['bcl-footer', 'bcl-footer--' ~ _variant]) -%}
 
 <footer
   {{ attributes }}
->
+>{# -#}
   <div class="container">
-    {% if rows is not empty and rows is iterable %}
-      {% for row in _rows %}
+    {%- if rows is not empty and rows is iterable %}
+      {%- for row in _rows -%}
         <div class="{{ row.extra_classes ? row.extra_classes ~ ' row' : 'row' }}">
-          {% for col in row.cols %}
+          {%- for col in row.cols -%}
             <div class="{{ col.classes }}">
-              {% if col.items is not empty and col.items is iterable %}
-                {% for item in col.items %}
-                  {% if item.type == 'image' %}
+              {%- if col.items is not empty and col.items is iterable %}
+                {%- for item in col.items %}
+                  {%- if item.type == 'image' -%}
                     <img
                       {% if item.path is not empty %}
                         src="{{ item.path }}"
                       {% endif %}
-                      {% if item.alt is not empty %}
+                      {%- if item.alt is not empty %}
                         alt="{{ item.alt }}"
                       {% endif %}
-                      {% if item.classes is not empty %}
+                      {%- if item.classes is not empty %}
                         class="{{ item.classes }}"
                       {% endif %}
                     >
-                  {% endif %}
-                  {% if item.type == 'content' %}
-                    {{ item.content }}
-                  {% endif %}
-                  {% if item.type == 'links' %}
-                    {% for link in item.links %}
+                  {%- endif %}
+                  {%- if item.type == 'content' %}
+                    {{- item.content }}
+                  {%- endif %}
+                  {%- if item.type == 'links' %}
+                    {%- for link in item.links -%}
                       <div class="mb-1">
-                      {% include '@oe-bcl/bcl-link/link.html.twig' with link|merge({
+                      {%- include '@oe-bcl/bcl-link/link.html.twig' with link|merge({
                         attributes: create_attribute().addClass(['standalone'])
-                      }) only %}
+                      }) only -%}
                       </div>
-                    {% endfor %}
-                  {% endif %}
-                {% endfor %}
-              {% endif %}
+                    {%- endfor %}
+                  {%- endif %}
+                {%- endfor %}
+              {%- endif -%}
             </div>
-          {% endfor %}
+          {%- endfor -%}
         </div>
-      {% endfor %}
-    {% endif %}
-  </div>
+      {%- endfor %}
+    {%- endif -%}
+  </div>{# -#}
 </footer>
-
+{#--#}