splide/dist/js/splide-renderer.min.js

/*!
 * Splide.js
 * Version  : 3.0.0
 * License  : MIT
 * Copyright: 2021 Naotoshi Fujita
 */
var t,i;t=this,i=function(){"use strict";var e="rtl",s="ttb",u={marginRight:["marginBottom","marginLeft"],autoWidth:["autoHeight"],fixedWidth:["fixedHeight"],paddingLeft:["paddingTop","paddingRight"],paddingRight:["paddingBottom","paddingLeft"],width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:["ArrowUp","ArrowRight"],ArrowRight:["ArrowDown","ArrowLeft"]};function o(t,i,r){return{resolve:function(t,i){var n=r.direction;return u[t][n!==e||i?n===s?0:-1:1]||t},orient:function(t){return t*(r.direction===e?1:-1)}}}var n="splide",r=n,h=n+"__track",a=n+"__list",f=n+"__slide",c=f+"--clone",t=n+"__arrow",i=n+"__pagination",d="is-initialized",l="is-active",v={type:"slide",speed:400,waitForTransition:!0,perPage:1,arrows:!0,pagination:!0,interval:5e3,pauseOnHover:!0,pauseOnFocus:!0,resetProgress:!0,easing:"cubic-bezier(.42,.65,.27,.99)",drag:!0,direction:"ltr",slideFocus:!0,trimSpace:!0,focusableNodes:"a, button, textarea, input, select, iframe",classes:{slide:f,clone:c,arrows:n+"__arrows",arrow:t,prev:t+"--prev",next:t+"--next",pagination:i,page:i+"__page",spinner:n+"__spinner"},i18n:{prev:"Previous slide",next:"Next slide",first:"Go to first slide",last:"Go to last slide",slideX:"Go to slide %s",pageX:"Go to page %s",play:"Start autoplay",pause:"Pause autoplay"}};function p(t){return null!==t&&"object"==typeof t}function g(t){return Array.isArray(t)}function w(t){return"string"==typeof t}function _(t){return g(t)?t:[t]}function x(t,i){_(t).forEach(i)}function m(t,i){return t.push.apply(t,_(i)),t}var y=Array.prototype;function b(t,i,n){return y.slice.call(t,i,n)}function A(t,i){return t?b(t.children).filter(function(t){return((t=t).msMatchesSelector||t.matches).call(t,i)}):[]}function R(t,i){if(t)for(var n=Object.keys(t),r=0;r<n.length;r++){var e=n[r];if("__proto__"!==e&&!1===i(t[e],e))break}return t}function L(n,t){return R(t,function(t,i){g(t)?n[i]=t.slice():p(t)?n[i]=L(p(n[i])?n[i]:{},t):n[i]=t}),n}function T(t){x(t,function(t){t&&t.parentNode&&t.parentNode.removeChild(t)})}function M(t){return w(t)?t:t?t+"px":""}function P(t,i){if(void 0===i&&(i=""),!t)throw new Error("["+n+"] "+i)}Math.min;var W=Math.max;Math.floor,Math.ceil,Math.abs;var X={};function j(t){var r=t.event,e={},s=[];function i(t,i){u(t,i,function(i,n){s=s.filter(function(t){return t[0]!==i||t[1]!==n||(i.removeEventListener(n,t[2],t[3]),!1)})})}function u(t,i,n){x(t,function(t){t&&i.split(" ").forEach(n.bind(null,t))})}function n(){s=s.filter(function(t){return i(t[0],t[1])}),r.offBy(e)}return r.on("destroy",n,e),{on:function(t,i,n){r.on(t,i,e,n)},off:function(t){r.off(t,e)},emit:r.emit,bind:function(t,i,n,r){u(t,i,function(t,i){s.push([t,i,n,r]),t.addEventListener(i,n,r)})},unbind:i,destroy:n}}var z={listTag:"ul",slideTag:"li"},B=function(){function t(t,i){this.styles={},this.id=t,this.options=i}var i=t.prototype;return i.rule=function(t,i,n,r){r=this.styles[r=r||"default"]=this.styles[r]||{};(r[t]=r[t]||{})[i]=n},i.build=function(){var n=this,i="";return this.styles.default&&(i+=this.buildSelectors(this.styles.default)),Object.keys(this.styles).sort(function(t,i){return"min"===n.options.mediaQuery?+t-+i:+i-+t}).forEach(function(t){"default"!==t&&(i+="@media screen and (max-width: "+t+"px) {",i+=n.buildSelectors(n.styles[t]),i+="}")}),i},i.buildSelectors=function(t){var n=this,r="";return R(t,function(t,i){r+="#"+n.id+" "+i+" {",R(t,function(t,i){!t&&0!==t||(r+=i+": "+t+";")}),r+="}"}),r},t}();return function(){function t(t,i,n,r){void 0===r&&(r={}),this.options={},this.breakpoints=[],L(v,r),L(L(this.options,v),i||{}),this.id=n||(n="splide")+((n=X[n]=(X[n]||0)+1)<10?"0"+n:""+n),this.contents=t,this.Style=new B(this.id,this.options),this.Direction=o(0,0,this.options),P(this.contents.length,"Provide at least 1 content."),this.init()}t.clean=function(t){var i=j(t).on,n=t.root,t=(t="."+c,b(n.querySelectorAll(t)));i("mounted",function(){var t,i;T((t=n,(i="style")?A(t,i)[0]:t.firstElementChild))}),T(t)};var i=t.prototype;return i.init=function(){this.parseBreakpoints(),this.registerRootStyles(),this.registerTrackStyles(),this.registerSlideStyles(),this.registerListStyles()},i.getCloneCount=function(){if(this.isLoop()){var t=this.options;return t.clones?t.clones:W.apply(void 0,this.breakpoints.map(function(t){return t[1].perPage}))*((t.flickMaxPages||1)+1)}return 0},i.registerRootStyles=function(){var n=this;this.breakpoints.forEach(function(t){var i=t[0],t=t[1];n.Style.rule(" ","max-width",M(t.width),i)})},i.registerTrackStyles=function(){var n=this,r=this.Style,e="."+h;this.breakpoints.forEach(function(t){var i=t[0],t=t[1];r.rule(e,n.resolve("paddingLeft"),n.cssPadding(t,!1),i),r.rule(e,n.resolve("paddingRight"),n.cssPadding(t,!0),i),r.rule(e,"height",n.cssTrackHeight(t),i)})},i.registerListStyles=function(){var n=this,r=this.Style,e="."+a;this.breakpoints.forEach(function(t){var i=t[0],t=t[1];r.rule(e,"transform",n.buildTranslate(t),i)})},i.registerSlideStyles=function(){var n=this,r=this.Style,e="."+f;this.breakpoints.forEach(function(t){var i=t[0],t=t[1];r.rule(e,"width",n.cssSlideWidth(t),i),r.rule(e,"height",n.cssSlideHeight(t),i),r.rule(e,n.resolve("marginRight"),M(t.gap)||"0px",i)})},i.buildTranslate=function(t){var i=this.Direction,n=i.resolve,r=i.orient,i=[];return i.push(this.cssOffsetClones(t)),i.push(this.cssOffsetGaps(t)),this.isCenter(t)&&(i.push(this.buildCssValue(r(-50),"%")),i.push(this.cssOffsetCenter(t))),i.map(function(t){return"translate"+n("X")+"("+t+")"}).join(" ")},i.cssOffsetClones=function(t){var i=this.Direction,n=i.resolve,r=i.orient,e=this.getCloneCount();if(this.isFixedWidth(t)){i=this.parseCssValue(t[n("fixedWidth")]),n=i.value,i=i.unit;return""+r(n)*e+i}return r(100*e/t.perPage)+"%"},i.cssOffsetCenter=function(t){var i=this.Direction,n=i.resolve,r=i.orient;if(this.isFixedWidth(t)){i=this.parseCssValue(t[n("fixedWidth")]),n=i.value,i=i.unit;return this.buildCssValue(r(n/2),i)}return r(100/t.perPage/2)+"%"},i.cssOffsetGaps=function(t){var i=this.getCloneCount();if(i&&t.gap){var n=this.Direction.orient,r=this.parseCssValue(t.gap),e=r.value,r=r.unit;if(this.isFixedWidth(t))return this.buildCssValue(n(e*i),r);t=t.perPage;return this.buildCssValue(n(i/t*e),r)}return""},i.resolve=function(t){return this.Direction.resolve(t).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()},i.cssPadding=function(t,i){t=t.padding,i=this.Direction.resolve(i?"right":"left",!0);return t&&M(t[i]||(p(t)?0:t))||"0px"},i.cssTrackHeight=function(t){var i="";return this.isVertical()&&(P(i=this.cssHeight(t),'"height" is missing.'),i="calc("+i+" - "+this.cssPadding(t,!1)+" - "+this.cssPadding(t,!0)+")"),i},i.cssHeight=function(t){return M(t.height)},i.cssSlideWidth=function(t){return t.autoWidth?"":M(t.fixedWidth)||(this.isVertical()?"":this.cssSlideSize(t))},i.cssSlideHeight=function(t){return M(t.fixedHeight)||(this.isVertical()?t.autoHeight?"":this.cssSlideSize(t):this.cssHeight(t))},i.cssSlideSize=function(t){var i=M(t.gap);return"calc((100%"+(i&&" + "+i)+")/"+(t.perPage||1)+(i&&" - "+i)+")"},i.buildCssValue=function(t,i){return""+t+i},i.parseCssValue=function(t){return w(t)?{value:parseFloat(t)||0,unit:t.replace(/\d*(\.\d*)?/,"")||"px"}:{value:t,unit:"px"}},i.parseBreakpoints=function(){var n=this,t=this.options.breakpoints;this.breakpoints.push(["default",this.options]),t&&R(t,function(t,i){n.breakpoints.push([i,L(L({},n.options),t)])})},i.isFixedWidth=function(t){return!!t[this.Direction.resolve("fixedWidth")]},i.isLoop=function(){return"loop"===this.options.type},i.isCenter=function(t){if("center"===t.focus){if(this.isLoop())return!0;if("slide"===this.options.type)return!this.options.trimSpace}return!1},i.isVertical=function(){return this.options.direction===s},i.buildClasses=function(){var t=this.options;return[r,r+"--"+t.type,r+"--"+t.direction,l,d].filter(Boolean).join(" ")},i.renderSlides=function(t){var n=this,r=t.slideTag,i=this.contents.map(function(t,i){i=n.options.classes.slide+" "+(0===i?l:"");return"<"+r+' class="'+i+'">'+t+"</"+r+">"});return this.isLoop()&&this.generateClones(i,t),i.join("")},i.generateClones=function(n,t){for(var r=t.slideTag,e=this.options.classes,s=this.getCloneCount(),i=this.contents.slice();i.length<s;)m(i,i);m(i.slice(-s).reverse(),i.slice(0,s)).forEach(function(t,i){t="<"+r+' class="'+e.slide+" "+e.clone+'">'+t+"</"+r+">";i<s?n.unshift(t):n.push(t)})},i.renderArrows=function(){var t="";return t+='<div class="'+this.options.classes.arrows+'">',t+=this.renderArrow(!0),t+=this.renderArrow(!1),t+="</div>"},i.renderArrow=function(t){var i=this.options.classes;return'<button class="'+i.arrow+" "+(t?i.prev:i.next)+'" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="'+(this.options.arrowPath||"m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z")+'" /></svg></button>'},i.html=function(t){var i=t=function(r){return b(arguments,1).forEach(function(n){R(n,function(t,i){r[i]=n[i]})}),r}({},z,t=void 0===t?{}:t),n=i.rootClass,r=i.listTag,e=i.arrows,s=i.beforeTrack,i=i.afterTrack,u="";return u+='<div id="'+this.id+'" class="'+this.buildClasses()+" "+(n||"")+'">',u+="<style>"+this.Style.build()+"</style>",u+=s||"",u+='<div class="splide__track">',u+="<"+r+' class="splide__list">',u+=this.renderSlides(t),u+="</"+r+">",u+="</div>",e&&(u+=this.renderArrows()),u+=i||"",u+="</div>"},t}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).SplideRenderer=i();