@openeuropa/bcl-twig-templates 0.28.0 → 1.0.0

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

@@ -15,21 +15,21 @@
   - border (string) (default: '')
     - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
   - borderless (boolean) (default: false)
-  - table_footer (array of objects) (default: {})
+  - table_footer (object[]) (default: {})
     format: [
       {
         - col_span
         - content
       }
     ]
-  - table_head (array of objects) (default: {})
+  - table_head (object[]) (default: {})
     format: [
       {
         - col_span
         - content
       }
     ]
-  - rows (array of objects) (default: [])
+  - rows (object[]) (default: [])
       format: [
         {
           - active
@@ -46,16 +46,16 @@
   - attributes (drupal attrs)
 #}
 
-{% set _striped = striped|default(false) %}
-{% set _hoverable = hoverable|default(false) %}
+{% set _striped = striped ?? false %}
+{% set _hoverable = hoverable ?? false %}
 {% set _table_responsive = table_responsive|default('') %}
 {% set _variant = variant|default('') %}
-{% set _small = small|default(false) %}
+{% set _small = small ?? false %}
 {% set _alignment = alignment|default('') %}
 {% set _caption = caption|default('') %}
-{% set _caption_top = caption_top|default(false) %}
+{% set _caption_top = caption_top ?? false %}
 {% set _border = border|default('') %}
-{% set _borderless = borderless|default(false) %}
+{% set _borderless = borderless ?? false %}
 {% set _table_footer = table_footer|default({}) %}
 {% set _table_head = table_head|default({}) %}
 {% set _rows = rows|default([]) %}

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

@@ -25,20 +25,20 @@
 
 {% set _id = id|default('') %}
 {% set _label = label|default('') %}
-{% set _required = required|default(false) %}
-{% set _disabled = disabled|default(false) %}
-{% set _readonly = readonly|default(false) %}
-{% set _invalid = invalid|default(false) %}
-{% set _valid = valid|default(false) %}
+{% set _required = required ?? false %}
+{% set _disabled = disabled ?? false %}
+{% set _readonly = readonly ?? false %}
+{% set _invalid = invalid ?? false %}
+{% set _valid = valid ?? false %}
 {% set _invalid_feedback = invalid_feedback|default('') %}
 {% set _valid_feedback = valid_feedback|default('') %}
 {% set _helper_text = helper_text|default('') %}
 {% set _helper_text_id = helper_text_id|default('') %}
-{% set _hidden_label = hidden_label|default(false) %}
+{% set _hidden_label = hidden_label ?? false %}
 {% set _text = text|default('') %}
 {% set _rows = rows|default('4') %}
-{% set _floating = floating|default(false) %}
-{% set _horizontal = horizontal|default(false) %}
+{% set _floating = floating ?? false %}
+{% set _horizontal = horizontal ?? false %}
 {% set _horizontal_class = horizontal_class|default('col-sm-10') %}
 {% set _horizontal_label_class = horizontal_label_class|default('col-sm-2') %}
 

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

@@ -19,8 +19,8 @@ Parameters:
   ]
   - hide: (object)
     format: {
-      from (integer) (default: items.length) Item index after which to start hiding timeline items
-      to (integer) (default: items.length) Item index after which to resume displaying timeline items
+      from (integer) (default: items.length)
+      to (integer) (default: items.length)
     }
   - icon_path (string) (default: ''): file containing the svg icons
 #}

package/templates/bcl-toast/toasts.html.twig

@@ -7,7 +7,7 @@
   - wrapper_aria_live (string) (default: '')
   - with_container (boolean) (default: false)
   - container_classes (string) (default: '')
-  - toasts (array of objects) format: [
+  - toasts (object[]) format: [
     {
       - body (string) (default: '')
       - role (string) (default: 'alert')
@@ -21,10 +21,10 @@
   - attributes (drupal attrs)
 #}
 
-{% set _with_wrapper = with_wrapper|default(false) %}
+{% set _with_wrapper = with_wrapper ?? false %}
 {% set _wrapper_classes = wrapper_classes|default('') %}
 {% set _wrapper_aria_live = wrapper_aria_live|default('') %}
-{% set _with_container = with_container|default(false) %}
+{% set _with_container = with_container ?? false %}
 {% set _toasts = toasts|default([]) %}
 
 {% set _container_classes = 'toast-container' %}
@@ -63,7 +63,7 @@
     {% set _with_close = _toast.with_close ?? true %}
     {% set _aria_live = _toast.aria_live|default('') %}
     {% set _autohide = _toast.autohide ?? true %}
-    {% set _with_body_wrapper = _toast.with_body_wrapper|default(false) %}
+    {% set _with_body_wrapper = _toast.with_body_wrapper ?? false %}
     {% set _body_wrapper_classes = _toast.body_wrapper_classes|default('') %}
     {% set _toast_attributes = _toast.attributes ?: create_attribute() %}
     {% set _toast_attributes =  _toast_attributes.addClass(_classes).setAttribute('aria-atomic', 'true') %}

package/templates/bcl-user/user-compact.html.twig

@@ -12,7 +12,7 @@
     - text (string) (default: '')
     - link (string) (default: '')
     }
-  - infos (array of strings) (default: [])
+  - infos (string[]) (default: [])
 #}
 
 {% set _picture = picture|default({}) %}

package/templates/bcl-gallery/gallery-modal.html.twig

@@ -1,105 +0,0 @@
-{% apply spaceless %}
-
-{#
-Parameters:
-  - id (string) (default: '')
-  - title (string) (default: '')
-  - title_tag (string) (default: 'h2')
-  - title_link: (link object) (default: {})
-  - title_attributes (drupal attrs)
-  - items (array of objects) format: [
-      {
-        thumbnails (string) img path
-        media: (string) <img> tag
-        caption (string)
-        caption_title (string)
-        caption_classes (string)
-        interval (integer) (default: 0)
-      }
-    ]
-  - carousel_id (string) (default: '')
-  - next_label (string) (default: '')
-  - prev_label (string) (default: '')
-  - icon_path (string) (default: '')
-  - attributes (drupal attrs)
-#}
-
-{% set _id = id|default('') %}
-{% set _title = title|default('') %}
-{% set _title_tag = title_tag|default('h3') %}
-{% set _title_link = title_link|default({}) %}
-{% set _title_attributes = title_attributes ?: create_attribute() %}
-{% set _items = items|default([]) %}
-{% set _carousel_id = carousel_id|default('') %}
-{% set _next_label = next_label|default('Next') %}
-{% set _prev_label = prev_label|default('Previous') %}
-{% set _icon_path = icon_path|default('') %}
-{% set _carousel_items = [] %}
-
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
-{% endif %}
-
-{% set attributes = attributes.addClass('modal')
-                              .setAttribute('id', _id)
-                              .setAttribute('tabindex', '-1')
-                              .setAttribute('aria-labelledby', _id)
-                              .setAttribute('aria-hidden', 'true')
-                              .setAttribute('data-bs-backdrop', 'false')
-%}
-
-<div
-  {{ attributes }}
->
-  <div class="modal-dialog modal-dialog-centered modal-fullscreen">
-    <div class="modal-content">
-      <div class="modal-header border-0 justify-content-between">
-      {% if _title is not empty %}
-        <div class="modal-title">
-          {% 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.addClass(['d-sm-block', 'd-none']),
-            } only %}
-          {% endif %}
-        </div>
-      {% endif %}
-        <div class="carousel-pager">
-          <span>1</span> / {{ _items|length -}}
-        </div>
-        <div class="modal-close">
-          {% set button_attributes = create_attribute()
-                                    .addClass('btn-close')
-                                    .setAttribute('aria-label', 'Close')
-                                    .setAttribute('data-bs-dismiss', 'modal')
-          %}
-          {% include '@oe-bcl/bcl-button/button.html.twig' with {
-            clean_class: true,
-            attributes: button_attributes
-          } only %}
-        </div>
-      </div>
-      <div class="modal-body d-flex align-items-center justify-content-center">
-        {% for _item in _items %}
-          {% set _carousel_items = _carousel_items|merge([_item|merge({
-            caption: ('<iframe' in _item.media or '<video' in _item.media) ? '' : _item.caption,
-            image: ('<iframe' in _item.media or '<img' in _item.media) ? _item.media|replace({'src=': 'data-src='}) : _item.media,
-          })]) %}
-        {% endfor %}
-        {% include '@oe-bcl/bcl-carousel/carousel.html.twig' with {
-          id: _carousel_id,
-          with_controls: true,
-          with_indicators: false,
-          prev_label: _prev_label,
-          next_label: _next_label,
-          autoplay: false,
-          items: _carousel_items,
-        } only %}
-      </div>
-    </div>
-  </div>
-</div>
-
-{% endapply %}