j1-template 2024.3.27 → 2024.3.28

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 313ef844ffd93a5fe0a2a9e84a8714946bf48fed40e3c8955c8f375b7d79393a
-  data.tar.gz: c12bc3717d97a98e0095298f5991a8b952dcf6ac35091d22cdb6102462a59214
+  metadata.gz: c7aeaa5fe96cd8d77dd03306eb660f53455ed837f0ca57049c7f5df41ac5abbf
+  data.tar.gz: 204f5f31912d9c71bd5c186820f2f8ebd309a3933402415022e46b7b859038d3
 SHA512:
-  metadata.gz: 6cfbc7429c4aa5c4fc0be2989867ac4e88aa5f0bc991bc8db9fdbd31ef96a0a44c4717c33f568fa7b0e12152a121ec8e57d047ef73ce63075bdd6bd8f4c74d1d
-  data.tar.gz: b5b48ea9d4d3491208e4de7edf597f842aa01cf2a1e2b67d520b363b05fa88d80bebaa5dd6b092e2aa4859fd55fcf81f4d1e6a587e4f3e51bec2caa65474967b
+  metadata.gz: afc20debb5058449efa5aa738c923b997fb60a680772d52d786fa462bc29d6fff5d700254f75eee667b2871eb501c1c3972ca91b213c64a9ef49edff1ee15698
+  data.tar.gz: 62e80dd823873b90755e6c62fed1fb2949293c073fb79261869e762abde8b96415f959c64ba32c6a0723dda2cad8cb592c97494dbcc8824f391fba132caddb44

data/assets/data/banner.html

@@ -304,7 +304,9 @@ exclude_from_search:                    true
             <div class="{{card_properties}}">{{card_description}}</div>
             {% if card_buttons %}
             <!-- Footer|Button row -->
-            <div class="speak2me-ignore mt-5">
+            <!-- TODO: Make styles for the button div configurable -->
+            <!-- div class="speak2me-ignore mt-5" -->
+            <div class="speak2me-ignore mt-4 fw-bold d-flex justify-content-center flex-wrap">
               {% for button_hash in card_buttons %}
                 {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
                 {{bs_button_html}}

data/assets/theme/j1/adapter/js/masonry.js

@@ -290,14 +290,12 @@ j1.adapter.masonry = ((j1, window) => {
                         videojs:        {{grid.videojs.enabled}},
                         videojsTheme:   "vjs-theme-{{grid.videojs.theme}}",
                         videojsOptions: {
-                          {% for option in grid.lightGallery.player.videojsPlayer.options %}
-                          {% if option == 'playbackRates' %}
-                          playbackRates: [{{option[1]}}],
-                          {% continue %}
-                          {% endif %}
-                          {{option[0] | json}}: {{option[1] | json}},
-                          {% endfor %}
-                          "controls": {{grid.videojs.player.videojsPlayer.controls}},
+                          {% comment %} disabled because of side effects
+                          ------------------------------------------------------
+                          "tracks":   {{grid.videojs.player.videojsPlayer.videojsOptions.tracks}},
+                          ------------------------------------------------------
+                          {% endcomment %}
+                          "controls": {{grid.videojs.player.videojsPlayer.videojsOptions.controls}},
                           "controlBar": {
                             {% for option in grid.videojs.player.videojsPlayer.controlBar %}
                             {{option[0] | json}}: {{option[1] | json}}{% if forloop.last %}{% else %},{% endif %}

data/assets/theme/j1/core/js/template.js

@@ -12007,6 +12007,7 @@ module.exports = new Type('tag:yaml.org,2002:binary', {
       voiceTags['.listingblock'] = new voiceTag('Text element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.gist'] = new voiceTag('Gist element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.slider'] = new voiceTag('Slider element' + pause_spoken, 'Element not spoken' + pause_spoken);
+      voiceTags['.swiper-app'] = new voiceTag('Slider element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.modal'] = new voiceTag('Info element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.masonry'] = new voiceTag('Masonry element' + pause_spoken, 'Element not spoken' + pause_spoken);
       voiceTags['.lightbox-block'] = new voiceTag('Lightbox element' + pause_spoken, 'Element not spoken' + pause_spoken);
@@ -12840,7 +12841,33 @@ module.exports = new Type('tag:yaml.org,2002:binary', {
           $(this).remove();
         });
 
-        // Search for a lightbox blocks and extract the <caption> tag data,
+        // Search for (SwiperJS) slider elements, check for previous declared 
+        // <div> container that contains the title element and insert the
+        // text if exists and finally remove the DOM object.
+        //
+        $(clone).find('.swiper-app').addBack('.swiper-app').each(function () {
+          if ($(this).prev()[0] !== undefined) {
+            title = $(this).prev()[0].innerText;
+            title_element = $(this).prev();
+            // remove the title BEFORE the DOM object gets deleted
+            //
+            $(title_element).remove();
+          } else {
+            title = '';
+          }
+          prepend = voiceTags['.swiper-app'].prepend;
+          appended = voiceTags['.swiper-app'].append;
+          if (title !== undefined && title != '') {
+            prepend !== '' && $('<div>' + prepend + ' with the title ' + title + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + '</div>').insertBefore(this);
+          } else {
+            prepend !== '' && $('<div>' + prepend + pause_spoken + '</div>').insertBefore(this);
+            appended !== '' && $('<div>' + appended + pause_spoken + '</div>').insertBefore(this);
+          }
+          $(this).remove();
+        });
+
+        // Search for lightbox block elements and extract the <caption> tag data,
         // insert the text if exists and finally remove the DOM object.
         //
         $(clone).find('.lightbox-block').addBack('.lightbox-block').each(function () {