Gulpfix (#58)

* adds in tab.js

* updates media collection template and gulp file to strip extra js folder

* updates template for h-100

---------

Co-authored-by: “Kerry <“kmurphychi@gmail.com”>

gulpfile.js

@@ -43,7 +43,7 @@ const paths = {
     },
     scripts: {
       src: "./assets/js/**/*.js",
-      dest: "dist/js",
+      dest: "dist",
     },
   },
 };
@@ -167,4 +167,4 @@ exports.build = (done) => {
     "baseStylesBuild",
     "baseScriptsBuild",
   )(done);
-};
+};

saplings_child.libraries.yml

@@ -8,10 +8,6 @@ form:
     component:
       dist/css/form/form-required.css: { minified: true }
 
-am:
-  js:
-    dist/js/js/am.js: { minified: true }
-
 bs5-lightbox:
   js:
     https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.3/dist/index.bundle.min.js: { type: external, minified: true }

templates/overrides/paragaphs/paragraph--media-collection.html.twig

@@ -49,6 +49,11 @@
   ]
 %}
 
+{% set container_class_string = 'container' %}
+{% if paragraph.sa_container.value is not empty %}
+  {% set container_class_string = ' ' ~ paragraph.sa_container.value %}
+{% endif %}
+
 {% set margin_class_string = '' %}
 {% if paragraph.sa_margin.value is not empty %}
   {% set margin_class_string = ' ' ~ paragraph.sa_margin.value %}
@@ -63,7 +68,7 @@
 
 {% block paragraph %}
 <div{{ attributes.addClass(classes) }}>
-  <div class="{{ margin_class_string }}{{ padding_class_string }}">
+  <div class="{{ container_class_string }} {{ margin_class_string }}{{ padding_class_string }}">
     <div class="component-wrapper">
         <div class="
         {% if items_count != 1 and items_count != 3 %}
@@ -77,7 +82,7 @@
                 {{ content|without('field_media_multiple') }}
             {% endblock %}
         </div>
-        
+
     </div>
   </div>
 </div>

templates/patterns/simple_card/pattern-simple-card.html.twig

@@ -1,5 +1,8 @@
 {% if variant and variant|lower == 'horizontal' %}
-  <div{{ attributes.addClass('card h-100') }}>
+{% if height %}
+  {% set attributes = attributes.addClass('h-100') %}
+{% endif %}
+  <div{{ attributes.addClass('card') }}>
     <div class="row g-0">
       <div class="{{ image_col_classes|default('col-md-4') }}">
         {{ image|add_class('img-fluid rounded-start') }}
@@ -26,6 +29,9 @@
     </div>
   </div>
 {% else %}
+{% if height %}
+  {% set attributes = attributes.addClass('h-100') %}
+{% endif %}
   <div{{ attributes.addClass('card') }}>
     {% if image and image_position != 'bottom' %}
       {{ image|add_class('card-img-top') }}