Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@chenfengyuan/vue-carousel
Advanced tools
@chenfengyuan/vue-carousel - npm Package Compare versions
Comparing version 0.1.0 to 0.1.1
| # Changelog | ||
| ## 0.1.1 (Aug 5, 2018) | ||
| - Force production mode to reduce the size of the bundled files. | ||
| ## 0.1.0 (Jun 28, 2018) | ||
@@ -4,0 +8,0 @@ |
| /*! | ||
| * vue-carousel v0.1.0 | ||
| * vue-carousel v0.1.1 | ||
| * https://fengyuanchen.github.io/vue-carousel | ||
@@ -8,3 +8,3 @@ * | ||
| * | ||
| * Date: 2018-06-28T14:30:31.714Z | ||
| * Date: 2018-08-05T06:48:22.320Z | ||
| */ | ||
@@ -652,5 +652,5 @@ | ||
| /* style */ | ||
| var __vue_inject_styles__ = function (inject) { | ||
| var __vue_inject_styles__ = function __vue_inject_styles__(inject) { | ||
| if (!inject) return; | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8] {\n position: relative;\n touch-action: none;\n user-select: none;\n}\n.carousel--up > .carousel__indicators[data-v-265110c8], .carousel--down > .carousel__indicators[data-v-265110c8] {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n}\n.carousel--up > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before {\n height: 100%;\n width: .125rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8], .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n height: .75rem;\n width: 1.5rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n height: .5rem;\n width: .5rem;\n}\n.carousel--right > .carousel__indicators[data-v-265110c8] {\n flex-direction: row-reverse;\n}\n.carousel--down > .carousel__indicators[data-v-265110c8] {\n flex-direction: column-reverse;\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8] {\n opacity: .5;\n z-index: 1;\n transform: translateX(0);\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8]:focus, .carousel--controls:hover > .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel--controls > .carousel__control[data-v-265110c8] {\n opacity: 0;\n z-index: -1;\n}\n.carousel--controls > .carousel__control--prev[data-v-265110c8] {\n transform: translateX(-50%);\n}\n.carousel--controls > .carousel__control--next[data-v-265110c8] {\n transform: translateX(50%);\n}\n.carousel--indicators:hover > .carousel__indicators[data-v-265110c8] {\n opacity: 1;\n z-index: 1;\n}\n.carousel--indicators > .carousel__indicators[data-v-265110c8] {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1;\n}\n.carousel__list[data-v-265110c8] {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%;\n}\n.carousel__item[data-v-265110c8] {\n display: none;\n margin: 0;\n}\n.carousel__item--active[data-v-265110c8], .carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%;\n}\n.carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n left: 0;\n position: absolute;\n top: 0;\n}\n.carousel__item--top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--active[data-v-265110c8] {\n transform: translate(0, 0);\n z-index: 1;\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__indicators[data-v-265110c8] {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n width: .75rem;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem;\n}\n.carousel__indicator[data-v-265110c8] {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem;\n}\n.carousel__indicator[data-v-265110c8]::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n}\n.carousel__indicator--active[data-v-265110c8] {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8] {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem;\n}\n.carousel__control[data-v-265110c8]:focus, .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8]:focus {\n outline: none;\n}\n.carousel__control[data-v-265110c8]::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem;\n}\n.carousel__control--prev[data-v-265110c8] {\n left: 1rem;\n}\n.carousel__control--prev[data-v-265110c8]::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem;\n}\n.carousel__control--next[data-v-265110c8] {\n right: 1rem;\n}\n.carousel__control--next[data-v-265110c8]::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: { "version": 3, "sources": ['C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue', "index.vue"], "names": [], "mappings": ";AAkhBA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;CAyRA;AAvRA;IAGA,aAAA;IACA,uBAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,8BAAA;CAQA;AAhBA;MAYA,aAAA;MACA,eAAA;CACA;AAdA;IAoBA,eAAA;IACA,cAAA;CAMA;AA3BA;MAwBA,cAAA;MACA,aAAA;CACA;AAKA;IAEA,4BAAA;CACA;AAGA;IAEA,+BAAA;CACA;AAGA;IAGA,YAAA;IACA,WAAA;IACA,yBAAA;CAMA;AAXA;MASA,WAAA;CACA;AAVA;IAeA,WAAA;IACA,YAAA;CACA;AAjBA;IAoBA,4BAAA;CACA;AArBA;IAwBA,2BAAA;CACA;AAGA;IAGA,WAAA;IACA,WAAA;CACA;AALA;IASA,WAAA;IACA,yBAAA;IACA,YAAA;CACA;AAGA;IACA,UAAA;IACA,iBAAA;IACA,WAAA;IACA,mBAAA;IACA,YAAA;CACA;AAEA;IACA,cAAA;IACA,UAAA;CAyEA;AAvEA;MAKA,eAAA;MACA,sCAAA;MACA,YAAA;CACA;AAEA;MAIA,QAAA;MACA,mBAAA;MACA,OAAA;CACA;AAEA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,2BAAA;MACA,WAAA;CAiBA;AAnBA;QAKA,6BAAA;CACA;AANA;QASA,4BAAA;CACA;AAVA;QAaA,4BAAA;CACA;AAdA;QAiBA,6BAAA;CACA;AAIA;IACA,UAAA;IACA,cAAA;IACA,wBAAA;IACA,UAAA;IACA,iBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,WAAA;CAaA;AAXA;MAEA,cAAA;CAOA;AATA;QAKA,mBAAA;QACA,cAAA;QACA,aAAA;CACA;AAKA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,YAAA;IACA,mBAAA;IACA,yBAAA;IACA,cAAA;CAiBA;AAxBA;MAUA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,gBAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,iCAAA;MACA,YAAA;CACA;AAEA;MACA,WAAA;CACA;AAGA;IACA,qCAAA;IACA,UAAA;IACA,mBAAA;IACA,YAAA;IACA,gBAAA;IACA,aAAA;IACA,kBAAA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,SAAA;IACA,qBAAA;IACA,YAAA;CA2CA;AAxDA;MAiBA,WAAA;CACA;AAlBA;MAqBA,cAAA;CACA;AAtBA;MAyBA,mCAAA;MACA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,cAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,+CAAA;MACA,aAAA;CACA;AAEA;MACA,WAAA;CAOA;AARA;QAIA,0BAAA;QACA,wBAAA;QACA,qBAAA;CACA;AAGA;MACA,YAAA;CAOA;AARA;QAIA,yBAAA;QACA,uBAAA;QACA,sBAAA;CACA;;ACpoBA,qCAAqC", "file": "index.vue", "sourcesContent": [null, ".carousel {\n position: relative;\n touch-action: none;\n user-select: none; }\n .carousel--up > .carousel__indicators, .carousel--down > .carousel__indicators {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%); }\n .carousel--up > .carousel__indicators > .carousel__indicator::before, .carousel--down > .carousel__indicators > .carousel__indicator::before {\n height: 100%;\n width: .125rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator, .carousel--down > .carousel__indicators--disc > .carousel__indicator {\n height: .75rem;\n width: 1.5rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator::before {\n height: .5rem;\n width: .5rem; }\n .carousel--right > .carousel__indicators {\n flex-direction: row-reverse; }\n .carousel--down > .carousel__indicators {\n flex-direction: column-reverse; }\n .carousel--controls:hover > .carousel__control {\n opacity: .5;\n z-index: 1;\n transform: translateX(0); }\n .carousel--controls:hover > .carousel__control:focus, .carousel--controls:hover > .carousel__control:hover {\n opacity: 1; }\n .carousel--controls > .carousel__control {\n opacity: 0;\n z-index: -1; }\n .carousel--controls > .carousel__control--prev {\n transform: translateX(-50%); }\n .carousel--controls > .carousel__control--next {\n transform: translateX(50%); }\n .carousel--indicators:hover > .carousel__indicators {\n opacity: 1;\n z-index: 1; }\n .carousel--indicators > .carousel__indicators {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1; }\n .carousel__list {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%; }\n .carousel__item {\n display: none;\n margin: 0; }\n .carousel__item--active, .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%; }\n .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n left: 0;\n position: absolute;\n top: 0; }\n .carousel__item--top {\n transform: translateY(-100%); }\n .carousel__item--top.carousel__item--to-bottom {\n transform: translateY(0); }\n .carousel__item--right {\n transform: translateX(100%); }\n .carousel__item--right.carousel__item--to-left {\n transform: translateX(0); }\n .carousel__item--bottom {\n transform: translateY(100%); }\n .carousel__item--bottom.carousel__item--to-top {\n transform: translateY(0); }\n .carousel__item--left {\n transform: translateX(-100%); }\n .carousel__item--left.carousel__item--to-right {\n transform: translateX(0); }\n .carousel__item--active {\n transform: translate(0, 0);\n z-index: 1; }\n .carousel__item--active.carousel__item--to-top {\n transform: translateY(-100%); }\n .carousel__item--active.carousel__item--to-right {\n transform: translateX(100%); }\n .carousel__item--active.carousel__item--to-bottom {\n transform: translateY(100%); }\n .carousel__item--active.carousel__item--to-left {\n transform: translateX(-100%); }\n .carousel__indicators {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1; }\n .carousel__indicators--disc > .carousel__indicator {\n width: .75rem; }\n .carousel__indicators--disc > .carousel__indicator::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem; }\n .carousel__indicator {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem; }\n .carousel__indicator::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%; }\n .carousel__indicator--active {\n opacity: 1; }\n .carousel__control {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem; }\n .carousel__control:focus, .carousel__control:hover {\n opacity: 1; }\n .carousel__control:focus {\n outline: none; }\n .carousel__control::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem; }\n .carousel__control--prev {\n left: 1rem; }\n .carousel__control--prev::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem; }\n .carousel__control--next {\n right: 1rem; }\n .carousel__control--next::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem; }\n\n/*# sourceMappingURL=index.vue.map */"] }, media: undefined }); | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8]{position:relative;touch-action:none;user-select:none\n}\n.carousel--down>.carousel__indicators[data-v-265110c8],.carousel--up>.carousel__indicators[data-v-265110c8]{bottom:auto;flex-direction:column;left:auto;right:0;top:50%;transform:translate(0,-50%)\n}\n.carousel--down>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before{height:100%;width:.125rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8],.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{height:.75rem;width:1.5rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{height:.5rem;width:.5rem\n}\n.carousel--right>.carousel__indicators[data-v-265110c8]{flex-direction:row-reverse\n}\n.carousel--down>.carousel__indicators[data-v-265110c8]{flex-direction:column-reverse\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]{opacity:.5;z-index:1;transform:translateX(0)\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]:focus,.carousel--controls:hover>.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel--controls>.carousel__control[data-v-265110c8]{opacity:0;z-index:-1\n}\n.carousel--controls>.carousel__control--prev[data-v-265110c8]{transform:translateX(-50%)\n}\n.carousel--controls>.carousel__control--next[data-v-265110c8]{transform:translateX(50%)\n}\n.carousel--indicators:hover>.carousel__indicators[data-v-265110c8]{opacity:1;z-index:1\n}\n.carousel--indicators>.carousel__indicators[data-v-265110c8]{opacity:0;transition:opacity .15s;z-index:-1\n}\n.carousel__list[data-v-265110c8]{margin:0;overflow:hidden;padding:0;position:relative;width:100%\n}\n.carousel__item[data-v-265110c8]{display:none;margin:0\n}\n.carousel__item--active[data-v-265110c8],.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{display:block;transition:transform .6s ease-in-out;width:100%\n}\n.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{left:0;position:absolute;top:0\n}\n.carousel__item--top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--active[data-v-265110c8]{transform:translate(0,0);z-index:1\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__indicators[data-v-265110c8]{bottom:0;display:flex;justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translateX(-50%);z-index:1\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{width:.75rem\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{border-radius:50%;height:.5rem;width:.5rem\n}\n.carousel__indicator[data-v-265110c8]{cursor:pointer;height:1.5rem;margin:.125rem;opacity:.5;position:relative;transition:opacity .15s;width:1.5rem\n}\n.carousel__indicator[data-v-265110c8]::before{background-color:#fff;content:\"\";display:block;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%\n}\n.carousel__indicator--active[data-v-265110c8]{opacity:1\n}\n.carousel__control[data-v-265110c8]{background-color:rgba(0,0,0,.5);border:0;border-radius:50%;color:#fff;cursor:pointer;height:2rem;margin-top:-1rem;opacity:.5;padding:.5rem;position:absolute;top:50%;transition:all .15s;width:2rem\n}\n.carousel__control[data-v-265110c8]:focus,.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel__control[data-v-265110c8]:focus{outline:0\n}\n.carousel__control[data-v-265110c8]::before{border:.0625rem solid transparent;border-radius:.125rem;content:\"\";display:block;height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.5rem\n}\n.carousel__control--prev[data-v-265110c8]{left:1rem\n}\n.carousel__control--prev[data-v-265110c8]::before{border-bottom-color:#fff;border-left-color:#fff;margin-left:.125rem\n}\n.carousel__control--next[data-v-265110c8]{right:1rem\n}\n.carousel__control--next[data-v-265110c8]::before{border-right-color:#fff;border-top-color:#fff;margin-left:-.125rem\n}", map: undefined, media: undefined }); | ||
| }; | ||
@@ -667,5 +667,4 @@ /* scoped */ | ||
| { | ||
| component.__file = 'C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue'; | ||
| } | ||
| // For security concerns, we use only base name in production mode. | ||
| component.__file = "index.vue"; | ||
@@ -726,2 +725,10 @@ if (!component.render) { | ||
| if (css.map) { | ||
| // https://developer.chrome.com/devtools/docs/javascript-debugging | ||
| // this makes source maps inside style tags work properly in Chrome | ||
| code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; | ||
| // http://stackoverflow.com/a/26603875 | ||
| code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */'; | ||
| } | ||
| if (isOldIE) { | ||
@@ -728,0 +735,0 @@ style.element = style.element || document.querySelector('style[data-group=' + group + ']'); |
| /*! | ||
| * vue-carousel v0.1.0 | ||
| * vue-carousel v0.1.1 | ||
| * https://fengyuanchen.github.io/vue-carousel | ||
@@ -8,3 +8,3 @@ * | ||
| * | ||
| * Date: 2018-06-28T14:30:31.714Z | ||
| * Date: 2018-08-05T06:48:22.320Z | ||
| */ | ||
@@ -650,5 +650,5 @@ | ||
| /* style */ | ||
| var __vue_inject_styles__ = function (inject) { | ||
| var __vue_inject_styles__ = function __vue_inject_styles__(inject) { | ||
| if (!inject) return; | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8] {\n position: relative;\n touch-action: none;\n user-select: none;\n}\n.carousel--up > .carousel__indicators[data-v-265110c8], .carousel--down > .carousel__indicators[data-v-265110c8] {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n}\n.carousel--up > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before {\n height: 100%;\n width: .125rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8], .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n height: .75rem;\n width: 1.5rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n height: .5rem;\n width: .5rem;\n}\n.carousel--right > .carousel__indicators[data-v-265110c8] {\n flex-direction: row-reverse;\n}\n.carousel--down > .carousel__indicators[data-v-265110c8] {\n flex-direction: column-reverse;\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8] {\n opacity: .5;\n z-index: 1;\n transform: translateX(0);\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8]:focus, .carousel--controls:hover > .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel--controls > .carousel__control[data-v-265110c8] {\n opacity: 0;\n z-index: -1;\n}\n.carousel--controls > .carousel__control--prev[data-v-265110c8] {\n transform: translateX(-50%);\n}\n.carousel--controls > .carousel__control--next[data-v-265110c8] {\n transform: translateX(50%);\n}\n.carousel--indicators:hover > .carousel__indicators[data-v-265110c8] {\n opacity: 1;\n z-index: 1;\n}\n.carousel--indicators > .carousel__indicators[data-v-265110c8] {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1;\n}\n.carousel__list[data-v-265110c8] {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%;\n}\n.carousel__item[data-v-265110c8] {\n display: none;\n margin: 0;\n}\n.carousel__item--active[data-v-265110c8], .carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%;\n}\n.carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n left: 0;\n position: absolute;\n top: 0;\n}\n.carousel__item--top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--active[data-v-265110c8] {\n transform: translate(0, 0);\n z-index: 1;\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__indicators[data-v-265110c8] {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n width: .75rem;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem;\n}\n.carousel__indicator[data-v-265110c8] {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem;\n}\n.carousel__indicator[data-v-265110c8]::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n}\n.carousel__indicator--active[data-v-265110c8] {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8] {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem;\n}\n.carousel__control[data-v-265110c8]:focus, .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8]:focus {\n outline: none;\n}\n.carousel__control[data-v-265110c8]::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem;\n}\n.carousel__control--prev[data-v-265110c8] {\n left: 1rem;\n}\n.carousel__control--prev[data-v-265110c8]::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem;\n}\n.carousel__control--next[data-v-265110c8] {\n right: 1rem;\n}\n.carousel__control--next[data-v-265110c8]::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: { "version": 3, "sources": ['C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue', "index.vue"], "names": [], "mappings": ";AAkhBA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;CAyRA;AAvRA;IAGA,aAAA;IACA,uBAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,8BAAA;CAQA;AAhBA;MAYA,aAAA;MACA,eAAA;CACA;AAdA;IAoBA,eAAA;IACA,cAAA;CAMA;AA3BA;MAwBA,cAAA;MACA,aAAA;CACA;AAKA;IAEA,4BAAA;CACA;AAGA;IAEA,+BAAA;CACA;AAGA;IAGA,YAAA;IACA,WAAA;IACA,yBAAA;CAMA;AAXA;MASA,WAAA;CACA;AAVA;IAeA,WAAA;IACA,YAAA;CACA;AAjBA;IAoBA,4BAAA;CACA;AArBA;IAwBA,2BAAA;CACA;AAGA;IAGA,WAAA;IACA,WAAA;CACA;AALA;IASA,WAAA;IACA,yBAAA;IACA,YAAA;CACA;AAGA;IACA,UAAA;IACA,iBAAA;IACA,WAAA;IACA,mBAAA;IACA,YAAA;CACA;AAEA;IACA,cAAA;IACA,UAAA;CAyEA;AAvEA;MAKA,eAAA;MACA,sCAAA;MACA,YAAA;CACA;AAEA;MAIA,QAAA;MACA,mBAAA;MACA,OAAA;CACA;AAEA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,2BAAA;MACA,WAAA;CAiBA;AAnBA;QAKA,6BAAA;CACA;AANA;QASA,4BAAA;CACA;AAVA;QAaA,4BAAA;CACA;AAdA;QAiBA,6BAAA;CACA;AAIA;IACA,UAAA;IACA,cAAA;IACA,wBAAA;IACA,UAAA;IACA,iBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,WAAA;CAaA;AAXA;MAEA,cAAA;CAOA;AATA;QAKA,mBAAA;QACA,cAAA;QACA,aAAA;CACA;AAKA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,YAAA;IACA,mBAAA;IACA,yBAAA;IACA,cAAA;CAiBA;AAxBA;MAUA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,gBAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,iCAAA;MACA,YAAA;CACA;AAEA;MACA,WAAA;CACA;AAGA;IACA,qCAAA;IACA,UAAA;IACA,mBAAA;IACA,YAAA;IACA,gBAAA;IACA,aAAA;IACA,kBAAA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,SAAA;IACA,qBAAA;IACA,YAAA;CA2CA;AAxDA;MAiBA,WAAA;CACA;AAlBA;MAqBA,cAAA;CACA;AAtBA;MAyBA,mCAAA;MACA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,cAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,+CAAA;MACA,aAAA;CACA;AAEA;MACA,WAAA;CAOA;AARA;QAIA,0BAAA;QACA,wBAAA;QACA,qBAAA;CACA;AAGA;MACA,YAAA;CAOA;AARA;QAIA,yBAAA;QACA,uBAAA;QACA,sBAAA;CACA;;ACpoBA,qCAAqC", "file": "index.vue", "sourcesContent": [null, ".carousel {\n position: relative;\n touch-action: none;\n user-select: none; }\n .carousel--up > .carousel__indicators, .carousel--down > .carousel__indicators {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%); }\n .carousel--up > .carousel__indicators > .carousel__indicator::before, .carousel--down > .carousel__indicators > .carousel__indicator::before {\n height: 100%;\n width: .125rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator, .carousel--down > .carousel__indicators--disc > .carousel__indicator {\n height: .75rem;\n width: 1.5rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator::before {\n height: .5rem;\n width: .5rem; }\n .carousel--right > .carousel__indicators {\n flex-direction: row-reverse; }\n .carousel--down > .carousel__indicators {\n flex-direction: column-reverse; }\n .carousel--controls:hover > .carousel__control {\n opacity: .5;\n z-index: 1;\n transform: translateX(0); }\n .carousel--controls:hover > .carousel__control:focus, .carousel--controls:hover > .carousel__control:hover {\n opacity: 1; }\n .carousel--controls > .carousel__control {\n opacity: 0;\n z-index: -1; }\n .carousel--controls > .carousel__control--prev {\n transform: translateX(-50%); }\n .carousel--controls > .carousel__control--next {\n transform: translateX(50%); }\n .carousel--indicators:hover > .carousel__indicators {\n opacity: 1;\n z-index: 1; }\n .carousel--indicators > .carousel__indicators {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1; }\n .carousel__list {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%; }\n .carousel__item {\n display: none;\n margin: 0; }\n .carousel__item--active, .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%; }\n .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n left: 0;\n position: absolute;\n top: 0; }\n .carousel__item--top {\n transform: translateY(-100%); }\n .carousel__item--top.carousel__item--to-bottom {\n transform: translateY(0); }\n .carousel__item--right {\n transform: translateX(100%); }\n .carousel__item--right.carousel__item--to-left {\n transform: translateX(0); }\n .carousel__item--bottom {\n transform: translateY(100%); }\n .carousel__item--bottom.carousel__item--to-top {\n transform: translateY(0); }\n .carousel__item--left {\n transform: translateX(-100%); }\n .carousel__item--left.carousel__item--to-right {\n transform: translateX(0); }\n .carousel__item--active {\n transform: translate(0, 0);\n z-index: 1; }\n .carousel__item--active.carousel__item--to-top {\n transform: translateY(-100%); }\n .carousel__item--active.carousel__item--to-right {\n transform: translateX(100%); }\n .carousel__item--active.carousel__item--to-bottom {\n transform: translateY(100%); }\n .carousel__item--active.carousel__item--to-left {\n transform: translateX(-100%); }\n .carousel__indicators {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1; }\n .carousel__indicators--disc > .carousel__indicator {\n width: .75rem; }\n .carousel__indicators--disc > .carousel__indicator::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem; }\n .carousel__indicator {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem; }\n .carousel__indicator::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%; }\n .carousel__indicator--active {\n opacity: 1; }\n .carousel__control {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem; }\n .carousel__control:focus, .carousel__control:hover {\n opacity: 1; }\n .carousel__control:focus {\n outline: none; }\n .carousel__control::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem; }\n .carousel__control--prev {\n left: 1rem; }\n .carousel__control--prev::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem; }\n .carousel__control--next {\n right: 1rem; }\n .carousel__control--next::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem; }\n\n/*# sourceMappingURL=index.vue.map */"] }, media: undefined }); | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8]{position:relative;touch-action:none;user-select:none\n}\n.carousel--down>.carousel__indicators[data-v-265110c8],.carousel--up>.carousel__indicators[data-v-265110c8]{bottom:auto;flex-direction:column;left:auto;right:0;top:50%;transform:translate(0,-50%)\n}\n.carousel--down>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before{height:100%;width:.125rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8],.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{height:.75rem;width:1.5rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{height:.5rem;width:.5rem\n}\n.carousel--right>.carousel__indicators[data-v-265110c8]{flex-direction:row-reverse\n}\n.carousel--down>.carousel__indicators[data-v-265110c8]{flex-direction:column-reverse\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]{opacity:.5;z-index:1;transform:translateX(0)\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]:focus,.carousel--controls:hover>.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel--controls>.carousel__control[data-v-265110c8]{opacity:0;z-index:-1\n}\n.carousel--controls>.carousel__control--prev[data-v-265110c8]{transform:translateX(-50%)\n}\n.carousel--controls>.carousel__control--next[data-v-265110c8]{transform:translateX(50%)\n}\n.carousel--indicators:hover>.carousel__indicators[data-v-265110c8]{opacity:1;z-index:1\n}\n.carousel--indicators>.carousel__indicators[data-v-265110c8]{opacity:0;transition:opacity .15s;z-index:-1\n}\n.carousel__list[data-v-265110c8]{margin:0;overflow:hidden;padding:0;position:relative;width:100%\n}\n.carousel__item[data-v-265110c8]{display:none;margin:0\n}\n.carousel__item--active[data-v-265110c8],.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{display:block;transition:transform .6s ease-in-out;width:100%\n}\n.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{left:0;position:absolute;top:0\n}\n.carousel__item--top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--active[data-v-265110c8]{transform:translate(0,0);z-index:1\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__indicators[data-v-265110c8]{bottom:0;display:flex;justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translateX(-50%);z-index:1\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{width:.75rem\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{border-radius:50%;height:.5rem;width:.5rem\n}\n.carousel__indicator[data-v-265110c8]{cursor:pointer;height:1.5rem;margin:.125rem;opacity:.5;position:relative;transition:opacity .15s;width:1.5rem\n}\n.carousel__indicator[data-v-265110c8]::before{background-color:#fff;content:\"\";display:block;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%\n}\n.carousel__indicator--active[data-v-265110c8]{opacity:1\n}\n.carousel__control[data-v-265110c8]{background-color:rgba(0,0,0,.5);border:0;border-radius:50%;color:#fff;cursor:pointer;height:2rem;margin-top:-1rem;opacity:.5;padding:.5rem;position:absolute;top:50%;transition:all .15s;width:2rem\n}\n.carousel__control[data-v-265110c8]:focus,.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel__control[data-v-265110c8]:focus{outline:0\n}\n.carousel__control[data-v-265110c8]::before{border:.0625rem solid transparent;border-radius:.125rem;content:\"\";display:block;height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.5rem\n}\n.carousel__control--prev[data-v-265110c8]{left:1rem\n}\n.carousel__control--prev[data-v-265110c8]::before{border-bottom-color:#fff;border-left-color:#fff;margin-left:.125rem\n}\n.carousel__control--next[data-v-265110c8]{right:1rem\n}\n.carousel__control--next[data-v-265110c8]::before{border-right-color:#fff;border-top-color:#fff;margin-left:-.125rem\n}", map: undefined, media: undefined }); | ||
| }; | ||
@@ -665,5 +665,4 @@ /* scoped */ | ||
| { | ||
| component.__file = 'C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue'; | ||
| } | ||
| // For security concerns, we use only base name in production mode. | ||
| component.__file = "index.vue"; | ||
@@ -724,2 +723,10 @@ if (!component.render) { | ||
| if (css.map) { | ||
| // https://developer.chrome.com/devtools/docs/javascript-debugging | ||
| // this makes source maps inside style tags work properly in Chrome | ||
| code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; | ||
| // http://stackoverflow.com/a/26603875 | ||
| code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */'; | ||
| } | ||
| if (isOldIE) { | ||
@@ -726,0 +733,0 @@ style.element = style.element || document.querySelector('style[data-group=' + group + ']'); |
| /*! | ||
| * vue-carousel v0.1.0 | ||
| * vue-carousel v0.1.1 | ||
| * https://fengyuanchen.github.io/vue-carousel | ||
@@ -8,3 +8,3 @@ * | ||
| * | ||
| * Date: 2018-06-28T14:30:31.714Z | ||
| * Date: 2018-08-05T06:48:22.320Z | ||
| */ | ||
@@ -656,5 +656,5 @@ | ||
| /* style */ | ||
| var __vue_inject_styles__ = function (inject) { | ||
| var __vue_inject_styles__ = function __vue_inject_styles__(inject) { | ||
| if (!inject) return; | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8] {\n position: relative;\n touch-action: none;\n user-select: none;\n}\n.carousel--up > .carousel__indicators[data-v-265110c8], .carousel--down > .carousel__indicators[data-v-265110c8] {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n}\n.carousel--up > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before {\n height: 100%;\n width: .125rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8], .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n height: .75rem;\n width: 1.5rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n height: .5rem;\n width: .5rem;\n}\n.carousel--right > .carousel__indicators[data-v-265110c8] {\n flex-direction: row-reverse;\n}\n.carousel--down > .carousel__indicators[data-v-265110c8] {\n flex-direction: column-reverse;\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8] {\n opacity: .5;\n z-index: 1;\n transform: translateX(0);\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8]:focus, .carousel--controls:hover > .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel--controls > .carousel__control[data-v-265110c8] {\n opacity: 0;\n z-index: -1;\n}\n.carousel--controls > .carousel__control--prev[data-v-265110c8] {\n transform: translateX(-50%);\n}\n.carousel--controls > .carousel__control--next[data-v-265110c8] {\n transform: translateX(50%);\n}\n.carousel--indicators:hover > .carousel__indicators[data-v-265110c8] {\n opacity: 1;\n z-index: 1;\n}\n.carousel--indicators > .carousel__indicators[data-v-265110c8] {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1;\n}\n.carousel__list[data-v-265110c8] {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%;\n}\n.carousel__item[data-v-265110c8] {\n display: none;\n margin: 0;\n}\n.carousel__item--active[data-v-265110c8], .carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%;\n}\n.carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n left: 0;\n position: absolute;\n top: 0;\n}\n.carousel__item--top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--active[data-v-265110c8] {\n transform: translate(0, 0);\n z-index: 1;\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__indicators[data-v-265110c8] {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n width: .75rem;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem;\n}\n.carousel__indicator[data-v-265110c8] {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem;\n}\n.carousel__indicator[data-v-265110c8]::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n}\n.carousel__indicator--active[data-v-265110c8] {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8] {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem;\n}\n.carousel__control[data-v-265110c8]:focus, .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8]:focus {\n outline: none;\n}\n.carousel__control[data-v-265110c8]::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem;\n}\n.carousel__control--prev[data-v-265110c8] {\n left: 1rem;\n}\n.carousel__control--prev[data-v-265110c8]::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem;\n}\n.carousel__control--next[data-v-265110c8] {\n right: 1rem;\n}\n.carousel__control--next[data-v-265110c8]::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: { "version": 3, "sources": ['C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue', "index.vue"], "names": [], "mappings": ";AAkhBA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;CAyRA;AAvRA;IAGA,aAAA;IACA,uBAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,8BAAA;CAQA;AAhBA;MAYA,aAAA;MACA,eAAA;CACA;AAdA;IAoBA,eAAA;IACA,cAAA;CAMA;AA3BA;MAwBA,cAAA;MACA,aAAA;CACA;AAKA;IAEA,4BAAA;CACA;AAGA;IAEA,+BAAA;CACA;AAGA;IAGA,YAAA;IACA,WAAA;IACA,yBAAA;CAMA;AAXA;MASA,WAAA;CACA;AAVA;IAeA,WAAA;IACA,YAAA;CACA;AAjBA;IAoBA,4BAAA;CACA;AArBA;IAwBA,2BAAA;CACA;AAGA;IAGA,WAAA;IACA,WAAA;CACA;AALA;IASA,WAAA;IACA,yBAAA;IACA,YAAA;CACA;AAGA;IACA,UAAA;IACA,iBAAA;IACA,WAAA;IACA,mBAAA;IACA,YAAA;CACA;AAEA;IACA,cAAA;IACA,UAAA;CAyEA;AAvEA;MAKA,eAAA;MACA,sCAAA;MACA,YAAA;CACA;AAEA;MAIA,QAAA;MACA,mBAAA;MACA,OAAA;CACA;AAEA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,2BAAA;MACA,WAAA;CAiBA;AAnBA;QAKA,6BAAA;CACA;AANA;QASA,4BAAA;CACA;AAVA;QAaA,4BAAA;CACA;AAdA;QAiBA,6BAAA;CACA;AAIA;IACA,UAAA;IACA,cAAA;IACA,wBAAA;IACA,UAAA;IACA,iBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,WAAA;CAaA;AAXA;MAEA,cAAA;CAOA;AATA;QAKA,mBAAA;QACA,cAAA;QACA,aAAA;CACA;AAKA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,YAAA;IACA,mBAAA;IACA,yBAAA;IACA,cAAA;CAiBA;AAxBA;MAUA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,gBAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,iCAAA;MACA,YAAA;CACA;AAEA;MACA,WAAA;CACA;AAGA;IACA,qCAAA;IACA,UAAA;IACA,mBAAA;IACA,YAAA;IACA,gBAAA;IACA,aAAA;IACA,kBAAA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,SAAA;IACA,qBAAA;IACA,YAAA;CA2CA;AAxDA;MAiBA,WAAA;CACA;AAlBA;MAqBA,cAAA;CACA;AAtBA;MAyBA,mCAAA;MACA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,cAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,+CAAA;MACA,aAAA;CACA;AAEA;MACA,WAAA;CAOA;AARA;QAIA,0BAAA;QACA,wBAAA;QACA,qBAAA;CACA;AAGA;MACA,YAAA;CAOA;AARA;QAIA,yBAAA;QACA,uBAAA;QACA,sBAAA;CACA;;ACpoBA,qCAAqC", "file": "index.vue", "sourcesContent": [null, ".carousel {\n position: relative;\n touch-action: none;\n user-select: none; }\n .carousel--up > .carousel__indicators, .carousel--down > .carousel__indicators {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%); }\n .carousel--up > .carousel__indicators > .carousel__indicator::before, .carousel--down > .carousel__indicators > .carousel__indicator::before {\n height: 100%;\n width: .125rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator, .carousel--down > .carousel__indicators--disc > .carousel__indicator {\n height: .75rem;\n width: 1.5rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator::before {\n height: .5rem;\n width: .5rem; }\n .carousel--right > .carousel__indicators {\n flex-direction: row-reverse; }\n .carousel--down > .carousel__indicators {\n flex-direction: column-reverse; }\n .carousel--controls:hover > .carousel__control {\n opacity: .5;\n z-index: 1;\n transform: translateX(0); }\n .carousel--controls:hover > .carousel__control:focus, .carousel--controls:hover > .carousel__control:hover {\n opacity: 1; }\n .carousel--controls > .carousel__control {\n opacity: 0;\n z-index: -1; }\n .carousel--controls > .carousel__control--prev {\n transform: translateX(-50%); }\n .carousel--controls > .carousel__control--next {\n transform: translateX(50%); }\n .carousel--indicators:hover > .carousel__indicators {\n opacity: 1;\n z-index: 1; }\n .carousel--indicators > .carousel__indicators {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1; }\n .carousel__list {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%; }\n .carousel__item {\n display: none;\n margin: 0; }\n .carousel__item--active, .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%; }\n .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n left: 0;\n position: absolute;\n top: 0; }\n .carousel__item--top {\n transform: translateY(-100%); }\n .carousel__item--top.carousel__item--to-bottom {\n transform: translateY(0); }\n .carousel__item--right {\n transform: translateX(100%); }\n .carousel__item--right.carousel__item--to-left {\n transform: translateX(0); }\n .carousel__item--bottom {\n transform: translateY(100%); }\n .carousel__item--bottom.carousel__item--to-top {\n transform: translateY(0); }\n .carousel__item--left {\n transform: translateX(-100%); }\n .carousel__item--left.carousel__item--to-right {\n transform: translateX(0); }\n .carousel__item--active {\n transform: translate(0, 0);\n z-index: 1; }\n .carousel__item--active.carousel__item--to-top {\n transform: translateY(-100%); }\n .carousel__item--active.carousel__item--to-right {\n transform: translateX(100%); }\n .carousel__item--active.carousel__item--to-bottom {\n transform: translateY(100%); }\n .carousel__item--active.carousel__item--to-left {\n transform: translateX(-100%); }\n .carousel__indicators {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1; }\n .carousel__indicators--disc > .carousel__indicator {\n width: .75rem; }\n .carousel__indicators--disc > .carousel__indicator::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem; }\n .carousel__indicator {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem; }\n .carousel__indicator::before {\n background-color: #fff;\n content: \"\";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%; }\n .carousel__indicator--active {\n opacity: 1; }\n .carousel__control {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem; }\n .carousel__control:focus, .carousel__control:hover {\n opacity: 1; }\n .carousel__control:focus {\n outline: none; }\n .carousel__control::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: \"\";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem; }\n .carousel__control--prev {\n left: 1rem; }\n .carousel__control--prev::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem; }\n .carousel__control--next {\n right: 1rem; }\n .carousel__control--next::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem; }\n\n/*# sourceMappingURL=index.vue.map */"] }, media: undefined }); | ||
| inject("data-v-265110c8_0", { source: "\n.carousel[data-v-265110c8]{position:relative;touch-action:none;user-select:none\n}\n.carousel--down>.carousel__indicators[data-v-265110c8],.carousel--up>.carousel__indicators[data-v-265110c8]{bottom:auto;flex-direction:column;left:auto;right:0;top:50%;transform:translate(0,-50%)\n}\n.carousel--down>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before{height:100%;width:.125rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8],.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{height:.75rem;width:1.5rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{height:.5rem;width:.5rem\n}\n.carousel--right>.carousel__indicators[data-v-265110c8]{flex-direction:row-reverse\n}\n.carousel--down>.carousel__indicators[data-v-265110c8]{flex-direction:column-reverse\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]{opacity:.5;z-index:1;transform:translateX(0)\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]:focus,.carousel--controls:hover>.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel--controls>.carousel__control[data-v-265110c8]{opacity:0;z-index:-1\n}\n.carousel--controls>.carousel__control--prev[data-v-265110c8]{transform:translateX(-50%)\n}\n.carousel--controls>.carousel__control--next[data-v-265110c8]{transform:translateX(50%)\n}\n.carousel--indicators:hover>.carousel__indicators[data-v-265110c8]{opacity:1;z-index:1\n}\n.carousel--indicators>.carousel__indicators[data-v-265110c8]{opacity:0;transition:opacity .15s;z-index:-1\n}\n.carousel__list[data-v-265110c8]{margin:0;overflow:hidden;padding:0;position:relative;width:100%\n}\n.carousel__item[data-v-265110c8]{display:none;margin:0\n}\n.carousel__item--active[data-v-265110c8],.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{display:block;transition:transform .6s ease-in-out;width:100%\n}\n.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{left:0;position:absolute;top:0\n}\n.carousel__item--top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--active[data-v-265110c8]{transform:translate(0,0);z-index:1\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__indicators[data-v-265110c8]{bottom:0;display:flex;justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translateX(-50%);z-index:1\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{width:.75rem\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{border-radius:50%;height:.5rem;width:.5rem\n}\n.carousel__indicator[data-v-265110c8]{cursor:pointer;height:1.5rem;margin:.125rem;opacity:.5;position:relative;transition:opacity .15s;width:1.5rem\n}\n.carousel__indicator[data-v-265110c8]::before{background-color:#fff;content:\"\";display:block;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%\n}\n.carousel__indicator--active[data-v-265110c8]{opacity:1\n}\n.carousel__control[data-v-265110c8]{background-color:rgba(0,0,0,.5);border:0;border-radius:50%;color:#fff;cursor:pointer;height:2rem;margin-top:-1rem;opacity:.5;padding:.5rem;position:absolute;top:50%;transition:all .15s;width:2rem\n}\n.carousel__control[data-v-265110c8]:focus,.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel__control[data-v-265110c8]:focus{outline:0\n}\n.carousel__control[data-v-265110c8]::before{border:.0625rem solid transparent;border-radius:.125rem;content:\"\";display:block;height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.5rem\n}\n.carousel__control--prev[data-v-265110c8]{left:1rem\n}\n.carousel__control--prev[data-v-265110c8]::before{border-bottom-color:#fff;border-left-color:#fff;margin-left:.125rem\n}\n.carousel__control--next[data-v-265110c8]{right:1rem\n}\n.carousel__control--next[data-v-265110c8]::before{border-right-color:#fff;border-top-color:#fff;margin-left:-.125rem\n}", map: undefined, media: undefined }); | ||
| }; | ||
@@ -671,5 +671,4 @@ /* scoped */ | ||
| { | ||
| component.__file = 'C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue'; | ||
| } | ||
| // For security concerns, we use only base name in production mode. | ||
| component.__file = "index.vue"; | ||
@@ -730,2 +729,10 @@ if (!component.render) { | ||
| if (css.map) { | ||
| // https://developer.chrome.com/devtools/docs/javascript-debugging | ||
| // this makes source maps inside style tags work properly in Chrome | ||
| code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; | ||
| // http://stackoverflow.com/a/26603875 | ||
| code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */'; | ||
| } | ||
| if (isOldIE) { | ||
@@ -732,0 +739,0 @@ style.element = style.element || document.querySelector('style[data-group=' + group + ']'); |
| /*! | ||
| * vue-carousel v0.1.0 | ||
| * vue-carousel v0.1.1 | ||
| * https://fengyuanchen.github.io/vue-carousel | ||
@@ -8,4 +8,4 @@ * | ||
| * | ||
| * Date: 2018-06-28T14:30:31.714Z | ||
| * Date: 2018-08-05T06:48:22.320Z | ||
| */ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.VueCarousel=e()}(this,function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},o="function"==typeof Symbol&&"symbol"===e(Symbol.iterator)?function(t){return void 0===t?"undefined":e(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":void 0===t?"undefined":e(t)};function r(t){return"object"===(void 0===t?"undefined":o(t))&&null!==t}var t=Object.prototype,i=t.hasOwnProperty,A=t.toString;function s(t){return"string"==typeof t&&0<t.trim().length}function c(t){return function(t){if(!r(t))return!1;try{var e=t.constructor,n=e.prototype;return e&&n&&i.call(n,"isPrototypeOf")}catch(t){return!1}}(t)&&(s(t.template)||"function"==typeof t.render||s(t.el)||r(n=t.el)&&1===n.nodeType&&-1<A.call(n).indexOf("Element")||c(t.extends)||(e=t.mixins,Array.isArray(e)&&0<e.length&&t.mixins.some(function(t){return c(t)})));var e,n}return function(t,e,n,o,r,i,a,A){var s=("function"==typeof n?n.options:n)||{};s.__file="C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue",s.render||(s.render=t.render,s.staticRenderFns=t.staticRenderFns,s._compiled=!0,r&&(s.functional=!0)),s._scopeId=o;var c=void 0;if(e&&(c=function(t){e.call(this,a(t))}),void 0!==c)if(s.functional){var l=s.render;s.render=function(t,e){return c.call(e),l(t,e)}}else{var u=s.beforeCreate;s.beforeCreate=u?[].concat(u,c):[c]}return s}({},function(t){t&&t("data-v-265110c8_0",{source:'\n.carousel[data-v-265110c8] {\n position: relative;\n touch-action: none;\n user-select: none;\n}\n.carousel--up > .carousel__indicators[data-v-265110c8], .carousel--down > .carousel__indicators[data-v-265110c8] {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%);\n}\n.carousel--up > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators > .carousel__indicator[data-v-265110c8]::before {\n height: 100%;\n width: .125rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8], .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n height: .75rem;\n width: 1.5rem;\n}\n.carousel--up > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n height: .5rem;\n width: .5rem;\n}\n.carousel--right > .carousel__indicators[data-v-265110c8] {\n flex-direction: row-reverse;\n}\n.carousel--down > .carousel__indicators[data-v-265110c8] {\n flex-direction: column-reverse;\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8] {\n opacity: .5;\n z-index: 1;\n transform: translateX(0);\n}\n.carousel--controls:hover > .carousel__control[data-v-265110c8]:focus, .carousel--controls:hover > .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel--controls > .carousel__control[data-v-265110c8] {\n opacity: 0;\n z-index: -1;\n}\n.carousel--controls > .carousel__control--prev[data-v-265110c8] {\n transform: translateX(-50%);\n}\n.carousel--controls > .carousel__control--next[data-v-265110c8] {\n transform: translateX(50%);\n}\n.carousel--indicators:hover > .carousel__indicators[data-v-265110c8] {\n opacity: 1;\n z-index: 1;\n}\n.carousel--indicators > .carousel__indicators[data-v-265110c8] {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1;\n}\n.carousel__list[data-v-265110c8] {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%;\n}\n.carousel__item[data-v-265110c8] {\n display: none;\n margin: 0;\n}\n.carousel__item--active[data-v-265110c8], .carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%;\n}\n.carousel__item--top[data-v-265110c8], .carousel__item--right[data-v-265110c8], .carousel__item--bottom[data-v-265110c8], .carousel__item--left[data-v-265110c8] {\n left: 0;\n position: absolute;\n top: 0;\n}\n.carousel__item--top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(0);\n}\n.carousel__item--left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(0);\n}\n.carousel__item--active[data-v-265110c8] {\n transform: translate(0, 0);\n z-index: 1;\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8] {\n transform: translateY(-100%);\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8] {\n transform: translateX(100%);\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8] {\n transform: translateY(100%);\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8] {\n transform: translateX(-100%);\n}\n.carousel__indicators[data-v-265110c8] {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8] {\n width: .75rem;\n}\n.carousel__indicators--disc > .carousel__indicator[data-v-265110c8]::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem;\n}\n.carousel__indicator[data-v-265110c8] {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem;\n}\n.carousel__indicator[data-v-265110c8]::before {\n background-color: #fff;\n content: "";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n}\n.carousel__indicator--active[data-v-265110c8] {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8] {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem;\n}\n.carousel__control[data-v-265110c8]:focus, .carousel__control[data-v-265110c8]:hover {\n opacity: 1;\n}\n.carousel__control[data-v-265110c8]:focus {\n outline: none;\n}\n.carousel__control[data-v-265110c8]::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: "";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem;\n}\n.carousel__control--prev[data-v-265110c8] {\n left: 1rem;\n}\n.carousel__control--prev[data-v-265110c8]::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem;\n}\n.carousel__control--next[data-v-265110c8] {\n right: 1rem;\n}\n.carousel__control--next[data-v-265110c8]::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem;\n}\n\n/*# sourceMappingURL=index.vue.map */',map:{version:3,sources:["C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel/C:\\Users\\Felix\\Projects\\Phoenix\\vue-carousel\\src\\index.vue","index.vue"],names:[],mappings:";AAkhBA;EACA,mBAAA;EACA,mBAAA;EACA,kBAAA;CAyRA;AAvRA;IAGA,aAAA;IACA,uBAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,8BAAA;CAQA;AAhBA;MAYA,aAAA;MACA,eAAA;CACA;AAdA;IAoBA,eAAA;IACA,cAAA;CAMA;AA3BA;MAwBA,cAAA;MACA,aAAA;CACA;AAKA;IAEA,4BAAA;CACA;AAGA;IAEA,+BAAA;CACA;AAGA;IAGA,YAAA;IACA,WAAA;IACA,yBAAA;CAMA;AAXA;MASA,WAAA;CACA;AAVA;IAeA,WAAA;IACA,YAAA;CACA;AAjBA;IAoBA,4BAAA;CACA;AArBA;IAwBA,2BAAA;CACA;AAGA;IAGA,WAAA;IACA,WAAA;CACA;AALA;IASA,WAAA;IACA,yBAAA;IACA,YAAA;CACA;AAGA;IACA,UAAA;IACA,iBAAA;IACA,WAAA;IACA,mBAAA;IACA,YAAA;CACA;AAEA;IACA,cAAA;IACA,UAAA;CAyEA;AAvEA;MAKA,eAAA;MACA,sCAAA;MACA,YAAA;CACA;AAEA;MAIA,QAAA;MACA,mBAAA;MACA,OAAA;CACA;AAEA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,4BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,6BAAA;CAKA;AANA;QAIA,yBAAA;CACA;AAGA;MACA,2BAAA;MACA,WAAA;CAiBA;AAnBA;QAKA,6BAAA;CACA;AANA;QASA,4BAAA;CACA;AAVA;QAaA,4BAAA;CACA;AAdA;QAiBA,6BAAA;CACA;AAIA;IACA,UAAA;IACA,cAAA;IACA,wBAAA;IACA,UAAA;IACA,iBAAA;IACA,UAAA;IACA,WAAA;IACA,mBAAA;IACA,4BAAA;IACA,WAAA;CAaA;AAXA;MAEA,cAAA;CAOA;AATA;QAKA,mBAAA;QACA,cAAA;QACA,aAAA;CACA;AAKA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,YAAA;IACA,mBAAA;IACA,yBAAA;IACA,cAAA;CAiBA;AAxBA;MAUA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,gBAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,iCAAA;MACA,YAAA;CACA;AAEA;MACA,WAAA;CACA;AAGA;IACA,qCAAA;IACA,UAAA;IACA,mBAAA;IACA,YAAA;IACA,gBAAA;IACA,aAAA;IACA,kBAAA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,SAAA;IACA,qBAAA;IACA,YAAA;CA2CA;AAxDA;MAiBA,WAAA;CACA;AAlBA;MAqBA,cAAA;CACA;AAtBA;MAyBA,mCAAA;MACA,uBAAA;MACA,YAAA;MACA,eAAA;MACA,cAAA;MACA,UAAA;MACA,mBAAA;MACA,SAAA;MACA,+CAAA;MACA,aAAA;CACA;AAEA;MACA,WAAA;CAOA;AARA;QAIA,0BAAA;QACA,wBAAA;QACA,qBAAA;CACA;AAGA;MACA,YAAA;CAOA;AARA;QAIA,yBAAA;QACA,uBAAA;QACA,sBAAA;CACA;;ACpoBA,qCAAqC",file:"index.vue",sourcesContent:[null,'.carousel {\n position: relative;\n touch-action: none;\n user-select: none; }\n .carousel--up > .carousel__indicators, .carousel--down > .carousel__indicators {\n bottom: auto;\n flex-direction: column;\n left: auto;\n right: 0;\n top: 50%;\n transform: translate(0, -50%); }\n .carousel--up > .carousel__indicators > .carousel__indicator::before, .carousel--down > .carousel__indicators > .carousel__indicator::before {\n height: 100%;\n width: .125rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator, .carousel--down > .carousel__indicators--disc > .carousel__indicator {\n height: .75rem;\n width: 1.5rem; }\n .carousel--up > .carousel__indicators--disc > .carousel__indicator::before, .carousel--down > .carousel__indicators--disc > .carousel__indicator::before {\n height: .5rem;\n width: .5rem; }\n .carousel--right > .carousel__indicators {\n flex-direction: row-reverse; }\n .carousel--down > .carousel__indicators {\n flex-direction: column-reverse; }\n .carousel--controls:hover > .carousel__control {\n opacity: .5;\n z-index: 1;\n transform: translateX(0); }\n .carousel--controls:hover > .carousel__control:focus, .carousel--controls:hover > .carousel__control:hover {\n opacity: 1; }\n .carousel--controls > .carousel__control {\n opacity: 0;\n z-index: -1; }\n .carousel--controls > .carousel__control--prev {\n transform: translateX(-50%); }\n .carousel--controls > .carousel__control--next {\n transform: translateX(50%); }\n .carousel--indicators:hover > .carousel__indicators {\n opacity: 1;\n z-index: 1; }\n .carousel--indicators > .carousel__indicators {\n opacity: 0;\n transition: opacity .15s;\n z-index: -1; }\n .carousel__list {\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: relative;\n width: 100%; }\n .carousel__item {\n display: none;\n margin: 0; }\n .carousel__item--active, .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n display: block;\n transition: transform .6s ease-in-out;\n width: 100%; }\n .carousel__item--top, .carousel__item--right, .carousel__item--bottom, .carousel__item--left {\n left: 0;\n position: absolute;\n top: 0; }\n .carousel__item--top {\n transform: translateY(-100%); }\n .carousel__item--top.carousel__item--to-bottom {\n transform: translateY(0); }\n .carousel__item--right {\n transform: translateX(100%); }\n .carousel__item--right.carousel__item--to-left {\n transform: translateX(0); }\n .carousel__item--bottom {\n transform: translateY(100%); }\n .carousel__item--bottom.carousel__item--to-top {\n transform: translateY(0); }\n .carousel__item--left {\n transform: translateX(-100%); }\n .carousel__item--left.carousel__item--to-right {\n transform: translateX(0); }\n .carousel__item--active {\n transform: translate(0, 0);\n z-index: 1; }\n .carousel__item--active.carousel__item--to-top {\n transform: translateY(-100%); }\n .carousel__item--active.carousel__item--to-right {\n transform: translateX(100%); }\n .carousel__item--active.carousel__item--to-bottom {\n transform: translateY(100%); }\n .carousel__item--active.carousel__item--to-left {\n transform: translateX(-100%); }\n .carousel__indicators {\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 50%;\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n transform: translateX(-50%);\n z-index: 1; }\n .carousel__indicators--disc > .carousel__indicator {\n width: .75rem; }\n .carousel__indicators--disc > .carousel__indicator::before {\n border-radius: 50%;\n height: .5rem;\n width: .5rem; }\n .carousel__indicator {\n cursor: pointer;\n height: 1.5rem;\n margin: .125rem;\n opacity: .5;\n position: relative;\n transition: opacity .15s;\n width: 1.5rem; }\n .carousel__indicator::before {\n background-color: #fff;\n content: "";\n display: block;\n height: .125rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%; }\n .carousel__indicator--active {\n opacity: 1; }\n .carousel__control {\n background-color: rgba(0, 0, 0, 0.5);\n border: 0;\n border-radius: 50%;\n color: #fff;\n cursor: pointer;\n height: 2rem;\n margin-top: -1rem;\n opacity: .5;\n padding: .5rem;\n position: absolute;\n top: 50%;\n transition: all .15s;\n width: 2rem; }\n .carousel__control:focus, .carousel__control:hover {\n opacity: 1; }\n .carousel__control:focus {\n outline: none; }\n .carousel__control::before {\n border: .0625rem solid transparent;\n border-radius: .125rem;\n content: "";\n display: block;\n height: .5rem;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%) rotate(45deg);\n width: .5rem; }\n .carousel__control--prev {\n left: 1rem; }\n .carousel__control--prev::before {\n border-bottom-color: #fff;\n border-left-color: #fff;\n margin-left: .125rem; }\n .carousel__control--next {\n right: 1rem; }\n .carousel__control--next::before {\n border-right-color: #fff;\n border-top-color: #fff;\n margin-left: -.125rem; }\n\n/*# sourceMappingURL=index.vue.map */']},media:void 0})},{name:"carousel",data:function(){return{endX:0,endY:0,index:0,list:[],playing:!1,sliding:!1,startX:0,startY:0,timeout:0}},props:{autoplay:{type:Boolean,default:!0},controls:{type:[Boolean,String],default:"hover"},data:Array,direction:{type:String,default:"left"},indicators:{type:[Boolean,String],default:!0},indicatorTrigger:{type:String,default:"click"},indicatorType:{type:String,default:"line"},interval:{type:Number,default:5e3},tag:{type:String,default:"div"}},render:function(r){var t,i=this;return r(this.tag,{class:(t={carousel:!0},n(t,"carousel--"+this.direction,this.direction),n(t,"carousel--controls","hover"===this.controls),n(t,"carousel--indicators","hover"===this.indicators),t),on:a({},this.$listeners,window.PointerEvent?{pointerenter:this.pause,pointerleave:this.cycle,pointerdown:this.slideStart,pointermove:this.slideMove,pointerup:this.slideEnd}:{mouseenter:this.pause,mouseleave:this.cycle,touchstart:this.slideStart,touchmove:this.slideMove,touchend:this.slideEnd,mousedown:this.slideStart,mousemove:this.slideMove,mouseup:this.slideEnd})},0===this.list.length?[]:[r("ul",{class:"carousel__list"},this.list.map(function(t,e){return r("li",{attrs:{"data-index":e},class:{carousel__item:!0,"carousel__item--active":t.active,"carousel__item--top":t.top,"carousel__item--right":t.right,"carousel__item--bottom":t.bottom,"carousel__item--left":t.left,"carousel__item--to-top":t.toTop,"carousel__item--to-right":t.toRight,"carousel__item--to-bottom":t.toBottom,"carousel__item--to-left":t.toLeft}},[r(function(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},t={};if(c(e))t=a({},e);else if("function"==typeof e)t.render=function(t){return e.call(this,t,n.data,this)};else{var o=n.tag||"span";t.template="<"+o+">"+e+"</"+o+">"}return t}(t.content,{data:t.raw}))])})),this.indicators?r("ol",{class:n({carousel__indicators:!0},"carousel__indicators--"+this.indicatorType,this.indicatorType)},this.list.map(function(t,e){return r("li",{attrs:{"data-slide-to":e},class:{carousel__indicator:!0,"carousel__indicator--active":t.sliding},on:(n={},o=function(){i.slideTo(e)},"hover"===i.indicatorTrigger?(n.touchstart=o,n[window.PointerEvent?"pointerenter":"mouseenter"]=o):n.click=o,n)});var n,o})):"",this.controls?r("button",{attrs:{"data-slide":"prev"},class:"carousel__control carousel__control--prev",on:{click:function(){-1<["right","down"].indexOf(i.direction)?i.next():i.prev()}}}):"",this.controls?r("button",{attrs:{"data-slide":"next"},class:"carousel__control carousel__control--next",on:{click:function(){-1<["right","down"].indexOf(i.direction)?i.prev():i.next()}}}):""])},methods:{init:function(){var r=this,t=this.data,i=[];t&&0<t.length&&t.forEach(function(t,e){var n=e===r.index,o=a({},t&&void 0!==t.content?t:{content:t},{active:n,bottom:!1,left:!1,raw:t,right:!1,sliding:n,toBottom:!1,toLeft:!1,toRight:!1,toTop:!1,top:!1});i.push(o)}),this.list=i},play:function(){this.playing||(this.playing=!0,this.cycle())},cycle:function(){var t=this;this.pause(),this.timeout=setTimeout(function(){t.next(function(){t.cycle()})},this.interval)},pause:function(){clearTimeout(this.timeout),this.timeout=0},stop:function(){this.playing&&(this.pause(),this.playing=!1)},prev:function(t){this.slideTo(this.index-1,t)},next:function(t){this.slideTo(this.index+1,t)},slide:function(t){var e=this,n=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:function(){};if(document.hidden||this.sliding)o();else{this.sliding=!0;var r=this.list,i=r.length-1;if(i<t?t=0:t<0&&(t=i),t!==this.index){var a=r[this.index],A=r[t];switch(this.direction){case"up":A.bottom=!n,A.top=n;break;case"right":A.left=!n,A.right=n;break;case"down":A.top=!n,A.bottom=n;break;default:A.right=!n,A.left=n}this.$nextTick(function(){switch(e.$el.offsetWidth,e.direction){case"up":a.toTop=!n,a.toBottom=n,A.toTop=!n,A.toBottom=n;break;case"right":a.toRight=!n,a.toLeft=n,A.toRight=!n,A.toLeft=n;break;case"down":a.toBottom=!n,a.toTop=n,A.toBottom=!n,A.toTop=n;break;default:a.toLeft=!n,a.toRight=n,A.toLeft=!n,A.toRight=n}a.sliding=!1,A.sliding=!0,setTimeout(function(){a.active=!1,a.top=!1,a.right=!1,a.bottom=!1,a.left=!1,a.toTop=!1,a.toRight=!1,a.toBottom=!1,a.toLeft=!1,A.active=!0,A.top=!1,A.right=!1,A.bottom=!1,A.left=!1,A.toTop=!1,A.toRight=!1,A.toBottom=!1,A.toLeft=!1,e.index=t,e.sliding=!1,o()},600)})}else o()}},slideTo:function(t,e){if(t!==this.index){var n=this.direction,o=t<this.index;"right"!==n&&"down"!==n||(o=!o),this.slide(t,o,e)}},slideStart:function(t){var e=t.touches?t.touches[0]:null;t.touches&&this.stop(),this.startX=e?e.pageX:t.pageX,this.startY=e?e.pageY:t.pageY},slideMove:function(t){var e=t.touches?t.touches[0]:null;t.preventDefault(),this.endX=e?e.pageX:t.pageX,this.endY=e?e.pageY:t.pageY},slideEnd:function(t){var e=this,n=this.endX-this.startX,o=this.endY-this.startY,r=this.$el.offsetWidth/5,i=this.$el.offsetHeight/5,a=o<-i,A=r<n,s=i<o,c=n<-r,l=function(){t.touches&&e.start()},u=!1,d=!1;switch(this.direction){case"up":u=s,d=a;break;case"right":u=c,d=A;break;case"down":u=a,d=s;break;default:u=A,d=c}u?this.prev(l):d?this.next(l):l(),this.endX=this.startX,this.endY=this.startY}},watch:{data:function(){this.init()}},created:function(){this.init()},mounted:function(){var t=this;document.addEventListener("visibilitychange",this.onVisibilityChange=function(){t.playing&&("visible"===document.visibilityState?t.cycle():t.pause())}),this.autoplay&&this.play()},beforeDestroy:function(){document.removeEventListener("visibilitychange",this.onVisibilityChange)}},"data-v-265110c8",void 0,0,function t(){var c=document.head||document.getElementsByTagName("head")[0],l=t.styles||(t.styles={}),u="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(t,e){if(!document.querySelector('style[data-vue-ssr-id~="'+t+'"]')){var n=u?e.media||"default":t,o=l[n]||(l[n]={ids:[],parts:[],element:void 0});if(!o.ids.includes(t)){var r=e.source,i=o.ids.length;if(o.ids.push(t),u&&(o.element=o.element||document.querySelector("style[data-group="+n+"]")),!o.element){var a=o.element=document.createElement("style");a.type="text/css",e.media&&a.setAttribute("media",e.media),u&&(a.setAttribute("data-group",n),a.setAttribute("data-next-index","0")),c.appendChild(a)}if(u&&(i=parseInt(o.element.getAttribute("data-next-index")),o.element.setAttribute("data-next-index",i+1)),o.element.styleSheet)o.parts.push(r),o.element.styleSheet.cssText=o.parts.filter(Boolean).join("\n");else{var A=document.createTextNode(r),s=o.element.childNodes;s[i]&&o.element.removeChild(s[i]),s.length?o.element.insertBefore(A,s[i]):o.element.appendChild(A)}}}}})}); | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.VueCarousel=e()}(this,function(){"use strict";var e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o=function(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t},r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i])}return t},i="function"==typeof Symbol&&"symbol"===e(Symbol.iterator)?function(t){return void 0===t?"undefined":e(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":void 0===t?"undefined":e(t)};function n(t){return"object"===(void 0===t?"undefined":i(t))&&null!==t}var t=Object.prototype,a=t.hasOwnProperty,s=t.toString;function c(t){return"string"==typeof t&&0<t.trim().length}function l(t){return function(t){if(!n(t))return!1;try{var e=t.constructor,o=e.prototype;return e&&o&&a.call(o,"isPrototypeOf")}catch(t){return!1}}(t)&&(c(t.template)||"function"==typeof t.render||c(t.el)||n(o=t.el)&&1===o.nodeType&&-1<s.call(o).indexOf("Element")||l(t.extends)||(e=t.mixins,Array.isArray(e)&&0<e.length&&t.mixins.some(function(t){return l(t)})));var e,o}return function(t,e,o,i,n,a,r,s){var c=("function"==typeof o?o.options:o)||{};c.__file="index.vue",c.render||(c.render=t.render,c.staticRenderFns=t.staticRenderFns,c._compiled=!0,n&&(c.functional=!0)),c._scopeId=i;var l=void 0;if(e&&(l=function(t){e.call(this,r(t))}),void 0!==l)if(c.functional){var d=c.render;c.render=function(t,e){return l.call(e),d(t,e)}}else{var u=c.beforeCreate;c.beforeCreate=u?[].concat(u,l):[l]}return c}({},function(t){t&&t("data-v-265110c8_0",{source:'\n.carousel[data-v-265110c8]{position:relative;touch-action:none;user-select:none\n}\n.carousel--down>.carousel__indicators[data-v-265110c8],.carousel--up>.carousel__indicators[data-v-265110c8]{bottom:auto;flex-direction:column;left:auto;right:0;top:50%;transform:translate(0,-50%)\n}\n.carousel--down>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators>.carousel__indicator[data-v-265110c8]::before{height:100%;width:.125rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8],.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{height:.75rem;width:1.5rem\n}\n.carousel--down>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before,.carousel--up>.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{height:.5rem;width:.5rem\n}\n.carousel--right>.carousel__indicators[data-v-265110c8]{flex-direction:row-reverse\n}\n.carousel--down>.carousel__indicators[data-v-265110c8]{flex-direction:column-reverse\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]{opacity:.5;z-index:1;transform:translateX(0)\n}\n.carousel--controls:hover>.carousel__control[data-v-265110c8]:focus,.carousel--controls:hover>.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel--controls>.carousel__control[data-v-265110c8]{opacity:0;z-index:-1\n}\n.carousel--controls>.carousel__control--prev[data-v-265110c8]{transform:translateX(-50%)\n}\n.carousel--controls>.carousel__control--next[data-v-265110c8]{transform:translateX(50%)\n}\n.carousel--indicators:hover>.carousel__indicators[data-v-265110c8]{opacity:1;z-index:1\n}\n.carousel--indicators>.carousel__indicators[data-v-265110c8]{opacity:0;transition:opacity .15s;z-index:-1\n}\n.carousel__list[data-v-265110c8]{margin:0;overflow:hidden;padding:0;position:relative;width:100%\n}\n.carousel__item[data-v-265110c8]{display:none;margin:0\n}\n.carousel__item--active[data-v-265110c8],.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{display:block;transition:transform .6s ease-in-out;width:100%\n}\n.carousel__item--bottom[data-v-265110c8],.carousel__item--left[data-v-265110c8],.carousel__item--right[data-v-265110c8],.carousel__item--top[data-v-265110c8]{left:0;position:absolute;top:0\n}\n.carousel__item--top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--top.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--right.carousel__item--to-left[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--bottom.carousel__item--to-top[data-v-265110c8]{transform:translateY(0)\n}\n.carousel__item--left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__item--left.carousel__item--to-right[data-v-265110c8]{transform:translateX(0)\n}\n.carousel__item--active[data-v-265110c8]{transform:translate(0,0);z-index:1\n}\n.carousel__item--active.carousel__item--to-top[data-v-265110c8]{transform:translateY(-100%)\n}\n.carousel__item--active.carousel__item--to-right[data-v-265110c8]{transform:translateX(100%)\n}\n.carousel__item--active.carousel__item--to-bottom[data-v-265110c8]{transform:translateY(100%)\n}\n.carousel__item--active.carousel__item--to-left[data-v-265110c8]{transform:translateX(-100%)\n}\n.carousel__indicators[data-v-265110c8]{bottom:0;display:flex;justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translateX(-50%);z-index:1\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]{width:.75rem\n}\n.carousel__indicators--disc>.carousel__indicator[data-v-265110c8]::before{border-radius:50%;height:.5rem;width:.5rem\n}\n.carousel__indicator[data-v-265110c8]{cursor:pointer;height:1.5rem;margin:.125rem;opacity:.5;position:relative;transition:opacity .15s;width:1.5rem\n}\n.carousel__indicator[data-v-265110c8]::before{background-color:#fff;content:"";display:block;height:.125rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%\n}\n.carousel__indicator--active[data-v-265110c8]{opacity:1\n}\n.carousel__control[data-v-265110c8]{background-color:rgba(0,0,0,.5);border:0;border-radius:50%;color:#fff;cursor:pointer;height:2rem;margin-top:-1rem;opacity:.5;padding:.5rem;position:absolute;top:50%;transition:all .15s;width:2rem\n}\n.carousel__control[data-v-265110c8]:focus,.carousel__control[data-v-265110c8]:hover{opacity:1\n}\n.carousel__control[data-v-265110c8]:focus{outline:0\n}\n.carousel__control[data-v-265110c8]::before{border:.0625rem solid transparent;border-radius:.125rem;content:"";display:block;height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.5rem\n}\n.carousel__control--prev[data-v-265110c8]{left:1rem\n}\n.carousel__control--prev[data-v-265110c8]::before{border-bottom-color:#fff;border-left-color:#fff;margin-left:.125rem\n}\n.carousel__control--next[data-v-265110c8]{right:1rem\n}\n.carousel__control--next[data-v-265110c8]::before{border-right-color:#fff;border-top-color:#fff;margin-left:-.125rem\n}',map:void 0,media:void 0})},{name:"carousel",data:function(){return{endX:0,endY:0,index:0,list:[],playing:!1,sliding:!1,startX:0,startY:0,timeout:0}},props:{autoplay:{type:Boolean,default:!0},controls:{type:[Boolean,String],default:"hover"},data:Array,direction:{type:String,default:"left"},indicators:{type:[Boolean,String],default:!0},indicatorTrigger:{type:String,default:"click"},indicatorType:{type:String,default:"line"},interval:{type:Number,default:5e3},tag:{type:String,default:"div"}},render:function(n){var t,a=this;return n(this.tag,{class:(t={carousel:!0},o(t,"carousel--"+this.direction,this.direction),o(t,"carousel--controls","hover"===this.controls),o(t,"carousel--indicators","hover"===this.indicators),t),on:r({},this.$listeners,window.PointerEvent?{pointerenter:this.pause,pointerleave:this.cycle,pointerdown:this.slideStart,pointermove:this.slideMove,pointerup:this.slideEnd}:{mouseenter:this.pause,mouseleave:this.cycle,touchstart:this.slideStart,touchmove:this.slideMove,touchend:this.slideEnd,mousedown:this.slideStart,mousemove:this.slideMove,mouseup:this.slideEnd})},0===this.list.length?[]:[n("ul",{class:"carousel__list"},this.list.map(function(t,e){return n("li",{attrs:{"data-index":e},class:{carousel__item:!0,"carousel__item--active":t.active,"carousel__item--top":t.top,"carousel__item--right":t.right,"carousel__item--bottom":t.bottom,"carousel__item--left":t.left,"carousel__item--to-top":t.toTop,"carousel__item--to-right":t.toRight,"carousel__item--to-bottom":t.toBottom,"carousel__item--to-left":t.toLeft}},[n(function(e){var o=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},t={};if(l(e))t=r({},e);else if("function"==typeof e)t.render=function(t){return e.call(this,t,o.data,this)};else{var i=o.tag||"span";t.template="<"+i+">"+e+"</"+i+">"}return t}(t.content,{data:t.raw}))])})),this.indicators?n("ol",{class:o({carousel__indicators:!0},"carousel__indicators--"+this.indicatorType,this.indicatorType)},this.list.map(function(t,e){return n("li",{attrs:{"data-slide-to":e},class:{carousel__indicator:!0,"carousel__indicator--active":t.sliding},on:(o={},i=function(){a.slideTo(e)},"hover"===a.indicatorTrigger?(o.touchstart=i,o[window.PointerEvent?"pointerenter":"mouseenter"]=i):o.click=i,o)});var o,i})):"",this.controls?n("button",{attrs:{"data-slide":"prev"},class:"carousel__control carousel__control--prev",on:{click:function(){-1<["right","down"].indexOf(a.direction)?a.next():a.prev()}}}):"",this.controls?n("button",{attrs:{"data-slide":"next"},class:"carousel__control carousel__control--next",on:{click:function(){-1<["right","down"].indexOf(a.direction)?a.prev():a.next()}}}):""])},methods:{init:function(){var n=this,t=this.data,a=[];t&&0<t.length&&t.forEach(function(t,e){var o=e===n.index,i=r({},t&&void 0!==t.content?t:{content:t},{active:o,bottom:!1,left:!1,raw:t,right:!1,sliding:o,toBottom:!1,toLeft:!1,toRight:!1,toTop:!1,top:!1});a.push(i)}),this.list=a},play:function(){this.playing||(this.playing=!0,this.cycle())},cycle:function(){var t=this;this.pause(),this.timeout=setTimeout(function(){t.next(function(){t.cycle()})},this.interval)},pause:function(){clearTimeout(this.timeout),this.timeout=0},stop:function(){this.playing&&(this.pause(),this.playing=!1)},prev:function(t){this.slideTo(this.index-1,t)},next:function(t){this.slideTo(this.index+1,t)},slide:function(t){var e=this,o=1<arguments.length&&void 0!==arguments[1]&&arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:function(){};if(document.hidden||this.sliding)i();else{this.sliding=!0;var n=this.list,a=n.length-1;if(a<t?t=0:t<0&&(t=a),t!==this.index){var r=n[this.index],s=n[t];switch(this.direction){case"up":s.bottom=!o,s.top=o;break;case"right":s.left=!o,s.right=o;break;case"down":s.top=!o,s.bottom=o;break;default:s.right=!o,s.left=o}this.$nextTick(function(){switch(e.$el.offsetWidth,e.direction){case"up":r.toTop=!o,r.toBottom=o,s.toTop=!o,s.toBottom=o;break;case"right":r.toRight=!o,r.toLeft=o,s.toRight=!o,s.toLeft=o;break;case"down":r.toBottom=!o,r.toTop=o,s.toBottom=!o,s.toTop=o;break;default:r.toLeft=!o,r.toRight=o,s.toLeft=!o,s.toRight=o}r.sliding=!1,s.sliding=!0,setTimeout(function(){r.active=!1,r.top=!1,r.right=!1,r.bottom=!1,r.left=!1,r.toTop=!1,r.toRight=!1,r.toBottom=!1,r.toLeft=!1,s.active=!0,s.top=!1,s.right=!1,s.bottom=!1,s.left=!1,s.toTop=!1,s.toRight=!1,s.toBottom=!1,s.toLeft=!1,e.index=t,e.sliding=!1,i()},600)})}else i()}},slideTo:function(t,e){if(t!==this.index){var o=this.direction,i=t<this.index;"right"!==o&&"down"!==o||(i=!i),this.slide(t,i,e)}},slideStart:function(t){var e=t.touches?t.touches[0]:null;t.touches&&this.stop(),this.startX=e?e.pageX:t.pageX,this.startY=e?e.pageY:t.pageY},slideMove:function(t){var e=t.touches?t.touches[0]:null;t.preventDefault(),this.endX=e?e.pageX:t.pageX,this.endY=e?e.pageY:t.pageY},slideEnd:function(t){var e=this,o=this.endX-this.startX,i=this.endY-this.startY,n=this.$el.offsetWidth/5,a=this.$el.offsetHeight/5,r=i<-a,s=n<o,c=a<i,l=o<-n,d=function(){t.touches&&e.start()},u=!1,f=!1;switch(this.direction){case"up":u=c,f=r;break;case"right":u=l,f=s;break;case"down":u=r,f=c;break;default:u=s,f=l}u?this.prev(d):f?this.next(d):d(),this.endX=this.startX,this.endY=this.startY}},watch:{data:function(){this.init()}},created:function(){this.init()},mounted:function(){var t=this;document.addEventListener("visibilitychange",this.onVisibilityChange=function(){t.playing&&("visible"===document.visibilityState?t.cycle():t.pause())}),this.autoplay&&this.play()},beforeDestroy:function(){document.removeEventListener("visibilitychange",this.onVisibilityChange)}},"data-v-265110c8",void 0,0,function t(){var l=document.head||document.getElementsByTagName("head")[0],d=t.styles||(t.styles={}),u="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(t,e){if(!document.querySelector('style[data-vue-ssr-id~="'+t+'"]')){var o=u?e.media||"default":t,i=d[o]||(d[o]={ids:[],parts:[],element:void 0});if(!i.ids.includes(t)){var n=e.source,a=i.ids.length;if(i.ids.push(t),e.map&&(n+="\n/*# sourceURL="+e.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),u&&(i.element=i.element||document.querySelector("style[data-group="+o+"]")),!i.element){var r=i.element=document.createElement("style");r.type="text/css",e.media&&r.setAttribute("media",e.media),u&&(r.setAttribute("data-group",o),r.setAttribute("data-next-index","0")),l.appendChild(r)}if(u&&(a=parseInt(i.element.getAttribute("data-next-index")),i.element.setAttribute("data-next-index",a+1)),i.element.styleSheet)i.parts.push(n),i.element.styleSheet.cssText=i.parts.filter(Boolean).join("\n");else{var s=document.createTextNode(n),c=i.element.childNodes;c[a]&&i.element.removeChild(c[a]),c.length?i.element.insertBefore(s,c[a]):i.element.appendChild(s)}}}}})}); |
| { | ||
| "name": "@chenfengyuan/vue-carousel", | ||
| "version": "0.1.0", | ||
| "version": "0.1.1", | ||
| "description": "Carousel component for Vue.js.", | ||
@@ -50,3 +50,3 @@ "main": "dist/vue-carousel.common.js", | ||
| "babel-core": "^6.26.3", | ||
| "babel-loader": "^7.1.4", | ||
| "babel-loader": "^7.1.5", | ||
| "babel-plugin-external-helpers": "^6.22.0", | ||
@@ -58,5 +58,5 @@ "babel-preset-env": "^1.7.0", | ||
| "create-banner": "^1.0.0", | ||
| "css-loader": "^0.28.11", | ||
| "css-loader": "^1.0.0", | ||
| "del-cli": "^1.1.0", | ||
| "eslint": "^5.0.1", | ||
| "eslint": "^5.3.0", | ||
| "eslint-config-airbnb-base": "^13.0.0", | ||
@@ -68,3 +68,3 @@ "eslint-plugin-html": "^4.0.5", | ||
| "husky": "^0.14.3", | ||
| "karma": "^2.0.4", | ||
| "karma": "^2.0.5", | ||
| "karma-chai": "^0.1.0", | ||
@@ -77,19 +77,19 @@ "karma-chrome-launcher": "^2.2.0", | ||
| "mocha": "^5.2.0", | ||
| "node-sass": "^4.9.0", | ||
| "puppeteer": "^1.5.0", | ||
| "rollup": "^0.62.0", | ||
| "node-sass": "^4.9.2", | ||
| "puppeteer": "^1.6.2", | ||
| "rollup": "^0.63.5", | ||
| "rollup-plugin-alias": "^1.4.0", | ||
| "rollup-plugin-babel": "^3.0.5", | ||
| "rollup-plugin-commonjs": "^9.1.3", | ||
| "rollup-plugin-babel": "^3.0.7", | ||
| "rollup-plugin-commonjs": "^9.1.4", | ||
| "rollup-plugin-node-resolve": "^3.3.0", | ||
| "rollup-plugin-vue": "^4.3.0", | ||
| "sass-loader": "^7.0.3", | ||
| "vue": "^2.5.16", | ||
| "rollup-plugin-vue": "^4.3.2", | ||
| "sass-loader": "^7.1.0", | ||
| "vue": "^2.5.17", | ||
| "vue-feather": "^0.2.0", | ||
| "vue-loader": "^15.2.4", | ||
| "vue-style-loader": "^4.1.0", | ||
| "vue-template-compiler": "^2.5.16", | ||
| "webpack": "^4.12.1", | ||
| "webpack-cli": "^3.0.8", | ||
| "webpack-dev-server": "^3.1.4" | ||
| "vue-loader": "^15.2.6", | ||
| "vue-style-loader": "^4.1.1", | ||
| "vue-template-compiler": "^2.5.17", | ||
| "webpack": "^4.16.4", | ||
| "webpack-cli": "^3.1.0", | ||
| "webpack-dev-server": "^3.1.5" | ||
| }, | ||
@@ -96,0 +96,0 @@ "peerDependencies": { |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-20.37%
132407
- Lines of code
- decreased by-3.01%
2029
No dependency changes