Issue #3467129 by petrsocha: Incompatibility with Drupal 11/jQuery 4

css/theme/slick.theme.css

@@ -10,11 +10,11 @@
   box-sizing: border-box;
 }
 
-/* Fix for unnecessary Olivero Grid surprises causing Slick excessive height. */
-div[class*="view-slick"],
-div[class*="view-slick"] .view-content,
-div[class*="view-blazy"],
-div[class*="view-blazy"] .view-content {
+/* Fix for unnecessary Olivero Grid surprises causing Slick excessive width. */
+.view,
+.view .view-content,
+.block .view,
+.block .view .view-content {
   display: block;
 }
 

js/slick.load.min.js

-!function(v,m,y,t){"use strict";var C="slick",b="unslick",w=C+"--initialized",e=".slick:not(."+w+")",z=".slick__slider",_=".slick__arrow",P=".b-lazy[data-src]:not(.b-loaded)",x=".media__icon--close",$="is-playing",A="is-paused",D="data-thumb",L="data-b-thumb",S=m.blazy||{};function i(e){var n,i,s=v(e),a=v("> "+z,e).length?v("> "+z,e):s,o=v("> "+_,e),t=a.data(C)?v.extend({},y.slick,a.data(C)):v.extend({},y.slick),l=!("array"!==v.type(t.responsive)||!t.responsive.length)&&t.responsive,d=t.appendDots,c="blazy"===t.lazyLoad&&S,r=a.find(".media--player").length,f=a.hasClass(b);if(f||(t.appendDots=d===_?o:d||v(a)),l)for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&l[n].settings!==b&&(l[n].settings=v.extend({},y.slick,k(t),l[n].settings));function u(n){a.find(P).length&&((n=a.find(n?".slide:not(.slick-cloned) "+P:".slick-active "+P)).length||(n=a.find(".slick-cloned "+P)),n.length&&S.init&&S.init.load(n))}function h(){r&&g(),c&&u(!1)}function g(){a.removeClass(A);var n=a.find("."+$);n.length&&n.removeClass($).find(x).click()}function p(){a.addClass(A).slick("slickPause")}function k(l){return f?{}:{slide:l.slide,lazyLoad:l.lazyLoad,dotsClass:l.dotsClass,rtl:l.rtl,prevArrow:v(".slick-prev",o),nextArrow:v(".slick-next",o),appendArrows:o,customPaging:function(n,i){var s,t=n.$slides.eq(i),e=t.find("["+D+"]"),a=D;e.length||(e=t.find("["+L+"]"),a=L),e.length&&(s=(s=e.find("img").attr("alt"))?m.checkPlain(s):"Preview",s='<img alt="'+m.t(s)+'" src="'+e.attr(a)+'">',s=0<l.dotsClass.indexOf("thumbnail")?'<div class="slick-dots__thumbnail">'+s+"</div>":"");i=n.defaults.customPaging(n,i);return s?i.add(s):i}}}a.data(C,t),(t=a.data(C)).randomize&&!a.hasClass("slick-initiliazed")&&a.children().sort(function(){return.5-Math.random()}).each(function(){a.append(this)}),f||a.on("init.sl",function(n,i){d===_&&v(i.$dots).insertAfter(i.$prevArrow);i=a.find(".slick-cloned.slick-active "+P);c&&i.length&&S.init&&S.init.load(i)}),c?a.on("beforeChange.sl",function(){u(!0)}):(i=v(".media",a)).length&&(i.find("[data-src]").length||i.hasClass("b-bg"))&&i.closest(".slide__content").addClass("is-loading"),a.on("setPosition.sl",function(n,i){var s,t;i=(s=i).slideCount<=s.options.slidesToShow,t=i||!1===s.options.arrows,a.attr("id")===s.$slider.attr("id")&&(s.options.centerPadding&&"0"!==s.options.centerPadding||s.$list.css("padding",""),i&&(s.$slideTrack.width()<=s.$slider.width()||v(e).hasClass("slick--thumbnail"))&&s.$slideTrack.css({left:"",transform:""}),(s=a.find(".b-loaded ~ .b-loader")).length&&s.remove(),o.length&&v.each(["next","prev"],function(n,i){v(".slick-"+i,o)[t?"addClass":"removeClass"]("visually-hidden")}))}),a.slick(k(t)),a.parent().on("click.sl",".slick-down",function(n){n.preventDefault();n=v(this);v("html, body").stop().animate({scrollTop:v(n.data("target")).offset().top-(n.data("offset")||0)},800,v.easing&&t.easing?t.easing:"swing")}),t.mouseWheel&&a.on("mousewheel.sl",function(n,i){return n.preventDefault(),a.slick(i<0?"slickNext":"slickPrev")}),c||a.on("lazyLoaded lazyLoadError",function(n,i,s){var t;t=(s=v(t=s)).closest(".slide")||s.closest("."+b),s.parentsUntil(t).removeClass(function(n,i){return(i.match(/(\S+)loading/g)||[]).join(" ")})}),a.on("afterChange.sl",h),r&&(a.on("click.sl",x,g),a.on("click.sl",".media__icon--play",p)),s.removeClass(function(n,i){return(i.match(/(\S+)loading/g)||[]).join(" ")}),f&&a.slick(b),s.addClass(w)}m.behaviors.slick={attach:function(n){t.once(i,C,e,n)},detach:function(n,i,s){"unload"===s&&t.once.removeSafely(C,e,n)}}}(jQuery,Drupal,drupalSettings,dBlazy);
+!function(v,m,C,t){"use strict";var b="slick",y="unslick",w=b+"--initialized",e=".slick:not(."+w+")",z=".slick__slider",_=".slick__arrow",P=".b-lazy[data-src]:not(.b-loaded)",x=".media__icon--close",$="is-playing",A="is-paused",D="data-thumb",L="data-b-thumb",S=m.blazy||{};function i(e){var n,i,s=v(e),a=v("> "+z,e).length?v("> "+z,e):s,o=v("> "+_,e),t=a.data(b)?v.extend({},C.slick,a.data(b)):v.extend({},C.slick),l=!(!t.responsive||!t.responsive.length)&&t.responsive,d=t.appendDots,c="blazy"===t.lazyLoad&&S,r=a.find(".media--player").length,f=a.hasClass(y);if(f||(t.appendDots=d===_?o:d||v(a)),l)for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&l[n].settings!==y&&(l[n].settings=v.extend({},C.slick,k(t),l[n].settings));function u(n){a.find(P).length&&((n=a.find(n?".slide:not(.slick-cloned) "+P:".slick-active "+P)).length||(n=a.find(".slick-cloned "+P)),n.length&&S.init&&S.init.load(n))}function h(){r&&g(),c&&u(!1)}function g(){a.removeClass(A);var n=a.find("."+$);n.length&&n.removeClass($).find(x).click()}function p(){a.addClass(A).slick("slickPause")}function k(l){return f?{}:{slide:l.slide,lazyLoad:l.lazyLoad,dotsClass:l.dotsClass,rtl:l.rtl,prevArrow:v(".slick-prev",o),nextArrow:v(".slick-next",o),appendArrows:o,customPaging:function(n,i){var s,t=n.$slides.eq(i),e=t.find("["+D+"]"),a=D;e.length||(e=t.find("["+L+"]"),a=L),e.length&&(s=(s=e.find("img").attr("alt"))?m.checkPlain(s):"Preview",s='<img alt="'+m.t(s)+'" src="'+e.attr(a)+'">',s=0<l.dotsClass.indexOf("thumbnail")?'<div class="slick-dots__thumbnail">'+s+"</div>":"");i=n.defaults.customPaging(n,i);return s?i.add(s):i}}}a.data(b,t),(t=a.data(b)).randomize&&!a.hasClass("slick-initiliazed")&&a.children().sort(function(){return.5-Math.random()}).each(function(){a.append(this)}),f||a.on("init.sl",function(n,i){d===_&&v(i.$dots).insertAfter(i.$prevArrow);i=a.find(".slick-cloned.slick-active "+P);c&&i.length&&S.init&&S.init.load(i)}),c?a.on("beforeChange.sl",function(){u(!0)}):(i=v(".media",a)).length&&(i.find("[data-src]").length||i.hasClass("b-bg"))&&i.closest(".slide__content").addClass("is-loading"),a.on("setPosition.sl",function(n,i){var s,t;i=(s=i).slideCount<=s.options.slidesToShow,t=i||!1===s.options.arrows,a.attr("id")===s.$slider.attr("id")&&(s.options.centerPadding&&"0"!==s.options.centerPadding||s.$list.css("padding",""),i&&(s.$slideTrack.width()<=s.$slider.width()||v(e).hasClass("slick--thumbnail"))&&s.$slideTrack.css({left:"",transform:""}),(s=a.find(".b-loaded ~ .b-loader")).length&&s.remove(),o.length&&v.each(["next","prev"],function(n,i){v(".slick-"+i,o)[t?"addClass":"removeClass"]("visually-hidden")}))}),a.slick(k(t)),a.parent().on("click.sl",".slick-down",function(n){n.preventDefault();n=v(this);v("html, body").stop().animate({scrollTop:v(n.data("target")).offset().top-(n.data("offset")||0)},800,v.easing&&t.easing?t.easing:"swing")}),t.mouseWheel&&a.on("mousewheel.sl",function(n,i){return n.preventDefault(),a.slick(i<0?"slickNext":"slickPrev")}),c||a.on("lazyLoaded lazyLoadError",function(n,i,s){var t;t=(s=v(t=s)).closest(".slide")||s.closest("."+y),s.parentsUntil(t).removeClass(function(n,i){return(i.match(/(\S+)loading/g)||[]).join(" ")})}),a.on("afterChange.sl",h),r&&(a.on("click.sl",x,g),a.on("click.sl",".media__icon--play",p)),s.removeClass(function(n,i){return(i.match(/(\S+)loading/g)||[]).join(" ")}),f&&a.slick(y),s.addClass(w)}m.behaviors.slick={attach:function(n){t.once(i,b,e,n)},detach:function(n,i,s){"unload"===s&&t.once.removeSafely(b,e,n)}}}(jQuery,Drupal,drupalSettings,dBlazy);

js/src/slick.load.js

@@ -34,7 +34,7 @@
     var t = $('> ' + _elSlider, elm).length ? $('> ' + _elSlider, elm) : el;
     var a = $('> ' + _elArrow, elm);
     var o = t.data(_id) ? $.extend({}, drupalSettings.slick, t.data(_id)) : $.extend({}, drupalSettings.slick);
-    var r = $.type(o.responsive) === 'array' && o.responsive.length ? o.responsive : false;
+    var r = o.responsive && o.responsive.length ? o.responsive : false;
     var d = o.appendDots;
     var b;
     var isBlazy = o.lazyLoad === 'blazy' && _blazy;