search

viktorlarsson / vue-tiny-slider

Vanilla javascript slider for all purposes created by ganlanyuan in Vue.
MIT License
136 stars 51 forks source link

Problem on integrate as Component when using webpack #65

Open MaxBentz opened 4 years ago

MaxBentz commented 4 years ago

Hi,

I'm using your Code for developing an plugin for plentymarkets. Sincerly I have some problems.

I've implemented VueTinySlider as a Component and use webpack.

As a Result I got the Error: [Vue warn]: Error in mounted hook: "TypeError: n is null"

That is what my webpack.config.js looks like:

const path = require("path");
const WebpackRequireFrom = require("webpack-require-from");

module.exports = (env) => {

    env = env || {};

    return {
        entry: './resources/js/main.js',
        output: {
            filename: "max-slider" + (env.prod ? "-min" : "") + ".js",
            path: path.resolve(__dirname, './resources/js/dist')
        },
        mode: env.prod ? "production" : "development",
        devtool: "source-map",
        module: {
            rules: [
                {
                    test: /\.m?js$/,
                    exclude: /(node_modules)/,
                    use: {
                        loader: "babel-loader",
                        options: {
                            presets: ["@babel/preset-env"]
                        }
                    }
                }
            ]
        },
        plugins: [
            new WebpackRequireFrom({
                replaceSrcMethodName: "__loadPluginChunk"
            })
        ]
    }
};

The main.js:

import VueTinySlider from 'vue-tiny-slider';
Vue.component("max-slider",VueTinySlider);

