@openeuropa/bcl-mega-menu 0.1057.202502180140 → 0.1057.202503031100

package/mega-menu.html.twig

@@ -5,6 +5,8 @@
   - link (boolean) (default: false) - sets trigger to link, default is button
   - trigger (link or button)
   - content_block (block) (default: '')
+  - min_height (string) (default: '300px')
+    ! set min-height of mega-menu
   - items (object[])
     format: [
       {
@@ -21,6 +23,7 @@
 {% set _link = link ?? false %}
 {% set _trigger = trigger|default({}) %}
 {% set _content_block = content_block|default('') %}
+{% set _min_height = min_height|default('300px') %}
 {% set _items = items|default([]) %}
 {% set _back_button_label = back_button_label|default('Back') %}
 {% set _icon_path = icon_path|default('') %}
@@ -55,29 +58,31 @@
   }) %}
 {% endif %}
 
-<div {{ attributes }}>
+<div {{ attributes }} style="--bcl-mm-min-height: {{ _min_height }};">
   {% if _link %}
     {% include '@oe-bcl/bcl-link/link.html.twig' with _trigger only %}
   {% else %}
     {% include '@oe-bcl/bcl-button/button.html.twig' with _trigger only %}
   {% endif %}
   <div class="mega-menu-container dropdown-menu" aria-labelledby="{{ _id }}">
-    {% include '@oe-bcl/bcl-button/button.html.twig' with {
-      label: _back_button_label,
-      icon_position: "before",
-      variant: 'link',
-      icon: {
-        path: _icon_path,
-        name: "arrow-left",
-      },
-      attributes: create_attribute().addClass(['back-button'])
-    } only %}
+    <div class="d-lg-none back-button-block">
+      {% include '@oe-bcl/bcl-button/button.html.twig' with {
+        label: _back_button_label,
+        icon_position: "before",
+        variant: 'link',
+        icon: {
+          path: _icon_path,
+          name: "arrow-left",
+        },
+        attributes: create_attribute().addClass(['back-button'])
+      } only %}
+    </div>
     <div class="row position-relative">
       {% if content_block is defined %}
       <div class="col-12 col-lg-4">
         <div class="content-block py-3">
           {%- block content_block -%}
-            {{ _content_block|raw }}
+            {{ _content_block }}
           {%- endblock -%}
         </div>
       </div>
@@ -91,12 +96,12 @@
                 direction: 'dropend',
                 link: true,
                 trigger: _item.trigger|merge({
-                  attributes: _trigger_attributes.setAttribute('data-bs-auto-close', 'outside')
+                  attributes: _trigger_attributes.setAttribute('data-bs-auto-close', 'false')
                 })
               }) only %}
               {% if _item.collapse is defined %}
                 <div class="collapse">
-                  {{ _item.collapse }}
+                  {{ _item.collapse|raw }}
                 </div>
               {% endif %}
             {% else %}

package/package.json

@@ -2,15 +2,15 @@
   "name": "@openeuropa/bcl-mega-menu",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "0.1057.202502180140",
+  "version": "0.1057.202503031100",
   "publishConfig": {
     "access": "public"
   },
   "description": "OE - BCL mega menu",
   "dependencies": {
-    "@openeuropa/bcl-button": "^0.1057.202502180140",
-    "@openeuropa/bcl-dropdown": "^0.1057.202502180140",
-    "@openeuropa/bcl-link": "^0.1057.202502180140"
+    "@openeuropa/bcl-button": "^0.1057.202503031100",
+    "@openeuropa/bcl-dropdown": "^0.1057.202503031100",
+    "@openeuropa/bcl-link": "^0.1057.202503031100"
   },
   "repository": {
     "type": "git",
@@ -26,5 +26,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "9b1eeeea1d3dc6d4398c07582a79166d8adbbb06"
+  "gitHead": "bc17151b7d40bf73fea2c5fb3f40da249dfa4a2f"
 }