@egjs/flicking-plugins 4.7.2-beta.0 → 4.7.2-beta.10

package/declaration/pagination/Pagination.d.ts

@@ -1,18 +1,64 @@
 import Flicking, { Plugin } from "@egjs/flicking";
 import ScrollContext from "../type";
+/**
+ * Options for the {@link Pagination} plugin
+ */
 export interface PaginationOptions {
+    /**
+     * The parent element to search for the pagination wrapper. If `null`, the Flicking element is used
+     * @defaultValue null
+     */
     parentEl: HTMLElement | null;
+    /**
+     * CSS selector for the pagination wrapper element
+     * @defaultValue ".flicking-pagination"
+     */
     selector: string;
+    /**
+     * Pagination display type
+     * @defaultValue "bullet"
+     */
     type: "bullet" | "fraction" | "scroll";
+    /**
+     * CSS class prefix for pagination elements
+     * @defaultValue "flicking-pagination"
+     */
     classPrefix: string;
+    /**
+     * Maximum number of bullet indicators displayed at once (only for `"scroll"` type)
+     * @defaultValue 5
+     */
     bulletCount: number;
+    /**
+     * Custom render function for each bullet element
+     */
     renderBullet: (className: string, index: number) => string;
+    /**
+     * Custom render function for the fraction display
+     */
     renderFraction: (currentClass: string, totalClass: string) => string;
+    /**
+     * Custom render function for the active bullet element. If `null`, the default bullet is used
+     * @defaultValue null
+     */
     renderActiveBullet: ((className: string, index: number) => string) | null;
+    /**
+     * Format function for the current index in fraction type
+     */
     fractionCurrentFormat: (index: number) => string;
+    /**
+     * Format function for the total count in fraction type
+     */
     fractionTotalFormat: (total: number) => string;
+    /**
+     * Callback invoked when the scroll pagination index changes
+     */
     scrollOnChange: (index: number, ctx: ScrollContext) => any;
 }
+/**
+ * A plugin to add pagination indicators (bullets, fractions, or scrollable bullets) to Flicking
+ * @see {@link https://naver.github.io/egjs-flicking/docs/demos/plugins/pagination | Demo: Pagination}
+ */
 declare class Pagination implements Plugin {
     private _flicking;
     private _renderer;
@@ -28,31 +74,65 @@ declare class Pagination implements Plugin {
     private _fractionCurrentFormat;
     private _fractionTotalFormat;
     private _scrollOnChange;
+    /** Current value of the {@link PaginationOptions.parentEl | parentEl} option. */
     get parentEl(): PaginationOptions["parentEl"];
+    /** Current value of the {@link PaginationOptions.selector | selector} option. */
     get selector(): PaginationOptions["selector"];
+    /** Current value of the {@link PaginationOptions.type | type} option. */
     get type(): PaginationOptions["type"];
+    /** Current value of the {@link PaginationOptions.classPrefix | classPrefix} option. */
     get classPrefix(): string;
+    /** Current value of the {@link PaginationOptions.bulletCount | bulletCount} option. */
     get bulletCount(): PaginationOptions["bulletCount"];
+    /** Current value of the {@link PaginationOptions.renderBullet | renderBullet} option. */
     get renderBullet(): PaginationOptions["renderBullet"];
+    /** Current value of the {@link PaginationOptions.renderActiveBullet | renderActiveBullet} option. */
     get renderActiveBullet(): PaginationOptions["renderActiveBullet"];
+    /** Current value of the {@link PaginationOptions.renderFraction | renderFraction} option. */
     get renderFraction(): PaginationOptions["renderFraction"];
+    /** Current value of the {@link PaginationOptions.fractionCurrentFormat | fractionCurrentFormat} option. */
     get fractionCurrentFormat(): PaginationOptions["fractionCurrentFormat"];
+    /** Current value of the {@link PaginationOptions.fractionTotalFormat | fractionTotalFormat} option. */
     get fractionTotalFormat(): PaginationOptions["fractionTotalFormat"];
+    /** Current value of the {@link PaginationOptions.scrollOnChange | scrollOnChange} option. */
     get scrollOnChange(): PaginationOptions["scrollOnChange"];
+    /** Sets {@link PaginationOptions.parentEl | parentEl}. */
     set parentEl(val: PaginationOptions["parentEl"]);
+    /** Sets {@link PaginationOptions.selector | selector}. */
     set selector(val: PaginationOptions["selector"]);
+    /** Sets {@link PaginationOptions.type | type}. */
     set type(val: PaginationOptions["type"]);
+    /** Sets {@link PaginationOptions.classPrefix | classPrefix}. */
     set bulletWrapperclassPrefixClass(val: PaginationOptions["classPrefix"]);
+    /** Sets {@link PaginationOptions.bulletCount | bulletCount}. */
     set bulletCount(val: PaginationOptions["bulletCount"]);
+    /** Sets {@link PaginationOptions.renderBullet | renderBullet}. */
     set renderBullet(val: PaginationOptions["renderBullet"]);
+    /** Sets {@link PaginationOptions.renderActiveBullet | renderActiveBullet}. */
     set renderActiveBullet(val: PaginationOptions["renderActiveBullet"]);
+    /** Sets {@link PaginationOptions.renderFraction | renderFraction}. */
     set renderFraction(val: PaginationOptions["renderFraction"]);
+    /** Sets {@link PaginationOptions.fractionCurrentFormat | fractionCurrentFormat}. */
     set fractionCurrentFormat(val: PaginationOptions["fractionCurrentFormat"]);
+    /** Sets {@link PaginationOptions.fractionTotalFormat | fractionTotalFormat}. */
     set fractionTotalFormat(val: PaginationOptions["fractionTotalFormat"]);
+    /** Sets {@link PaginationOptions.scrollOnChange | scrollOnChange}. */
     set scrollOnChange(val: PaginationOptions["scrollOnChange"]);
-    constructor({ parentEl, selector, type, classPrefix, bulletCount, renderBullet, renderActiveBullet, renderFraction, fractionCurrentFormat, fractionTotalFormat, scrollOnChange }?: Partial<PaginationOptions>);
+    /**
+     * @param options - Options for the Pagination instance
+     * @example
+     * ```ts
+     * flicking.addPlugins(new Pagination({ type: "bullet", selector: ".flicking-pagination" }));
+     * ```
+     */
+    constructor(options?: Partial<PaginationOptions>);
+    /** Initialize the plugin, create the pagination renderer, and attach event listeners to the Flicking instance.
+     * @param flicking - The Flicking instance to attach this plugin to
+     */
     init(flicking: Flicking): void;
+    /** Destroy the plugin, remove all event listeners, and clean up pagination DOM elements. */
     destroy(): void;
+    /** Re-render the pagination indicators to reflect the current panel state. */
     update: () => void;
     private _createRenderer;
     private _onIndexChange;

package/declaration/pagination/renderer/Renderer.d.ts

@@ -9,7 +9,7 @@ declare abstract class Renderer {
     protected _flicking: Flicking;
     protected _pagination: Pagination;
     protected _wrapper: HTMLElement;
-    constructor({ flicking, pagination, wrapper }: RendererOptions);
+    constructor(options: RendererOptions);
     abstract destroy(): void;
     abstract render(): void;
     abstract update(index: number): void;

package/declaration/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.55.2"
+    }
+  ]
+}