And the result in max-slider.js after i do npm run build:

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};
/******/    // WebpackRequireFrom - monkey-patching
/******/    if (typeof jsonpScriptSrc === 'function') {
/******/      var original_jsonpScriptSrc = jsonpScriptSrc;
/******/      function patchJsonpScriptSrc () {
/******/        try {
/******/          if (typeof __loadPluginChunk !== "function") {
/******/            throw new Error("WebpackRequireFrom: '__loadPluginChunk' is not a function or not available at runtime. See https://github.com/agoldis/webpack-require-from#troubleshooting");
/******/          }
/******/          var newSrc = __loadPluginChunk(original_jsonpScriptSrc.apply(this, arguments));
/******/          if (!newSrc || typeof newSrc !== 'string') {
/******/            throw new Error("WebpackRequireFrom: '__loadPluginChunk' does not return string. See https://github.com/agoldis/webpack-require-from#troubleshooting");
/******/          }
/******/          return newSrc;
/******/        } catch (e) {
/******/          if (!false) {
/******/            console.error(e);
/******/          }
/******/          return original_jsonpScriptSrc.apply(this, arguments);
/******/        }
/******/      }
/******/      jsonpScriptSrc = patchJsonpScriptSrc
/******/    }
/******/
/******/    // The require function
/******/    function __webpack_require__(moduleId) {
/******/
/******/        // Check if module is in cache
/******/        if(installedModules[moduleId]) {
/******/            return installedModules[moduleId].exports;
/******/        }
/******/        // Create a new module (and put it into the cache)
/******/        var module = installedModules[moduleId] = {
/******/            i: moduleId,
/******/            l: false,
/******/            exports: {}
/******/        };
/******/
/******/        // Execute the module function
/******/        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/        // Flag the module as loaded
/******/        module.l = true;
/******/
/******/        // Return the exports of the module
/******/        return module.exports;
/******/    }
/******/
/******/
/******/    // expose the modules object (__webpack_modules__)
/******/    __webpack_require__.m = modules;
/******/
/******/    // expose the module cache
/******/    __webpack_require__.c = installedModules;
/******/
/******/    // define getter function for harmony exports
/******/    __webpack_require__.d = function(exports, name, getter) {
/******/        if(!__webpack_require__.o(exports, name)) {
/******/            Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/        }
/******/    };
/******/
/******/    // define __esModule on exports
/******/    __webpack_require__.r = function(exports) {
/******/        if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/            Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/        }
/******/        Object.defineProperty(exports, '__esModule', { value: true });
/******/    };
/******/
/******/    // create a fake namespace object
/******/    // mode & 1: value is a module id, require it
/******/    // mode & 2: merge all properties of value into the ns
/******/    // mode & 4: return value when already ns object
/******/    // mode & 8|1: behave like require
/******/    __webpack_require__.t = function(value, mode) {
/******/        if(mode & 1) value = __webpack_require__(value);
/******/        if(mode & 8) return value;
/******/        if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/        var ns = Object.create(null);
/******/        __webpack_require__.r(ns);
/******/        Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/        if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/        return ns;
/******/    };
/******/
/******/    // getDefaultExport function for compatibility with non-harmony modules
/******/    __webpack_require__.n = function(module) {
/******/        var getter = module && module.__esModule ?
/******/            function getDefault() { return module['default']; } :
/******/            function getModuleExports() { return module; };
/******/        __webpack_require__.d(getter, 'a', getter);
/******/        return getter;
/******/    };
/******/
/******/    // Object.prototype.hasOwnProperty.call
/******/    __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/    // __webpack_public_path__
/******/    __webpack_require__.p = "";
/******/
/******/
/******/    // Load entry module and return exports
/******/    return __webpack_require__(__webpack_require__.s = "./resources/js/main.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./node_modules/vue-tiny-slider/dist/index.js":
/*!****************************************************!*\
  !*** ./node_modules/vue-tiny-slider/dist/index.js ***!
  \****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

!function(t,e){ true?module.exports=e():undefined}(window,function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=3)}([function(t,e,n){"use strict";n.r(e);n(2),n(1);var i=window,o=i.requestAnimationFrame||i.webkitRequestAnimationFrame||i.mozRequestAnimationFrame||i.msRequestAnimationFrame||function(t){return setTimeout(t,16)},a=window,r=a.cancelAnimationFrame||a.mozCancelAnimationFrame||function(t){clearTimeout(t)};function u(){for(var t,e,n,i=arguments[0]||{},o=1,a=arguments.length;o<a;o++)if(null!==(t=arguments[o]))for(e in t)i!==(n=t[e])&&void 0!==n&&(i[e]=n);return i}function l(t){return["true","false"].indexOf(t)>=0?JSON.parse(t):t}function s(t,e,n,i){if(i)try{t.setItem(e,n)}catch(t){}return n}function c(){var t=document,e=t.body;return e||((e=t.createElement("body")).fake=!0),e}var d=document.documentElement;function f(t){var e="";return t.fake&&(e=d.style.overflow,t.style.background="",t.style.overflow=d.style.overflow="hidden",d.appendChild(t)),e}function p(t,e){t.fake&&(t.remove(),d.style.overflow=e,d.offsetHeight)}function v(t,e,n,i){"insertRule"in t?t.insertRule(e+"{"+n+"}",i):t.addRule(e,n,i)}function h(t){return("insertRule"in t?t.cssRules:t.rules).length}function m(t,e,n){for(var i=0,o=t.length;i<o;i++)e.call(n,t[i],i)}var y="classList"in document.createElement("_"),g=y?function(t,e){return t.classList.contains(e)}:function(t,e){return t.className.indexOf(e)>=0},x=y?function(t,e){g(t,e)||t.classList.add(e)}:function(t,e){g(t,e)||(t.className+=" "+e)},b=y?function(t,e){g(t,e)&&t.classList.remove(e)}:function(t,e){g(t,e)&&(t.className=t.className.replace(e,""))};function w(t,e){return t.hasAttribute(e)}function T(t,e){return t.getAttribute(e)}function B(t){return void 0!==t.item}function C(t,e){if(t=B(t)||t instanceof Array?t:[t],"[object Object]"===Object.prototype.toString.call(e))for(var n=t.length;n--;)for(var i in e)t[n].setAttribute(i,e[i])}function S(t,e){t=B(t)||t instanceof Array?t:[t];for(var n=(e=e instanceof Array?e:[e]).length,i=t.length;i--;)for(var o=n;o--;)t[i].removeAttribute(e[o])}function M(t){for(var e=[],n=0,i=t.length;n<i;n++)e.push(t[n]);return e}function N(t,e){"none"!==t.style.display&&(t.style.display="none")}function E(t,e){"none"===t.style.display&&(t.style.display="")}function A(t){return"none"!==window.getComputedStyle(t).display}function O(t){if("string"==typeof t){var e=[t],n=t.charAt(0).toUpperCase()+t.substr(1);["Webkit","Moz","ms","O"].forEach(function(i){"ms"===i&&"transform"!==t||e.push(i+n)}),t=e}for(var i=document.createElement("fakeelement"),o=(t.length,0);o<t.length;o++){var a=t[o];if(void 0!==i.style[a])return a}return!1}function L(t,e){var n=!1;return/^Webkit/.test(t)?n="webkit"+e+"End":/^O/.test(t)?n="o"+e+"End":t&&(n=e.toLowerCase()+"end"),n}var I=!1;try{var D=Object.defineProperty({},"passive",{get:function(){I=!0}});window.addEventListener("test",null,D)}catch(t){}var P=!!I&&{passive:!0};function H(t,e,n){for(var i in e){var o=["touchstart","touchmove"].indexOf(i)>=0&&!n&&P;t.addEventListener(i,e[i],o)}}function R(t,e){for(var n in e){var i=["touchstart","touchmove"].indexOf(n)>=0&&P;t.removeEventListener(n,e[n],i)}}n.d(e,"tns",function(){return k});var k=function(t){t=u({container:".slider",mode:"carousel",axis:"horizontal",items:1,gutter:0,edgePadding:0,fixedWidth:!1,autoWidth:!1,viewportMax:!1,slideBy:1,center:!1,controls:!0,controlsPosition:"top",controlsText:["prev","next"],controlsContainer:!1,prevButton:!1,nextButton:!1,nav:!0,navPosition:"top",navContainer:!1,navAsThumbnails:!1,arrowKeys:!1,speed:300,autoplay:!1,autoplayPosition:"top",autoplayTimeout:5e3,autoplayDirection:"forward",autoplayText:["start","stop"],autoplayHoverPause:!1,autoplayButton:!1,autoplayButtonOutput:!0,autoplayResetOnVisibility:!0,animateIn:"tns-fadeIn",animateOut:"tns-fadeOut",animateNormal:"tns-normal",animateDelay:!1,loop:!0,rewind:!1,autoHeight:!1,responsive:!1,lazyload:!1,lazyloadSelector:".tns-lazy-img",touch:!0,mouseDrag:!1,swipeAngle:15,nested:!1,preventActionWhenRunning:!1,preventScrollOnTouch:!1,freezable:!0,onInit:!1,useLocalStorage:!0},t||{});var e=document,n=window,i={ENTER:13,SPACE:32,LEFT:37,RIGHT:39},a={},d=t.useLocalStorage;if(d){var y=navigator.userAgent,B=new Date;try{(a=n.localStorage)?(a.setItem(B,B),d=a.getItem(B)==B,a.removeItem(B)):d=!1,d||(a={})}catch(t){d=!1}d&&(a.tnsApp&&a.tnsApp!==y&&["tC","tPL","tMQ","tTf","t3D","tTDu","tTDe","tADu","tADe","tTE","tAE"].forEach(function(t){a.removeItem(t)}),localStorage.tnsApp=y)}var I=a.tC?l(a.tC):s(a,"tC",function(){var t=document,e=c(),n=f(e),i=t.createElement("div"),o=!1;e.appendChild(i);try{for(var a,r="(10px * 10)",u=["calc"+r,"-moz-calc"+r,"-webkit-calc"+r],l=0;l<3;l++)if(a=u[l],i.style.width=a,100===i.offsetWidth){o=a.replace(r,"");break}}catch(t){}return e.fake?p(e,n):i.remove(),o}(),d),D=a.tPL?l(a.tPL):s(a,"tPL",function(){var t,e=document,n=c(),i=f(n),o=e.createElement("div"),a=e.createElement("div"),r="";o.className="tns-t-subp2",a.className="tns-t-ct";for(var u=0;u<70;u++)r+="<div></div>";return a.innerHTML=r,o.appendChild(a),n.appendChild(o),t=Math.abs(o.getBoundingClientRect().left-a.children[67].getBoundingClientRect().left)<2,n.fake?p(n,i):o.remove(),t}(),d),P=a.tMQ?l(a.tMQ):s(a,"tMQ",function(){var t,e=document,n=c(),i=f(n),o=e.createElement("div"),a=e.createElement("style"),r="@media all and (min-width:1px){.tns-mq-test{position:absolute}}";return a.type="text/css",o.className="tns-mq-test",n.appendChild(a),n.appendChild(o),a.styleSheet?a.styleSheet.cssText=r:a.appendChild(e.createTextNode(r)),t=window.getComputedStyle?window.getComputedStyle(o).position:o.currentStyle.position,n.fake?p(n,i):o.remove(),"absolute"===t}(),d),z=a.tTf?l(a.tTf):s(a,"tTf",O("transform"),d),W=a.t3D?l(a.t3D):s(a,"t3D",function(t){if(!t)return!1;if(!window.getComputedStyle)return!1;var e,n=document,i=c(),o=f(i),a=n.createElement("p"),r=t.length>9?"-"+t.slice(0,-9).toLowerCase()+"-":"";return r+="transform",i.insertBefore(a,null),a.style[t]="translate3d(1px,1px,1px)",e=window.getComputedStyle(a).getPropertyValue(r),i.fake?p(i,o):a.remove(),void 0!==e&&e.length>0&&"none"!==e}(z),d),j=a.tTDu?l(a.tTDu):s(a,"tTDu",O("transitionDuration"),d),F=a.tTDe?l(a.tTDe):s(a,"tTDe",O("transitionDelay"),d),q=a.tADu?l(a.tADu):s(a,"tADu",O("animationDuration"),d),_=a.tADe?l(a.tADe):s(a,"tADe",O("animationDelay"),d),$=a.tTE?l(a.tTE):s(a,"tTE",L(j,"Transition"),d),V=a.tAE?l(a.tAE):s(a,"tAE",L(q,"Animation"),d),K=n.console&&"function"==typeof n.console.warn,G=["container","controlsContainer","prevButton","nextButton","navContainer","autoplayButton"],Q={};if(G.forEach(function(n){if("string"==typeof t[n]){var i=t[n],o=e.querySelector(i);if(Q[n]=i,!o||!o.nodeName)return void(K&&console.warn("Can't find",t[n]));t[n]=o}}),!(t.container.children.length<1)){var X=t.responsive,Y=t.nested,J="carousel"===t.mode;if(X){0 in X&&(t=u(t,X[0]),delete X[0]);var U={};for(var Z in X){var tt=X[Z];tt="number"==typeof tt?{items:tt}:tt,U[Z]=tt}X=U,U=null}if(J||function t(e){for(var n in e)J||("slideBy"===n&&(e[n]="page"),"edgePadding"===n&&(e[n]=!1),"autoHeight"===n&&(e[n]=!1)),"responsive"===n&&t(e[n])}(t),!J){t.axis="horizontal",t.slideBy="page",t.edgePadding=!1;var et=t.animateIn,nt=t.animateOut,it=t.animateDelay,ot=t.animateNormal}var at,rt,ut="horizontal"===t.axis,lt=e.createElement("div"),st=e.createElement("div"),ct=t.container,dt=ct.parentNode,ft=ct.outerHTML,pt=ct.children,vt=pt.length,ht=An(),mt=!1;X&&Xn(),J&&(ct.className+=" tns-vpfix");var yt,gt,xt,bt,wt,Tt,Bt,Ct,St=t.autoWidth,Mt=Dn("fixedWidth"),Nt=Dn("edgePadding"),Et=Dn("gutter"),At=Ln(),Ot=Dn("center"),Lt=St?1:Math.floor(Dn("items")),It=Dn("slideBy"),Dt=t.viewportMax||t.fixedWidthViewportWidth,Pt=Dn("arrowKeys"),Ht=Dn("speed"),Rt=t.rewind,kt=!Rt&&t.loop,zt=Dn("autoHeight"),Wt=Dn("controls"),jt=Dn("controlsText"),Ft=Dn("nav"),qt=Dn("touch"),_t=Dn("mouseDrag"),$t=Dn("autoplay"),Vt=Dn("autoplayTimeout"),Kt=Dn("autoplayText"),Gt=Dn("autoplayHoverPause"),Qt=Dn("autoplayResetOnVisibility"),Xt=(Ct=document.createElement("style"),Bt&&Ct.setAttribute("media",Bt),document.querySelector("head").appendChild(Ct),Ct.sheet?Ct.sheet:Ct.styleSheet),Yt=t.lazyload,Jt=(t.lazyloadSelector,[]),Ut=kt?(wt=function(){if(St||Mt&&!Dt)return vt-1;var e=Mt?"fixedWidth":"items",n=[];if((Mt||t[e]<vt)&&n.push(t[e]),X)for(var i in X){var o=X[i][e];o&&(Mt||o<vt)&&n.push(o)}return n.length||n.push(0),Math.ceil(Mt?Dt/Math.min.apply(null,n):Math.max.apply(null,n))}(),Tt=J?Math.ceil((5*wt-vt)/2):4*wt-vt,Tt=Math.max(wt,Tt),In("edgePadding")?Tt+1:Tt):0,Zt=J?vt+2*Ut:vt+Ut,te=!(!Mt&&!St||kt),ee=Mt?Ti():null,ne=!J||!kt,ie=ut?"left":"top",oe="",ae="",re=Mt?function(){return Ot&&!kt?vt-1:Math.ceil(-ee/(Mt+Et))}:St?function(){for(var t=Zt;t--;)if(yt[t]>=-ee)return t}:function(){return Ot&&J&&!kt?vt-1:kt||J?Math.max(0,Zt-Math.ceil(Lt)):Zt-1},ue=Mn(Dn("startIndex")),le=ue,se=(Sn(),0),ce=St?null:re(),de=t.preventActionWhenRunning,fe=t.swipeAngle,pe=!fe||"?",ve=!1,he=t.onInit,me=new function(){return{topics:{},on:function(t,e){this.topics[t]=this.topics[t]||[],this.topics[t].push(e)},off:function(t,e){if(this.topics[t])for(var n=0;n<this.topics[t].length;n++)if(this.topics[t][n]===e){this.topics[t].splice(n,1);break}},emit:function(t,e){e.type=t,this.topics[t]&&this.topics[t].forEach(function(n){n(e,t)})}}},ye=" tns-slider tns-"+t.mode,ge=ct.id||(bt=window.tnsId,window.tnsId=bt?bt+1:1,"tns"+window.tnsId),xe=Dn("disable"),be=!1,we=t.freezable,Te=!(!we||St)&&Qn(),Be=!1,Ce={click:Li,keydown:function(t){t=Wi(t);var e=[i.LEFT,i.RIGHT].indexOf(t.keyCode);e>=0&&(0===e?Ve.disabled||Li(t,-1):Ke.disabled||Li(t,1))}},Se={click:function(t){if(ve){if(de)return;Ai()}var e=ji(t=Wi(t));for(;e!==Ye&&!w(e,"data-nav");)e=e.parentNode;if(w(e,"data-nav")){var n=tn=Number(T(e,"data-nav")),i=Mt||St?n*vt/Ue:n*Lt,o=De?n:Math.min(Math.ceil(i),vt-1);Oi(o,t),en===n&&(ln&&Ri(),tn=-1)}},keydown:function(t){t=Wi(t);var n=e.activeElement;if(!w(n,"data-nav"))return;var o=[i.LEFT,i.RIGHT,i.ENTER,i.SPACE].indexOf(t.keyCode),a=Number(T(n,"data-nav"));o>=0&&(0===o?a>0&&zi(Xe[a-1]):1===o?a<Ue-1&&zi(Xe[a+1]):(tn=a,Oi(a,t)))}},Me={mouseover:function(){ln&&(Di(),sn=!0)},mouseout:function(){sn&&(Ii(),sn=!1)}},Ne={visibilitychange:function(){e.hidden?ln&&(Di(),dn=!0):dn&&(Ii(),dn=!1)}},Ee={keydown:function(t){t=Wi(t);var e=[i.LEFT,i.RIGHT].indexOf(t.keyCode);e>=0&&Li(t,0===e?-1:1)}},Ae={touchstart:$i,touchmove:Vi,touchend:Ki,touchcancel:Ki},Oe={mousedown:$i,mousemove:Vi,mouseup:Ki,mouseleave:Ki},Le=In("controls"),Ie=In("nav"),De=!!St||t.navAsThumbnails,Pe=In("autoplay"),He=In("touch"),Re=In("mouseDrag"),ke="tns-slide-active",ze="tns-complete",We={load:function(t){oi(ji(t))},error:function(t){e=ji(t),x(e,"failed"),ai(e);var e}},je="force"===t.preventScrollOnTouch;if(Le)var Fe,qe,_e=t.controlsContainer,$e=t.controlsContainer?t.controlsContainer.outerHTML:"",Ve=t.prevButton,Ke=t.nextButton,Ge=t.prevButton?t.prevButton.outerHTML:"",Qe=t.nextButton?t.nextButton.outerHTML:"";if(Ie)var Xe,Ye=t.navContainer,Je=t.navContainer?t.navContainer.outerHTML:"",Ue=St?vt:Qi(),Ze=0,tn=-1,en=En(),nn=en,on="tns-nav-active",an="Carousel Page ",rn=" (Current Slide)";if(Pe)var un,ln,sn,cn,dn,fn="forward"===t.autoplayDirection?1:-1,pn=t.autoplayButton,vn=t.autoplayButton?t.autoplayButton.outerHTML:"",hn=["<span class='tns-visually-hidden'>"," animation</span>"];if(He||Re)var mn,yn,gn={},xn={},bn=!1,wn=ut?function(t,e){return t.x-e.x}:function(t,e){return t.y-e.y};St||Cn(xe||Te),z&&(ie=z,oe="translate",W?(oe+=ut?"3d(":"3d(0px, ",ae=ut?", 0px, 0px)":", 0px)"):(oe+=ut?"X(":"Y(",ae=")")),J&&(ct.className=ct.className.replace("tns-vpfix","")),function(){In("gutter");lt.className="tns-outer",st.className="tns-inner",lt.id=ge+"-ow",st.id=ge+"-iw",""===ct.id&&(ct.id=ge);ye+=D||St?" tns-subpixel":" tns-no-subpixel",ye+=I?" tns-calc":" tns-no-calc",St&&(ye+=" tns-autowidth");ye+=" tns-"+t.axis,ct.className+=ye,J?((at=e.createElement("div")).id=ge+"-mw",at.className="tns-ovh",lt.appendChild(at),at.appendChild(st)):lt.appendChild(st);if(zt){var n=at||st;n.className+=" tns-ah"}if(dt.insertBefore(lt,ct),st.appendChild(ct),m(pt,function(t,e){x(t,"tns-item"),t.id||(t.id=ge+"-item"+e),!J&&ot&&x(t,ot),C(t,{"aria-hidden":"true",tabindex:"-1"})}),Ut){for(var i=e.createDocumentFragment(),o=e.createDocumentFragment(),a=Ut;a--;){var r=a%vt,u=pt[r].cloneNode(!0);if(S(u,"id"),o.insertBefore(u,o.firstChild),J){var l=pt[vt-1-r].cloneNode(!0);S(l,"id"),i.appendChild(l)}}ct.insertBefore(i,ct.firstChild),ct.appendChild(o),pt=ct.children}}(),function(){if(!J)for(var e=ue,i=ue+Math.min(vt,Lt);e<i;e++){var o=pt[e];o.style.left=100*(e-ue)/Lt+"%",x(o,et),b(o,ot)}ut&&(D||St?(v(Xt,"#"+ge+" > .tns-item","font-size:"+n.getComputedStyle(pt[0]).fontSize+";",h(Xt)),v(Xt,"#"+ge,"font-size:0;",h(Xt))):J&&m(pt,function(t,e){t.style.marginLeft=function(t){return I?I+"("+100*t+"% / "+Zt+")":100*t/Zt+"%"}(e)}));if(P){if(j){var a=at&&t.autoHeight?Wn(t.speed):"";v(Xt,"#"+ge+"-mw",a,h(Xt))}a=Pn(t.edgePadding,t.gutter,t.fixedWidth,t.speed,t.autoHeight),v(Xt,"#"+ge+"-iw",a,h(Xt)),J&&(a=ut&&!St?"width:"+Hn(t.fixedWidth,t.gutter,t.items)+";":"",j&&(a+=Wn(Ht)),v(Xt,"#"+ge,a,h(Xt))),a=ut&&!St?Rn(t.fixedWidth,t.gutter,t.items):"",t.gutter&&(a+=kn(t.gutter)),J||(j&&(a+=Wn(Ht)),q&&(a+=jn(Ht))),a&&v(Xt,"#"+ge+" > .tns-item",a,h(Xt))}else{ci(),st.style.cssText=Pn(Nt,Et,Mt,zt),J&&ut&&!St&&(ct.style.width=Hn(Mt,Et,Lt));var a=ut&&!St?Rn(Mt,Et,Lt):"";Et&&(a+=kn(Et)),a&&v(Xt,"#"+ge+" > .tns-item",a,h(Xt))}if(X&&P)for(var r in X){r=parseInt(r);var u=X[r],a="",l="",s="",c="",d="",f=St?null:Dn("items",r),p=Dn("fixedWidth",r),y=Dn("speed",r),g=Dn("edgePadding",r),w=Dn("autoHeight",r),T=Dn("gutter",r);j&&at&&Dn("autoHeight",r)&&"speed"in u&&(l="#"+ge+"-mw{"+Wn(y)+"}"),("edgePadding"in u||"gutter"in u)&&(s="#"+ge+"-iw{"+Pn(g,T,p,y,w)+"}"),J&&ut&&!St&&("fixedWidth"in u||"items"in u||Mt&&"gutter"in u)&&(c="width:"+Hn(p,T,f)+";"),j&&"speed"in u&&(c+=Wn(y)),c&&(c="#"+ge+"{"+c+"}"),("fixedWidth"in u||Mt&&"gutter"in u||!J&&"items"in u)&&(d+=Rn(p,T,f)),"gutter"in u&&(d+=kn(T)),!J&&"speed"in u&&(j&&(d+=Wn(y)),q&&(d+=jn(y))),d&&(d="#"+ge+" > .tns-item{"+d+"}"),(a=l+s+c+d)&&Xt.insertRule("@media (min-width: "+r/16+"em) {"+a+"}",Xt.cssRules.length)}}(),Fn();var Tn=kt?J?function(){var t=se,e=ce;t+=It,e-=It,Nt?(t+=1,e-=1):Mt&&(At+Et)%(Mt+Et)&&(e-=1),Ut&&(ue>e?ue-=vt:ue<t&&(ue+=vt))}:function(){if(ue>ce)for(;ue>=se+vt;)ue-=vt;else if(ue<se)for(;ue<=ce-vt;)ue+=vt}:function(){ue=Math.max(se,Math.min(ce,ue))},Bn=J?function(){var t,e,n,i,o,a,r,u,l,s,c;bi(ct,""),j||!Ht?(Si(),Ht&&A(ct)||Ai()):(t=ct,e=ie,n=oe,i=ae,o=Bi(),a=Ht,r=Ai,u=Math.min(a,10),l=o.indexOf("%")>=0?"%":"px",o=o.replace(l,""),s=Number(t.style[e].replace(n,"").replace(i,"").replace(l,"")),c=(o-s)/a*u,setTimeout(function o(){a-=u,s+=c,t.style[e]=n+s+l+i,a>0?setTimeout(o,u):r()},u)),ut||Gi()}:function(){Jt=[];var t={};t[$]=t[V]=Ai,R(pt[le],t),H(pt[ue],t),Mi(le,et,nt,!0),Mi(ue,ot,et),$&&V&&Ht&&A(ct)||Ai()};return{version:"2.9.2",getInfo:Yi,events:me,goTo:Oi,play:function(){$t&&!ln&&(Hi(),cn=!1)},pause:function(){ln&&(Ri(),cn=!0)},isOn:mt,updateSliderHeight:fi,refresh:Fn,destroy:function(){if(Xt.disabled=!0,Xt.ownerNode&&Xt.ownerNode.remove(),R(n,{resize:Kn}),Pt&&R(e,Ee),_e&&R(_e,Ce),Ye&&R(Ye,Se),R(ct,Me),R(ct,Ne),pn&&R(pn,{click:ki}),$t&&clearInterval(un),J&&$){var i={};i[$]=Ai,R(ct,i)}qt&&R(ct,Ae),_t&&R(ct,Oe);var o=[ft,$e,Ge,Qe,Je,vn];for(var a in G.forEach(function(e,n){var i="container"===e?lt:t[e];if("object"==typeof i){var a=!!i.previousElementSibling&&i.previousElementSibling,r=i.parentNode;i.outerHTML=o[n],t[e]=a?a.nextElementSibling:r.firstElementChild}}),G=et=nt=it=ot=ut=lt=st=ct=dt=ft=pt=vt=rt=ht=St=Mt=Nt=Et=At=Lt=It=Dt=Pt=Ht=Rt=kt=zt=Xt=Yt=yt=Jt=Ut=Zt=te=ee=ne=ie=oe=ae=re=ue=le=se=ce=fe=pe=ve=he=me=ye=ge=xe=be=we=Te=Be=Ce=Se=Me=Ne=Ee=Ae=Oe=Le=Ie=De=Pe=He=Re=ke=ze=We=gt=Wt=jt=_e=$e=Ve=Ke=Fe=qe=Ft=Ye=Je=Xe=Ue=Ze=tn=en=nn=on=an=rn=$t=Vt=fn=Kt=Gt=pn=vn=Qt=hn=un=ln=sn=cn=dn=gn=xn=mn=bn=yn=wn=qt=_t=null,this)"rebuild"!==a&&(this[a]=null);mt=!1},rebuild:function(){return k(u(t,Q))}}}function Cn(t){t&&(Wt=Ft=qt=_t=Pt=$t=Gt=Qt=!1)}function Sn(){for(var t=J?ue-Ut:ue;t<0;)t+=vt;return t%vt+1}function Mn(t){return t=t?Math.max(0,Math.min(kt?vt-1:vt-Lt,t)):0,J?t+Ut:t}function Nn(t){for(null==t&&(t=ue),J&&(t-=Ut);t<0;)t+=vt;return Math.floor(t%vt)}function En(){var t,e=Nn();return t=De?e:Mt||St?Math.ceil((e+1)*Ue/vt-1):Math.floor(e/Lt),!kt&&J&&ue===ce&&(t=Ue-1),t}function An(){return n.innerWidth||e.documentElement.clientWidth||e.body.clientWidth}function On(t){return"top"===t?"afterbegin":"beforeend"}function Ln(){var t=Nt?2*Nt-Et:0;return function t(n){var i,o,a=e.createElement("div");return n.appendChild(a),o=(i=a.getBoundingClientRect()).right-i.left,a.remove(),o||t(n.parentNode)}(dt)-t}function In(e){if(t[e])return!0;if(X)for(var n in X)if(X[n][e])return!0;return!1}function Dn(e,n){if(null==n&&(n=ht),"items"===e&&Mt)return Math.floor((At+Et)/(Mt+Et))||1;var i=t[e];if(X)for(var o in X)n>=parseInt(o)&&e in X[o]&&(i=X[o][e]);return"slideBy"===e&&"page"===i&&(i=Dn("items")),J||"slideBy"!==e&&"items"!==e||(i=Math.floor(i)),i}function Pn(t,e,n,i,o){var a="";if(void 0!==t){var r=t;e&&(r-=e),a=ut?"margin: 0 "+r+"px 0 "+t+"px;":"margin: "+t+"px 0 "+r+"px 0;"}else if(e&&!n){var u="-"+e+"px";a="margin: 0 "+(ut?u+" 0 0":"0 "+u+" 0")+";"}return!J&&o&&j&&i&&(a+=Wn(i)),a}function Hn(t,e,n){return t?(t+e)*Zt+"px":I?I+"("+100*Zt+"% / "+n+")":100*Zt/n+"%"}function Rn(t,e,n){var i;if(t)i=t+e+"px";else{J||(n=Math.floor(n));var o=J?Zt:n;i=I?I+"(100% / "+o+")":100/o+"%"}return i="width:"+i,"inner"!==Y?i+";":i+" !important;"}function kn(t){var e="";!1!==t&&(e=(ut?"padding-":"margin-")+(ut?"right":"bottom")+": "+t+"px;");return e}function zn(t,e){var n=t.substring(0,t.length-e).toLowerCase();return n&&(n="-"+n+"-"),n}function Wn(t){return zn(j,18)+"transition-duration:"+t/1e3+"s;"}function jn(t){return zn(q,17)+"animation-duration:"+t/1e3+"s;"}function Fn(){if(In("autoHeight")||St||!ut){var t=ct.querySelectorAll("img");m(t,function(t){var e=t.src;e&&e.indexOf("data:image")<0?(H(t,We),t.src="",t.src=e,x(t,"loading")):Yt||oi(t)}),o(function(){li(M(t),function(){gt=!0})}),!St&&ut&&(t=ri(ue,Math.min(ue+Lt-1,Zt-1))),Yt?qn():o(function(){li(M(t),qn)})}else J&&Ci(),$n(),Vn()}function qn(){if(St){var t=kt?ue:vt-1;!function e(){pt[t-1].getBoundingClientRect().right.toFixed(2)===pt[t].getBoundingClientRect().left.toFixed(2)?_n():setTimeout(function(){e()},16)}()}else _n()}function _n(){ut&&!St||(pi(),St?(ee=Ti(),we&&(Te=Qn()),ce=re(),Cn(xe||Te)):Gi()),J&&Ci(),$n(),Vn()}function $n(){if(vi(),lt.insertAdjacentHTML("afterbegin",'<div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide <span class="current">'+ei()+"</span>  of "+vt+"</div>"),xt=lt.querySelector(".tns-liveregion .current"),Pe){var e=$t?"stop":"start";pn?C(pn,{"data-action":e}):t.autoplayButtonOutput&&(lt.insertAdjacentHTML(On(t.autoplayPosition),'<button data-action="'+e+'">'+hn[0]+e+hn[1]+Kt[0]+"</button>"),pn=lt.querySelector("[data-action]")),pn&&H(pn,{click:ki}),$t&&(Hi(),Gt&&H(ct,Me),Qt&&H(ct,Ne))}if(Ie){if(Ye)C(Ye,{"aria-label":"Carousel Pagination"}),m(Xe=Ye.children,function(t,e){C(t,{"data-nav":e,tabindex:"-1","aria-label":an+(e+1),"aria-controls":ge})});else{for(var n="",i=De?"":'style="display:none"',o=0;o<vt;o++)n+='<button data-nav="'+o+'" tabindex="-1" aria-controls="'+ge+'" '+i+' aria-label="'+an+(o+1)+'"></button>';n='<div class="tns-nav" aria-label="Carousel Pagination">'+n+"</div>",lt.insertAdjacentHTML(On(t.navPosition),n),Ye=lt.querySelector(".tns-nav"),Xe=Ye.children}if(Xi(),j){var a=j.substring(0,j.length-18).toLowerCase(),r="transition: all "+Ht/1e3+"s";a&&(r="-"+a+"-"+r),v(Xt,"[aria-controls^="+ge+"-item]",r,h(Xt))}C(Xe[en],{"aria-label":an+(en+1)+rn}),S(Xe[en],"tabindex"),x(Xe[en],on),H(Ye,Se)}Le&&(_e||Ve&&Ke||(lt.insertAdjacentHTML(On(t.controlsPosition),'<div class="tns-controls" aria-label="Carousel Navigation" tabindex="0"><button data-controls="prev" tabindex="-1" aria-controls="'+ge+'">'+jt[0]+'</button><button data-controls="next" tabindex="-1" aria-controls="'+ge+'">'+jt[1]+"</button></div>"),_e=lt.querySelector(".tns-controls")),Ve&&Ke||(Ve=_e.children[0],Ke=_e.children[1]),t.controlsContainer&&C(_e,{"aria-label":"Carousel Navigation",tabindex:"0"}),(t.controlsContainer||t.prevButton&&t.nextButton)&&C([Ve,Ke],{"aria-controls":ge,tabindex:"-1"}),(t.controlsContainer||t.prevButton&&t.nextButton)&&(C(Ve,{"data-controls":"prev"}),C(Ke,{"data-controls":"next"})),Fe=mi(Ve),qe=mi(Ke),xi(),_e?H(_e,Ce):(H(Ve,Ce),H(Ke,Ce))),Yn()}function Vn(){if(J&&$){var i={};i[$]=Ai,H(ct,i)}qt&&H(ct,Ae,t.preventScrollOnTouch),_t&&H(ct,Oe),Pt&&H(e,Ee),"inner"===Y?me.on("outerResized",function(){Gn(),me.emit("innerLoaded",Yi())}):(X||Mt||St||zt||!ut)&&H(n,{resize:Kn}),zt&&("outer"===Y?me.on("innerLoaded",ui):xe||ui()),ii(),xe?Zn():Te&&Un(),me.on("indexChanged",si),"inner"===Y&&me.emit("innerLoaded",Yi()),"function"==typeof he&&he(Yi()),mt=!0}function Kn(t){o(function(){Gn(Wi(t))})}function Gn(n){if(mt){"outer"===Y&&me.emit("outerResized",Yi(n)),ht=An();var i,o=rt,a=!1;X&&(Xn(),(i=o!==rt)&&me.emit("newBreakpointStart",Yi(n)));var r,u,l=Lt,s=xe,c=Te,d=Pt,f=Wt,p=Ft,y=qt,g=_t,w=$t,T=Gt,B=Qt,C=ue;if(i){var S=Mt,M=zt,A=jt,O=Ot,L=Kt;if(!P)var I=Et,D=Nt}if(Pt=Dn("arrowKeys"),Wt=Dn("controls"),Ft=Dn("nav"),qt=Dn("touch"),Ot=Dn("center"),_t=Dn("mouseDrag"),$t=Dn("autoplay"),Gt=Dn("autoplayHoverPause"),Qt=Dn("autoplayResetOnVisibility"),i&&(xe=Dn("disable"),Mt=Dn("fixedWidth"),Ht=Dn("speed"),zt=Dn("autoHeight"),jt=Dn("controlsText"),Kt=Dn("autoplayText"),Vt=Dn("autoplayTimeout"),P||(Nt=Dn("edgePadding"),Et=Dn("gutter"))),Cn(xe),At=Ln(),ut&&!St||xe||(pi(),ut||(Gi(),a=!0)),(Mt||St)&&(ee=Ti(),ce=re()),(i||Mt)&&(Lt=Dn("items"),It=Dn("slideBy"),(u=Lt!==l)&&(Mt||St||(ce=re()),Tn())),i&&xe!==s&&(xe?Zn():function(){if(!be)return;if(Xt.disabled=!1,ct.className+=ye,Ci(),kt)for(var t=Ut;t--;)J&&E(pt[t]),E(pt[Zt-t-1]);if(!J)for(var e=ue,n=ue+vt;e<n;e++){var i=pt[e],o=e<ue+Lt?et:ot;i.style.left=100*(e-ue)/Lt+"%",x(i,o)}Jn(),be=!1}()),we&&(i||Mt||St)&&(Te=Qn())!==c&&(Te?(Si(Bi(Mn(0))),Un()):(!function(){if(!Be)return;Nt&&P&&(st.style.margin="");if(Ut)for(var t="tns-transparent",e=Ut;e--;)J&&b(pt[e],t),b(pt[Zt-e-1],t);Jn(),Be=!1}(),a=!0)),Cn(xe||Te),$t||(Gt=Qt=!1),Pt!==d&&(Pt?H(e,Ee):R(e,Ee)),Wt!==f&&(Wt?_e?E(_e):(Ve&&E(Ve),Ke&&E(Ke)):_e?N(_e):(Ve&&N(Ve),Ke&&N(Ke))),Ft!==p&&(Ft?E(Ye):N(Ye)),qt!==y&&(qt?H(ct,Ae,t.preventScrollOnTouch):R(ct,Ae)),_t!==g&&(_t?H(ct,Oe):R(ct,Oe)),$t!==w&&($t?(pn&&E(pn),ln||cn||Hi()):(pn&&N(pn),ln&&Ri())),Gt!==T&&(Gt?H(ct,Me):R(ct,Me)),Qt!==B&&(Qt?H(e,Ne):R(e,Ne)),i){if(Mt===S&&Ot===O||(a=!0),zt!==M&&(zt||(st.style.height="")),Wt&&jt!==A&&(Ve.innerHTML=jt[0],Ke.innerHTML=jt[1]),pn&&Kt!==L){var k=$t?1:0,z=pn.innerHTML,W=z.length-L[k].length;z.substring(W)===L[k]&&(pn.innerHTML=z.substring(0,W)+Kt[k])}}else Ot&&(Mt||St)&&(a=!0);if((u||Mt&&!St)&&(Ue=Qi(),Xi()),(r=ue!==C)?(me.emit("indexChanged",Yi()),a=!0):u?r||si():(Mt||St)&&(ii(),vi(),ti()),u&&!J&&function(){for(var t=ue+Math.min(vt,Lt),e=Zt;e--;){var n=pt[e];e>=ue&&e<t?(x(n,"tns-moving"),n.style.left=100*(e-ue)/Lt+"%",x(n,et),b(n,ot)):n.style.left&&(n.style.left="",x(n,ot),b(n,et)),b(n,nt)}setTimeout(function(){m(pt,function(t){b(t,"tns-moving")})},300)}(),!xe&&!Te){if(i&&!P&&(zt===autoheightTem&&Ht===speedTem||ci(),Nt===D&&Et===I||(st.style.cssText=Pn(Nt,Et,Mt,Ht,zt)),ut)){J&&(ct.style.width=Hn(Mt,Et,Lt));var j=Rn(Mt,Et,Lt)+kn(Et);!function(t,e){"deleteRule"in t?t.deleteRule(e):t.removeRule(e)}(Xt,h(Xt)-1),v(Xt,"#"+ge+" > .tns-item",j,h(Xt))}zt&&ui(),a&&(Ci(),le=ue)}i&&me.emit("newBreakpointEnd",Yi(n))}}function Qn(){if(!Mt&&!St)return vt<=(Ot?Lt-(Lt-1)/2:Lt);var t=Mt?(Mt+Et)*vt:yt[vt],e=Nt?At+2*Nt:At+Et;return Ot&&(e-=Mt?(At-Mt)/2:(At-(yt[ue+1]-yt[ue]-Et))/2),t<=e}function Xn(){for(var t in rt=0,X)t=parseInt(t),ht>=t&&(rt=t)}function Yn(){!$t&&pn&&N(pn),!Ft&&Ye&&N(Ye),Wt||(_e?N(_e):(Ve&&N(Ve),Ke&&N(Ke)))}function Jn(){$t&&pn&&E(pn),Ft&&Ye&&E(Ye),Wt&&(_e?E(_e):(Ve&&E(Ve),Ke&&E(Ke)))}function Un(){if(!Be){if(Nt&&(st.style.margin="0px"),Ut)for(var t="tns-transparent",e=Ut;e--;)J&&x(pt[e],t),x(pt[Zt-e-1],t);Yn(),Be=!0}}function Zn(){if(!be){if(Xt.disabled=!0,ct.className=ct.className.replace(ye.substring(1),""),S(ct,["style"]),kt)for(var t=Ut;t--;)J&&N(pt[t]),N(pt[Zt-t-1]);if(ut&&J||S(st,["style"]),!J)for(var e=ue,n=ue+vt;e<n;e++){var i=pt[e];S(i,["style"]),b(i,et),b(i,ot)}Yn(),be=!0}}function ti(){var t=ei();xt.innerHTML!==t&&(xt.innerHTML=t)}function ei(){var t=ni(),e=t[0]+1,n=t[1]+1;return e===n?e+"":e+" to "+n}function ni(t){null==t&&(t=Bi());var e,n,i,o=ue;if(Ot||Nt?(St||Mt)&&(n=-(parseFloat(t)+Nt),i=n+At+2*Nt):St&&(n=yt[ue],i=n+At),St)yt.forEach(function(t,a){a<Zt&&((Ot||Nt)&&t<=n+.5&&(o=a),i-t>=.5&&(e=a))});else{if(Mt){var a=Mt+Et;Ot||Nt?(o=Math.floor(n/a),e=Math.ceil(i/a-1)):e=o+Math.ceil(At/a)-1}else if(Ot||Nt){var r=Lt-1;if(Ot?(o-=r/2,e=ue+r/2):e=ue+r,Nt){var u=Nt*Lt/At;o-=u,e+=u}o=Math.floor(o),e=Math.ceil(e)}else e=o+Lt-1;o=Math.max(o,0),e=Math.min(e,Zt-1)}return[o,e]}function ii(){Yt&&!xe&&ri.apply(null,ni()).forEach(function(t){if(!g(t,ze)){var e={};e[$]=function(t){t.stopPropagation()},H(t,e),H(t,We),t.src=T(t,"data-src");var n=T(t,"data-srcset");n&&(t.srcset=n),x(t,"loading")}})}function oi(t){x(t,"loaded"),ai(t)}function ai(t){x(t,"tns-complete"),b(t,"loading"),R(t,We)}function ri(t,e){for(var n=[];t<=e;)m(pt[t].querySelectorAll("img"),function(t){n.push(t)}),t++;return n}function ui(){var t=ri.apply(null,ni());o(function(){li(t,fi)})}function li(t,e){return gt?e():(t.forEach(function(e,n){g(e,ze)&&t.splice(n,1)}),t.length?void o(function(){li(t,e)}):e())}function si(){ii(),vi(),ti(),xi(),function(){if(Ft&&(en=tn>=0?tn:En(),tn=-1,en!==nn)){var t=Xe[nn],e=Xe[en];C(t,{tabindex:"-1","aria-label":an+(nn+1)}),b(t,on),C(e,{"aria-label":an+(en+1)+rn}),S(e,"tabindex"),x(e,on),nn=en}}()}function ci(){J&&zt&&(at.style[j]=Ht/1e3+"s")}function di(t,e){for(var n=[],i=t,o=Math.min(t+e,Zt);i<o;i++)n.push(pt[i].offsetHeight);return Math.max.apply(null,n)}function fi(){var t=zt?di(ue,Lt):di(Ut,vt),e=at||st;e.style.height!==t&&(e.style.height=t+"px")}function pi(){yt=[0];var t=ut?"left":"top",e=ut?"right":"bottom",n=pt[0].getBoundingClientRect()[t];m(pt,function(i,o){o&&yt.push(i.getBoundingClientRect()[t]-n),o===Zt-1&&yt.push(i.getBoundingClientRect()[e]-n)})}function vi(){var t=ni(),e=t[0],n=t[1];m(pt,function(t,i){i>=e&&i<=n?w(t,"aria-hidden")&&(S(t,["aria-hidden","tabindex"]),x(t,ke)):w(t,"aria-hidden")||(C(t,{"aria-hidden":"true",tabindex:"-1"}),b(t,ke))})}function hi(t){return t.nodeName.toLowerCase()}function mi(t){return"button"===hi(t)}function yi(t){return"true"===t.getAttribute("aria-disabled")}function gi(t,e,n){t?e.disabled=n:e.setAttribute("aria-disabled",n.toString())}function xi(){if(Wt&&!Rt&&!kt){var t=Fe?Ve.disabled:yi(Ve),e=qe?Ke.disabled:yi(Ke),n=ue<=se,i=!Rt&&ue>=ce;n&&!t&&gi(Fe,Ve,!0),!n&&t&&gi(Fe,Ve,!1),i&&!e&&gi(qe,Ke,!0),!i&&e&&gi(qe,Ke,!1)}}function bi(t,e){j&&(t.style[j]=e)}function wi(t){return null==t&&(t=ue),St?(At-(Nt?Et:0)-(yt[t+1]-yt[t]-Et))/2:Mt?(At-Mt)/2:(Lt-1)/2}function Ti(){var t=At+(Nt?Et:0)-(Mt?(Mt+Et)*Zt:yt[Zt]);return Ot&&!kt&&(t=Mt?-(Mt+Et)*(Zt-1)-wi():wi(Zt-1)-yt[Zt-1]),t>0&&(t=0),t}function Bi(t){var e;if(null==t&&(t=ue),ut&&!St)if(Mt)e=-(Mt+Et)*t,Ot&&(e+=wi());else{var n=z?Zt:Lt;Ot&&(t-=wi()),e=100*-t/n}else e=-yt[t],Ot&&St&&(e+=wi());return te&&(e=Math.max(e,ee)),e+=!ut||St||Mt?"px":"%"}function Ci(t){bi(ct,"0s"),Si(t)}function Si(t){null==t&&(t=Bi()),ct.style[ie]=oe+t+ae}function Mi(t,e,n,i){var o=t+Lt;kt||(o=Math.min(o,Zt));for(var a=t;a<o;a++){var r=pt[a];i||(r.style.left=100*(a-ue)/Lt+"%"),it&&F&&(r.style[F]=r.style[_]=it*(a-t)/1e3+"s"),b(r,e),x(r,n),i&&Jt.push(r)}}function Ni(t,e){ne&&Tn(),(ue!==le||e)&&(me.emit("indexChanged",Yi()),me.emit("transitionStart",Yi()),zt&&ui(),ln&&t&&["click","keydown"].indexOf(t.type)>=0&&Ri(),ve=!0,Bn())}function Ei(t){return t.toLowerCase().replace(/-/g,"")}function Ai(t){if(J||ve){if(me.emit("transitionEnd",Yi(t)),!J&&Jt.length>0)for(var e=0;e<Jt.length;e++){var n=Jt[e];n.style.left="",_&&F&&(n.style[_]="",n.style[F]=""),b(n,nt),x(n,ot)}if(!t||!J&&t.target.parentNode===ct||t.target===ct&&Ei(t.propertyName)===Ei(ie)){if(!ne){var i=ue;Tn(),ue!==i&&(me.emit("indexChanged",Yi()),Ci())}"inner"===Y&&me.emit("innerLoaded",Yi()),ve=!1,le=ue}}}function Oi(t,e){if(!Te)if("prev"===t)Li(e,-1);else if("next"===t)Li(e,1);else{if(ve){if(de)return;Ai()}var n=Nn(),i=0;if("first"===t?i=-n:"last"===t?i=J?vt-Lt-n:vt-1-n:("number"!=typeof t&&(t=parseInt(t)),isNaN(t)||(e||(t=Math.max(0,Math.min(vt-1,t))),i=t-n)),!J&&i&&Math.abs(i)<Lt){var o=i>0?1:-1;i+=ue+i-vt>=se?vt*o:2*vt*o*-1}ue+=i,J&&kt&&(ue<se&&(ue+=vt),ue>ce&&(ue-=vt)),Nn(ue)!==Nn(le)&&Ni(e)}}function Li(t,e){if(ve){if(de)return;Ai()}var n;if(!e){for(var i=ji(t=Wi(t));i!==_e&&[Ve,Ke].indexOf(i)<0;)i=i.parentNode;var o=[Ve,Ke].indexOf(i);o>=0&&(n=!0,e=0===o?-1:1)}if(Rt){if(ue===se&&-1===e)return void Oi("last",t);if(ue===ce&&1===e)return void Oi("first",t)}e&&(ue+=It*e,St&&(ue=Math.floor(ue)),Ni(n||t&&"keydown"===t.type?t:null))}function Ii(){un=setInterval(function(){Li(null,fn)},Vt),ln=!0}function Di(){clearInterval(un),ln=!1}function Pi(t,e){C(pn,{"data-action":t}),pn.innerHTML=hn[0]+t+hn[1]+e}function Hi(){Ii(),pn&&Pi("stop",Kt[1])}function Ri(){Di(),pn&&Pi("start",Kt[0])}function ki(){ln?(Ri(),cn=!0):(Hi(),cn=!1)}function zi(t){t.focus()}function Wi(t){return Fi(t=t||n.event)?t.changedTouches[0]:t}function ji(t){return t.target||n.event.srcElement}function Fi(t){return t.type.indexOf("touch")>=0}function qi(t){t.preventDefault?t.preventDefault():t.returnValue=!1}function _i(){return a=xn.y-gn.y,r=xn.x-gn.x,e=Math.atan2(a,r)*(180/Math.PI),n=fe,i=!1,(o=Math.abs(90-Math.abs(e)))>=90-n?i="horizontal":o<=n&&(i="vertical"),i===t.axis;var e,n,i,o,a,r}function $i(t){if(ve){if(de)return;Ai()}$t&&ln&&Di(),bn=!0,yn&&(r(yn),yn=null);var e=Wi(t);me.emit(Fi(t)?"touchStart":"dragStart",Yi(t)),!Fi(t)&&["img","a"].indexOf(hi(ji(t)))>=0&&qi(t),xn.x=gn.x=e.clientX,xn.y=gn.y=e.clientY,J&&(mn=parseFloat(ct.style[ie].replace(oe,"")),bi(ct,"0s"))}function Vi(t){if(bn){var e=Wi(t);xn.x=e.clientX,xn.y=e.clientY,J?yn||(yn=o(function(){!function t(e){if(!pe)return void(bn=!1);r(yn);bn&&(yn=o(function(){t(e)}));"?"===pe&&(pe=_i());if(pe){!je&&Fi(e)&&(je=!0);try{e.type&&me.emit(Fi(e)?"touchMove":"dragMove",Yi(e))}catch(t){}var n=mn,i=wn(xn,gn);if(!ut||Mt||St)n+=i,n+="px";else{var a=z?i*Lt*100/((At+Et)*Zt):100*i/(At+Et);n+=a,n+="%"}ct.style[ie]=oe+n+ae}}(t)})):("?"===pe&&(pe=_i()),pe&&(je=!0)),je&&t.preventDefault()}}function Ki(e){if(bn){yn&&(r(yn),yn=null),J&&bi(ct,""),bn=!1;var n=Wi(e);xn.x=n.clientX,xn.y=n.clientY;var i=wn(xn,gn);if(Math.abs(i)){if(!Fi(e)){var a=ji(e);H(a,{click:function t(e){qi(e),R(a,{click:t})}})}J?yn=o(function(){if(ut&&!St){var t=-i*Lt/(At+Et);t=i>0?Math.floor(t):Math.ceil(t),ue+=t}else{var n=-(mn+i);if(n<=0)ue=se;else if(n>=yt[Zt-1])ue=ce;else for(var o=0;o<Zt&&n>=yt[o];)ue=o,n>yt[o]&&i<0&&(ue+=1),o++}Ni(e,i),me.emit(Fi(e)?"touchEnd":"dragEnd",Yi(e))}):pe&&Li(e,i>0?-1:1)}}"auto"===t.preventScrollOnTouch&&(je=!1),fe&&(pe="?"),$t&&!ln&&Ii()}function Gi(){(at||st).style.height=yt[ue+Lt]-yt[ue]+"px"}function Qi(){var t=Mt?(Mt+Et)*vt/At:vt/Lt;return Math.min(Math.ceil(t),vt)}function Xi(){if(Ft&&!De&&Ue!==Ze){var t=Ze,e=Ue,n=E;for(Ze>Ue&&(t=Ue,e=Ze,n=N);t<e;)n(Xe[t]),t++;Ze=Ue}}function Yi(t){return{container:ct,slideItems:pt,navContainer:Ye,navItems:Xe,controlsContainer:_e,hasControls:Le,prevButton:Ve,nextButton:Ke,items:Lt,slideBy:It,cloneCount:Ut,slideCount:vt,slideCountNew:Zt,index:ue,indexCached:le,displayIndex:Sn(),navCurrentIndex:en,navCurrentIndexCached:nn,pages:Ue,pagesCached:Ze,sheet:Xt,isOn:mt,event:t||{}}}K&&console.warn("No slides found in",t.container)}},function(t,e){"remove"in Element.prototype||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})},function(t,e){Object.keys||(Object.keys=function(t){var e=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.push(n);return e})},function(t,e,n){"use strict";var i=n(0),o={eventsList:["indexChanged","transitionStart","transitionEnd","newBreakpointStart","newBreakpointEnd","touchStart","touchMove","touchEnd","dragStart","dragMove","dragEnd"],props:{mode:{type:[String],default:"carousel"},autoInit:{type:[Boolean],default:!0},axis:{type:[String],validator:function(t){return"horizontal"===t||"vertical"===t}},items:{type:[String,Number],default:1},gutter:{type:[String,Number],default:0},edgePadding:{type:[String,Number],default:0},fixedWidth:{type:[String,Boolean,Number],default:!1},viewportMax:{type:[String,Boolean,Number],default:!1},swipeAngle:{type:[Boolean,Number],default:15},slideBy:{type:[String,Number],default:1},controls:{type:[String,Boolean],default:!0},controlsPosition:{type:[String],validator:function(t){return"top"===t||"bottom"===t},default:"top"},controlsText:{type:[Array],default:function(){return["prev","next"]}},controlsContainer:{type:[Boolean,Node,String],default:!1},prevButton:{type:[Node,String,Boolean],default:!1},nextButton:{type:[Node,String,Boolean],default:!1},nav:{type:[Boolean],default:!0},navPosition:{type:[String],default:"top"},navContainer:{type:[Boolean,Node,String],default:!1},navAsThumbnails:{type:[Boolean],default:!1},arrowKeys:{type:[Boolean],default:!1},speed:{type:[String,Number],default:300},autoplay:{type:[Boolean],default:!1},autoplayTimeout:{type:[Number],default:5e3},autoplayDirection:{type:[String],default:"forward",validator:function(t){return"forward"===t||"backward"===t}},autoplayText:{type:[Array],default:function(){return["start","stop"]}},autoplayHoverPause:{type:[Boolean],default:!1},autoplayButton:{type:[Boolean,Node,String],default:!1},autoplayButtonOutput:{type:[Boolean],default:!0},autoplayResetOnVisibility:{type:[Boolean],default:!0},animateIn:{type:[String],default:"tns-fadeIn"},animateOut:{type:[String],default:"tns-fadeOut"},animateNormal:{type:[String],default:"tns-normal"},animateDelay:{type:[String,Number,Boolean],default:!1},loop:{type:[Boolean],default:!0},rewind:{type:[Boolean],default:!1},autoHeight:{type:[Boolean],default:!1},responsive:{type:[Boolean,Object],default:!1},lazyload:{type:[Boolean],default:!1},touch:{type:[Boolean],default:!0},mouseDrag:{type:[Boolean],default:!1},nested:{type:[String,Boolean],default:!1,validator:function(t){return"inner"===t||"outer"===t||!1===t}},freezable:{type:[Boolean],default:!0},disable:{type:[Boolean],default:!1},startIndex:{type:[Number],default:0},onInit:{type:[Function,Boolean],default:!1},center:{type:Boolean,default:!1},lazyLoadSelector:{type:String,default:".tns-lazy-img"},preventActionWhenRunning:{type:Boolean,default:!1},autoWidth:{type:Boolean,default:!1},preventScrollOnTouch:{type:[String,Boolean],default:!1,validator:function(t){return"auto"===t||"force"===t||!1===t}},useLocalStorage:{type:[Boolean],default:!0}},mounted:function(){this.autoInit&&this.init()},beforeDestroy:function(){this.slider&&this.slider.destroy()},methods:{$_vueTinySlider_subscribeTo:function(t){var e=this;this.slider.events.on(t,function(n){e.$emit(t,n)})},$_vueTinySlider_subscribeToAll:function(){this.$options.eventsList.forEach(this.$_vueTinySlider_subscribeTo)},goTo:function(t){this.slider.goTo(t)},rebuild:function(){this.slider=this.slider.rebuild(),this.$emit("rebuild")},getInfo:function(){this.$emit("getInfo",this.slider.getInfo(),this.slider)},destroy:function(){this.slider.destroy()},init:function(){var t={container:this.$el,axis:this.axis,items:parseInt(this.items),mode:this.mode,gutter:this.gutter,edgePadding:this.edgePadding,fixedWidth:this.fixedWidth?parseInt(this.fixedWidth,10):this.fixedWidth,viewportMax:this.viewportMax,slideBy:this.slideBy,controls:this.controls,controlsPosition:this.controlsPosition,controlsText:this.controlsText,controlsContainer:this.controlsContainer,prevButton:this.prevButton,nextButton:this.nextButton,nav:this.nav,navPosition:this.navPosition,navContainer:this.navContainer,navAsThumbnails:this.navAsThumbnails,arrowKeys:this.arrowKeys,speed:this.speed,autoplay:this.autoplay,autoplayTimeout:this.autoplayTimeout,autoplayDirection:this.autoplayDirection,autoplayText:this.autoplayText,autoplayHoverPause:this.autoplayHoverPause,autoplayButton:this.autoplayButton,autoplayButtonOutput:this.autoplayButtonOutput,autoplayResetOnVisibility:this.autoplayResetOnVisibility,animateIn:this.animateIn,animateOut:this.animateOut,animateNormal:this.animateNormal,animateDelay:this.animateDelay,loop:this.loop,rewind:this.rewind,autoHeight:this.autoHeight,responsive:this.responsive,lazyload:this.lazyload,touch:this.touch,mouseDrag:this.mouseDrag,nested:this.nested,freezable:this.freezable,disable:this.disable,onInit:this.onInit,swipeAngle:this.swipeAngle,startIndex:this.startIndex,center:this.center,lazyLoadSelector:this.lazyLoadSelector,preventActionWhenRunning:this.preventActionWhenRunning,preventScrollOnTouch:this.preventScrollOnTouch,autoWidth:this.autoWidth,useLocalStorage:this.useLocalStorage};!function(t){for(var e in t)t.hasOwnProperty(e)&&void 0===t[e]&&delete t[e]}(t),this.slider=(0,i.tns)(t),this.$emit("init"),this.$_vueTinySlider_subscribeToAll()}},render:function(t){return t("div",this.$slots.default)}};t.exports=o}])});
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./resources/js/main.js":
/*!******************************!*\
  !*** ./resources/js/main.js ***!
  \******************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var vue_tiny_slider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-tiny-slider */ "./node_modules/vue-tiny-slider/dist/index.js");
/* harmony import */ var vue_tiny_slider__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue_tiny_slider__WEBPACK_IMPORTED_MODULE_0__);

Vue.component("max-slider", vue_tiny_slider__WEBPACK_IMPORTED_MODULE_0___default.a); // import Vue from 'vue'

/***/ })

/******/ });
//# sourceMappingURL=max-slider.js.map

Call:

<max-slider>
    <div class="hero-slider">
        <div>Slider item #1</div>
        <div>Slider item #2</div>
    </div>
</max-slider>

Sincerly when calling the component I got the result mentioned in the beginning. I tried so many different times to integrate but no success. Could you please help?