Commit 87b92b0e authored by William Dickson's avatar William Dickson Committed by Gaus Surahman
Browse files

Issue #3256953 by wrd-oaitsd, gausarts: Pagination options

parent 1353e75b

CHANGELOG.txt

+4 −0
Original line number Diff line number Diff line 


Splide 1.0.0-dev, 2022-02-03

----------------------------

- Issue #3256953 by wrd-oaitsd, gausarts: Pagination options.



Splide 1.0.0-dev, 2022-02-02

----------------------------

- Issue #3257673 by KarlShea: Forced unsplide with one item?

css/components/splide.pagination--hover.css

+2 −0
Original line number Diff line number Diff line
@@ -103,8 +103,10 @@ 
  padding: 0;

}



/*

@media (min-width: 720px) {

  .splide.is-paginated--fx-hover {

    position: absolute;

  }

}

*/

css/components/splide.pagination--tab.css

0 → 100644
+11 −0
Original line number Diff line number Diff line 
/**

 * @file

 * Labeled pagination.

 */



.splide.is-paginated--tab .splide__pagination button {

  border-radius: 0;

  height: auto;

  transform: scale(1);

  width: auto;

}

js/components/splide.pagination.js

+18 −13
Original line number Diff line number Diff line
@@ -12,6 +12,7 @@ 
    var o = Splide.options;

    var _pagination = o.pagination;

    var _fx = 'is-paginated--fx';

    var _dataThumb = 'data-thumb';

    var _thumbed = _pagination === 'thumb' || $.hasClass(root, _fx + '-grid') || $.hasClass(root, _fx + '-hover');



    return {
@@ -24,13 +25,16 @@ 
      },



      thumbify: function (data) {

        $.forEach(data.items, function (item) {

        $.forEach(data.items, function (item, i) {

          var btn = item.button;

          if (btn.nextElementSibling === null) {

            var slide = item.Slides[0].slide;

            var media = slide.querySelector('[data-thumb]');

            var obj = Components.Slides.getAt(i);



            if (obj) {

              var slide = obj.slide;

              var media = slide.querySelector('[' + _dataThumb + ']');

              if (media) {

              var url = media.getAttribute('data-thumb');

                var url = media.getAttribute(_dataThumb);

                var stage = slide.querySelector('img');

                var alt = stage === null ? 'Preview' : stage.getAttribute('alt');

                var img = '<img alt="' + Drupal.t(alt) + '" src="' + url + '" loading="lazy" decoding="async" />';
@@ -40,13 +44,14 @@ 
                btn.insertAdjacentElement('afterend', el);

              }

            }

          }

        });

      }



    };

  };



  _ds.extend({

  _ds.listen({

    ThumbPagination: ThumbPagination

  });

js/components/splide.pagination.min.js

+1 −1
Original line number Diff line number Diff line 
!function(u,l){"use strict";dSplide.extend({ThumbPagination:function(t,n){var e=t.root,i=t.options.pagination,a="is-paginated--fx",o="thumb"===i||u.hasClass(e,a+"-grid")||u.hasClass(e,a+"-hover");return{mount:function(){i&&o&&t.on("pagination:mounted.tnp",this.thumbify.bind(this))},thumbify:function(t){u.forEach(t.items,function(t){var n,e=t.button;null!==e.nextElementSibling||(t=(n=t.Slides[0].slide).querySelector("[data-thumb]"))&&(t=t.getAttribute("data-thumb"),n=null===(n=n.querySelector("img"))?"Preview":n.getAttribute("alt"),n='<img alt="'+l.t(n)+'" src="'+t+'" loading="lazy" decoding="async" />',(t=document.createElement("span")).innerHTML=n,t.className="splide__pagination__tn",e.insertAdjacentElement("afterend",t))})}}}})}(dBlazy,Drupal);
 
!function(s,u){"use strict";dSplide.listen({ThumbPagination:function(t,i){var n=t.root,e=t.options.pagination,a="is-paginated--fx",l="data-thumb",o="thumb"===e||s.hasClass(n,a+"-grid")||s.hasClass(n,a+"-hover");return{mount:function(){e&&o&&t.on("pagination:mounted.tnp",this.thumbify.bind(this))},thumbify:function(t){s.forEach(t.items,function(t,n){var e=t.button;null===e.nextElementSibling&&(!(t=i.Slides.getAt(n))||(t=(n=t.slide).querySelector("["+l+"]"))&&(t=t.getAttribute(l),n=null===(n=n.querySelector("img"))?"Preview":n.getAttribute("alt"),n='<img alt="'+u.t(n)+'" src="'+t+'" loading="lazy" decoding="async" />',(t=document.createElement("span")).innerHTML=n,t.className="splide__pagination__tn",e.insertAdjacentElement("afterend",t)))})}}}})}(dBlazy,Drupal);