@egjs/flicking-plugins 4.3.0 → 4.4.0

package/css/arrow.css

@@ -86,3 +86,15 @@
 .flicking-arrow-disabled::after {
   background-color: #e6e6e6;
 }
+
+.flicking-arrow-prev.is-thin::before,
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::before,
+.flicking-arrow-next.is-thin::after{
+  height: 3px;
+}
+
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::after{
+  top: calc(50% - 2px);
+}

package/dist/arrow.css

@@ -104,3 +104,15 @@
 .flicking-arrow-disabled::after {
   background-color: #e6e6e6;
 }
+
+.flicking-arrow-prev.is-thin::before,
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::before,
+.flicking-arrow-next.is-thin::after{
+  height: 3px;
+}
+
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::after{
+  top: calc(50% - 2px);
+}

package/dist/arrow.min.css

@@ -1 +1 @@
-.flicking-arrow-next,.flicking-arrow-prev{position:absolute;top:50%;width:64px;height:64px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.flicking-arrow-next.is-circle,.flicking-arrow-prev.is-circle{background-color:#f2a65e;border-radius:50%}.flicking-arrow-disabled.is-circle{background-color:rgb(10 10 10 / 10%)}.flicking-arrow-next.is-circle::after,.flicking-arrow-next.is-circle::before,.flicking-arrow-prev.is-circle::after,.flicking-arrow-prev.is-circle::before{background-color:#fff}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.flicking-arrow-prev.is-outside{left:-74px}.flicking-arrow-next.is-outside{right:-74px}.flicking-arrow-next::after,.flicking-arrow-next::before,.flicking-arrow-prev::after,.flicking-arrow-prev::before{content:"";width:24px;height:6px;position:absolute;background-color:#f2a65e}.flicking-arrow-prev::before{top:50%;left:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-prev::after{top:calc(50% - 4px);left:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-next::before{top:50%;right:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-next::after{top:calc(50% - 4px);right:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-disabled{cursor:default}.flicking-arrow-disabled::after,.flicking-arrow-disabled::before{background-color:#e6e6e6}
+.flicking-arrow-next,.flicking-arrow-prev{position:absolute;top:50%;width:64px;height:64px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.flicking-arrow-next.is-circle,.flicking-arrow-prev.is-circle{background-color:#f2a65e;border-radius:50%}.flicking-arrow-disabled.is-circle{background-color:rgb(10 10 10 / 10%)}.flicking-arrow-next.is-circle::after,.flicking-arrow-next.is-circle::before,.flicking-arrow-prev.is-circle::after,.flicking-arrow-prev.is-circle::before{background-color:#fff}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.flicking-arrow-prev.is-outside{left:-74px}.flicking-arrow-next.is-outside{right:-74px}.flicking-arrow-next::after,.flicking-arrow-next::before,.flicking-arrow-prev::after,.flicking-arrow-prev::before{content:"";width:24px;height:6px;position:absolute;background-color:#f2a65e}.flicking-arrow-prev::before{top:50%;left:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-prev::after{top:calc(50% - 4px);left:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-next::before{top:50%;right:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-next::after{top:calc(50% - 4px);right:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-disabled{cursor:default}.flicking-arrow-disabled::after,.flicking-arrow-disabled::before{background-color:#e6e6e6}.flicking-arrow-next.is-thin::after,.flicking-arrow-next.is-thin::before,.flicking-arrow-prev.is-thin::after,.flicking-arrow-prev.is-thin::before{height:3px}.flicking-arrow-next.is-thin::after,.flicking-arrow-prev.is-thin::after{top:calc(50% - 2px)}

package/dist/flicking-plugins.css

@@ -104,6 +104,18 @@
 .flicking-arrow-disabled::after {
   background-color: #e6e6e6;
 }
+
+.flicking-arrow-prev.is-thin::before,
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::before,
+.flicking-arrow-next.is-thin::after{
+  height: 3px;
+}
+
+.flicking-arrow-prev.is-thin::after,
+.flicking-arrow-next.is-thin::after{
+  top: calc(50% - 2px);
+}
 .flicking-pagination {
   position: absolute;
   left: 0;

package/dist/flicking-plugins.min.css

@@ -1 +1 @@
-.flicking-arrow-next,.flicking-arrow-prev{position:absolute;top:50%;width:64px;height:64px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.flicking-arrow-next.is-circle,.flicking-arrow-prev.is-circle{background-color:#f2a65e;border-radius:50%}.flicking-arrow-disabled.is-circle{background-color:rgb(10 10 10 / 10%)}.flicking-arrow-next.is-circle::after,.flicking-arrow-next.is-circle::before,.flicking-arrow-prev.is-circle::after,.flicking-arrow-prev.is-circle::before{background-color:#fff}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.flicking-arrow-prev.is-outside{left:-74px}.flicking-arrow-next.is-outside{right:-74px}.flicking-arrow-next::after,.flicking-arrow-next::before,.flicking-arrow-prev::after,.flicking-arrow-prev::before{content:"";width:24px;height:6px;position:absolute;background-color:#f2a65e}.flicking-arrow-prev::before{top:50%;left:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-prev::after{top:calc(50% - 4px);left:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-next::before{top:50%;right:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-next::after{top:calc(50% - 4px);right:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-disabled{cursor:default}.flicking-arrow-disabled::after,.flicking-arrow-disabled::before{background-color:#e6e6e6}.flicking-pagination{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}.flicking-pagination-bullets,.flicking-pagination-scroll{font-size:0}.flicking-pagination-scroll{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;overflow:hidden}.flicking-pagination-scroll .flicking-pagination-slider{-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet,.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider{-webkit-transition:none;transition:none}.flicking-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:rgb(10 10 10 / 10%);cursor:pointer;font-size:1rem}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-bullet-active{background-color:#f2a65e}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.flicking-pagination-scroll .flicking-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.flicking-pagination-scroll .flicking-pagination-bullet-next,.flicking-pagination-scroll .flicking-pagination-bullet-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.flicking-pagination-scroll .flicking-pagination-bullet-next2,.flicking-pagination-scroll .flicking-pagination-bullet-prev2{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
+.flicking-arrow-next,.flicking-arrow-prev{position:absolute;top:50%;width:64px;height:64px;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.flicking-arrow-next.is-circle,.flicking-arrow-prev.is-circle{background-color:#f2a65e;border-radius:50%}.flicking-arrow-disabled.is-circle{background-color:rgb(10 10 10 / 10%)}.flicking-arrow-next.is-circle::after,.flicking-arrow-next.is-circle::before,.flicking-arrow-prev.is-circle::after,.flicking-arrow-prev.is-circle::before{background-color:#fff}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.flicking-arrow-prev.is-outside{left:-74px}.flicking-arrow-next.is-outside{right:-74px}.flicking-arrow-next::after,.flicking-arrow-next::before,.flicking-arrow-prev::after,.flicking-arrow-prev::before{content:"";width:24px;height:6px;position:absolute;background-color:#f2a65e}.flicking-arrow-prev::before{top:50%;left:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-prev::after{top:calc(50% - 4px);left:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}.flicking-arrow-next::before{top:50%;right:22px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-next::after{top:calc(50% - 4px);right:22px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.flicking-arrow-disabled{cursor:default}.flicking-arrow-disabled::after,.flicking-arrow-disabled::before{background-color:#e6e6e6}.flicking-arrow-next.is-thin::after,.flicking-arrow-next.is-thin::before,.flicking-arrow-prev.is-thin::after,.flicking-arrow-prev.is-thin::before{height:3px}.flicking-arrow-next.is-thin::after,.flicking-arrow-prev.is-thin::after{top:calc(50% - 2px)}.flicking-pagination{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}.flicking-pagination-bullets,.flicking-pagination-scroll{font-size:0}.flicking-pagination-scroll{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;overflow:hidden}.flicking-pagination-scroll .flicking-pagination-slider{-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet,.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider{-webkit-transition:none;transition:none}.flicking-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:rgb(10 10 10 / 10%);cursor:pointer;font-size:1rem}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-bullet-active{background-color:#f2a65e}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.flicking-pagination-scroll .flicking-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.flicking-pagination-scroll .flicking-pagination-bullet-next,.flicking-pagination-scroll .flicking-pagination-bullet-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.flicking-pagination-scroll .flicking-pagination-bullet-next2,.flicking-pagination-scroll .flicking-pagination-bullet-prev2{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}

package/dist/plugins.esm.js

@@ -4,7 +4,7 @@ name: @egjs/flicking-plugins
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking-plugins
-version: 4.3.0
+version: 4.4.0
 */
 import { EVENTS, DIRECTION, FlickingError, clamp } from '@egjs/flicking';
 

package/dist/plugins.js

@@ -4,7 +4,7 @@ name: @egjs/flicking-plugins
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking-plugins
-version: 4.3.0
+version: 4.4.0
 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@egjs/flicking')) :

package/dist/plugins.min.js

@@ -4,7 +4,7 @@ name: @egjs/flicking-plugins
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking-plugins
-version: 4.3.0
+version: 4.4.0
 */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@egjs/flicking")):"function"==typeof define&&define.amd?define(["exports","@egjs/flicking"],t):t(((e=e||self).Flicking=e.Flicking||{},e.Flicking.Plugins={}),e.Flicking)}(this,function(e,E){"use strict";function _(e,t){e&&(e.classList?e.classList.add(t):e.className.split(" ").indexOf(t)<0&&(e.className=e.className+" "+t))}function p(e,t){if(e)if(e.classList)e.classList.remove(t);else{var n=new RegExp("( |^)"+t+"( |$)","g");e.className.replace(n," ")}}function o(e,t,n){var i=t.querySelector(e);if(!i)throw new Error("[Flicking-"+n+"] Couldn't find element with the given selector: "+e);return i}var t=function(){function e(e,t){var a=this;void 0===e&&(e=""),void 0===t&&(t=1),this.update=function(){a._onMove()},this._onMove=function(){var e=a._flicking;e&&e.visiblePanels.forEach(function(e){var t=e.outsetProgress,n=e.element,i=a._selector?n.querySelector(a._selector):n,r=i.parentNode,o=i.getBoundingClientRect(),s="translate(-50%) translate("+(r.getBoundingClientRect().width-o.width)/2*t*a._scale+"px)";i.style.cssText+="transform: "+s+";-webkit-transform: "+s+";-ms-transform:"+s})},this._flicking=null,this._selector=e,this._scale=t}var t=e.prototype;return Object.defineProperty(t,"selector",{get:function(){return this._selector},set:function(e){this._selector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"scale",{get:function(){return this._scale},set:function(e){this._scale=e},enumerable:!1,configurable:!0}),t.init=function(e){this._flicking&&this.destroy(),(this._flicking=e).on(E.EVENTS.MOVE,this._onMove),e.on(E.EVENTS.AFTER_RESIZE,this.update),this._onMove()},t.destroy=function(){this._flicking&&(this._flicking.off(E.EVENTS.MOVE,this._onMove),this._flicking.off(E.EVENTS.AFTER_RESIZE,this.update),this._flicking=null)},e}(),n=function(){function e(e,t){var n=this;void 0===e&&(e=""),void 0===t&&(t=1),this.update=function(){n._onMove()},this._onMove=function(){var e=n._flicking,o=n._selector,s=n._scale;e&&e.visiblePanels.forEach(function(e){var t=e.outsetProgress,n=e.element,i=o?n.querySelector(o):n,r=Math.min(1,Math.max(0,1-Math.abs(t*s)));i.style.opacity=""+r})},this._flicking=null,this._selector=e,this._scale=t}var t=e.prototype;return Object.defineProperty(t,"selector",{get:function(){return this._selector},set:function(e){this._selector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"scale",{get:function(){return this._scale},set:function(e){this._scale=e},enumerable:!1,configurable:!0}),t.init=function(e){this._flicking&&this.destroy(),(this._flicking=e).on(E.EVENTS.MOVE,this._onMove),e.on(E.EVENTS.AFTER_RESIZE,this.update),this._onMove()},t.destroy=function(){this._flicking&&(this._flicking.off(E.EVENTS.MOVE,this._onMove),this._flicking.off(E.EVENTS.AFTER_RESIZE,this.update),this._flicking=null)},e}(),i=function(){function e(e){var n=this,t=void 0===e?{}:e,i=t.duration,r=void 0===i?2e3:i,o=t.direction,s=void 0===o?E.DIRECTION.NEXT:o,a=t.stopOnHover,c=void 0!==a&&a;this._flicking=null,this._timerId=0,this._mouseEntered=!1,this.play=function(){var e=n._flicking,t=n._direction;e&&(n.stop(),n._mouseEntered||e.animating||(n._timerId=window.setTimeout(function(){t===E.DIRECTION.NEXT?e.next().catch(function(){}):e.prev().catch(function(){}),n.play()},n._duration)))},this.stop=function(){clearTimeout(n._timerId)},this._onMouseEnter=function(){n._mouseEntered=!0,n.stop()},this._onMouseLeave=function(){n._mouseEntered=!1,n.play()},this._duration=r,this._direction=s,this._stopOnHover=c}var t=e.prototype;return Object.defineProperty(t,"duration",{get:function(){return this._duration},set:function(e){this._duration=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"direction",{get:function(){return this._direction},set:function(e){this._direction=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"stopOnHover",{get:function(){return this._stopOnHover},set:function(e){this._stopOnHover=e},enumerable:!1,configurable:!0}),t.init=function(e){var t;if(this._flicking&&this.destroy(),e.on(((t={})[E.EVENTS.MOVE_START]=this.stop,t[E.EVENTS.HOLD_START]=this.stop,t[E.EVENTS.MOVE_END]=this.play,t[E.EVENTS.SELECT]=this.play,t)),this._flicking=e,this._stopOnHover){var n=this._flicking.element;n.addEventListener("mouseenter",this._onMouseEnter,!1),n.addEventListener("mouseleave",this._onMouseLeave,!1)}this.play()},t.destroy=function(){var e=this._flicking;if(this._mouseEntered=!1,this.stop(),e){e.off(E.EVENTS.MOVE_START,this.stop),e.off(E.EVENTS.HOLD_START,this.stop),e.off(E.EVENTS.MOVE_END,this.play),e.off(E.EVENTS.SELECT,this.play);var t=e.element;t.removeEventListener("mouseenter",this._onMouseEnter,!1),t.removeEventListener("mouseleave",this._onMouseLeave,!1),this._flicking=null}},t.update=function(){},e}(),d={CLICK:"click",MOUSE_DOWN:"mousedown",TOUCH_START:"touchstart"},v={PREV_SELECTOR:".flicking-arrow-prev",NEXT_SELECTOR:".flicking-arrow-next",DISABLED_CLASS:"flicking-arrow-disabled"},b={SELECTOR:".flicking-pagination",PREFIX:"flicking-pagination",BULLET_WRAPPER_SUFFIX:"bullets",BULLET_SUFFIX:"bullet",BULLET_ACTIVE_SUFFIX:"bullet-active",FRACTION_WRAPPER_SUFFIX:"fraction",FRACTION_CURRENT_SUFFIX:"fraction-current",FRACTION_TOTAL_SUFFIX:"fraction-total",SCROLL_UNINIT_SUFFIX:"uninitialized",SCROLL_WRAPPER_SUFFIX:"scroll",SCROLL_SLIDER_SUFFIX:"slider",SCROLL_PREV_SUFFIX:"bullet-prev",SCROLL_NEXT_SUFFIX:"bullet-next",TYPE:{BULLET:"bullet",FRACTION:"fraction",SCROLL:"scroll"}},a={TYPE:{CAMERA:"camera",INDEX:"index"}},r=function(){function e(e){var a=this,t=void 0===e?{}:e,n=t.parentEl,i=void 0===n?null:n,r=t.prevElSelector,o=void 0===r?v.PREV_SELECTOR:r,s=t.nextElSelector,c=void 0===s?v.NEXT_SELECTOR:s,l=t.disabledClass,u=void 0===l?v.DISABLED_CLASS:l,f=t.moveCount,h=void 0===f?1:f,_=t.moveByViewportSize,p=void 0!==_&&_;this._flicking=null,this._preventInputPropagation=function(e){e.stopPropagation()},this._onPrevClick=function(){var e=a._flicking,t=e.camera,n=t.anchorPoints;if(!(e.animating||n.length<=0)){var i=n[0],r=a._moveCount;if(a._moveByViewportSize)e.control.moveToPosition(t.position-t.size,e.duration).catch(a._onCatch);else if(e.circularEnabled){for(var o=e.currentPanel,s=0;s<r;s++)o=o.prev();o.focus().catch(a._onCatch)}else e.index>i.panel.index?e.moveTo(Math.max(e.index-r,i.panel.index)).catch(a._onCatch):t.position>t.range.min&&e.moveTo(e.index).catch(a._onCatch)}},this._onNextClick=function(){var e=a._flicking,t=e.camera,n=t.anchorPoints;if(!(e.animating||n.length<=0)){var i=n[n.length-1],r=a._moveCount;if(a._moveByViewportSize)e.control.moveToPosition(t.position+t.size,e.duration).catch(a._onCatch);else if(e.circularEnabled){for(var o=e.currentPanel,s=0;s<r;s++)o=o.next();o.focus().catch(a._onCatch)}else e.index<i.panel.index?e.moveTo(Math.min(e.index+r,i.panel.index)).catch(a._onCatch):t.position>t.range.min&&e.moveTo(e.index).catch(a._onCatch)}},this._onAnimation=function(){var e=a._flicking,t=e.camera,n=e.control.controller;e.holding?a._updateClass(t.position):a._updateClass(n.animatingContext.end)},this._onCatch=function(e){if(!(e instanceof E.FlickingError))throw e},this._parentEl=i,this._prevElSelector=o,this._nextElSelector=c,this._disabledClass=u,this._moveCount=h,this._moveByViewportSize=p}var t=e.prototype;return Object.defineProperty(t,"prevEl",{get:function(){return this._prevEl},enumerable:!1,configurable:!0}),Object.defineProperty(t,"nextEl",{get:function(){return this._nextEl},enumerable:!1,configurable:!0}),Object.defineProperty(t,"parentEl",{get:function(){return this._parentEl},set:function(e){this._parentEl=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"prevElSelector",{get:function(){return this._prevElSelector},set:function(e){this._prevElSelector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"nextElSelector",{get:function(){return this._nextElSelector},set:function(e){this._nextElSelector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"disabledClass",{get:function(){return this._disabledClass},set:function(e){this._disabledClass=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"moveCount",{get:function(){return this._moveCount},set:function(e){this._moveCount=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"moveByViewportSize",{get:function(){return this._moveByViewportSize},set:function(e){this._moveByViewportSize=e},enumerable:!1,configurable:!0}),t.init=function(e){var t=this;this._flicking&&this.destroy(),(this._flicking=e).on(E.EVENTS.MOVE,this._onAnimation);var n=this._parentEl?this._parentEl:e.element,i=o(this._prevElSelector,n,"Arrow"),r=o(this._nextElSelector,n,"Arrow");[d.MOUSE_DOWN,d.TOUCH_START].forEach(function(e){i.addEventListener(e,t._preventInputPropagation,{passive:!0}),r.addEventListener(e,t._preventInputPropagation,{passive:!0})}),i.addEventListener(d.CLICK,this._onPrevClick),r.addEventListener(d.CLICK,this._onNextClick),this._prevEl=i,this._nextEl=r,this.update()},t.destroy=function(){var t=this,e=this._flicking;if(e){e.off(E.EVENTS.MOVE,this._onAnimation);var n=this._prevEl,i=this._nextEl;[d.MOUSE_DOWN,d.TOUCH_START].forEach(function(e){n.removeEventListener(e,t._preventInputPropagation),i.removeEventListener(e,t._preventInputPropagation)}),n.removeEventListener(d.CLICK,this._onPrevClick),i.removeEventListener(d.CLICK,this._onNextClick),this._flicking=null}},t.update=function(){this._updateClass(this._flicking.camera.position)},t._updateClass=function(e){var t=this._flicking,n=this._disabledClass,i=this._prevEl,r=this._nextEl,o=t.camera.range,s=!t.circularEnabled&&e<=o.min,a=!t.circularEnabled&&e>=o.max;s?_(i,n):p(i,n),a?_(r,n):p(r,n)},e}(),s=function(){function e(e){var s=this,t=void 0===e?{}:e,n=t.type,i=void 0===n?a.TYPE.CAMERA:n,r=t.synchronizedFlickingOptions,o=void 0===r?[]:r;this._flicking=null,this._addEvents=function(){var r=s._type;s._synchronizedFlickingOptions.forEach(function(e){var t=e.flicking,n=e.isSlidable,i=e.isClickable;r===a.TYPE.CAMERA&&(t.on(E.EVENTS.MOVE,s._onMove),t.on(E.EVENTS.MOVE_START,s._onMoveStart),t.on(E.EVENTS.MOVE_END,s._onMoveEnd)),r===a.TYPE.INDEX&&n&&(t.on(E.EVENTS.WILL_CHANGE,s._onIndexChange),t.on(E.EVENTS.WILL_RESTORE,s._onIndexChange)),i&&t.on(E.EVENTS.SELECT,s._onSelect)})},this._removeEvents=function(){var r=s._type;s._synchronizedFlickingOptions.forEach(function(e){var t=e.flicking,n=e.isSlidable,i=e.isClickable;r===a.TYPE.CAMERA&&(t.off(E.EVENTS.MOVE,s._onMove),t.off(E.EVENTS.MOVE_START,s._onMoveStart),t.off(E.EVENTS.MOVE_END,s._onMoveEnd)),r===a.TYPE.INDEX&&n&&(t.off(E.EVENTS.WILL_CHANGE,s._onIndexChange),t.off(E.EVENTS.WILL_RESTORE,s._onIndexChange)),i&&t.off(E.EVENTS.SELECT,s._onSelect)})},this._onIndexChange=function(e){var t=e.currentTarget;t.initialized&&s._synchronizeByIndex(t,e.index)},this._onMove=function(i){var r=i.currentTarget.camera,o=(r.position-r.range.min)/r.rangeDiff;s._synchronizedFlickingOptions.forEach(function(e){var t=e.flicking;if(t!==i.currentTarget){var n=0;n=r.position<r.range.min?r.position:r.position>r.range.max?t.camera.range.max+r.position-r.range.max:t.camera.range.min+t.camera.rangeDiff*o,t.camera.lookAt(n)}})},this._onMoveStart=function(n){s._synchronizedFlickingOptions.forEach(function(e){var t=e.flicking;t!==n.currentTarget&&t.disableInput()})},this._onMoveEnd=function(n){s._synchronizedFlickingOptions.forEach(function(e){var t=e.flicking;t!==n.currentTarget&&(t.enableInput(),t.control.updateInput())})},this._onSelect=function(e){e.currentTarget.moveTo(e.index).catch(function(){}),s._synchronizeByIndex(e.currentTarget,e.index)},this._synchronizeByIndex=function(i,r){var e=s._synchronizedFlickingOptions;s._preventEvent(function(){e.forEach(function(e){s._updateClass(e,r);var t=e.flicking;if(t!==i){var n=E.clamp(r,0,t.panels.length);t.animating?t.once(E.EVENTS.MOVE_END,function(){t.moveTo(n).catch(function(){})}):t.moveTo(n)}})})},this._updateClass=function(e,t){var n=e.flicking,i=e.activeClass;i&&n.panels.forEach(function(e){e.index===t?_(e.element,i):p(e.element,i)})},this._type=i,this._synchronizedFlickingOptions=o}var t=e.prototype;return Object.defineProperty(t,"type",{get:function(){return this._type},set:function(e){this._type=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"synchronizedFlickingOptions",{get:function(){return this._synchronizedFlickingOptions},set:function(e){this._synchronizedFlickingOptions=e},enumerable:!1,configurable:!0}),t.init=function(e){var n=this,t=this._synchronizedFlickingOptions;this._flicking&&this.destroy(),this._flicking=e,this._addEvents(),t.forEach(function(e){var t=e.flicking;n._updateClass(e,t.defaultIndex)})},t.destroy=function(){this._flicking&&(this._removeEvents(),this._flicking=null)},t.update=function(){var t=this;this._synchronizedFlickingOptions.forEach(function(e){t._updateClass(e,e.flicking.index)})},t._preventEvent=function(e){this._removeEvents(),e(),this._addEvents()},e}(),c=function(){function e(e){var t=this,n=void 0===e?{}:e,i=n.selector,r=void 0===i?"":i,o=n.scale,s=void 0===o?1:o,a=n.rotate,c=void 0===a?1:a,l=n.perspective,u=void 0===l?1e3:l;this.update=function(){t._onMove()},this._onMove=function(){var e=t._flicking,l=t._selector,u=t._scale,f=t._rotate,h=t._perspective;if(e){var _=e.horizontal;e.visiblePanels.forEach(function(e){var t=e.outsetProgress,n=e.element,i=l?n.querySelector(l):n,r=1/(Math.abs(t*u)+1),o=0<t?Math.min(90,100*t*f):Math.max(-90,100*t*f),s=_?[0,o]:[o,0],a=s[0],c=s[1];i.style.transform="perspective("+h+"px) rotateX("+a+"deg) rotateY("+c+"deg) scale("+r+")"})}},this._flicking=null,this._selector=r,this._scale=s,this._rotate=c,this._perspective=u}var t=e.prototype;return Object.defineProperty(t,"selector",{get:function(){return this._selector},set:function(e){this._selector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"scale",{get:function(){return this._scale},set:function(e){this._scale=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"rotate",{get:function(){return this._rotate},set:function(e){this._rotate=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"perspective",{get:function(){return this._perspective},set:function(e){this._perspective=e},enumerable:!1,configurable:!0}),t.init=function(e){this._flicking&&this.destroy(),(this._flicking=e).on(E.EVENTS.MOVE,this._onMove),e.on(E.EVENTS.AFTER_RESIZE,this.update),this._onMove()},t.destroy=function(){this._flicking&&(this._flicking.off(E.EVENTS.MOVE,this._onMove),this._flicking.off(E.EVENTS.AFTER_RESIZE,this.update),this._flicking=null)},e}(),l=function(e,t){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var f=function(){return function(e){var t=e.flicking,n=e.pagination,i=e.wrapper;this._flicking=t,this._pagination=n,this._wrapper=i}}(),h=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e._childs=[],e}u(e,t);var n=e.prototype;return n.render=function(){var i=this._flicking,e=this._pagination,n=e.renderBullet,t=e.classPrefix+"-"+b.BULLET_WRAPPER_SUFFIX,r=e.classPrefix+"-"+b.BULLET_SUFFIX,o=e.classPrefix+"-"+b.BULLET_ACTIVE_SUFFIX,s=i.camera.anchorPoints,a=this._wrapper;_(a,t),a.innerHTML=s.map(function(e,t){return n(r,t)}).join("\n");var c=[].slice.call(a.children);c.forEach(function(e,t){var n=s[t];n.panel.index===i.index&&_(e,o),e.addEventListener(d.MOUSE_DOWN,function(e){e.stopPropagation()}),e.addEventListener(d.TOUCH_START,function(e){e.stopPropagation()},{passive:!0}),e.addEventListener(d.CLICK,function(){i.moveTo(n.panel.index).catch(function(e){if(!(e instanceof E.FlickingError))throw e})})}),this._childs=c},n.update=function(e){var t=this._flicking,n=this._pagination,i=this._childs,r=n.classPrefix+"-"+b.BULLET_ACTIVE_SUFFIX,o=t.camera.anchorPoints;if(!(o.length<=0)){i.forEach(function(e){p(e,r)});var s=i[e-o[0].panel.index];_(s,r)}},e}(f),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}u(t,e);var n=t.prototype;return n.render=function(){var e=this._flicking,t=this._wrapper,n=this._pagination,i=n.classPrefix+"-"+b.FRACTION_WRAPPER_SUFFIX,r=n.classPrefix+"-"+b.FRACTION_CURRENT_SUFFIX,o=n.classPrefix+"-"+b.FRACTION_TOTAL_SUFFIX;_(t,i),t.innerHTML=n.renderFraction(r,o),this.update(e.index)},n.update=function(e){var t=this._flicking,n=this._wrapper,i=this._pagination,r=i.classPrefix+"-"+b.FRACTION_CURRENT_SUFFIX,o=i.classPrefix+"-"+b.FRACTION_TOTAL_SUFFIX,s=n.querySelector("."+r),a=n.querySelector("."+o),c=t.camera.anchorPoints,l=0<c.length?e-c[0].panel.index+1:0;s.innerHTML=i.fractionCurrentFormat(l),a.innerHTML=i.fractionTotalFormat(c.length)},t}(f),T=function(e){function t(){var o=null!==e&&e.apply(this,arguments)||this;return o._bullets=[],o._bulletSize=0,o._previousIndex=-1,o._sliderIndex=-1,o.moveTo=function(e){var t=o._pagination,n=o._wrapper.firstElementChild,i=o._bulletSize,r=i*t.bulletCount;n.style.transform="translate("+(r/2-(e+.5)*i)+"px)",o._sliderIndex=e},o}u(t,e);var n=t.prototype;return n.render=function(){var e=this._wrapper,i=this._flicking,t=this._pagination,n=t.renderBullet,r=i.camera.anchorPoints,o=t.classPrefix+"-"+b.SCROLL_WRAPPER_SUFFIX,s=t.classPrefix+"-"+b.BULLET_SUFFIX,a=t.classPrefix+"-"+b.SCROLL_SLIDER_SUFFIX,c=t.classPrefix+"-"+b.SCROLL_UNINIT_SUFFIX,l=document.createElement("div");_(l,a),_(e,c),_(e,o),e.appendChild(l),l.innerHTML=r.map(function(e,t){return n(s,t)}).join("\n");var u=[].slice.call(l.children);if(u.forEach(function(e,t){var n=r[t];e.addEventListener(d.MOUSE_DOWN,function(e){e.stopPropagation()}),e.addEventListener(d.TOUCH_START,function(e){e.stopPropagation()},{passive:!0}),e.addEventListener(d.CLICK,function(){i.moveTo(n.panel.index).catch(function(e){if(!(e instanceof E.FlickingError))throw e})})}),!(u.length<=0)){var f=getComputedStyle(u[0]),h=u[0].clientWidth+parseFloat(f.marginLeft)+parseFloat(f.marginRight);e.style.width=h*t.bulletCount+"px",this._bullets=u,this._bulletSize=h,this.update(this._flicking.index),window.requestAnimationFrame(function(){p(e,c)})}},n.update=function(e){var t=this._pagination,n=this._flicking,i=this._bullets,r=this._previousIndex,o=n.camera.anchorPoints,s=e-o[0].panel.index;if(!(o.length<=0)){var a=t.classPrefix+"-"+b.BULLET_ACTIVE_SUFFIX,c=t.classPrefix+"-"+b.SCROLL_PREV_SUFFIX,l=t.classPrefix+"-"+b.SCROLL_NEXT_SUFFIX,u=new RegExp("^"+c),f=new RegExp("^"+l);i.forEach(function(e,t){for(var n=t-s,i=0,r=e.className.split(" ");i<r.length;i++){var o=r[i];(o===a||u.test(o)||f.test(o))&&p(e,o)}_(e,0==n?a:0<n?function(e){return l+(1<e?e:"")}(Math.abs(n)):function(e){return c+(1<e?e:"")}(Math.abs(n)))}),t.scrollOnChange(s,{total:i.length,prevIndex:r,sliderIndex:this._sliderIndex,direction:r<s?E.DIRECTION.NEXT:E.DIRECTION.PREV,bullets:function(e,t,n){if(n||2===arguments.length)for(var i,r=0,o=t.length;r<o;r++)!i&&r in t||(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||t)}([],i),moveTo:this.moveTo}),this._previousIndex=s}},t}(f),m=function(){function e(e){var t=this,n=void 0===e?{}:e,i=n.parentEl,r=void 0===i?null:i,o=n.selector,s=void 0===o?b.SELECTOR:o,a=n.type,c=void 0===a?b.TYPE.BULLET:a,l=n.classPrefix,u=void 0===l?b.PREFIX:l,f=n.bulletCount,h=void 0===f?5:f,_=n.renderBullet,p=void 0===_?function(e){return'<span class="'+e+'"></span>'}:_,E=n.renderFraction,d=void 0===E?function(e,t){return'<span class="'+e+'"></span>/<span class="'+t+'"></span>'}:E,v=n.fractionCurrentFormat,g=void 0===v?function(e){return e.toString()}:v,T=n.fractionTotalFormat,m=void 0===T?function(e){return e.toString()}:T,S=n.scrollOnChange,C=void 0===S?function(e,t){return t.moveTo(e)}:S;this._flicking=null,this.update=function(){t._removeAllChilds(),t._renderer.render()},this._onIndexChange=function(e){t._renderer.update(e.index)},this._parentEl=r,this._selector=s,this._type=c,this._classPrefix=u,this._bulletCount=h,this._renderBullet=p,this._renderFraction=d,this._fractionCurrentFormat=g,this._fractionTotalFormat=m,this._scrollOnChange=C}var t=e.prototype;return Object.defineProperty(t,"parentEl",{get:function(){return this._parentEl},set:function(e){this._parentEl=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"selector",{get:function(){return this._selector},set:function(e){this._selector=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"type",{get:function(){return this._type},set:function(e){this._type=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"classPrefix",{get:function(){return this._classPrefix},enumerable:!1,configurable:!0}),Object.defineProperty(t,"bulletCount",{get:function(){return this._bulletCount},set:function(e){this._bulletCount=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"renderBullet",{get:function(){return this._renderBullet},set:function(e){this._renderBullet=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"renderFraction",{get:function(){return this._renderFraction},set:function(e){this._renderFraction=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"fractionCurrentFormat",{get:function(){return this._fractionCurrentFormat},set:function(e){this._fractionCurrentFormat=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"fractionTotalFormat",{get:function(){return this._fractionTotalFormat},set:function(e){this._fractionTotalFormat=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"scrollOnChange",{get:function(){return this._scrollOnChange},set:function(e){this._scrollOnChange=e},enumerable:!1,configurable:!0}),Object.defineProperty(t,"bulletWrapperclassPrefixClass",{set:function(e){this._classPrefix=e},enumerable:!1,configurable:!0}),t.init=function(e){this._flicking&&this.destroy(),this._flicking=e;var t=this._type,n=this._selector,i=(this._parentEl?this._parentEl:e.element).querySelector(n);if(!i)throw new Error("[Flicking-Pagination] Couldn't find element with the given selector: "+n);this._wrapper=i,this._renderer=this._createRenderer(t),e.on(E.EVENTS.WILL_CHANGE,this._onIndexChange),e.on(E.EVENTS.WILL_RESTORE,this._onIndexChange),e.on(E.EVENTS.PANEL_CHANGE,this.update),this.update()},t.destroy=function(){var e=this._flicking;e&&(e.off(E.EVENTS.WILL_CHANGE,this._onIndexChange),e.off(E.EVENTS.WILL_RESTORE,this._onIndexChange),e.off(E.EVENTS.PANEL_CHANGE,this.update),this._removeAllChilds(),this._flicking=null)},t._createRenderer=function(e){var t={flicking:this._flicking,pagination:this,wrapper:this._wrapper};switch(e){case b.TYPE.BULLET:return new h(t);case b.TYPE.FRACTION:return new g(t);case b.TYPE.SCROLL:return new T(t);default:throw new Error('[Flicking-Pagination] type "'+e+'" is not supported.')}},t._removeAllChilds=function(){for(var e=this._wrapper;e.firstChild;)e.removeChild(e.firstChild)},e}();e.ARROW=v,e.Arrow=r,e.AutoPlay=i,e.Fade=n,e.PAGINATION=b,e.Pagination=m,e.Parallax=t,e.Perspective=c,e.SYNC=a,e.Sync=s});
 //# sourceMappingURL=plugins.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking-plugins",
-	"version": "4.3.0",
+	"version": "4.4.0",
 	"description": "Ready-to-use plugins for @egjs/flicking",
 	"module": "./dist/plugins.esm.js",
 	"main": "./dist/plugins.js",