@openeuropa/bcl-theme-default 0.25.0 → 0.27.0

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

@@ -18,14 +18,12 @@
 
   {% if files.main_title is not empty %}
     <h2
-      class="mb-4"
+      class="mb-3-5"
     >{{- files.main_title -}}</h2>
   {% endif %}
   {% if files.listing is defined and files.listing is not empty %}
-    <div class="mb-4-5">
     {% for file in files.listing %}
       {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
     {% endfor %}
-    </div>
   {% endif %}
 {% endblock %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - width (int) (default: 0) - between 0-100
@@ -41,4 +41,4 @@
   </p>
 {% endif %}
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - progress (int) (default: 0)
@@ -33,10 +33,7 @@
   {% set _classes = _classes ~ ' progress-bar-animated' %}
 {% endif %}
 {% if _variant is not empty %}
-  {% set _classes = _classes ~ ' bg-' ~ _variant %}
-{% endif %}
-{% if _variant == 'light' %}
-  {% set _classes = _classes ~ ' text-dark' %}
+  {% set _classes = _classes ~ ' text-bg-' ~ _variant %}
 {% endif %}
 
 {% if attributes is empty %}
@@ -73,4 +70,4 @@
   <small class="form-text text-muted progress-bar-message">{{ _message }}</small>
 {% endif %}
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-project/project-lists.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 
 {#
@@ -67,4 +67,4 @@
 {% endif %}
 </div>
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-project-status/project-contributions.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - corporate_contributions (string) (default: '') // value every 5 percent
@@ -53,4 +53,4 @@
   </div> 
 </div>
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-project-status/project-status.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - status (string) (default: 'planned')
@@ -97,4 +97,4 @@
 
 
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-recent-activities/recent-activities.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - activities (array of custom object) (default: [])
@@ -60,4 +60,4 @@
 {% endif %}
 </div>
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-search-form/search-form.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - pill (boolean) (default: false)
@@ -50,4 +50,4 @@
   </div>
 </form>
 
-{% endspaceless %}
+{% endapply %}

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

@@ -0,0 +1,41 @@
+{% spaceless %}
+
+  {# Parameters:
+  - title (string) (default: '')
+  - content (string)
+  - id (string) (default: '')
+  #}
+
+  {% set _title = title|default('') %}
+  {% set _content = content %}
+  {% set _id = id|default('') %}
+
+  {% if attributes is empty %}
+    {% set attributes = create_attribute() %}
+  {%  endif %}
+
+  {% if attributes.class is empty %}
+    {% set attributes = attributes.addClass(['mb-5']) %}
+  {% endif %}
+
+  {% if _id is not empty %}
+    {# Put the id directly on the <section> instead of the title, should work fine. #}
+    {% set attributes = attributes.setAttribute('id', _id) %}
+  {% endif %}
+
+  {% set _content_rendered %}{{ _content }}{% endset %}
+
+  {% if _content_rendered|trim is not empty %}
+    <section{{ attributes }}>
+      {% if _title is not empty %}
+        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+          title: _title,
+          title_tag: 'h2',
+          attributes: create_attribute().addClass(['mb-4'])
+        } only %}
+      {% endif %}
+      {{ _content_rendered }}
+    </section>
+  {% endif %}
+
+{% endspaceless %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {#
   Parameters:
@@ -167,4 +167,4 @@
 </div>
 {% endif %}
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - type (string) (default: 'border')
@@ -37,4 +37,4 @@
 {% endif %}
 </div>
 
-{% endspaceless %}
+{% endapply %}

package/templates/bcl-subscription-block/subscription-block.html.twig

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - title: (string) (default: '')
@@ -35,4 +35,4 @@
   {% endif %}
 </div>
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - striped (boolean) (default: false)
@@ -192,4 +192,4 @@
   </div>
 {% endif %}
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {#
   Parameters:
@@ -146,4 +146,4 @@
 {% if _floating or _horizontal %}
 </div>
 {% endif %}
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {#
 Parameters:
@@ -117,4 +117,4 @@ Parameters:
   {% endif %}
 </ol>
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {#
   Parameters:
@@ -119,4 +119,4 @@
 </div>
 {% endif %}
 
-{% endspaceless %}
+{% endapply %}

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

@@ -1,4 +1,4 @@
-{% spaceless %}
+{% apply spaceless %}
 
 {# Parameters:
   - picture (object) format: {
@@ -13,6 +13,9 @@
   - infos (array of strings) (default: [])
 #}
 
+{% set _infos = infos|default([]) %}
+{% set _name = name|default({}) %}
+{% set _picture = picture|default({}) %}
 {% set _picture_classes = 'rounded-pill' %}
 {% set _classes = ['bcl-user-compact', 'd-flex', 'mb-3'] %}
 
@@ -22,8 +25,8 @@
 
 {% set attributes = attributes.addClass(_classes) %}
 
-{% if picture is not empty and picture.classes is not empty %}
-  {% set _picture_classes = _picture_classes ~ ' ' ~ picture.classes %}
+{% if _picture is not empty and _picture.classes is not empty %}
+  {% set _picture_classes = _picture_classes ~ ' ' ~ _picture.classes %}
 {% endif %}
 
 <div
@@ -32,22 +35,27 @@
   <div class="flex-shrink-0">
     <img
       class="{{ _picture_classes }}"
-      src="{{ picture.path }}"
-      alt="{{ picture.alt }}"
+      src="{{ _picture.path }}"
+      alt="{{ _picture.alt }}"
     >
   </div>
   <div class="flex-grow-1 ms-3">
-    {% if name.link is not empty %}
-      <a href="{{ name.link }}" class="fs-5 standalone mb-0">{{ name.text }}</a>
-    {% else %}
-      <p class="fs-5 mb-0 text-primary">{{ name.text }}</p>
-    {% endif %}
+  {% if _name.link is not empty %}
+    <a href="{{ _name.link }}" class="fs-5 standalone mb-0">{{ _name.text }}</a>
+  {% else %}
+    <p class="fs-5 mb-0 text-primary">{{ _name.text }}</p>
+  {% endif %}
+
+  {% if _infos is not empty %}
     <div class="d-flex flex-wrap">
-      {% for info in infos %}
-        <span class="text-muted text-nowrap{{ loop.last ? '' :' me-4-5'}}">{{ info }}</span>
-      {% endfor %}
+    {% for _info in _infos %}
+      {% if _info is not empty %}
+      <span class="text-muted text-nowrap{{ loop.last ? '' :' me-4-5'}}">{{ _info }}</span>
+      {% endif %}
+    {% endfor %}
     </div>
+  {% endif %}
   </div>
 </div>
 
-{% endspaceless %}
+{% endapply %}

package/src/scss/_bcl-offcanvas.scss

@@ -1,24 +0,0 @@
-@include media-breakpoint-up(lg) {
-  .bcl-offcanvas {
-    position: relative;
-    width: auto;
-    visibility: visible !important; // stylelint-disable-line declaration-no-important
-    border: none;
-    transform: none;
-    box-shadow: none;
-
-    .offcanvas-body {
-      overflow: visible;
-    }
-
-    .offcanvas-title {
-      height: 38px;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  .bcl-offcanvas + .offcanvas-backdrop {
-    display: none;
-  }
-}