package/dist/arrow.css

@@ -108,11 +108,11 @@
 .flicking-arrow-prev.is-thin::before,
 .flicking-arrow-prev.is-thin::after,
 .flicking-arrow-next.is-thin::before,
-.flicking-arrow-next.is-thin::after{
+.flicking-arrow-next.is-thin::after {
   height: 3px;
 }
 
 .flicking-arrow-prev.is-thin::after,
-.flicking-arrow-next.is-thin::after{
+.flicking-arrow-next.is-thin::after {
   top: calc(50% - 2px);
 }

package/dist/flicking-plugins.css

@@ -108,12 +108,12 @@
 .flicking-arrow-prev.is-thin::before,
 .flicking-arrow-prev.is-thin::after,
 .flicking-arrow-next.is-thin::before,
-.flicking-arrow-next.is-thin::after{
+.flicking-arrow-next.is-thin::after {
   height: 3px;
 }
 
 .flicking-arrow-prev.is-thin::after,
-.flicking-arrow-next.is-thin::after{
+.flicking-arrow-next.is-thin::after {
   top: calc(50% - 2px);
 }
 .flicking-pagination {
@@ -140,8 +140,10 @@
 }
 
 .flicking-pagination-scroll .flicking-pagination-slider {
-  -webkit-transition: .2s transform;
-  transition: .2s transform;
+  -webkit-transition: 0.2s -webkit-transform;
+  transition: 0.2s -webkit-transform;
+  transition: 0.2s transform;
+  transition: 0.2s transform, 0.2s -webkit-transform;
 }
 .flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider,
 .flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet {
@@ -163,8 +165,10 @@
 .flicking-pagination-scroll .flicking-pagination-bullet {
   vertical-align: middle;
   position: relative;
-  -webkit-transition: .2s transform;
-  transition: .2s transform;
+  -webkit-transition: 0.2s -webkit-transform;
+  transition: 0.2s -webkit-transform;
+  transition: 0.2s transform;
+  transition: 0.2s transform, 0.2s -webkit-transform;
 }
 
 .flicking-pagination-bullet-active {
@@ -174,8 +178,19 @@
 .flicking-pagination-scroll .flicking-pagination-bullet {
   vertical-align: middle;
   position: relative;
-  -webkit-transition: .2s transform,.2s left;
-  transition: .2s transform,.2s left;
+  -webkit-transition:
+    0.2s left,
+    0.2s -webkit-transform;
+  transition:
+    0.2s left,
+    0.2s -webkit-transform;
+  transition:
+    0.2s transform,
+    0.2s left;
+  transition:
+    0.2s transform,
+    0.2s left,
+    0.2s -webkit-transform;
   -webkit-transform: scale(0);
       -ms-transform: scale(0);
           transform: scale(0);

package/dist/flicking-plugins.min.css

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

package/dist/pagination.css

@@ -22,8 +22,10 @@
 }
 
 .flicking-pagination-scroll .flicking-pagination-slider {
-  -webkit-transition: .2s transform;
-  transition: .2s transform;
+  -webkit-transition: 0.2s -webkit-transform;
+  transition: 0.2s -webkit-transform;
+  transition: 0.2s transform;
+  transition: 0.2s transform, 0.2s -webkit-transform;
 }
 .flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider,
 .flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet {
@@ -45,8 +47,10 @@
 .flicking-pagination-scroll .flicking-pagination-bullet {
   vertical-align: middle;
   position: relative;
-  -webkit-transition: .2s transform;
-  transition: .2s transform;
+  -webkit-transition: 0.2s -webkit-transform;
+  transition: 0.2s -webkit-transform;
+  transition: 0.2s transform;
+  transition: 0.2s transform, 0.2s -webkit-transform;
 }
 
 .flicking-pagination-bullet-active {
@@ -56,8 +60,19 @@
 .flicking-pagination-scroll .flicking-pagination-bullet {
   vertical-align: middle;
   position: relative;
-  -webkit-transition: .2s transform,.2s left;
-  transition: .2s transform,.2s left;
+  -webkit-transition:
+    0.2s left,
+    0.2s -webkit-transform;
+  transition:
+    0.2s left,
+    0.2s -webkit-transform;
+  transition:
+    0.2s transform,
+    0.2s left;
+  transition:
+    0.2s transform,
+    0.2s left,
+    0.2s -webkit-transform;
   -webkit-transform: scale(0);
       -ms-transform: scale(0);
           transform: scale(0);

package/dist/pagination.min.css

@@ -1 +1 @@
-.flicking-pagination{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}.flicking-pagination-bullets,.flicking-pagination-scroll{font-size:0}.flicking-pagination-scroll{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;overflow:hidden}.flicking-pagination-scroll .flicking-pagination-slider{-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet,.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider{-webkit-transition:none;transition:none}.flicking-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:rgb(10 10 10 / 10%);cursor:pointer;font-size:1rem}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform;transition:.2s transform}.flicking-pagination-bullet-active{background-color:#f2a65e}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.flicking-pagination-scroll .flicking-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.flicking-pagination-scroll .flicking-pagination-bullet-next,.flicking-pagination-scroll .flicking-pagination-bullet-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.flicking-pagination-scroll .flicking-pagination-bullet-next2,.flicking-pagination-scroll .flicking-pagination-bullet-prev2{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
+.flicking-pagination{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}.flicking-pagination-bullets,.flicking-pagination-scroll{font-size:0}.flicking-pagination-scroll{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);white-space:nowrap;overflow:hidden}.flicking-pagination-scroll .flicking-pagination-slider{-webkit-transition:.2s -webkit-transform;transition:.2s -webkit-transform;transition:.2s transform;transition:.2s transform,.2s -webkit-transform}.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-bullet,.flicking-pagination-scroll.flicking-pagination-uninitialized .flicking-pagination-slider{-webkit-transition:none;transition:none}.flicking-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:rgb(10 10 10 / 10%);cursor:pointer;font-size:1rem}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s -webkit-transform;transition:.2s -webkit-transform;transition:.2s transform;transition:.2s transform,.2s -webkit-transform}.flicking-pagination-bullet-active{background-color:#f2a65e}.flicking-pagination-scroll .flicking-pagination-bullet{vertical-align:middle;position:relative;-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.flicking-pagination-scroll .flicking-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.flicking-pagination-scroll .flicking-pagination-bullet-next,.flicking-pagination-scroll .flicking-pagination-bullet-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.flicking-pagination-scroll .flicking-pagination-bullet-next2,.flicking-pagination-scroll .flicking-pagination-bullet-prev2{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}