@egjs/flicking-plugins 4.1.0 → 4.2.3

package/dist/plugins.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.min.js","sources":["../src/utils.ts","../src/Parallax.ts","../src/Fade.ts","../src/AutoPlay.ts","../src/event.ts","../src/const.ts","../src/Arrow.ts","../src/pagination/renderer/Renderer.ts","../src/pagination/renderer/BulletRenderer.ts","../src/pagination/renderer/FractionRenderer.ts","../src/pagination/renderer/ScrollBulletRenderer.ts","../src/pagination/Pagination.ts"],"sourcesContent":["export const addClass = (el: HTMLElement, className: string) => {\n  if (el.classList) {\n    el.classList.add(className);\n  } else {\n    const classes = el.className.split(\" \");\n\n    if (classes.indexOf(className) < 0) {\n      el.className = `${el.className} ${className}`;\n    }\n  }\n};\n\nexport const removeClass = (el: HTMLElement, className: string) => {\n  if (el.classList) {\n    el.classList.remove(className);\n  } else {\n    const classRegex = new RegExp(`( |^)${className}( |$)`, \"g\");\n    el.className.replace(classRegex, \" \");\n  }\n};\n\nexport const getElement = (selector: string, parent: HTMLElement, pluginName: string) => {\n  const el = parent.querySelector(selector);\n\n  if (!el) {\n    throw new Error(`[Flicking-${pluginName}] Couldn't find element with the given selector: ${selector}`);\n  }\n\n  return el as HTMLElement;\n};\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\n/**\n * You can apply parallax effect while panel is moving.\n * @ko 패널들을 움직이면서 parallax 효과를 부여할 수 있습니다.\n * @memberof Flicking.Plugins\n */\nclass Parallax implements Plugin {\n  private _flicking: Flicking | null;\n\n  /* Options  */\n  private _selector: string;\n  private _scale: number;\n\n  public get selector() { return this._selector; }\n  public get scale() { return this._scale; }\n\n  public set selector(val: string) { this._selector = val; }\n  public set scale(val: number) { this._scale = val; }\n\n  /**\n   * @param {string} selector Selector of the element to apply parallax effect<ko> Parallax 효과를 적용할 엘리먼트의 선택자 </ko>\n   * @param {number} scale Effect amplication scale<ko>효과 증폭도</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new Parallax(\"img\", 1));\n   * ```\n   */\n  public constructor(selector = \"\", scale = 1) {\n    this._flicking = null;\n    this._selector = selector;\n    this._scale = scale;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onMove);\n    flicking.on(EVENTS.AFTER_RESIZE, this.update);\n    this._onMove();\n  }\n\n  public destroy(): void {\n    if (!this._flicking) return;\n\n    this._flicking.off(EVENTS.MOVE, this._onMove);\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._onMove();\n  };\n\n  private _onMove = (): void => {\n    const flicking = this._flicking;\n\n    if (!flicking) return;\n\n    const panels = flicking.visiblePanels;\n\n    panels.forEach(panel => {\n      const progress = panel.outsetProgress;\n      const el = panel.element;\n      const target = this._selector ? el.querySelector<HTMLElement>(this._selector)! : el;\n      const parentTarget = target.parentNode as Element;\n      const rect = target.getBoundingClientRect();\n      const parentRect = parentTarget.getBoundingClientRect();\n      const position = (parentRect.width - rect.width) / 2 * progress * this._scale;\n      const transform = `translate(-50%) translate(${position}px)`;\n      const style = target.style;\n\n      style.cssText += `transform: ${transform};-webkit-transform: ${transform};-ms-transform:${transform}`;\n    });\n  };\n}\nexport default Parallax;\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\n/**\n * You can apply fade in / out effect while panel is moving.\n * @ko 패널들을 움직이면서 fade in / out 효과를 부여할 수 있습니다.\n * @memberof Flicking.Plugins\n */\nclass Fade implements Plugin {\n  private _flicking: Flicking | null;\n\n  /* Options  */\n  private _selector: string;\n  private _scale: number;\n\n  public get selector() { return this._selector; }\n  public get scale() { return this._scale; }\n\n  public set selector(val: string) { this._selector = val; }\n  public set scale(val: number) { this._scale = val; }\n\n  /**\n   * @param - The selector of the element to which the fade effect is to be applied. If the selector is blank, it applies to panel element. <ko>Fade 효과를 적용할 대상의 선택자. 선택자가 공백이면 패널 엘리먼트에 적용된다.</ko>\n   * @param - Effect amplication scale<ko>효과 증폭도</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new Fade(\"p\", 1));\n   * ```\n   */\n  public constructor(selector = \"\", scale = 1) {\n    this._flicking = null;\n    this._selector = selector;\n    this._scale = scale;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onMove);\n    flicking.on(EVENTS.AFTER_RESIZE, this.update);\n    this._onMove();\n  }\n\n  public destroy(): void {\n    if (!this._flicking) return;\n\n    this._flicking.off(EVENTS.MOVE, this._onMove);\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._onMove();\n  };\n\n  private _onMove = (): void => {\n    const flicking = this._flicking;\n    const selector = this._selector;\n    const scale = this._scale;\n\n    if (!flicking) return;\n\n    const panels = flicking.visiblePanels;\n\n    panels.forEach(panel => {\n      const progress = panel.outsetProgress;\n      const el = panel.element;\n      const target = selector ? el.querySelector<HTMLElement>(selector)! : el;\n      const opacity = Math.min(1, Math.max(0, (1 - Math.abs(progress * scale))));\n\n      target.style.opacity = `${opacity}`;\n    });\n  };\n}\n\nexport default Fade;\n","import Flicking, { EVENTS, Plugin, DIRECTION } from \"@egjs/flicking\";\n\ninterface AutoPlayOptions {\n  duration: number;\n  direction: typeof DIRECTION[\"NEXT\"] | typeof DIRECTION[\"PREV\"];\n  stopOnHover: boolean;\n}\n\n/**\n * Plugin that allow you to automatically move to the next/previous panel, on a specific time basis\n * @ko 일정 시간마다, 자동으로 다음/이전 패널로 넘어가도록 할 수 있는 플러그인\n * @memberof Flicking.Plugins\n */\nclass AutoPlay implements Plugin {\n  /* Options */\n  private _duration: AutoPlayOptions[\"duration\"];\n  private _direction: AutoPlayOptions[\"direction\"];\n  private _stopOnHover: AutoPlayOptions[\"stopOnHover\"];\n\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _timerId = 0;\n  private _mouseEntered = false;\n\n  public get duration() { return this._duration; }\n  public get direction() { return this._direction; }\n  public get stopOnHover() { return this._stopOnHover; }\n\n  public set duration(val: number) { this._duration = val; }\n  public set direction(val: AutoPlayOptions[\"direction\"]) { this._direction = val; }\n  public set stopOnHover(val: boolean) { this._stopOnHover = val; }\n\n  /**\n   * @param {AutoPlayOptions} options Options for the AutoPlay instance.<ko>AutoPlay 옵션</ko>\n   * @param {number} options.duration Time to wait before moving on to the next panel.<ko>다음 패널로 움직이기까지 대기 시간</ko>\n   * @param {\"PREV\" | \"NEXT\"} options.direction The direction in which the panel moves.<ko>패널이 움직이는 방향</ko>\n   * @param {boolean} options.stopOnHover Whether to stop when mouse hover upon the element.<ko>엘리먼트에 마우스를 올렸을 때 AutoPlay를 정지할지 여부</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new AutoPlay({ duration: 2000, direction: \"NEXT\" }));\n   * ```\n   */\n  public constructor({\n    duration = 2000,\n    direction = DIRECTION.NEXT,\n    stopOnHover = false\n  }: Partial<AutoPlayOptions> = {}) {\n    this._duration = duration;\n    this._direction = direction;\n    this._stopOnHover = stopOnHover;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    flicking.on({\n      [EVENTS.MOVE_START]: this.stop,\n      [EVENTS.HOLD_START]: this.stop,\n      [EVENTS.MOVE_END]: this.play,\n      [EVENTS.SELECT]: this.play\n    });\n\n    this._flicking = flicking;\n    if (this._stopOnHover) {\n      const targetEl = this._flicking.element;\n      targetEl.addEventListener(\"mouseenter\", this._onMouseEnter, false);\n      targetEl.addEventListener(\"mouseleave\", this._onMouseLeave, false);\n    }\n\n    this.play();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    this._mouseEntered = false;\n    this.stop();\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.MOVE_START, this.stop);\n    flicking.off(EVENTS.HOLD_START, this.stop);\n    flicking.off(EVENTS.MOVE_END, this.play);\n    flicking.off(EVENTS.SELECT, this.play);\n\n    const targetEl = flicking.element;\n    targetEl.removeEventListener(\"mouseenter\", this._onMouseEnter, false);\n    targetEl.removeEventListener(\"mouseleave\", this._onMouseLeave, false);\n\n    this._flicking = null;\n  }\n\n  public update(): void {\n    // DO-NOTHING\n  }\n\n  public play = () => {\n    const flicking = this._flicking;\n    const direction = this._direction;\n\n    if (!flicking) {\n      return;\n    }\n\n    this.stop();\n\n    if (this._mouseEntered || flicking.animating) {\n      return;\n    }\n\n    this._timerId = window.setTimeout(() => {\n      if (direction === DIRECTION.NEXT) {\n        flicking.next().catch(() => void 0);\n      } else {\n        flicking.prev().catch(() => void 0);\n      }\n\n      this.play();\n    }, this._duration);\n  };\n\n  public stop = () => {\n    clearTimeout(this._timerId);\n  };\n\n  private _onMouseEnter = () => {\n    this._mouseEntered = true;\n    this.stop();\n  };\n\n  private _onMouseLeave = () => {\n    this._mouseEntered = false;\n    this.play();\n  };\n}\n\nexport default AutoPlay;\n","export const BROWSER = {\n  CLICK: \"click\",\n  MOUSE_DOWN: \"mousedown\",\n  TOUCH_START: \"touchstart\"\n};\n","export const ARROW = {\n  PREV_SELECTOR: \".flicking-arrow-prev\",\n  NEXT_SELECTOR: \".flicking-arrow-next\",\n  DISABLED_CLASS: \"flicking-arrow-disabled\"\n} as const;\n\nexport const PAGINATION = {\n  SELECTOR: \".flicking-pagination\",\n  PREFIX: \"flicking-pagination\",\n  BULLET_WRAPPER_SUFFIX: \"bullets\",\n  BULLET_SUFFIX: \"bullet\",\n  BULLET_ACTIVE_SUFFIX: \"bullet-active\",\n  FRACTION_WRAPPER_SUFFIX: \"fraction\",\n  FRACTION_CURRENT_SUFFIX: \"fraction-current\",\n  FRACTION_TOTAL_SUFFIX: \"fraction-total\",\n  SCROLL_UNINIT_SUFFIX: \"uninitialized\",\n  SCROLL_WRAPPER_SUFFIX: \"scroll\",\n  SCROLL_SLIDER_SUFFIX: \"slider\",\n  SCROLL_PREV_SUFFIX: \"bullet-prev\",\n  SCROLL_NEXT_SUFFIX: \"bullet-next\",\n  TYPE: {\n    BULLET: \"bullet\",\n    FRACTION: \"fraction\",\n    SCROLL: \"scroll\"\n  }\n} as const;\n","import Flicking, { EVENTS, FlickingError, Plugin } from \"@egjs/flicking\";\n\nimport { BROWSER } from \"./event\";\nimport { ARROW } from \"./const\";\nimport { addClass, getElement, removeClass } from \"./utils\";\n\ninterface ArrowOptions {\n  parentEl: HTMLElement | null;\n  prevElSelector: string;\n  nextElSelector: string;\n  disabledClass: string;\n  moveCount: number;\n  moveByViewportSize: boolean;\n}\n\n/**\n * A plugin to easily create prev/right arrow button of Flicking\n * @ko 이전/다음 버튼을 쉽게 만들 수 있는 플러그인\n * @memberof Flicking.Plugins\n */\nclass Arrow implements Plugin {\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _prevEl: HTMLElement;\n  private _nextEl: HTMLElement;\n\n  /* Options */\n  private _parentEl: ArrowOptions[\"parentEl\"];\n  private _prevElSelector: ArrowOptions[\"prevElSelector\"];\n  private _nextElSelector: ArrowOptions[\"nextElSelector\"];\n  private _disabledClass: ArrowOptions[\"disabledClass\"];\n  private _moveCount: ArrowOptions[\"moveCount\"];\n  private _moveByViewportSize: ArrowOptions[\"moveByViewportSize\"];\n\n  public get prevEl() { return this._prevEl; }\n  public get nextEl() { return this._nextEl; }\n\n  public get parentEl() { return this._parentEl; }\n  public get prevElSelector() { return this._prevElSelector; }\n  public get nextElSelector() { return this._nextElSelector; }\n  public get disabledClass() { return this._disabledClass; }\n  public get moveCount() { return this._moveCount; }\n  public get moveByViewportSize() { return this._moveByViewportSize; }\n\n  public set parentEl(val: ArrowOptions[\"parentEl\"]) { this._parentEl = val; }\n  public set prevElSelector(val: ArrowOptions[\"prevElSelector\"]) { this._prevElSelector = val; }\n  public set nextElSelector(val: ArrowOptions[\"nextElSelector\"]) { this._nextElSelector = val; }\n  public set disabledClass(val: ArrowOptions[\"disabledClass\"]) { this._disabledClass = val; }\n  public set moveCount(val: ArrowOptions[\"moveCount\"]) { this._moveCount = val; }\n  public set moveByViewportSize(val: ArrowOptions[\"moveByViewportSize\"]) { this._moveByViewportSize = val; }\n\n  public constructor({\n    parentEl = null,\n    prevElSelector = ARROW.PREV_SELECTOR,\n    nextElSelector = ARROW.NEXT_SELECTOR,\n    disabledClass = ARROW.DISABLED_CLASS,\n    moveCount = 1,\n    moveByViewportSize = false\n  }: Partial<ArrowOptions> = {}) {\n    this._parentEl = parentEl;\n    this._prevElSelector = prevElSelector;\n    this._nextElSelector = nextElSelector;\n    this._disabledClass = disabledClass;\n    this._moveCount = moveCount;\n    this._moveByViewportSize = moveByViewportSize;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onAnimation);\n\n    const parentEl = this._parentEl ? this._parentEl : flicking.element;\n    const prevEl = getElement(this._prevElSelector, parentEl, \"Arrow\");\n    const nextEl = getElement(this._nextElSelector, parentEl, \"Arrow\");\n\n    [BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach(evt => {\n      prevEl.addEventListener(evt, this._preventInputPropagation);\n      nextEl.addEventListener(evt, this._preventInputPropagation);\n    });\n\n    prevEl.addEventListener(BROWSER.CLICK, this._onPrevClick);\n    nextEl.addEventListener(BROWSER.CLICK, this._onNextClick);\n\n    this._prevEl = prevEl;\n    this._nextEl = nextEl;\n\n    this.update();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.MOVE, this._onAnimation);\n\n    const prevEl = this._prevEl;\n    const nextEl = this._nextEl;\n\n    [BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach(evt => {\n      prevEl.removeEventListener(evt, this._preventInputPropagation);\n      nextEl.removeEventListener(evt, this._preventInputPropagation);\n    });\n\n    prevEl.removeEventListener(BROWSER.CLICK, this._onPrevClick);\n    nextEl.removeEventListener(BROWSER.CLICK, this._onNextClick);\n    this._flicking = null;\n  }\n\n  public update(): void {\n    this._updateClass(this._flicking!.camera.position);\n  }\n\n  private _preventInputPropagation = (e: Event) => {\n    e.stopPropagation();\n  };\n\n  private _onPrevClick = () => {\n    const flicking = this._flicking!;\n    const camera = flicking.camera;\n    const anchorPoints = camera.anchorPoints;\n\n    if (flicking.animating || anchorPoints.length <= 0) return;\n\n    const firstAnchor = anchorPoints[0];\n    const moveCount = this._moveCount;\n\n    if (this._moveByViewportSize) {\n      flicking.control.moveToPosition(camera.position - camera.size, flicking.duration)\n        .catch(this._onCatch);\n    } else {\n      if (flicking.circularEnabled) {\n        let targetPanel = flicking.currentPanel;\n\n        for (let i = 0; i < moveCount; i++) {\n          targetPanel = targetPanel.prev()!;\n        }\n\n        targetPanel.focus().catch(this._onCatch);\n      } else if (flicking.index > firstAnchor.panel.index) {\n        flicking.moveTo(Math.max(flicking.index - moveCount, firstAnchor.panel.index))\n          .catch(this._onCatch);\n      } else if (camera.position > camera.range.min) {\n        flicking.moveTo(flicking.index)\n          .catch(this._onCatch);\n      }\n    }\n  };\n\n  private _onNextClick = () => {\n    const flicking = this._flicking!;\n\n    const camera = flicking.camera;\n    const anchorPoints = camera.anchorPoints;\n\n    if (flicking.animating || anchorPoints.length <= 0) return;\n\n    const lastAnchor = anchorPoints[anchorPoints.length - 1];\n    const moveCount = this._moveCount;\n\n    if (this._moveByViewportSize) {\n      flicking.control.moveToPosition(camera.position + camera.size, flicking.duration)\n        .catch(this._onCatch);\n    } else {\n      if (flicking.circularEnabled) {\n        let targetPanel = flicking.currentPanel;\n\n        for (let i = 0; i < moveCount; i++) {\n          targetPanel = targetPanel.next()!;\n        }\n\n        targetPanel.focus().catch(this._onCatch);\n      } else if (flicking.index < lastAnchor.panel.index) {\n        flicking.moveTo(Math.min(flicking.index + moveCount, lastAnchor.panel.index))\n          .catch(this._onCatch);\n      } else if (camera.position > camera.range.min) {\n        flicking.moveTo(flicking.index)\n          .catch(this._onCatch);\n      }\n    }\n  };\n\n  private _onAnimation = () => {\n    const flicking = this._flicking!;\n    const camera = flicking.camera;\n    const controller = flicking.control.controller;\n\n    if (flicking.holding) {\n      this._updateClass(camera.position);\n    } else {\n      this._updateClass(controller.animatingContext.end);\n    }\n  };\n\n  private _updateClass(pos: number) {\n    const flicking = this._flicking!;\n    const disabledClass = this._disabledClass;\n    const prevEl = this._prevEl;\n    const nextEl = this._nextEl;\n    const cameraRange = flicking.camera.range;\n\n    const stopAtPrevEdge = flicking.circularEnabled\n      ? false\n      : pos <= cameraRange.min;\n    const stopAtNextEdge = flicking.circularEnabled\n      ? false\n      : pos >= cameraRange.max;\n\n    if (stopAtPrevEdge) {\n      addClass(prevEl, disabledClass);\n    } else {\n      removeClass(prevEl, disabledClass);\n    }\n\n    if (stopAtNextEdge) {\n      addClass(nextEl, disabledClass);\n    } else {\n      removeClass(nextEl, disabledClass);\n    }\n  }\n\n  private _onCatch = (err: Error) => {\n    if (err instanceof FlickingError) return;\n    throw err;\n  };\n}\n\nexport default Arrow;\n","import Flicking from \"@egjs/flicking\";\n\nimport Pagination from \"../Pagination\";\n\nexport interface RendererOptions {\n  flicking: Flicking;\n  pagination: Pagination;\n  wrapper: HTMLElement;\n}\n\nabstract class Renderer {\n  protected _flicking: Flicking;\n  protected _pagination: Pagination;\n  protected _wrapper: HTMLElement;\n\n  public constructor({\n    flicking,\n    pagination,\n    wrapper\n  }: RendererOptions) {\n    this._flicking = flicking;\n    this._pagination = pagination;\n    this._wrapper = wrapper;\n  }\n\n  public abstract render(): void;\n  public abstract update(index: number): void;\n}\n\nexport default Renderer;\n","import { FlickingError } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../../const\";\nimport { BROWSER } from \"../../event\";\nimport { addClass, removeClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass BulletRenderer extends Renderer {\n  private _childs: HTMLElement[] = [];\n\n  public render() {\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const renderBullet = pagination.renderBullet;\n    const bulletWrapperClass = `${pagination.classPrefix}-${PAGINATION.BULLET_WRAPPER_SUFFIX}`;\n    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;\n    const bulletActiveClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const anchorPoints = flicking.camera.anchorPoints;\n    const wrapper = this._wrapper;\n\n    addClass(wrapper, bulletWrapperClass);\n\n    wrapper.innerHTML = anchorPoints\n      .map((_, index) => renderBullet(bulletClass, index))\n      .join(\"\\n\");\n\n    const bullets = [].slice.call(wrapper.children) as HTMLElement[];\n\n    bullets.forEach((bullet, index) => {\n      const anchorPoint = anchorPoints[index];\n\n      if (anchorPoint.panel.index === flicking.index) {\n        addClass(bullet, bulletActiveClass);\n      }\n\n      bullet.addEventListener(BROWSER.MOUSE_DOWN, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.TOUCH_START, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.CLICK, () => {\n        flicking.moveTo(anchorPoint.panel.index)\n          .catch(err => {\n            if (err instanceof FlickingError) return;\n            throw err;\n          });\n      });\n    });\n\n    this._childs = bullets;\n  }\n\n  public update(index: number) {\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const bullets = this._childs;\n    const activeClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    if (anchorPoints.length <= 0) return;\n\n    bullets.forEach(bullet => {\n      removeClass(bullet, activeClass);\n    });\n\n    const anchorOffset = anchorPoints[0].panel.index;\n    const activeBullet = bullets[index - anchorOffset];\n\n    addClass(activeBullet, activeClass);\n  }\n}\n\nexport default BulletRenderer;\n","import { PAGINATION } from \"../../const\";\nimport { addClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass FractionRenderer extends Renderer {\n  public render() {\n    const flicking = this._flicking;\n    const wrapper = this._wrapper;\n    const pagination = this._pagination;\n    const fractionWrapperClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_WRAPPER_SUFFIX}`;\n    const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;\n    const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;\n\n    addClass(wrapper, fractionWrapperClass);\n\n    wrapper.innerHTML = pagination.renderFraction(fractionCurrentClass, fractionTotalClass);\n\n    this.update(flicking.index);\n  }\n\n  public update(index: number) {\n    const flicking = this._flicking;\n    const wrapper = this._wrapper;\n    const pagination = this._pagination;\n    const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;\n    const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;\n\n    const currentWrapper = wrapper.querySelector(`.${fractionCurrentClass}`) as HTMLElement;\n    const totalWrapper = wrapper.querySelector(`.${fractionTotalClass}`) as HTMLElement;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    const currentIndex = anchorPoints.length > 0\n      ? index - anchorPoints[0].panel.index + 1\n      : 0;\n\n    currentWrapper.innerHTML = pagination.fractionCurrentFormat(currentIndex);\n    totalWrapper.innerHTML = pagination.fractionTotalFormat(anchorPoints.length);\n  }\n}\n\nexport default FractionRenderer;\n","import { DIRECTION, FlickingError } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../../const\";\nimport { BROWSER } from \"../../event\";\nimport { addClass, removeClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass ScrollBulletRenderer extends Renderer {\n  private _bullets: HTMLElement[] = [];\n  private _bulletSize: number = 0;\n  private _previousIndex: number = -1;\n  private _sliderIndex: number = -1;\n\n  public render() {\n    const wrapper = this._wrapper;\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const renderBullet = pagination.renderBullet;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    const dynamicWrapperClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_WRAPPER_SUFFIX}`;\n    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;\n    const sliderClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_SLIDER_SUFFIX}`;\n    const uninitClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_UNINIT_SUFFIX}`;\n\n    const sliderEl = document.createElement(\"div\");\n\n    addClass(sliderEl, sliderClass);\n    addClass(wrapper, uninitClass);\n    addClass(wrapper, dynamicWrapperClass);\n    wrapper.appendChild(sliderEl);\n\n    sliderEl.innerHTML = anchorPoints\n      .map((_, index) => renderBullet(bulletClass, index))\n      .join(\"\\n\");\n\n    const bullets = [].slice.call(sliderEl.children) as HTMLElement[];\n\n    bullets.forEach((bullet, index) => {\n      const anchorPoint = anchorPoints[index];\n\n      bullet.addEventListener(BROWSER.MOUSE_DOWN, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.TOUCH_START, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.CLICK, () => {\n        flicking.moveTo(anchorPoint.panel.index)\n          .catch(err => {\n            if (err instanceof FlickingError) return;\n            throw err;\n          });\n      });\n    });\n\n    if (bullets.length <= 0) return;\n\n    const bulletStyle = getComputedStyle(bullets[0]);\n    const bulletSize = bullets[0].clientWidth + parseFloat(bulletStyle.marginLeft) + parseFloat(bulletStyle.marginRight);\n\n    wrapper.style.width = `${bulletSize * pagination.bulletCount}px`;\n\n    this._bullets = bullets;\n    this._bulletSize = bulletSize;\n\n    this.update(this._flicking.index);\n\n    window.requestAnimationFrame(() => {\n      removeClass(wrapper, uninitClass);\n    });\n  }\n\n  public update(index: number) {\n    const pagination = this._pagination;\n    const flicking = this._flicking;\n    const bullets = this._bullets;\n    const prevIndex = this._previousIndex;\n\n    const anchorPoints = flicking.camera.anchorPoints;\n    const anchorOffset = anchorPoints[0].panel.index;\n    const activeIndex = index - anchorOffset;\n\n    if (anchorPoints.length <= 0) return;\n\n    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;\n    const bulletActiveClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const bulletPrevClass = (offset: number) => `${pagination.classPrefix}-${PAGINATION.SCROLL_PREV_SUFFIX}${offset > 1 ? offset : \"\"}`;\n    const bulletNextClass = (offset: number) => `${pagination.classPrefix}-${PAGINATION.SCROLL_NEXT_SUFFIX}${offset > 1 ? offset : \"\"}`;\n\n    bullets.forEach((bullet, idx) => {\n      const indexOffset = idx - activeIndex;\n\n      if (indexOffset === 0) {\n        bullet.className = `${bulletClass} ${bulletActiveClass}`;\n      } else if (indexOffset > 0) {\n        bullet.className = `${bulletClass} ${bulletNextClass(Math.abs(indexOffset))}`;\n      } else {\n        bullet.className = `${bulletClass} ${bulletPrevClass(Math.abs(indexOffset))}`;\n      }\n    });\n\n    pagination.scrollOnChange(activeIndex, {\n      total: bullets.length,\n      prevIndex: prevIndex,\n      sliderIndex: this._sliderIndex,\n      direction: activeIndex > prevIndex ? DIRECTION.NEXT : DIRECTION.PREV,\n      bullets: [...bullets],\n      moveTo: this.moveTo\n    });\n\n    this._previousIndex = activeIndex;\n  }\n\n  public moveTo = (index: number): void => {\n    const pagination = this._pagination;\n    const sliderEl = this._wrapper.firstElementChild as HTMLElement;\n    const bulletSize = this._bulletSize;\n    const wrapperSize = bulletSize * pagination.bulletCount;\n\n    sliderEl.style.transform = `translate(${wrapperSize / 2 - (index + 0.5) * bulletSize}px)`;\n    this._sliderIndex = index;\n  };\n}\n\nexport default ScrollBulletRenderer;\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../const\";\nimport ScrollContext from \"../type\";\n\nimport Renderer from \"./renderer/Renderer\";\nimport BulletRenderer from \"./renderer/BulletRenderer\";\nimport FractionRenderer from \"./renderer/FractionRenderer\";\nimport ScrollBulletRenderer from \"./renderer/ScrollBulletRenderer\";\n\nexport interface PaginationOptions {\n  parentEl: HTMLElement | null;\n  selector: string;\n  type: \"bullet\" | \"fraction\" | \"scroll\";\n  classPrefix: string;\n  bulletCount: number;\n  renderBullet: (className: string, index: number) => string;\n  renderFraction: (currentClass: string, totalClass: string) => string;\n  fractionCurrentFormat: (index: number) => string;\n  fractionTotalFormat: (total: number) => string;\n  scrollOnChange: (index: number, ctx: ScrollContext) => any;\n}\n\n/**\n * @memberof Flicking.Plugins\n */\nclass Pagination implements Plugin {\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _renderer: Renderer;\n  private _wrapper: HTMLElement;\n\n  /* Options */\n  private _parentEl: PaginationOptions[\"parentEl\"];\n  private _selector: PaginationOptions[\"selector\"];\n  private _type: PaginationOptions[\"type\"];\n  private _classPrefix: PaginationOptions[\"classPrefix\"];\n  private _bulletCount: PaginationOptions[\"bulletCount\"];\n  private _renderBullet: PaginationOptions[\"renderBullet\"];\n  private _renderFraction: PaginationOptions[\"renderFraction\"];\n  private _fractionCurrentFormat: PaginationOptions[\"fractionCurrentFormat\"];\n  private _fractionTotalFormat: PaginationOptions[\"fractionTotalFormat\"];\n  private _scrollOnChange: PaginationOptions[\"scrollOnChange\"];\n\n  public get parentEl() { return this._parentEl; }\n  public get selector() { return this._selector; }\n  public get type() { return this._type; }\n  public get classPrefix() { return this._classPrefix; }\n  public get bulletCount() { return this._bulletCount; }\n  public get renderBullet() { return this._renderBullet; }\n  public get renderFraction() { return this._renderFraction; }\n  public get fractionCurrentFormat() { return this._fractionCurrentFormat; }\n  public get fractionTotalFormat() { return this._fractionTotalFormat; }\n  public get scrollOnChange() { return this._scrollOnChange; }\n\n  public set parentEl(val: PaginationOptions[\"parentEl\"]) { this._parentEl = val; }\n  public set selector(val: PaginationOptions[\"selector\"]) { this._selector = val; }\n  public set type(val: PaginationOptions[\"type\"]) { this._type = val; }\n  public set bulletWrapperclassPrefixClass(val: PaginationOptions[\"classPrefix\"]) { this._classPrefix = val; }\n  public set bulletCount(val: PaginationOptions[\"bulletCount\"]) { this._bulletCount = val; }\n  public set renderBullet(val: PaginationOptions[\"renderBullet\"]) { this._renderBullet = val; }\n  public set renderFraction(val: PaginationOptions[\"renderFraction\"]) { this._renderFraction = val; }\n  public set fractionCurrentFormat(val: PaginationOptions[\"fractionCurrentFormat\"]) { this._fractionCurrentFormat = val; }\n  public set fractionTotalFormat(val: PaginationOptions[\"fractionTotalFormat\"]) { this._fractionTotalFormat = val; }\n  public set scrollOnChange(val: PaginationOptions[\"scrollOnChange\"]) { this._scrollOnChange = val; }\n\n  public constructor({\n    parentEl = null,\n    selector = PAGINATION.SELECTOR,\n    type = PAGINATION.TYPE.BULLET,\n    classPrefix = PAGINATION.PREFIX,\n    bulletCount = 5,\n    renderBullet = (className: string) => `<span class=\"${className}\"></span>`,\n    renderFraction = (currentClass: string, totalClass: string) => `<span class=\"${currentClass}\"></span>/<span class=\"${totalClass}\"></span>`,\n    fractionCurrentFormat = (index: number) => index.toString(),\n    fractionTotalFormat = (index: number) => index.toString(),\n    scrollOnChange = (index: number, ctx: ScrollContext) => ctx.moveTo(index)\n  }: Partial<PaginationOptions> = {}) {\n    this._parentEl = parentEl;\n    this._selector = selector;\n    this._type = type;\n    this._classPrefix = classPrefix;\n    this._bulletCount = bulletCount;\n    this._renderBullet = renderBullet;\n    this._renderFraction = renderFraction;\n    this._fractionCurrentFormat = fractionCurrentFormat;\n    this._fractionTotalFormat = fractionTotalFormat;\n    this._scrollOnChange = scrollOnChange;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    const type = this._type;\n    const selector = this._selector;\n    const parentEl = this._parentEl ? this._parentEl : flicking.element;\n    const wrapper = parentEl.querySelector(selector);\n\n    if (!wrapper) {\n      throw new Error(`[Flicking-Pagination] Couldn't find element with the given selector: ${selector}`);\n    }\n\n    this._wrapper = wrapper as HTMLElement;\n    this._renderer = this._createRenderer(type);\n\n    flicking.on(EVENTS.WILL_CHANGE, this._onIndexChange);\n    flicking.on(EVENTS.WILL_RESTORE, this._onIndexChange);\n    flicking.on(EVENTS.PANEL_CHANGE, this.update);\n\n    this.update();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.WILL_CHANGE, this._onIndexChange);\n    flicking.off(EVENTS.WILL_RESTORE, this._onIndexChange);\n    flicking.off(EVENTS.PANEL_CHANGE, this.update);\n\n    this._removeAllChilds();\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._removeAllChilds();\n    this._renderer.render();\n  };\n\n  private _createRenderer(type: PaginationOptions[\"type\"]) {\n    const options = {\n      flicking: this._flicking!,\n      pagination: this,\n      wrapper: this._wrapper\n    };\n\n    switch (type) {\n      case PAGINATION.TYPE.BULLET:\n        return new BulletRenderer(options);\n      case PAGINATION.TYPE.FRACTION:\n        return new FractionRenderer(options);\n      case PAGINATION.TYPE.SCROLL:\n        return new ScrollBulletRenderer(options);\n      default:\n        throw new Error(`[Flicking-Pagination] type \"${type}\" is not supported.`);\n    }\n  }\n\n  private _onIndexChange = (evt: { index: number }) => {\n    this._renderer.update(evt.index);\n  };\n\n  private _removeAllChilds() {\n    const wrapper = this._wrapper;\n\n    while (wrapper.firstChild) {\n      wrapper.removeChild(wrapper.firstChild);\n    }\n  }\n}\n\nexport default Pagination;\n"],"names":["addClass","el","className","classList","add","split","indexOf","removeClass","remove","classRegex","RegExp","replace","getElement","selector","parent","pluginName","querySelector","Error","scale","_this","_onMove","flicking","_flicking","visiblePanels","forEach","panel","progress","outsetProgress","element","target","_selector","parentTarget","parentNode","rect","getBoundingClientRect","transform","width","_scale","style","cssText","Object","this","val","destroy","on","EVENTS","MOVE","AFTER_RESIZE","update","off","opacity","Math","min","max","abs","_a","_b","_c","duration","_d","direction","DIRECTION","NEXT","_e","stopOnHover","_direction","stop","_mouseEntered","animating","_timerId","window","setTimeout","next","catch","prev","play","_duration","clearTimeout","_stopOnHover","MOVE_START","HOLD_START","MOVE_END","SELECT","targetEl","addEventListener","_onMouseEnter","_onMouseLeave","removeEventListener","BROWSER","CLICK","MOUSE_DOWN","TOUCH_START","ARROW","PREV_SELECTOR","NEXT_SELECTOR","DISABLED_CLASS","PAGINATION","SELECTOR","PREFIX","BULLET_WRAPPER_SUFFIX","BULLET_SUFFIX","BULLET_ACTIVE_SUFFIX","FRACTION_WRAPPER_SUFFIX","FRACTION_CURRENT_SUFFIX","FRACTION_TOTAL_SUFFIX","SCROLL_UNINIT_SUFFIX","SCROLL_WRAPPER_SUFFIX","SCROLL_SLIDER_SUFFIX","SCROLL_PREV_SUFFIX","SCROLL_NEXT_SUFFIX","TYPE","BULLET","FRACTION","SCROLL","parentEl","prevElSelector","nextElSelector","_f","disabledClass","_g","moveCount","_h","moveByViewportSize","e","stopPropagation","camera","anchorPoints","length","firstAnchor","_moveCount","_moveByViewportSize","control","moveToPosition","position","size","_onCatch","circularEnabled","targetPanel","currentPanel","i","focus","index","moveTo","range","lastAnchor","controller","holding","_updateClass","animatingContext","end","err","FlickingError","_parentEl","_prevElSelector","_nextElSelector","_disabledClass","_prevEl","_nextEl","_onAnimation","prevEl","nextEl","evt","_preventInputPropagation","_onPrevClick","_onNextClick","pos","cameraRange","stopAtPrevEdge","stopAtNextEdge","pagination","wrapper","_pagination","_wrapper","__extends","renderBullet","bulletWrapperClass","classPrefix","bulletClass","bulletActiveClass","innerHTML","map","_","join","bullets","slice","call","children","bullet","anchorPoint","_childs","activeClass","activeBullet","Renderer","fractionWrapperClass","fractionCurrentClass","fractionTotalClass","renderFraction","currentWrapper","totalWrapper","currentIndex","fractionCurrentFormat","fractionTotalFormat","sliderEl","firstElementChild","bulletSize","_bulletSize","wrapperSize","bulletCount","_sliderIndex","dynamicWrapperClass","sliderClass","uninitClass","document","createElement","appendChild","bulletStyle","getComputedStyle","clientWidth","parseFloat","marginLeft","marginRight","_bullets","requestAnimationFrame","prevIndex","_previousIndex","activeIndex","idx","indexOffset","offset","bulletNextClass","bulletPrevClass","scrollOnChange","total","sliderIndex","PREV","type","_j","currentClass","totalClass","_k","toString","_l","_m","ctx","_removeAllChilds","_renderer","render","_type","_classPrefix","_bulletCount","_renderBullet","_renderFraction","_fractionCurrentFormat","_fractionTotalFormat","_scrollOnChange","_createRenderer","WILL_CHANGE","_onIndexChange","WILL_RESTORE","PANEL_CHANGE","options","BulletRenderer","FractionRenderer","ScrollBulletRenderer","firstChild","removeChild"],"mappings":"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"}
+{"version":3,"file":"plugins.min.js","sources":["../src/utils.ts","../src/Parallax.ts","../src/Fade.ts","../src/AutoPlay.ts","../src/event.ts","../src/const.ts","../src/Arrow.ts","../src/Sync.ts","../src/pagination/renderer/Renderer.ts","../src/pagination/renderer/BulletRenderer.ts","../src/pagination/renderer/FractionRenderer.ts","../src/pagination/renderer/ScrollBulletRenderer.ts","../src/pagination/Pagination.ts"],"sourcesContent":["export const addClass = (el: HTMLElement, className: string) => {\n  if (el.classList) {\n    el.classList.add(className);\n  } else {\n    const classes = el.className.split(\" \");\n\n    if (classes.indexOf(className) < 0) {\n      el.className = `${el.className} ${className}`;\n    }\n  }\n};\n\nexport const removeClass = (el: HTMLElement, className: string) => {\n  if (el.classList) {\n    el.classList.remove(className);\n  } else {\n    const classRegex = new RegExp(`( |^)${className}( |$)`, \"g\");\n    el.className.replace(classRegex, \" \");\n  }\n};\n\nexport const getElement = (selector: string, parent: HTMLElement, pluginName: string) => {\n  const el = parent.querySelector(selector);\n\n  if (!el) {\n    throw new Error(`[Flicking-${pluginName}] Couldn't find element with the given selector: ${selector}`);\n  }\n\n  return el as HTMLElement;\n};\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\n/**\n * You can apply parallax effect while panel is moving.\n * @ko 패널들을 움직이면서 parallax 효과를 부여할 수 있습니다.\n * @memberof Flicking.Plugins\n */\nclass Parallax implements Plugin {\n  private _flicking: Flicking | null;\n\n  /* Options  */\n  private _selector: string;\n  private _scale: number;\n\n  public get selector() { return this._selector; }\n  public get scale() { return this._scale; }\n\n  public set selector(val: string) { this._selector = val; }\n  public set scale(val: number) { this._scale = val; }\n\n  /**\n   * @param {string} selector Selector of the element to apply parallax effect<ko> Parallax 효과를 적용할 엘리먼트의 선택자 </ko>\n   * @param {number} scale Effect amplication scale<ko>효과 증폭도</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new Parallax(\"img\", 1));\n   * ```\n   */\n  public constructor(selector = \"\", scale = 1) {\n    this._flicking = null;\n    this._selector = selector;\n    this._scale = scale;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onMove);\n    flicking.on(EVENTS.AFTER_RESIZE, this.update);\n    this._onMove();\n  }\n\n  public destroy(): void {\n    if (!this._flicking) return;\n\n    this._flicking.off(EVENTS.MOVE, this._onMove);\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._onMove();\n  };\n\n  private _onMove = (): void => {\n    const flicking = this._flicking;\n\n    if (!flicking) return;\n\n    const panels = flicking.visiblePanels;\n\n    panels.forEach(panel => {\n      const progress = panel.outsetProgress;\n      const el = panel.element;\n      const target = this._selector ? el.querySelector<HTMLElement>(this._selector)! : el;\n      const parentTarget = target.parentNode as Element;\n      const rect = target.getBoundingClientRect();\n      const parentRect = parentTarget.getBoundingClientRect();\n      const position = (parentRect.width - rect.width) / 2 * progress * this._scale;\n      const transform = `translate(-50%) translate(${position}px)`;\n      const style = target.style;\n\n      style.cssText += `transform: ${transform};-webkit-transform: ${transform};-ms-transform:${transform}`;\n    });\n  };\n}\nexport default Parallax;\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\n/**\n * You can apply fade in / out effect while panel is moving.\n * @ko 패널들을 움직이면서 fade in / out 효과를 부여할 수 있습니다.\n * @memberof Flicking.Plugins\n */\nclass Fade implements Plugin {\n  private _flicking: Flicking | null;\n\n  /* Options  */\n  private _selector: string;\n  private _scale: number;\n\n  public get selector() { return this._selector; }\n  public get scale() { return this._scale; }\n\n  public set selector(val: string) { this._selector = val; }\n  public set scale(val: number) { this._scale = val; }\n\n  /**\n   * @param - The selector of the element to which the fade effect is to be applied. If the selector is blank, it applies to panel element. <ko>Fade 효과를 적용할 대상의 선택자. 선택자가 공백이면 패널 엘리먼트에 적용된다.</ko>\n   * @param - Effect amplication scale<ko>효과 증폭도</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new Fade(\"p\", 1));\n   * ```\n   */\n  public constructor(selector = \"\", scale = 1) {\n    this._flicking = null;\n    this._selector = selector;\n    this._scale = scale;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onMove);\n    flicking.on(EVENTS.AFTER_RESIZE, this.update);\n    this._onMove();\n  }\n\n  public destroy(): void {\n    if (!this._flicking) return;\n\n    this._flicking.off(EVENTS.MOVE, this._onMove);\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._onMove();\n  };\n\n  private _onMove = (): void => {\n    const flicking = this._flicking;\n    const selector = this._selector;\n    const scale = this._scale;\n\n    if (!flicking) return;\n\n    const panels = flicking.visiblePanels;\n\n    panels.forEach(panel => {\n      const progress = panel.outsetProgress;\n      const el = panel.element;\n      const target = selector ? el.querySelector<HTMLElement>(selector)! : el;\n      const opacity = Math.min(1, Math.max(0, (1 - Math.abs(progress * scale))));\n\n      target.style.opacity = `${opacity}`;\n    });\n  };\n}\n\nexport default Fade;\n","import Flicking, { EVENTS, Plugin, DIRECTION } from \"@egjs/flicking\";\n\ninterface AutoPlayOptions {\n  duration: number;\n  direction: typeof DIRECTION[\"NEXT\"] | typeof DIRECTION[\"PREV\"];\n  stopOnHover: boolean;\n}\n\n/**\n * Plugin that allow you to automatically move to the next/previous panel, on a specific time basis\n * @ko 일정 시간마다, 자동으로 다음/이전 패널로 넘어가도록 할 수 있는 플러그인\n * @memberof Flicking.Plugins\n */\nclass AutoPlay implements Plugin {\n  /* Options */\n  private _duration: AutoPlayOptions[\"duration\"];\n  private _direction: AutoPlayOptions[\"direction\"];\n  private _stopOnHover: AutoPlayOptions[\"stopOnHover\"];\n\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _timerId = 0;\n  private _mouseEntered = false;\n\n  public get duration() { return this._duration; }\n  public get direction() { return this._direction; }\n  public get stopOnHover() { return this._stopOnHover; }\n\n  public set duration(val: number) { this._duration = val; }\n  public set direction(val: AutoPlayOptions[\"direction\"]) { this._direction = val; }\n  public set stopOnHover(val: boolean) { this._stopOnHover = val; }\n\n  /**\n   * @param {AutoPlayOptions} options Options for the AutoPlay instance.<ko>AutoPlay 옵션</ko>\n   * @param {number} options.duration Time to wait before moving on to the next panel.<ko>다음 패널로 움직이기까지 대기 시간</ko>\n   * @param {\"PREV\" | \"NEXT\"} options.direction The direction in which the panel moves.<ko>패널이 움직이는 방향</ko>\n   * @param {boolean} options.stopOnHover Whether to stop when mouse hover upon the element.<ko>엘리먼트에 마우스를 올렸을 때 AutoPlay를 정지할지 여부</ko>\n   * @example\n   * ```ts\n   * flicking.addPlugins(new AutoPlay({ duration: 2000, direction: \"NEXT\" }));\n   * ```\n   */\n  public constructor({\n    duration = 2000,\n    direction = DIRECTION.NEXT,\n    stopOnHover = false\n  }: Partial<AutoPlayOptions> = {}) {\n    this._duration = duration;\n    this._direction = direction;\n    this._stopOnHover = stopOnHover;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    flicking.on({\n      [EVENTS.MOVE_START]: this.stop,\n      [EVENTS.HOLD_START]: this.stop,\n      [EVENTS.MOVE_END]: this.play,\n      [EVENTS.SELECT]: this.play\n    });\n\n    this._flicking = flicking;\n    if (this._stopOnHover) {\n      const targetEl = this._flicking.element;\n      targetEl.addEventListener(\"mouseenter\", this._onMouseEnter, false);\n      targetEl.addEventListener(\"mouseleave\", this._onMouseLeave, false);\n    }\n\n    this.play();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    this._mouseEntered = false;\n    this.stop();\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.MOVE_START, this.stop);\n    flicking.off(EVENTS.HOLD_START, this.stop);\n    flicking.off(EVENTS.MOVE_END, this.play);\n    flicking.off(EVENTS.SELECT, this.play);\n\n    const targetEl = flicking.element;\n    targetEl.removeEventListener(\"mouseenter\", this._onMouseEnter, false);\n    targetEl.removeEventListener(\"mouseleave\", this._onMouseLeave, false);\n\n    this._flicking = null;\n  }\n\n  public update(): void {\n    // DO-NOTHING\n  }\n\n  public play = () => {\n    const flicking = this._flicking;\n    const direction = this._direction;\n\n    if (!flicking) {\n      return;\n    }\n\n    this.stop();\n\n    if (this._mouseEntered || flicking.animating) {\n      return;\n    }\n\n    this._timerId = window.setTimeout(() => {\n      if (direction === DIRECTION.NEXT) {\n        flicking.next().catch(() => void 0);\n      } else {\n        flicking.prev().catch(() => void 0);\n      }\n\n      this.play();\n    }, this._duration);\n  };\n\n  public stop = () => {\n    clearTimeout(this._timerId);\n  };\n\n  private _onMouseEnter = () => {\n    this._mouseEntered = true;\n    this.stop();\n  };\n\n  private _onMouseLeave = () => {\n    this._mouseEntered = false;\n    this.play();\n  };\n}\n\nexport default AutoPlay;\n","export const BROWSER = {\n  CLICK: \"click\",\n  MOUSE_DOWN: \"mousedown\",\n  TOUCH_START: \"touchstart\"\n};\n","export const ARROW = {\n  PREV_SELECTOR: \".flicking-arrow-prev\",\n  NEXT_SELECTOR: \".flicking-arrow-next\",\n  DISABLED_CLASS: \"flicking-arrow-disabled\"\n} as const;\n\nexport const PAGINATION = {\n  SELECTOR: \".flicking-pagination\",\n  PREFIX: \"flicking-pagination\",\n  BULLET_WRAPPER_SUFFIX: \"bullets\",\n  BULLET_SUFFIX: \"bullet\",\n  BULLET_ACTIVE_SUFFIX: \"bullet-active\",\n  FRACTION_WRAPPER_SUFFIX: \"fraction\",\n  FRACTION_CURRENT_SUFFIX: \"fraction-current\",\n  FRACTION_TOTAL_SUFFIX: \"fraction-total\",\n  SCROLL_UNINIT_SUFFIX: \"uninitialized\",\n  SCROLL_WRAPPER_SUFFIX: \"scroll\",\n  SCROLL_SLIDER_SUFFIX: \"slider\",\n  SCROLL_PREV_SUFFIX: \"bullet-prev\",\n  SCROLL_NEXT_SUFFIX: \"bullet-next\",\n  TYPE: {\n    BULLET: \"bullet\",\n    FRACTION: \"fraction\",\n    SCROLL: \"scroll\"\n  }\n} as const;\n\nexport const SYNC = {\n  TYPE: {\n    CAMERA: \"camera\",\n    INDEX: \"index\"\n  }\n} as const;\n","import Flicking, { EVENTS, FlickingError, Plugin } from \"@egjs/flicking\";\n\nimport { BROWSER } from \"./event\";\nimport { ARROW } from \"./const\";\nimport { addClass, getElement, removeClass } from \"./utils\";\n\ninterface ArrowOptions {\n  parentEl: HTMLElement | null;\n  prevElSelector: string;\n  nextElSelector: string;\n  disabledClass: string;\n  moveCount: number;\n  moveByViewportSize: boolean;\n}\n\n/**\n * A plugin to easily create prev/right arrow button of Flicking\n * @ko 이전/다음 버튼을 쉽게 만들 수 있는 플러그인\n * @memberof Flicking.Plugins\n */\nclass Arrow implements Plugin {\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _prevEl: HTMLElement;\n  private _nextEl: HTMLElement;\n\n  /* Options */\n  private _parentEl: ArrowOptions[\"parentEl\"];\n  private _prevElSelector: ArrowOptions[\"prevElSelector\"];\n  private _nextElSelector: ArrowOptions[\"nextElSelector\"];\n  private _disabledClass: ArrowOptions[\"disabledClass\"];\n  private _moveCount: ArrowOptions[\"moveCount\"];\n  private _moveByViewportSize: ArrowOptions[\"moveByViewportSize\"];\n\n  public get prevEl() { return this._prevEl; }\n  public get nextEl() { return this._nextEl; }\n\n  public get parentEl() { return this._parentEl; }\n  public get prevElSelector() { return this._prevElSelector; }\n  public get nextElSelector() { return this._nextElSelector; }\n  public get disabledClass() { return this._disabledClass; }\n  public get moveCount() { return this._moveCount; }\n  public get moveByViewportSize() { return this._moveByViewportSize; }\n\n  public set parentEl(val: ArrowOptions[\"parentEl\"]) { this._parentEl = val; }\n  public set prevElSelector(val: ArrowOptions[\"prevElSelector\"]) { this._prevElSelector = val; }\n  public set nextElSelector(val: ArrowOptions[\"nextElSelector\"]) { this._nextElSelector = val; }\n  public set disabledClass(val: ArrowOptions[\"disabledClass\"]) { this._disabledClass = val; }\n  public set moveCount(val: ArrowOptions[\"moveCount\"]) { this._moveCount = val; }\n  public set moveByViewportSize(val: ArrowOptions[\"moveByViewportSize\"]) { this._moveByViewportSize = val; }\n\n  public constructor({\n    parentEl = null,\n    prevElSelector = ARROW.PREV_SELECTOR,\n    nextElSelector = ARROW.NEXT_SELECTOR,\n    disabledClass = ARROW.DISABLED_CLASS,\n    moveCount = 1,\n    moveByViewportSize = false\n  }: Partial<ArrowOptions> = {}) {\n    this._parentEl = parentEl;\n    this._prevElSelector = prevElSelector;\n    this._nextElSelector = nextElSelector;\n    this._disabledClass = disabledClass;\n    this._moveCount = moveCount;\n    this._moveByViewportSize = moveByViewportSize;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    flicking.on(EVENTS.MOVE, this._onAnimation);\n\n    const parentEl = this._parentEl ? this._parentEl : flicking.element;\n    const prevEl = getElement(this._prevElSelector, parentEl, \"Arrow\");\n    const nextEl = getElement(this._nextElSelector, parentEl, \"Arrow\");\n\n    [BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach(evt => {\n      prevEl.addEventListener(evt, this._preventInputPropagation);\n      nextEl.addEventListener(evt, this._preventInputPropagation);\n    });\n\n    prevEl.addEventListener(BROWSER.CLICK, this._onPrevClick);\n    nextEl.addEventListener(BROWSER.CLICK, this._onNextClick);\n\n    this._prevEl = prevEl;\n    this._nextEl = nextEl;\n\n    this.update();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.MOVE, this._onAnimation);\n\n    const prevEl = this._prevEl;\n    const nextEl = this._nextEl;\n\n    [BROWSER.MOUSE_DOWN, BROWSER.TOUCH_START].forEach(evt => {\n      prevEl.removeEventListener(evt, this._preventInputPropagation);\n      nextEl.removeEventListener(evt, this._preventInputPropagation);\n    });\n\n    prevEl.removeEventListener(BROWSER.CLICK, this._onPrevClick);\n    nextEl.removeEventListener(BROWSER.CLICK, this._onNextClick);\n    this._flicking = null;\n  }\n\n  public update(): void {\n    this._updateClass(this._flicking!.camera.position);\n  }\n\n  private _preventInputPropagation = (e: Event) => {\n    e.stopPropagation();\n  };\n\n  private _onPrevClick = () => {\n    const flicking = this._flicking!;\n    const camera = flicking.camera;\n    const anchorPoints = camera.anchorPoints;\n\n    if (flicking.animating || anchorPoints.length <= 0) return;\n\n    const firstAnchor = anchorPoints[0];\n    const moveCount = this._moveCount;\n\n    if (this._moveByViewportSize) {\n      flicking.control.moveToPosition(camera.position - camera.size, flicking.duration)\n        .catch(this._onCatch);\n    } else {\n      if (flicking.circularEnabled) {\n        let targetPanel = flicking.currentPanel;\n\n        for (let i = 0; i < moveCount; i++) {\n          targetPanel = targetPanel.prev()!;\n        }\n\n        targetPanel.focus().catch(this._onCatch);\n      } else if (flicking.index > firstAnchor.panel.index) {\n        flicking.moveTo(Math.max(flicking.index - moveCount, firstAnchor.panel.index))\n          .catch(this._onCatch);\n      } else if (camera.position > camera.range.min) {\n        flicking.moveTo(flicking.index)\n          .catch(this._onCatch);\n      }\n    }\n  };\n\n  private _onNextClick = () => {\n    const flicking = this._flicking!;\n\n    const camera = flicking.camera;\n    const anchorPoints = camera.anchorPoints;\n\n    if (flicking.animating || anchorPoints.length <= 0) return;\n\n    const lastAnchor = anchorPoints[anchorPoints.length - 1];\n    const moveCount = this._moveCount;\n\n    if (this._moveByViewportSize) {\n      flicking.control.moveToPosition(camera.position + camera.size, flicking.duration)\n        .catch(this._onCatch);\n    } else {\n      if (flicking.circularEnabled) {\n        let targetPanel = flicking.currentPanel;\n\n        for (let i = 0; i < moveCount; i++) {\n          targetPanel = targetPanel.next()!;\n        }\n\n        targetPanel.focus().catch(this._onCatch);\n      } else if (flicking.index < lastAnchor.panel.index) {\n        flicking.moveTo(Math.min(flicking.index + moveCount, lastAnchor.panel.index))\n          .catch(this._onCatch);\n      } else if (camera.position > camera.range.min) {\n        flicking.moveTo(flicking.index)\n          .catch(this._onCatch);\n      }\n    }\n  };\n\n  private _onAnimation = () => {\n    const flicking = this._flicking!;\n    const camera = flicking.camera;\n    const controller = flicking.control.controller;\n\n    if (flicking.holding) {\n      this._updateClass(camera.position);\n    } else {\n      this._updateClass(controller.animatingContext.end);\n    }\n  };\n\n  private _updateClass(pos: number) {\n    const flicking = this._flicking!;\n    const disabledClass = this._disabledClass;\n    const prevEl = this._prevEl;\n    const nextEl = this._nextEl;\n    const cameraRange = flicking.camera.range;\n\n    const stopAtPrevEdge = flicking.circularEnabled\n      ? false\n      : pos <= cameraRange.min;\n    const stopAtNextEdge = flicking.circularEnabled\n      ? false\n      : pos >= cameraRange.max;\n\n    if (stopAtPrevEdge) {\n      addClass(prevEl, disabledClass);\n    } else {\n      removeClass(prevEl, disabledClass);\n    }\n\n    if (stopAtNextEdge) {\n      addClass(nextEl, disabledClass);\n    } else {\n      removeClass(nextEl, disabledClass);\n    }\n  }\n\n  private _onCatch = (err: Error) => {\n    if (err instanceof FlickingError) return;\n    throw err;\n  };\n}\n\nexport default Arrow;\n","import Flicking, { clamp, EVENTS } from \"@egjs/flicking\";\nimport type { MoveEndEvent, MoveEvent, MoveStartEvent, Plugin, WillChangeEvent, SelectEvent } from \"@egjs/flicking\";\n\nimport { SYNC } from \"./const\";\nimport { addClass, removeClass } from \"./utils\";\n\n/**\n * @property {string} [type=\"camera\"] Types of methods to synchronize between Flickings. \"camera\" will sync by camera position, and \"index\" will sync by panel index\n * @property {SychronizableFlickingOptions} [synchronizedFlickingOptions=[]]\tDetailed options for syncing Flickings.\n */\nexport interface SyncOptions {\n  type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;\n  synchronizedFlickingOptions: SychronizableFlickingOptions[];\n}\n\n/**\n * @property {Flicking} flicking An instance of Flicking to sync\n * @property {boolean} [isClickable=false] By enabling this option, clicking the given Flicking's panel will change the given & other Flicking's index\n * @property {boolean} [isSlidable=false] By enabling this option, the given Flicking's scroll with mouse/touch input will change other Flicking's index. Only available for the index type\n * @property {string | undefined} [activeClass=undefined] An extra class for the panels when selected\n */\nexport interface SychronizableFlickingOptions {\n  flicking: Flicking;\n  isClickable?: boolean;\n  isSlidable?: boolean;\n  activeClass?: string;\n}\n\n/**\n * Plugin for synchronizing multiple flickings\n * @ko 다양한 형태로 Flicking들이 같이 움직이게 할 수 있습니다.\n * @memberof Flicking.Plugins\n */\nclass Sync implements Plugin {\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n\n  /* Options */\n  private _type: SyncOptions[\"type\"];\n  private _synchronizedFlickingOptions: SyncOptions[\"synchronizedFlickingOptions\"];\n\n  public get type() { return this._type; }\n  public get synchronizedFlickingOptions() { return this._synchronizedFlickingOptions; }\n\n  public set type(val: SyncOptions[\"type\"]) {\n    this._type = val;\n  }\n\n  public set synchronizedFlickingOptions(val: SyncOptions[\"synchronizedFlickingOptions\"]) {\n    this._synchronizedFlickingOptions = val;\n  }\n\n  /** */\n  public constructor({\n    type = SYNC.TYPE.CAMERA,\n    synchronizedFlickingOptions = []\n  }: Partial<SyncOptions> = {}) {\n    this._type = type;\n    this._synchronizedFlickingOptions = synchronizedFlickingOptions;\n  }\n\n  public init(flicking: Flicking): void {\n    const synced = this._synchronizedFlickingOptions;\n\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    this._addEvents();\n\n    synced.forEach(options => {\n      const { flicking: syncedFlicking } = options;\n\n      this._updateClass(options, syncedFlicking.defaultIndex);\n    });\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    if (!flicking) {\n      return;\n    }\n\n    this._removeEvents();\n\n    this._flicking = null;\n  }\n\n  public update(): void {\n    this._synchronizedFlickingOptions.forEach(options => {\n      this._updateClass(options, options.flicking.index);\n    });\n  }\n\n  private _preventEvent(fn: () => void) {\n    this._removeEvents();\n    fn();\n    this._addEvents();\n  }\n\n  private _addEvents = (): void => {\n    const type = this._type;\n    const synced = this._synchronizedFlickingOptions;\n\n    synced.forEach(({ flicking, isSlidable, isClickable }) => {\n      if (type === SYNC.TYPE.CAMERA) {\n        flicking.on(EVENTS.MOVE, this._onMove);\n        flicking.on(EVENTS.MOVE_START, this._onMoveStart);\n        flicking.on(EVENTS.MOVE_END, this._onMoveEnd);\n      }\n      if (type === SYNC.TYPE.INDEX && isSlidable) {\n        flicking.on(EVENTS.WILL_CHANGE, this._onIndexChange);\n        flicking.on(EVENTS.WILL_RESTORE, this._onIndexChange);\n      }\n      if (isClickable) {\n        flicking.on(EVENTS.SELECT, this._onSelect);\n      }\n    });\n  };\n\n  private _removeEvents = (): void => {\n    const type = this._type;\n    const synced = this._synchronizedFlickingOptions;\n\n    synced.forEach(({ flicking, isSlidable, isClickable }) => {\n      if (type === SYNC.TYPE.CAMERA) {\n        flicking.off(EVENTS.MOVE, this._onMove);\n        flicking.off(EVENTS.MOVE_START, this._onMoveStart);\n        flicking.off(EVENTS.MOVE_END, this._onMoveEnd);\n      }\n      if (type === SYNC.TYPE.INDEX && isSlidable) {\n        flicking.off(EVENTS.WILL_CHANGE, this._onIndexChange);\n        flicking.off(EVENTS.WILL_RESTORE, this._onIndexChange);\n      }\n      if (isClickable) {\n        flicking.off(EVENTS.SELECT, this._onSelect);\n      }\n    });\n  };\n\n  private _onIndexChange = (e: WillChangeEvent): void => {\n    const flicking = e.currentTarget;\n\n    if (!flicking.initialized) {\n      return;\n    }\n\n    this._synchronizeByIndex(flicking, e.index);\n  };\n\n  private _onMove = (e: MoveEvent): void => {\n    const camera = e.currentTarget.camera;\n    const progress = (camera.position - camera.range.min) / camera.rangeDiff;\n\n    this._synchronizedFlickingOptions.forEach(({ flicking }) => {\n      if (flicking === e.currentTarget) return;\n\n      let targetPosition = 0;\n\n      if (camera.position < camera.range.min) {\n        targetPosition = camera.position;\n      } else if (camera.position > camera.range.max) {\n        targetPosition = flicking.camera.range.max + camera.position - camera.range.max;\n      } else {\n        targetPosition = flicking.camera.range.min + flicking.camera.rangeDiff * progress;\n      }\n\n      void flicking.camera.lookAt(targetPosition);\n    });\n  };\n\n  private _onMoveStart = (e: MoveStartEvent): void => {\n    this._synchronizedFlickingOptions.forEach(({ flicking }) => {\n      if (flicking !== e.currentTarget) {\n        flicking.disableInput();\n      }\n    });\n  };\n\n  private _onMoveEnd = (e: MoveEndEvent): void => {\n    this._synchronizedFlickingOptions.forEach(({ flicking }) => {\n      if (flicking !== e.currentTarget) {\n        flicking.enableInput();\n        flicking.control.updateInput();\n      }\n    });\n  };\n\n  private _onSelect = (e: SelectEvent): void => {\n    void e.currentTarget.moveTo(e.index).catch(() => void 0);\n\n    this._synchronizeByIndex(e.currentTarget, e.index);\n  };\n\n  private _synchronizeByIndex = (activeFlicking: Flicking, index: number): void => {\n    const synchronizedFlickingOptions = this._synchronizedFlickingOptions;\n\n    this._preventEvent(() => {\n      synchronizedFlickingOptions.forEach(options => {\n        // Active class should be applied same to the Flicking which triggered event\n        this._updateClass(options, index);\n\n        const { flicking } = options;\n        if (flicking === activeFlicking) return;\n\n        const targetIndex = clamp(index, 0, flicking.panels.length);\n\n        if (flicking.animating) {\n          // Reserve moveTo once previous animation is finished\n          flicking.once(EVENTS.MOVE_END, () => {\n            void flicking.moveTo(targetIndex).catch(() => void 0);\n          });\n        } else {\n          void flicking.moveTo(targetIndex);\n        }\n      });\n    });\n  };\n\n  private _updateClass = ({ flicking, activeClass }: SychronizableFlickingOptions, index: number): void => {\n    if (!activeClass) return;\n\n    flicking.panels.forEach(panel => {\n      if (panel.index === index)  {\n        addClass(panel.element, activeClass);\n      } else {\n        removeClass(panel.element, activeClass);\n      }\n    });\n  };\n}\n\nexport default Sync;\n","import Flicking from \"@egjs/flicking\";\n\nimport Pagination from \"../Pagination\";\n\nexport interface RendererOptions {\n  flicking: Flicking;\n  pagination: Pagination;\n  wrapper: HTMLElement;\n}\n\nabstract class Renderer {\n  protected _flicking: Flicking;\n  protected _pagination: Pagination;\n  protected _wrapper: HTMLElement;\n\n  public constructor({\n    flicking,\n    pagination,\n    wrapper\n  }: RendererOptions) {\n    this._flicking = flicking;\n    this._pagination = pagination;\n    this._wrapper = wrapper;\n  }\n\n  public abstract render(): void;\n  public abstract update(index: number): void;\n}\n\nexport default Renderer;\n","import { FlickingError } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../../const\";\nimport { BROWSER } from \"../../event\";\nimport { addClass, removeClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass BulletRenderer extends Renderer {\n  private _childs: HTMLElement[] = [];\n\n  public render() {\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const renderBullet = pagination.renderBullet;\n    const bulletWrapperClass = `${pagination.classPrefix}-${PAGINATION.BULLET_WRAPPER_SUFFIX}`;\n    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;\n    const bulletActiveClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const anchorPoints = flicking.camera.anchorPoints;\n    const wrapper = this._wrapper;\n\n    addClass(wrapper, bulletWrapperClass);\n\n    wrapper.innerHTML = anchorPoints\n      .map((_, index) => renderBullet(bulletClass, index))\n      .join(\"\\n\");\n\n    const bullets = [].slice.call(wrapper.children) as HTMLElement[];\n\n    bullets.forEach((bullet, index) => {\n      const anchorPoint = anchorPoints[index];\n\n      if (anchorPoint.panel.index === flicking.index) {\n        addClass(bullet, bulletActiveClass);\n      }\n\n      bullet.addEventListener(BROWSER.MOUSE_DOWN, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.TOUCH_START, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.CLICK, () => {\n        flicking.moveTo(anchorPoint.panel.index)\n          .catch(err => {\n            if (err instanceof FlickingError) return;\n            throw err;\n          });\n      });\n    });\n\n    this._childs = bullets;\n  }\n\n  public update(index: number) {\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const bullets = this._childs;\n    const activeClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    if (anchorPoints.length <= 0) return;\n\n    bullets.forEach(bullet => {\n      removeClass(bullet, activeClass);\n    });\n\n    const anchorOffset = anchorPoints[0].panel.index;\n    const activeBullet = bullets[index - anchorOffset];\n\n    addClass(activeBullet, activeClass);\n  }\n}\n\nexport default BulletRenderer;\n","import { PAGINATION } from \"../../const\";\nimport { addClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass FractionRenderer extends Renderer {\n  public render() {\n    const flicking = this._flicking;\n    const wrapper = this._wrapper;\n    const pagination = this._pagination;\n    const fractionWrapperClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_WRAPPER_SUFFIX}`;\n    const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;\n    const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;\n\n    addClass(wrapper, fractionWrapperClass);\n\n    wrapper.innerHTML = pagination.renderFraction(fractionCurrentClass, fractionTotalClass);\n\n    this.update(flicking.index);\n  }\n\n  public update(index: number) {\n    const flicking = this._flicking;\n    const wrapper = this._wrapper;\n    const pagination = this._pagination;\n    const fractionCurrentClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_CURRENT_SUFFIX}`;\n    const fractionTotalClass = `${pagination.classPrefix}-${PAGINATION.FRACTION_TOTAL_SUFFIX}`;\n\n    const currentWrapper = wrapper.querySelector(`.${fractionCurrentClass}`) as HTMLElement;\n    const totalWrapper = wrapper.querySelector(`.${fractionTotalClass}`) as HTMLElement;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    const currentIndex = anchorPoints.length > 0\n      ? index - anchorPoints[0].panel.index + 1\n      : 0;\n\n    currentWrapper.innerHTML = pagination.fractionCurrentFormat(currentIndex);\n    totalWrapper.innerHTML = pagination.fractionTotalFormat(anchorPoints.length);\n  }\n}\n\nexport default FractionRenderer;\n","import { DIRECTION, FlickingError } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../../const\";\nimport { BROWSER } from \"../../event\";\nimport { addClass, removeClass } from \"../../utils\";\n\nimport Renderer from \"./Renderer\";\n\nclass ScrollBulletRenderer extends Renderer {\n  private _bullets: HTMLElement[] = [];\n  private _bulletSize: number = 0;\n  private _previousIndex: number = -1;\n  private _sliderIndex: number = -1;\n\n  public render() {\n    const wrapper = this._wrapper;\n    const flicking = this._flicking;\n    const pagination = this._pagination;\n    const renderBullet = pagination.renderBullet;\n    const anchorPoints = flicking.camera.anchorPoints;\n\n    const dynamicWrapperClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_WRAPPER_SUFFIX}`;\n    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;\n    const sliderClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_SLIDER_SUFFIX}`;\n    const uninitClass = `${pagination.classPrefix}-${PAGINATION.SCROLL_UNINIT_SUFFIX}`;\n\n    const sliderEl = document.createElement(\"div\");\n\n    addClass(sliderEl, sliderClass);\n    addClass(wrapper, uninitClass);\n    addClass(wrapper, dynamicWrapperClass);\n    wrapper.appendChild(sliderEl);\n\n    sliderEl.innerHTML = anchorPoints\n      .map((_, index) => renderBullet(bulletClass, index))\n      .join(\"\\n\");\n\n    const bullets = [].slice.call(sliderEl.children) as HTMLElement[];\n\n    bullets.forEach((bullet, index) => {\n      const anchorPoint = anchorPoints[index];\n\n      bullet.addEventListener(BROWSER.MOUSE_DOWN, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.TOUCH_START, e => {\n        e.stopPropagation();\n      });\n\n      bullet.addEventListener(BROWSER.CLICK, () => {\n        flicking.moveTo(anchorPoint.panel.index)\n          .catch(err => {\n            if (err instanceof FlickingError) return;\n            throw err;\n          });\n      });\n    });\n\n    if (bullets.length <= 0) return;\n\n    const bulletStyle = getComputedStyle(bullets[0]);\n    const bulletSize = bullets[0].clientWidth + parseFloat(bulletStyle.marginLeft) + parseFloat(bulletStyle.marginRight);\n\n    wrapper.style.width = `${bulletSize * pagination.bulletCount}px`;\n\n    this._bullets = bullets;\n    this._bulletSize = bulletSize;\n\n    this.update(this._flicking.index);\n\n    window.requestAnimationFrame(() => {\n      removeClass(wrapper, uninitClass);\n    });\n  }\n\n  public update(index: number) {\n    const pagination = this._pagination;\n    const flicking = this._flicking;\n    const bullets = this._bullets;\n    const prevIndex = this._previousIndex;\n\n    const anchorPoints = flicking.camera.anchorPoints;\n    const anchorOffset = anchorPoints[0].panel.index;\n    const activeIndex = index - anchorOffset;\n\n    if (anchorPoints.length <= 0) return;\n\n    const bulletActiveClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;\n    const prevClassPrefix = `${pagination.classPrefix}-${PAGINATION.SCROLL_PREV_SUFFIX}`;\n    const nextClassPrefix = `${pagination.classPrefix}-${PAGINATION.SCROLL_NEXT_SUFFIX}`;\n    const bulletPrevClass = (offset: number) => `${prevClassPrefix}${offset > 1 ? offset : \"\"}`;\n    const bulletNextClass = (offset: number) => `${nextClassPrefix}${offset > 1 ? offset : \"\"}`;\n\n    const prevClassRegex = new RegExp(`^${prevClassPrefix}`);\n    const nextClassRegex = new RegExp(`^${nextClassPrefix}`);\n\n    bullets.forEach((bullet, idx) => {\n      const indexOffset = idx - activeIndex;\n      const classList = bullet.className.split(\" \");\n\n      for (const className of classList) {\n        if (className === bulletActiveClass || prevClassRegex.test(className) || nextClassRegex.test(className)) {\n          removeClass(bullet, className);\n        }\n      }\n\n      if (indexOffset === 0) {\n        addClass(bullet, bulletActiveClass);\n      } else if (indexOffset > 0) {\n        addClass(bullet, bulletNextClass(Math.abs(indexOffset)));\n      } else {\n        addClass(bullet, bulletPrevClass(Math.abs(indexOffset)));\n      }\n    });\n\n    pagination.scrollOnChange(activeIndex, {\n      total: bullets.length,\n      prevIndex: prevIndex,\n      sliderIndex: this._sliderIndex,\n      direction: activeIndex > prevIndex ? DIRECTION.NEXT : DIRECTION.PREV,\n      bullets: [...bullets],\n      moveTo: this.moveTo\n    });\n\n    this._previousIndex = activeIndex;\n  }\n\n  public moveTo = (index: number): void => {\n    const pagination = this._pagination;\n    const sliderEl = this._wrapper.firstElementChild as HTMLElement;\n    const bulletSize = this._bulletSize;\n    const wrapperSize = bulletSize * pagination.bulletCount;\n\n    sliderEl.style.transform = `translate(${wrapperSize / 2 - (index + 0.5) * bulletSize}px)`;\n    this._sliderIndex = index;\n  };\n}\n\nexport default ScrollBulletRenderer;\n","import Flicking, { EVENTS, Plugin } from \"@egjs/flicking\";\n\nimport { PAGINATION } from \"../const\";\nimport ScrollContext from \"../type\";\n\nimport Renderer from \"./renderer/Renderer\";\nimport BulletRenderer from \"./renderer/BulletRenderer\";\nimport FractionRenderer from \"./renderer/FractionRenderer\";\nimport ScrollBulletRenderer from \"./renderer/ScrollBulletRenderer\";\n\nexport interface PaginationOptions {\n  parentEl: HTMLElement | null;\n  selector: string;\n  type: \"bullet\" | \"fraction\" | \"scroll\";\n  classPrefix: string;\n  bulletCount: number;\n  renderBullet: (className: string, index: number) => string;\n  renderFraction: (currentClass: string, totalClass: string) => string;\n  fractionCurrentFormat: (index: number) => string;\n  fractionTotalFormat: (total: number) => string;\n  scrollOnChange: (index: number, ctx: ScrollContext) => any;\n}\n\n/**\n * @memberof Flicking.Plugins\n */\nclass Pagination implements Plugin {\n  /* Internal Values */\n  private _flicking: Flicking | null = null;\n  private _renderer: Renderer;\n  private _wrapper: HTMLElement;\n\n  /* Options */\n  private _parentEl: PaginationOptions[\"parentEl\"];\n  private _selector: PaginationOptions[\"selector\"];\n  private _type: PaginationOptions[\"type\"];\n  private _classPrefix: PaginationOptions[\"classPrefix\"];\n  private _bulletCount: PaginationOptions[\"bulletCount\"];\n  private _renderBullet: PaginationOptions[\"renderBullet\"];\n  private _renderFraction: PaginationOptions[\"renderFraction\"];\n  private _fractionCurrentFormat: PaginationOptions[\"fractionCurrentFormat\"];\n  private _fractionTotalFormat: PaginationOptions[\"fractionTotalFormat\"];\n  private _scrollOnChange: PaginationOptions[\"scrollOnChange\"];\n\n  public get parentEl() { return this._parentEl; }\n  public get selector() { return this._selector; }\n  public get type() { return this._type; }\n  public get classPrefix() { return this._classPrefix; }\n  public get bulletCount() { return this._bulletCount; }\n  public get renderBullet() { return this._renderBullet; }\n  public get renderFraction() { return this._renderFraction; }\n  public get fractionCurrentFormat() { return this._fractionCurrentFormat; }\n  public get fractionTotalFormat() { return this._fractionTotalFormat; }\n  public get scrollOnChange() { return this._scrollOnChange; }\n\n  public set parentEl(val: PaginationOptions[\"parentEl\"]) { this._parentEl = val; }\n  public set selector(val: PaginationOptions[\"selector\"]) { this._selector = val; }\n  public set type(val: PaginationOptions[\"type\"]) { this._type = val; }\n  public set bulletWrapperclassPrefixClass(val: PaginationOptions[\"classPrefix\"]) { this._classPrefix = val; }\n  public set bulletCount(val: PaginationOptions[\"bulletCount\"]) { this._bulletCount = val; }\n  public set renderBullet(val: PaginationOptions[\"renderBullet\"]) { this._renderBullet = val; }\n  public set renderFraction(val: PaginationOptions[\"renderFraction\"]) { this._renderFraction = val; }\n  public set fractionCurrentFormat(val: PaginationOptions[\"fractionCurrentFormat\"]) { this._fractionCurrentFormat = val; }\n  public set fractionTotalFormat(val: PaginationOptions[\"fractionTotalFormat\"]) { this._fractionTotalFormat = val; }\n  public set scrollOnChange(val: PaginationOptions[\"scrollOnChange\"]) { this._scrollOnChange = val; }\n\n  public constructor({\n    parentEl = null,\n    selector = PAGINATION.SELECTOR,\n    type = PAGINATION.TYPE.BULLET,\n    classPrefix = PAGINATION.PREFIX,\n    bulletCount = 5,\n    renderBullet = (className: string) => `<span class=\"${className}\"></span>`,\n    renderFraction = (currentClass: string, totalClass: string) => `<span class=\"${currentClass}\"></span>/<span class=\"${totalClass}\"></span>`,\n    fractionCurrentFormat = (index: number) => index.toString(),\n    fractionTotalFormat = (index: number) => index.toString(),\n    scrollOnChange = (index: number, ctx: ScrollContext) => ctx.moveTo(index)\n  }: Partial<PaginationOptions> = {}) {\n    this._parentEl = parentEl;\n    this._selector = selector;\n    this._type = type;\n    this._classPrefix = classPrefix;\n    this._bulletCount = bulletCount;\n    this._renderBullet = renderBullet;\n    this._renderFraction = renderFraction;\n    this._fractionCurrentFormat = fractionCurrentFormat;\n    this._fractionTotalFormat = fractionTotalFormat;\n    this._scrollOnChange = scrollOnChange;\n  }\n\n  public init(flicking: Flicking): void {\n    if (this._flicking) {\n      this.destroy();\n    }\n\n    this._flicking = flicking;\n\n    const type = this._type;\n    const selector = this._selector;\n    const parentEl = this._parentEl ? this._parentEl : flicking.element;\n    const wrapper = parentEl.querySelector(selector);\n\n    if (!wrapper) {\n      throw new Error(`[Flicking-Pagination] Couldn't find element with the given selector: ${selector}`);\n    }\n\n    this._wrapper = wrapper as HTMLElement;\n    this._renderer = this._createRenderer(type);\n\n    flicking.on(EVENTS.WILL_CHANGE, this._onIndexChange);\n    flicking.on(EVENTS.WILL_RESTORE, this._onIndexChange);\n    flicking.on(EVENTS.PANEL_CHANGE, this.update);\n\n    this.update();\n  }\n\n  public destroy(): void {\n    const flicking = this._flicking;\n\n    if (!flicking) {\n      return;\n    }\n\n    flicking.off(EVENTS.WILL_CHANGE, this._onIndexChange);\n    flicking.off(EVENTS.WILL_RESTORE, this._onIndexChange);\n    flicking.off(EVENTS.PANEL_CHANGE, this.update);\n\n    this._removeAllChilds();\n    this._flicking = null;\n  }\n\n  public update = (): void => {\n    this._removeAllChilds();\n    this._renderer.render();\n  };\n\n  private _createRenderer(type: PaginationOptions[\"type\"]) {\n    const options = {\n      flicking: this._flicking!,\n      pagination: this,\n      wrapper: this._wrapper\n    };\n\n    switch (type) {\n      case PAGINATION.TYPE.BULLET:\n        return new BulletRenderer(options);\n      case PAGINATION.TYPE.FRACTION:\n        return new FractionRenderer(options);\n      case PAGINATION.TYPE.SCROLL:\n        return new ScrollBulletRenderer(options);\n      default:\n        throw new Error(`[Flicking-Pagination] type \"${type}\" is not supported.`);\n    }\n  }\n\n  private _onIndexChange = (evt: { index: number }) => {\n    this._renderer.update(evt.index);\n  };\n\n  private _removeAllChilds() {\n    const wrapper = this._wrapper;\n\n    while (wrapper.firstChild) {\n      wrapper.removeChild(wrapper.firstChild);\n    }\n  }\n}\n\nexport default Pagination;\n"],"names":["addClass","el","className","classList","add","split","indexOf","removeClass","remove","classRegex","RegExp","replace","getElement","selector","parent","pluginName","querySelector","Error","scale","_this","_onMove","flicking","_flicking","visiblePanels","forEach","panel","progress","outsetProgress","element","target","_selector","parentTarget","parentNode","rect","getBoundingClientRect","transform","width","_scale","style","cssText","Object","this","val","destroy","on","EVENTS","MOVE","AFTER_RESIZE","update","off","opacity","Math","min","max","abs","_a","_b","_c","duration","_d","direction","DIRECTION","NEXT","_e","stopOnHover","_direction","stop","_mouseEntered","animating","_timerId","window","setTimeout","next","catch","prev","play","_duration","clearTimeout","_stopOnHover","MOVE_START","HOLD_START","MOVE_END","SELECT","targetEl","addEventListener","_onMouseEnter","_onMouseLeave","removeEventListener","BROWSER","CLICK","MOUSE_DOWN","TOUCH_START","ARROW","PREV_SELECTOR","NEXT_SELECTOR","DISABLED_CLASS","PAGINATION","SELECTOR","PREFIX","BULLET_WRAPPER_SUFFIX","BULLET_SUFFIX","BULLET_ACTIVE_SUFFIX","FRACTION_WRAPPER_SUFFIX","FRACTION_CURRENT_SUFFIX","FRACTION_TOTAL_SUFFIX","SCROLL_UNINIT_SUFFIX","SCROLL_WRAPPER_SUFFIX","SCROLL_SLIDER_SUFFIX","SCROLL_PREV_SUFFIX","SCROLL_NEXT_SUFFIX","TYPE","BULLET","FRACTION","SCROLL","SYNC","CAMERA","INDEX","parentEl","prevElSelector","nextElSelector","_f","disabledClass","_g","moveCount","_h","moveByViewportSize","e","stopPropagation","camera","anchorPoints","length","firstAnchor","_moveCount","_moveByViewportSize","control","moveToPosition","position","size","_onCatch","circularEnabled","targetPanel","currentPanel","i","focus","index","moveTo","range","lastAnchor","controller","holding","_updateClass","animatingContext","end","err","FlickingError","_parentEl","_prevElSelector","_nextElSelector","_disabledClass","_prevEl","_nextEl","_onAnimation","prevEl","nextEl","evt","_preventInputPropagation","_onPrevClick","_onNextClick","pos","cameraRange","stopAtPrevEdge","stopAtNextEdge","type","synchronizedFlickingOptions","_type","_synchronizedFlickingOptions","isSlidable","isClickable","_onMoveStart","_onMoveEnd","WILL_CHANGE","_onIndexChange","WILL_RESTORE","_onSelect","currentTarget","initialized","_synchronizeByIndex","rangeDiff","targetPosition","lookAt","disableInput","enableInput","updateInput","activeFlicking","_preventEvent","options","targetIndex","clamp","panels","once","activeClass","synced","_addEvents","syncedFlicking","defaultIndex","_removeEvents","fn","pagination","wrapper","_pagination","_wrapper","__extends","renderBullet","bulletWrapperClass","classPrefix","bulletClass","bulletActiveClass","innerHTML","map","_","join","bullets","slice","call","children","bullet","anchorPoint","_childs","activeBullet","Renderer","fractionWrapperClass","fractionCurrentClass","fractionTotalClass","renderFraction","currentWrapper","totalWrapper","currentIndex","fractionCurrentFormat","fractionTotalFormat","sliderEl","firstElementChild","bulletSize","_bulletSize","wrapperSize","bulletCount","_sliderIndex","dynamicWrapperClass","sliderClass","uninitClass","document","createElement","appendChild","bulletStyle","getComputedStyle","clientWidth","parseFloat","marginLeft","marginRight","_bullets","requestAnimationFrame","prevIndex","_previousIndex","activeIndex","prevClassPrefix","nextClassPrefix","prevClassRegex","nextClassRegex","idx","indexOffset","classList_1","_i","test","offset","bulletNextClass","bulletPrevClass","scrollOnChange","total","sliderIndex","PREV","_j","currentClass","totalClass","_k","toString","_l","_m","ctx","_removeAllChilds","_renderer","render","_classPrefix","_bulletCount","_renderBullet","_renderFraction","_fractionCurrentFormat","_fractionTotalFormat","_scrollOnChange","_createRenderer","PANEL_CHANGE","BulletRenderer","FractionRenderer","ScrollBulletRenderer","firstChild","removeChild"],"mappings":";;;;;;;;iSAAwB,SAAXA,EAAYC,EAAiBC,GACpCD,EAAGE,UACLF,EAAGE,UAAUC,IAAIF,GAEDD,EAAGC,UAAUG,MAAM,KAEvBC,QAAQJ,GAAa,IAC/BD,EAAGC,UAAeD,EAAGC,cAAaA,GAKb,SAAdK,EAAeN,EAAiBC,MACvCD,EAAGE,UACLF,EAAGE,UAAUK,OAAON,OACf,KACCO,EAAa,IAAIC,OAAO,QAAQR,UAAkB,KACxDD,EAAGC,UAAUS,QAAQF,EAAY,MAIX,SAAbG,EAAcC,EAAkBC,EAAqBC,OAC1Dd,EAAKa,EAAOE,cAAcH,OAE3BZ,QACG,IAAIgB,MAAM,aAAaF,sDAA8DF,UAGtFZ,ECrBT,4BAqBqBY,EAAeK,2BAAfL,mBAAeK,iBAyBlB,WACdC,EAAKC,wBAGW,eACVC,EAAWF,EAAKG,UAEjBD,GAEUA,EAASE,cAEjBC,QAAQ,SAAAC,OACPC,EAAWD,EAAME,eACjB1B,EAAKwB,EAAMG,QACXC,EAASV,EAAKW,UAAY7B,EAAGe,cAA2BG,EAAKW,WAAc7B,EAC3E8B,EAAeF,EAAOG,WACtBC,EAAOJ,EAAOK,wBAGdC,EAAY,8BAFCJ,EAAaG,wBACHE,MAAQH,EAAKG,OAAS,EAAIV,EAAWP,EAAKkB,aAEzDR,EAAOS,MAEfC,SAAW,cAAcJ,yBAAgCA,oBAA2BA,UA9CvFb,UAAY,UACZQ,UAAYjB,OACZwB,OAASnB,2BAjBhBsB,wCAAA,kBAA+BC,KAAKX,eAGpC,SAAoBY,QAAoBZ,UAAYY,mCAFpDF,qCAAA,kBAA4BC,KAAKJ,YAGjC,SAAiBK,QAAoBL,OAASK,0CAgB9C,SAAYrB,GACNoB,KAAKnB,gBACFqB,gBAGFrB,UAAYD,GAERuB,GAAGC,SAAOC,KAAML,KAAKrB,SAC9BC,EAASuB,GAAGC,SAAOE,aAAcN,KAAKO,aACjC5B,qBAGP,WACOqB,KAAKnB,iBAELA,UAAU2B,IAAIJ,SAAOC,KAAML,KAAKrB,cAChCE,UAAY,oCCtBAT,EAAeK,2BAAfL,mBAAeK,iBAyBlB,WACdC,EAAKC,wBAGW,eACVC,EAAWF,EAAKG,UAChBT,EAAWM,EAAKW,UAChBZ,EAAQC,EAAKkB,OAEdhB,GAEUA,EAASE,cAEjBC,QAAQ,SAAAC,OACPC,EAAWD,EAAME,eACjB1B,EAAKwB,EAAMG,QACXC,EAAShB,EAAWZ,EAAGe,cAA2BH,GAAaZ,EAC/DiD,EAAUC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,EAAI,EAAIF,KAAKG,IAAI5B,EAAWR,KAEjEW,EAAOS,MAAMY,QAAU,GAAGA,UA3CvB5B,UAAY,UACZQ,UAAYjB,OACZwB,OAASnB,2BAjBhBsB,wCAAA,kBAA+BC,KAAKX,eAGpC,SAAoBY,QAAoBZ,UAAYY,mCAFpDF,qCAAA,kBAA4BC,KAAKJ,YAGjC,SAAiBK,QAAoBL,OAASK,0CAgB9C,SAAYrB,GACNoB,KAAKnB,gBACFqB,gBAGFrB,UAAYD,GAERuB,GAAGC,SAAOC,KAAML,KAAKrB,SAC9BC,EAASuB,GAAGC,SAAOE,aAAcN,KAAKO,aACjC5B,qBAGP,WACOqB,KAAKnB,iBAELA,UAAU2B,IAAIJ,SAAOC,KAAML,KAAKrB,cAChCE,UAAY,oCCRAiC,cAAAC,aAIW,KAH5BC,aAAAC,aAAW,MACXC,cAAAC,aAAYC,YAAUC,OACtBC,gBAAAC,+BAzBmC,mBAClB,sBACK,YA8EV,eACN3C,EAAWF,EAAKG,UAChBsC,EAAYzC,EAAK8C,WAElB5C,IAILF,EAAK+C,OAED/C,EAAKgD,eAAiB9C,EAAS+C,YAInCjD,EAAKkD,SAAWC,OAAOC,WAAW,WAC5BX,IAAcC,YAAUC,KAC1BzC,EAASmD,OAAOC,MAAM,cAEtBpD,EAASqD,OAAOD,MAAM,cAGxBtD,EAAKwD,QACJxD,EAAKyD,wBAGI,WACZC,aAAa1D,EAAKkD,8BAGI,WACtBlD,EAAKgD,eAAgB,EACrBhD,EAAK+C,2BAGiB,WACtB/C,EAAKgD,eAAgB,EACrBhD,EAAKwD,aAzFAC,UAAYlB,OACZO,WAAaL,OACbkB,aAAed,2BAzBtBxB,wCAAA,kBAA+BC,KAAKmC,eAIpC,SAAoBlC,QAAoBkC,UAAYlC,mCAHpDF,yCAAA,kBAAgCC,KAAKwB,gBAIrC,SAAqBvB,QAA0CuB,WAAavB,mCAH5EF,2CAAA,kBAAkCC,KAAKqC,kBAIvC,SAAuBpC,QAAqBoC,aAAepC,0CAsB3D,SAAYrB,YACNoB,KAAKnB,gBACFqB,UAGPtB,EAASuB,WACNC,SAAOkC,YAAatC,KAAKyB,KAC1BX,EAACV,SAAOmC,YAAavC,KAAKyB,KAC1BX,EAACV,SAAOoC,UAAWxC,KAAKkC,KACxBpB,EAACV,SAAOqC,QAASzC,KAAKkC,cAGnBrD,UAAYD,EACboB,KAAKqC,aAAc,KACfK,EAAW1C,KAAKnB,UAAUM,QAChCuD,EAASC,iBAAiB,aAAc3C,KAAK4C,eAAe,GAC5DF,EAASC,iBAAiB,aAAc3C,KAAK6C,eAAe,QAGzDX,kBAGP,eACQtD,EAAWoB,KAAKnB,kBAEjB6C,eAAgB,OAChBD,OAEA7C,GAILA,EAAS4B,IAAIJ,SAAOkC,WAAYtC,KAAKyB,MACrC7C,EAAS4B,IAAIJ,SAAOmC,WAAYvC,KAAKyB,MACrC7C,EAAS4B,IAAIJ,SAAOoC,SAAUxC,KAAKkC,MACnCtD,EAAS4B,IAAIJ,SAAOqC,OAAQzC,KAAKkC,UAE3BQ,EAAW9D,EAASO,QAC1BuD,EAASI,oBAAoB,aAAc9C,KAAK4C,eAAe,GAC/DF,EAASI,oBAAoB,aAAc9C,KAAK6C,eAAe,QAE1DhE,UAAY,gBAGnB,kBChGWkE,EAAU,CACrBC,MAAO,QACPC,WAAY,YACZC,YAAa,cCHFC,EAAQ,CACnBC,cAAe,uBACfC,cAAe,uBACfC,eAAgB,2BAGLC,EAAa,CACxBC,SAAU,uBACVC,OAAQ,sBACRC,sBAAuB,UACvBC,cAAe,SACfC,qBAAsB,gBACtBC,wBAAyB,WACzBC,wBAAyB,mBACzBC,sBAAuB,iBACvBC,qBAAsB,gBACtBC,sBAAuB,SACvBC,qBAAsB,SACtBC,mBAAoB,cACpBC,mBAAoB,cACpBC,KAAM,CACJC,OAAQ,SACRC,SAAU,WACVC,OAAQ,WAICC,EAAO,CAClBJ,KAAM,CACJK,OAAQ,SACRC,MAAO,kCCqBU7D,cAAAC,aAOQ,KANzBC,aAAA4D,aAAW,OACX1D,mBAAA2D,aAAiB1B,EAAMC,gBACvB9B,mBAAAwD,aAAiB3B,EAAME,gBACvB0B,kBAAAC,aAAgB7B,EAAMG,iBACtB2B,cAAAC,aAAY,IACZC,uBAAAC,+BAnCmC,mCAkGF,SAACC,GAClCA,EAAEC,qCAGmB,eACf1G,EAAWF,EAAKG,UAChB0G,EAAS3G,EAAS2G,OAClBC,EAAeD,EAAOC,kBAExB5G,EAAS+C,WAAa6D,EAAaC,QAAU,QAE3CC,EAAcF,EAAa,GAC3BN,EAAYxG,EAAKiH,cAEnBjH,EAAKkH,oBACPhH,EAASiH,QAAQC,eAAeP,EAAOQ,SAAWR,EAAOS,KAAMpH,EAASqC,UACrEe,MAAMtD,EAAKuH,kBAEVrH,EAASsH,gBAAiB,SACxBC,EAAcvH,EAASwH,aAElBC,EAAI,EAAGA,EAAInB,EAAWmB,IAC7BF,EAAcA,EAAYlE,OAG5BkE,EAAYG,QAAQtE,MAAMtD,EAAKuH,eACtBrH,EAAS2H,MAAQb,EAAY1G,MAAMuH,MAC5C3H,EAAS4H,OAAO9F,KAAKE,IAAIhC,EAAS2H,MAAQrB,EAAWQ,EAAY1G,MAAMuH,QACpEvE,MAAMtD,EAAKuH,UACLV,EAAOQ,SAAWR,EAAOkB,MAAM9F,KACxC/B,EAAS4H,OAAO5H,EAAS2H,OACtBvE,MAAMtD,EAAKuH,8BAKG,eACfrH,EAAWF,EAAKG,UAEhB0G,EAAS3G,EAAS2G,OAClBC,EAAeD,EAAOC,kBAExB5G,EAAS+C,WAAa6D,EAAaC,QAAU,QAE3CiB,EAAalB,EAAaA,EAAaC,OAAS,GAChDP,EAAYxG,EAAKiH,cAEnBjH,EAAKkH,oBACPhH,EAASiH,QAAQC,eAAeP,EAAOQ,SAAWR,EAAOS,KAAMpH,EAASqC,UACrEe,MAAMtD,EAAKuH,kBAEVrH,EAASsH,gBAAiB,SACxBC,EAAcvH,EAASwH,aAElBC,EAAI,EAAGA,EAAInB,EAAWmB,IAC7BF,EAAcA,EAAYpE,OAG5BoE,EAAYG,QAAQtE,MAAMtD,EAAKuH,eACtBrH,EAAS2H,MAAQG,EAAW1H,MAAMuH,MAC3C3H,EAAS4H,OAAO9F,KAAKC,IAAI/B,EAAS2H,MAAQrB,EAAWwB,EAAW1H,MAAMuH,QACnEvE,MAAMtD,EAAKuH,UACLV,EAAOQ,SAAWR,EAAOkB,MAAM9F,KACxC/B,EAAS4H,OAAO5H,EAAS2H,OACtBvE,MAAMtD,EAAKuH,8BAKG,eACfrH,EAAWF,EAAKG,UAChB0G,EAAS3G,EAAS2G,OAClBoB,EAAa/H,EAASiH,QAAQc,WAEhC/H,EAASgI,QACXlI,EAAKmI,aAAatB,EAAOQ,UAEzBrH,EAAKmI,aAAaF,EAAWG,iBAAiBC,oBA+B/B,SAACC,QACdA,aAAeC,uBACbD,QA3KDE,UAAYtC,OACZuC,gBAAkBtC,OAClBuC,gBAAkBtC,OAClBuC,eAAiBrC,OACjBW,WAAaT,OACbU,oBAAsBR,2BA9B7BrF,sCAAA,kBAA6BC,KAAKsH,yCAClCvH,sCAAA,kBAA6BC,KAAKuH,yCAElCxH,wCAAA,kBAA+BC,KAAKkH,eAOpC,SAAoBjH,QAAsCiH,UAAYjH,mCANtEF,8CAAA,kBAAqCC,KAAKmH,qBAO1C,SAA0BlH,QAA4CkH,gBAAkBlH,mCANxFF,8CAAA,kBAAqCC,KAAKoH,qBAO1C,SAA0BnH,QAA4CmH,gBAAkBnH,mCANxFF,6CAAA,kBAAoCC,KAAKqH,oBAOzC,SAAyBpH,QAA2CoH,eAAiBpH,mCANrFF,yCAAA,kBAAgCC,KAAK2F,gBAOrC,SAAqB1F,QAAuC0F,WAAa1F,mCANzEF,kDAAA,kBAAyCC,KAAK4F,yBAO9C,SAA8B3F,QAAgD2F,oBAAsB3F,0CAkBpG,SAAYrB,cACNoB,KAAKnB,gBACFqB,gBAGFrB,UAAYD,GAERuB,GAAGC,SAAOC,KAAML,KAAKwH,kBAExB5C,EAAW5E,KAAKkH,UAAYlH,KAAKkH,UAAYtI,EAASO,QACtDsI,EAAStJ,EAAW6B,KAAKmH,gBAAiBvC,EAAU,SACpD8C,EAASvJ,EAAW6B,KAAKoH,gBAAiBxC,EAAU,UAEzD7B,EAAQE,WAAYF,EAAQG,aAAanE,QAAQ,SAAA4I,GAChDF,EAAO9E,iBAAiBgF,EAAKjJ,EAAKkJ,0BAClCF,EAAO/E,iBAAiBgF,EAAKjJ,EAAKkJ,4BAGpCH,EAAO9E,iBAAiBI,EAAQC,MAAOhD,KAAK6H,cAC5CH,EAAO/E,iBAAiBI,EAAQC,MAAOhD,KAAK8H,mBAEvCR,QAAUG,OACVF,QAAUG,OAEVnH,oBAGP,sBACQ3B,EAAWoB,KAAKnB,aAEjBD,GAILA,EAAS4B,IAAIJ,SAAOC,KAAML,KAAKwH,kBAEzBC,EAASzH,KAAKsH,QACdI,EAAS1H,KAAKuH,SAEnBxE,EAAQE,WAAYF,EAAQG,aAAanE,QAAQ,SAAA4I,GAChDF,EAAO3E,oBAAoB6E,EAAKjJ,EAAKkJ,0BACrCF,EAAO5E,oBAAoB6E,EAAKjJ,EAAKkJ,4BAGvCH,EAAO3E,oBAAoBC,EAAQC,MAAOhD,KAAK6H,cAC/CH,EAAO5E,oBAAoBC,EAAQC,MAAOhD,KAAK8H,mBAC1CjJ,UAAY,gBAGnB,gBACOgI,aAAa7G,KAAKnB,UAAW0G,OAAOQ,0BAoF3C,SAAqBgC,OACbnJ,EAAWoB,KAAKnB,UAChBmG,EAAgBhF,KAAKqH,eACrBI,EAASzH,KAAKsH,QACdI,EAAS1H,KAAKuH,QACdS,EAAcpJ,EAAS2G,OAAOkB,MAE9BwB,GAAiBrJ,EAASsH,iBAE5B6B,GAAOC,EAAYrH,IACjBuH,GAAiBtJ,EAASsH,iBAE5B6B,GAAOC,EAAYpH,IAEnBqH,EACF1K,EAASkK,EAAQzC,GAEjBlH,EAAY2J,EAAQzC,GAGlBkD,EACF3K,EAASmK,EAAQ1C,GAEjBlH,EAAY4J,EAAQ1C,iCC3KLlE,cAAAC,aAGO,KAFxBC,SAAAmH,aAAO1D,EAAKJ,KAAKK,SACjBxD,gCAAAkH,aAA8B,oBApBK,qBAoEhB,eACbD,EAAOzJ,EAAK2J,MACH3J,EAAK4J,6BAEbvJ,QAAQ,SAAC+B,OAAElC,aAAU2J,eAAYC,gBAClCL,IAAS1D,EAAKJ,KAAKK,SACrB9F,EAASuB,GAAGC,SAAOC,KAAM3B,EAAKC,SAC9BC,EAASuB,GAAGC,SAAOkC,WAAY5D,EAAK+J,cACpC7J,EAASuB,GAAGC,SAAOoC,SAAU9D,EAAKgK,aAEhCP,IAAS1D,EAAKJ,KAAKM,OAAS4D,IAC9B3J,EAASuB,GAAGC,SAAOuI,YAAajK,EAAKkK,gBACrChK,EAASuB,GAAGC,SAAOyI,aAAcnK,EAAKkK,iBAEpCJ,GACF5J,EAASuB,GAAGC,SAAOqC,OAAQ/D,EAAKoK,iCAKd,eAChBX,EAAOzJ,EAAK2J,MACH3J,EAAK4J,6BAEbvJ,QAAQ,SAAC+B,OAAElC,aAAU2J,eAAYC,gBAClCL,IAAS1D,EAAKJ,KAAKK,SACrB9F,EAAS4B,IAAIJ,SAAOC,KAAM3B,EAAKC,SAC/BC,EAAS4B,IAAIJ,SAAOkC,WAAY5D,EAAK+J,cACrC7J,EAAS4B,IAAIJ,SAAOoC,SAAU9D,EAAKgK,aAEjCP,IAAS1D,EAAKJ,KAAKM,OAAS4D,IAC9B3J,EAAS4B,IAAIJ,SAAOuI,YAAajK,EAAKkK,gBACtChK,EAAS4B,IAAIJ,SAAOyI,aAAcnK,EAAKkK,iBAErCJ,GACF5J,EAAS4B,IAAIJ,SAAOqC,OAAQ/D,EAAKoK,kCAKd,SAACzD,OAClBzG,EAAWyG,EAAE0D,cAEdnK,EAASoK,aAIdtK,EAAKuK,oBAAoBrK,EAAUyG,EAAEkB,qBAGrB,SAAClB,OACXE,EAASF,EAAE0D,cAAcxD,OACzBtG,GAAYsG,EAAOQ,SAAWR,EAAOkB,MAAM9F,KAAO4E,EAAO2D,UAE/DxK,EAAK4J,6BAA6BvJ,QAAQ,SAAC+B,OAAElC,gBACvCA,IAAayG,EAAE0D,mBAEfI,EAAiB,EAGnBA,EADE5D,EAAOQ,SAAWR,EAAOkB,MAAM9F,IAChB4E,EAAOQ,SACfR,EAAOQ,SAAWR,EAAOkB,MAAM7F,IACvBhC,EAAS2G,OAAOkB,MAAM7F,IAAM2E,EAAOQ,SAAWR,EAAOkB,MAAM7F,IAE3DhC,EAAS2G,OAAOkB,MAAM9F,IAAM/B,EAAS2G,OAAO2D,UAAYjK,EAGtEL,EAAS2G,OAAO6D,OAAOD,yBAIT,SAAC9D,GACtB3G,EAAK4J,6BAA6BvJ,QAAQ,SAAC+B,OAAElC,aACvCA,IAAayG,EAAE0D,eACjBnK,EAASyK,kCAKM,SAAChE,GACpB3G,EAAK4J,6BAA6BvJ,QAAQ,SAAC+B,OAAElC,aACvCA,IAAayG,EAAE0D,gBACjBnK,EAAS0K,cACT1K,EAASiH,QAAQ0D,iCAKH,SAAClE,GACdA,EAAE0D,cAAcvC,OAAOnB,EAAEkB,OAAOvE,MAAM,cAE3CtD,EAAKuK,oBAAoB5D,EAAE0D,cAAe1D,EAAEkB,iCAGhB,SAACiD,EAA0BjD,OACjD6B,EAA8B1J,EAAK4J,6BAEzC5J,EAAK+K,cAAc,WACjBrB,EAA4BrJ,QAAQ,SAAA2K,GAElChL,EAAKmI,aAAa6C,EAASnD,OAEnB3H,EAAa8K,cACjB9K,IAAa4K,OAEXG,EAAcC,QAAMrD,EAAO,EAAG3H,EAASiL,OAAOpE,QAEhD7G,EAAS+C,UAEX/C,EAASkL,KAAK1J,SAAOoC,SAAU,WACxB5D,EAAS4H,OAAOmD,GAAa3H,MAAM,gBAGrCpD,EAAS4H,OAAOmD,2BAMN,SAAC7I,EAAyDyF,OAAvD3H,aAAUmL,gBAC7BA,GAELnL,EAASiL,OAAO9K,QAAQ,SAAAC,GAClBA,EAAMuH,QAAUA,EAClBhJ,EAASyB,EAAMG,QAAS4K,GAExBjM,EAAYkB,EAAMG,QAAS4K,WA5K1B1B,MAAQF,OACRG,6BAA+BF,2BAjBtCrI,oCAAA,kBAA2BC,KAAKqI,WAGhC,SAAgBpI,QACToI,MAAQpI,mCAHfF,2DAAA,kBAAkDC,KAAKsI,kCAMvD,SAAuCrI,QAChCqI,6BAA+BrI,0CAYtC,SAAYrB,cACJoL,EAAShK,KAAKsI,6BAEhBtI,KAAKnB,gBACFqB,eAGFrB,UAAYD,OAEZqL,aAELD,EAAOjL,QAAQ,SAAA2K,OACKQ,EAAmBR,WAErChL,EAAKmI,aAAa6C,EAASQ,EAAeC,2BAI9C,WACmBnK,KAAKnB,iBAMjBuL,qBAEAvL,UAAY,gBAGnB,2BACOyJ,6BAA6BvJ,QAAQ,SAAA2K,GACxChL,EAAKmI,aAAa6C,EAASA,EAAQ9K,SAAS2H,0BAIhD,SAAsB8D,QACfD,gBACLC,SACKJ,kdC1FT,iCAKqBnJ,OACjBlC,aACA0L,eACAC,iBAEK1L,UAAYD,OACZ4L,YAAcF,OACdG,SAAWF,sFCbV7L,UAAyB,KADNgM,yCAG3B,eACQ9L,EAAWoB,KAAKnB,UAChByL,EAAatK,KAAKwK,YAClBG,EAAeL,EAAWK,aAC1BC,EAAwBN,EAAWO,gBAAetH,EAAWG,sBAC7DoH,EAAiBR,EAAWO,gBAAetH,EAAWI,cACtDoH,EAAuBT,EAAWO,gBAAetH,EAAWK,qBAC5D4B,EAAe5G,EAAS2G,OAAOC,aAC/B+E,EAAUvK,KAAKyK,SAErBlN,EAASgN,EAASK,GAElBL,EAAQS,UAAYxF,EACjByF,IAAI,SAACC,EAAG3E,UAAUoE,EAAaG,EAAavE,KAC5C4E,KAAK,UAEFC,EAAU,GAAGC,MAAMC,KAAKf,EAAQgB,UAEtCH,EAAQrM,QAAQ,SAACyM,EAAQjF,OACjBkF,EAAcjG,EAAae,GAE7BkF,EAAYzM,MAAMuH,QAAU3H,EAAS2H,OACvChJ,EAASiO,EAAQT,GAGnBS,EAAO7I,iBAAiBI,EAAQE,WAAY,SAAAoC,GAC1CA,EAAEC,oBAGJkG,EAAO7I,iBAAiBI,EAAQG,YAAa,SAAAmC,GAC3CA,EAAEC,oBAGJkG,EAAO7I,iBAAiBI,EAAQC,MAAO,WACrCpE,EAAS4H,OAAOiF,EAAYzM,MAAMuH,OAC/BvE,MAAM,SAAAgF,QACDA,aAAeC,uBACbD,aAKT0E,QAAUN,YAGjB,SAAc7E,OACN3H,EAAWoB,KAAKnB,UAChByL,EAAatK,KAAKwK,YAClBY,EAAUpL,KAAK0L,QACf3B,EAAiBO,EAAWO,gBAAetH,EAAWK,qBACtD4B,EAAe5G,EAAS2G,OAAOC,kBAEjCA,EAAaC,QAAU,IAE3B2F,EAAQrM,QAAQ,SAAAyM,GACd1N,EAAY0N,EAAQzB,SAIhB4B,EAAeP,EAAQ7E,EADRf,EAAa,GAAGxG,MAAMuH,OAG3ChJ,EAASoO,EAAc5B,QAhEE6B,6ECHElB,yCAC7B,eACQ9L,EAAWoB,KAAKnB,UAChB0L,EAAUvK,KAAKyK,SACfH,EAAatK,KAAKwK,YAClBqB,EAA0BvB,EAAWO,gBAAetH,EAAWM,wBAC/DiI,EAA0BxB,EAAWO,gBAAetH,EAAWO,wBAC/DiI,EAAwBzB,EAAWO,gBAAetH,EAAWQ,sBAEnExG,EAASgN,EAASsB,GAElBtB,EAAQS,UAAYV,EAAW0B,eAAeF,EAAsBC,QAE/DxL,OAAO3B,EAAS2H,iBAGvB,SAAcA,OACN3H,EAAWoB,KAAKnB,UAChB0L,EAAUvK,KAAKyK,SACfH,EAAatK,KAAKwK,YAClBsB,EAA0BxB,EAAWO,gBAAetH,EAAWO,wBAC/DiI,EAAwBzB,EAAWO,gBAAetH,EAAWQ,sBAE7DkI,EAAiB1B,EAAQhM,cAAc,IAAIuN,GAC3CI,EAAe3B,EAAQhM,cAAc,IAAIwN,GACzCvG,EAAe5G,EAAS2G,OAAOC,aAE/B2G,EAAqC,EAAtB3G,EAAaC,OAC9Bc,EAAQf,EAAa,GAAGxG,MAAMuH,MAAQ,EACtC,EAEJ0F,EAAejB,UAAYV,EAAW8B,sBAAsBD,GAC5DD,EAAalB,UAAYV,EAAW+B,oBAAoB7G,EAAaC,YAhC1CmG,mFCIrBlN,WAA0B,GAC1BA,cAAsB,EACtBA,kBAA0B,EAC1BA,gBAAwB,EAoHzBA,SAAS,SAAC6H,OACT+D,EAAa5L,EAAK8L,YAClB8B,EAAW5N,EAAK+L,SAAS8B,kBACzBC,EAAa9N,EAAK+N,YAClBC,EAAcF,EAAalC,EAAWqC,YAE5CL,EAASzM,MAAMH,UAAY,cAAagN,EAAc,GAAKnG,EAAQ,IAAOiG,SAC1E9N,EAAKkO,aAAerG,KA/HWmE,yCAMjC,eACQH,EAAUvK,KAAKyK,SACf7L,EAAWoB,KAAKnB,UAChByL,EAAatK,KAAKwK,YAClBG,EAAeL,EAAWK,aAC1BnF,EAAe5G,EAAS2G,OAAOC,aAE/BqH,EAAyBvC,EAAWO,gBAAetH,EAAWU,sBAC9D6G,EAAiBR,EAAWO,gBAAetH,EAAWI,cACtDmJ,EAAiBxC,EAAWO,gBAAetH,EAAWW,qBACtD6I,EAAiBzC,EAAWO,gBAAetH,EAAWS,qBAEtDsI,EAAWU,SAASC,cAAc,OAExC1P,EAAS+O,EAAUQ,GACnBvP,EAASgN,EAASwC,GAClBxP,EAASgN,EAASsC,GAClBtC,EAAQ2C,YAAYZ,GAEpBA,EAAStB,UAAYxF,EAClByF,IAAI,SAACC,EAAG3E,UAAUoE,EAAaG,EAAavE,KAC5C4E,KAAK,UAEFC,EAAU,GAAGC,MAAMC,KAAKgB,EAASf,aAEvCH,EAAQrM,QAAQ,SAACyM,EAAQjF,OACjBkF,EAAcjG,EAAae,GAEjCiF,EAAO7I,iBAAiBI,EAAQE,WAAY,SAAAoC,GAC1CA,EAAEC,oBAGJkG,EAAO7I,iBAAiBI,EAAQG,YAAa,SAAAmC,GAC3CA,EAAEC,oBAGJkG,EAAO7I,iBAAiBI,EAAQC,MAAO,WACrCpE,EAAS4H,OAAOiF,EAAYzM,MAAMuH,OAC/BvE,MAAM,SAAAgF,QACDA,aAAeC,uBACbD,UAKVoE,EAAQ3F,QAAU,QAEhB0H,EAAcC,iBAAiBhC,EAAQ,IACvCoB,EAAapB,EAAQ,GAAGiC,YAAcC,WAAWH,EAAYI,YAAcD,WAAWH,EAAYK,aAExGjD,EAAQ1K,MAAMF,MAAW6M,EAAalC,EAAWqC,sBAE5Cc,SAAWrC,OACXqB,YAAcD,OAEdjM,OAAOP,KAAKnB,UAAU0H,OAE3B1E,OAAO6L,sBAAsB,WAC3B5P,EAAYyM,EAASwC,gBAIzB,SAAcxG,OACN+D,EAAatK,KAAKwK,YAClB5L,EAAWoB,KAAKnB,UAChBuM,EAAUpL,KAAKyN,SACfE,EAAY3N,KAAK4N,eAEjBpI,EAAe5G,EAAS2G,OAAOC,aAE/BqI,EAActH,EADCf,EAAa,GAAGxG,MAAMuH,WAGvCf,EAAaC,QAAU,QAErBsF,EAAuBT,EAAWO,gBAAetH,EAAWK,qBAC5DkK,EAAqBxD,EAAWO,gBAAetH,EAAWY,mBAC1D4J,EAAqBzD,EAAWO,gBAAetH,EAAWa,mBAI1D4J,EAAiB,IAAI/P,OAAO,IAAI6P,GAChCG,EAAiB,IAAIhQ,OAAO,IAAI8P,GAEtC3C,EAAQrM,QAAQ,SAACyM,EAAQ0C,WACjBC,EAAcD,EAAML,MAGFO,EAFN5C,EAAO/N,UAAUG,MAAM,KAEjByQ,WAAAA,IAAW,KAAxB5Q,QACLA,IAAcsN,GAAqBiD,EAAeM,KAAK7Q,IAAcwQ,EAAeK,KAAK7Q,KAC3FK,EAAY0N,EAAQ/N,GAKtBF,EAASiO,EADS,GAAhB2C,EACepD,EACM,EAAdoD,EAjBW,SAACI,UAAsBR,GAA2B,EAATQ,EAAaA,EAAS,IAkBlEC,CAAgB9N,KAAKG,IAAIsN,IAnBtB,SAACI,UAAsBT,GAA2B,EAATS,EAAaA,EAAS,IAqBlEE,CAAgB/N,KAAKG,IAAIsN,OAI9C7D,EAAWoE,eAAeb,EAAa,CACrCc,MAAOvD,EAAQ3F,OACfkI,UAAWA,EACXiB,YAAa5O,KAAK4M,aAClBzL,UAAyBwM,EAAdE,EAA0BzM,YAAUC,KAAOD,YAAUyN,KAChEzD,+KAAaA,GACb5E,OAAQxG,KAAKwG,cAGVoH,eAAiBC,OArHSjC,2BC0Dd9K,cAAAC,aAWa,KAV9BC,aAAA4D,aAAW,OACX1D,aAAA9C,aAAWmF,EAAWC,WACtBlC,SAAA6G,aAAO5E,EAAWc,KAAKC,SACvBS,gBAAA8F,aAActH,EAAWE,SACzBwB,gBAAA0H,aAAc,IACdxH,iBAAAwF,aAAe,SAAClN,SAAsB,gBAAgBA,iBACtDqR,mBAAA9C,aAAiB,SAAC+C,EAAsBC,SAAuB,gBAAgBD,4BAAsCC,iBACrHC,0BAAA7C,aAAwB,SAAC7F,UAAkBA,EAAM2I,cACjDC,wBAAA9C,aAAsB,SAAC9F,UAAkBA,EAAM2I,cAC/CE,mBAAAV,aAAiB,SAACnI,EAAe8I,UAAuBA,EAAI7I,OAAOD,qBAhDhC,iBAuGrB,WACd7H,EAAK4Q,mBACL5Q,EAAK6Q,UAAUC,8BAsBQ,SAAC7H,GACxBjJ,EAAK6Q,UAAUhP,OAAOoH,EAAIpB,aA9ErBW,UAAYtC,OACZvF,UAAYjB,OACZiK,MAAQF,OACRsH,aAAe5E,OACf6E,aAAe/C,OACfgD,cAAgBhF,OAChBiF,gBAAkB5D,OAClB6D,uBAAyBzD,OACzB0D,qBAAuBzD,OACvB0D,gBAAkBrB,2BA3CzB3O,wCAAA,kBAA+BC,KAAKkH,eAWpC,SAAoBjH,QAA2CiH,UAAYjH,mCAV3EF,wCAAA,kBAA+BC,KAAKX,eAWpC,SAAoBY,QAA2CZ,UAAYY,mCAV3EF,oCAAA,kBAA2BC,KAAKqI,WAWhC,SAAgBpI,QAAuCoI,MAAQpI,mCAV/DF,2CAAA,kBAAkCC,KAAKyP,8CACvC1P,2CAAA,kBAAkCC,KAAK0P,kBAWvC,SAAuBzP,QAA8CyP,aAAezP,mCAVpFF,4CAAA,kBAAmCC,KAAK2P,mBAWxC,SAAwB1P,QAA+C0P,cAAgB1P,mCAVvFF,8CAAA,kBAAqCC,KAAK4P,qBAW1C,SAA0B3P,QAAiD2P,gBAAkB3P,mCAV7FF,qDAAA,kBAA4CC,KAAK6P,4BAWjD,SAAiC5P,QAAwD4P,uBAAyB5P,mCAVlHF,mDAAA,kBAA0CC,KAAK8P,0BAW/C,SAA+B7P,QAAsD6P,qBAAuB7P,mCAV5GF,8CAAA,kBAAqCC,KAAK+P,qBAW1C,SAA0B9P,QAAiD8P,gBAAkB9P,mCAN7FF,6DAAA,SAAyCE,QAA8CwP,aAAexP,0CAgCtG,SAAYrB,GACNoB,KAAKnB,gBACFqB,eAGFrB,UAAYD,MAEXuJ,EAAOnI,KAAKqI,MACZjK,EAAW4B,KAAKX,UAEhBkL,GADWvK,KAAKkH,UAAYlH,KAAKkH,UAAYtI,EAASO,SACnCZ,cAAcH,OAElCmM,QACG,IAAI/L,MAAM,wEAAwEJ,QAGrFqM,SAAWF,OACXgF,UAAYvP,KAAKgQ,gBAAgB7H,GAEtCvJ,EAASuB,GAAGC,SAAOuI,YAAa3I,KAAK4I,gBACrChK,EAASuB,GAAGC,SAAOyI,aAAc7I,KAAK4I,gBACtChK,EAASuB,GAAGC,SAAO6P,aAAcjQ,KAAKO,aAEjCA,oBAGP,eACQ3B,EAAWoB,KAAKnB,UAEjBD,IAILA,EAAS4B,IAAIJ,SAAOuI,YAAa3I,KAAK4I,gBACtChK,EAAS4B,IAAIJ,SAAOyI,aAAc7I,KAAK4I,gBACvChK,EAAS4B,IAAIJ,SAAO6P,aAAcjQ,KAAKO,aAElC+O,wBACAzQ,UAAY,yBAQnB,SAAwBsJ,OAChBuB,EAAU,CACd9K,SAAUoB,KAAKnB,UACfyL,WAAYtK,KACZuK,QAASvK,KAAKyK,iBAGRtC,QACD5E,EAAWc,KAAKC,cACZ,IAAI4L,EAAexG,QACvBnG,EAAWc,KAAKE,gBACZ,IAAI4L,EAAiBzG,QACzBnG,EAAWc,KAAKG,cACZ,IAAI4L,EAAqB1G,iBAE1B,IAAIlL,MAAM,+BAA+B2J,8CAQrD,mBACQoC,EAAUvK,KAAKyK,SAEdF,EAAQ8F,YACb9F,EAAQ+F,YAAY/F,EAAQ8F"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking-plugins",
-	"version": "4.1.0",
+	"version": "4.2.3",
 	"description": "Ready-to-use plugins for @egjs/flicking",
 	"module": "./dist/plugins.esm.js",
 	"main": "./dist/plugins.js",
@@ -58,11 +58,11 @@
 		"not op_mini all"
 	],
 	"peerDependencies": {
-		"@egjs/flicking": "~4.1.0"
+		"@egjs/flicking": "^4.1.0"
 	},
 	"devDependencies": {
 		"@egjs/build-helper": "0.0.5",
-		"@egjs/flicking": "^4.1.0",
+		"@egjs/flicking": "^4.4.2",
 		"@egjs/release-helper": "0.0.3",
 		"@types/chai": "^4.0.10",
 		"@types/karma-chai": "^0.1.1",
@@ -83,6 +83,7 @@
 		"eslint-plugin-jsdoc": "^33.0.0",
 		"eslint-plugin-prefer-arrow": "^1.2.3",
 		"gh-pages": "^2.0.1",
+		"hammer-simulator": "^0.0.1",
 		"http-serve": "^1.0.1",
 		"karma": "^3.1.4",
 		"karma-chai": "^0.1.0",

package/src/Sync.ts

@@ -0,0 +1,236 @@
+import Flicking, { clamp, EVENTS } from "@egjs/flicking";
+import type { MoveEndEvent, MoveEvent, MoveStartEvent, Plugin, WillChangeEvent, SelectEvent } from "@egjs/flicking";
+
+import { SYNC } from "./const";
+import { addClass, removeClass } from "./utils";
+
+/**
+ * @property {string} [type="camera"] Types of methods to synchronize between Flickings. "camera" will sync by camera position, and "index" will sync by panel index
+ * @property {SychronizableFlickingOptions} [synchronizedFlickingOptions=[]]	Detailed options for syncing Flickings.
+ */
+export interface SyncOptions {
+  type: typeof SYNC.TYPE.CAMERA | typeof SYNC.TYPE.INDEX;
+  synchronizedFlickingOptions: SychronizableFlickingOptions[];
+}
+
+/**
+ * @property {Flicking} flicking An instance of Flicking to sync
+ * @property {boolean} [isClickable=false] By enabling this option, clicking the given Flicking's panel will change the given & other Flicking's index
+ * @property {boolean} [isSlidable=false] By enabling this option, the given Flicking's scroll with mouse/touch input will change other Flicking's index. Only available for the index type
+ * @property {string | undefined} [activeClass=undefined] An extra class for the panels when selected
+ */
+export interface SychronizableFlickingOptions {
+  flicking: Flicking;
+  isClickable?: boolean;
+  isSlidable?: boolean;
+  activeClass?: string;
+}
+
+/**
+ * Plugin for synchronizing multiple flickings
+ * @ko 다양한 형태로 Flicking들이 같이 움직이게 할 수 있습니다.
+ * @memberof Flicking.Plugins
+ */
+class Sync implements Plugin {
+  /* Internal Values */
+  private _flicking: Flicking | null = null;
+
+  /* Options */
+  private _type: SyncOptions["type"];
+  private _synchronizedFlickingOptions: SyncOptions["synchronizedFlickingOptions"];
+
+  public get type() { return this._type; }
+  public get synchronizedFlickingOptions() { return this._synchronizedFlickingOptions; }
+
+  public set type(val: SyncOptions["type"]) {
+    this._type = val;
+  }
+
+  public set synchronizedFlickingOptions(val: SyncOptions["synchronizedFlickingOptions"]) {
+    this._synchronizedFlickingOptions = val;
+  }
+
+  /** */
+  public constructor({
+    type = SYNC.TYPE.CAMERA,
+    synchronizedFlickingOptions = []
+  }: Partial<SyncOptions> = {}) {
+    this._type = type;
+    this._synchronizedFlickingOptions = synchronizedFlickingOptions;
+  }
+
+  public init(flicking: Flicking): void {
+    const synced = this._synchronizedFlickingOptions;
+
+    if (this._flicking) {
+      this.destroy();
+    }
+
+    this._flicking = flicking;
+
+    this._addEvents();
+
+    synced.forEach(options => {
+      const { flicking: syncedFlicking } = options;
+
+      this._updateClass(options, syncedFlicking.defaultIndex);
+    });
+  }
+
+  public destroy(): void {
+    const flicking = this._flicking;
+
+    if (!flicking) {
+      return;
+    }
+
+    this._removeEvents();
+
+    this._flicking = null;
+  }
+
+  public update(): void {
+    this._synchronizedFlickingOptions.forEach(options => {
+      this._updateClass(options, options.flicking.index);
+    });
+  }
+
+  private _preventEvent(fn: () => void) {
+    this._removeEvents();
+    fn();
+    this._addEvents();
+  }
+
+  private _addEvents = (): void => {
+    const type = this._type;
+    const synced = this._synchronizedFlickingOptions;
+
+    synced.forEach(({ flicking, isSlidable, isClickable }) => {
+      if (type === SYNC.TYPE.CAMERA) {
+        flicking.on(EVENTS.MOVE, this._onMove);
+        flicking.on(EVENTS.MOVE_START, this._onMoveStart);
+        flicking.on(EVENTS.MOVE_END, this._onMoveEnd);
+      }
+      if (type === SYNC.TYPE.INDEX && isSlidable) {
+        flicking.on(EVENTS.WILL_CHANGE, this._onIndexChange);
+        flicking.on(EVENTS.WILL_RESTORE, this._onIndexChange);
+      }
+      if (isClickable) {
+        flicking.on(EVENTS.SELECT, this._onSelect);
+      }
+    });
+  };
+
+  private _removeEvents = (): void => {
+    const type = this._type;
+    const synced = this._synchronizedFlickingOptions;
+
+    synced.forEach(({ flicking, isSlidable, isClickable }) => {
+      if (type === SYNC.TYPE.CAMERA) {
+        flicking.off(EVENTS.MOVE, this._onMove);
+        flicking.off(EVENTS.MOVE_START, this._onMoveStart);
+        flicking.off(EVENTS.MOVE_END, this._onMoveEnd);
+      }
+      if (type === SYNC.TYPE.INDEX && isSlidable) {
+        flicking.off(EVENTS.WILL_CHANGE, this._onIndexChange);
+        flicking.off(EVENTS.WILL_RESTORE, this._onIndexChange);
+      }
+      if (isClickable) {
+        flicking.off(EVENTS.SELECT, this._onSelect);
+      }
+    });
+  };
+
+  private _onIndexChange = (e: WillChangeEvent): void => {
+    const flicking = e.currentTarget;
+
+    if (!flicking.initialized) {
+      return;
+    }
+
+    this._synchronizeByIndex(flicking, e.index);
+  };
+
+  private _onMove = (e: MoveEvent): void => {
+    const camera = e.currentTarget.camera;
+    const progress = (camera.position - camera.range.min) / camera.rangeDiff;
+
+    this._synchronizedFlickingOptions.forEach(({ flicking }) => {
+      if (flicking === e.currentTarget) return;
+
+      let targetPosition = 0;
+
+      if (camera.position < camera.range.min) {
+        targetPosition = camera.position;
+      } else if (camera.position > camera.range.max) {
+        targetPosition = flicking.camera.range.max + camera.position - camera.range.max;
+      } else {
+        targetPosition = flicking.camera.range.min + flicking.camera.rangeDiff * progress;
+      }
+
+      void flicking.camera.lookAt(targetPosition);
+    });
+  };
+
+  private _onMoveStart = (e: MoveStartEvent): void => {
+    this._synchronizedFlickingOptions.forEach(({ flicking }) => {
+      if (flicking !== e.currentTarget) {
+        flicking.disableInput();
+      }
+    });
+  };
+
+  private _onMoveEnd = (e: MoveEndEvent): void => {
+    this._synchronizedFlickingOptions.forEach(({ flicking }) => {
+      if (flicking !== e.currentTarget) {
+        flicking.enableInput();
+        flicking.control.updateInput();
+      }
+    });
+  };
+
+  private _onSelect = (e: SelectEvent): void => {
+    void e.currentTarget.moveTo(e.index).catch(() => void 0);
+
+    this._synchronizeByIndex(e.currentTarget, e.index);
+  };
+
+  private _synchronizeByIndex = (activeFlicking: Flicking, index: number): void => {
+    const synchronizedFlickingOptions = this._synchronizedFlickingOptions;
+
+    this._preventEvent(() => {
+      synchronizedFlickingOptions.forEach(options => {
+        // Active class should be applied same to the Flicking which triggered event
+        this._updateClass(options, index);
+
+        const { flicking } = options;
+        if (flicking === activeFlicking) return;
+
+        const targetIndex = clamp(index, 0, flicking.panels.length);
+
+        if (flicking.animating) {
+          // Reserve moveTo once previous animation is finished
+          flicking.once(EVENTS.MOVE_END, () => {
+            void flicking.moveTo(targetIndex).catch(() => void 0);
+          });
+        } else {
+          void flicking.moveTo(targetIndex);
+        }
+      });
+    });
+  };
+
+  private _updateClass = ({ flicking, activeClass }: SychronizableFlickingOptions, index: number): void => {
+    if (!activeClass) return;
+
+    flicking.panels.forEach(panel => {
+      if (panel.index === index)  {
+        addClass(panel.element, activeClass);
+      } else {
+        removeClass(panel.element, activeClass);
+      }
+    });
+  };
+}
+
+export default Sync;

package/src/const.ts

@@ -24,3 +24,10 @@ export const PAGINATION = {
     SCROLL: "scroll"
   }
 } as const;
+
+export const SYNC = {
+  TYPE: {
+    CAMERA: "camera",
+    INDEX: "index"
+  }
+} as const;

package/src/index.ts

@@ -8,6 +8,7 @@ import Parallax from "./Parallax";
 import Fade from "./Fade";
 import AutoPlay from "./AutoPlay";
 import Arrow from "./Arrow";
+import Sync, { SyncOptions, SychronizableFlickingOptions } from "./Sync";
 
 export * from "./pagination";
 
@@ -15,7 +16,13 @@ export {
   Parallax,
   Fade,
   AutoPlay,
-  Arrow
+  Arrow,
+  Sync
+};
+
+export type {
+  SyncOptions,
+  SychronizableFlickingOptions
 };
 
 export * from "./const";

package/src/pagination/renderer/ScrollBulletRenderer.ts

@@ -86,20 +86,31 @@ class ScrollBulletRenderer extends Renderer {
 
     if (anchorPoints.length <= 0) return;
 
-    const bulletClass = `${pagination.classPrefix}-${PAGINATION.BULLET_SUFFIX}`;
     const bulletActiveClass = `${pagination.classPrefix}-${PAGINATION.BULLET_ACTIVE_SUFFIX}`;
-    const bulletPrevClass = (offset: number) => `${pagination.classPrefix}-${PAGINATION.SCROLL_PREV_SUFFIX}${offset > 1 ? offset : ""}`;
-    const bulletNextClass = (offset: number) => `${pagination.classPrefix}-${PAGINATION.SCROLL_NEXT_SUFFIX}${offset > 1 ? offset : ""}`;
+    const prevClassPrefix = `${pagination.classPrefix}-${PAGINATION.SCROLL_PREV_SUFFIX}`;
+    const nextClassPrefix = `${pagination.classPrefix}-${PAGINATION.SCROLL_NEXT_SUFFIX}`;
+    const bulletPrevClass = (offset: number) => `${prevClassPrefix}${offset > 1 ? offset : ""}`;
+    const bulletNextClass = (offset: number) => `${nextClassPrefix}${offset > 1 ? offset : ""}`;
+
+    const prevClassRegex = new RegExp(`^${prevClassPrefix}`);
+    const nextClassRegex = new RegExp(`^${nextClassPrefix}`);
 
     bullets.forEach((bullet, idx) => {
       const indexOffset = idx - activeIndex;
+      const classList = bullet.className.split(" ");
+
+      for (const className of classList) {
+        if (className === bulletActiveClass || prevClassRegex.test(className) || nextClassRegex.test(className)) {
+          removeClass(bullet, className);
+        }
+      }
 
       if (indexOffset === 0) {
-        bullet.className = `${bulletClass} ${bulletActiveClass}`;
+        addClass(bullet, bulletActiveClass);
       } else if (indexOffset > 0) {
-        bullet.className = `${bulletClass} ${bulletNextClass(Math.abs(indexOffset))}`;
+        addClass(bullet, bulletNextClass(Math.abs(indexOffset)));
       } else {
-        bullet.className = `${bulletClass} ${bulletPrevClass(Math.abs(indexOffset))}`;
+        addClass(bullet, bulletPrevClass(Math.abs(indexOffset)));
       }
     });