@egjs/flicking 4.11.5-beta.3 → 4.11.5-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/flicking",
-	"version": "4.11.5-beta.3",
+	"version": "4.11.5-beta.4",
 	"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
 	"main": "dist/flicking.cjs.js",
 	"module": "dist/flicking.esm.js",

package/src/camera/Camera.ts

@@ -32,7 +32,6 @@ class Camera {
   private _mode: CameraMode;
   private _el: HTMLElement;
   private _transform: string;
-  private _lookedOffset = 0;
   private _position: number;
   private _alignPos: number;
   private _offset: number;
@@ -293,8 +292,6 @@ class Camera {
    * @return {this}
    */
   public lookAt(pos: number): void {
-    const prevOffset = this._offset;
-    const isChangedOffset = this._lookedOffset !== prevOffset;
     const flicking = getFlickingAttached(this._flicking);
     const prevPos = this._position;
 
@@ -304,15 +301,10 @@ class Camera {
     this._checkNeedPanel();
     this._checkReachEnd(prevPos, pos);
 
-    if (isChangedOffset || toggled) {
+    if (toggled) {
       void flicking.renderer.render().then(() => {
         this.updateOffset();
-        this._lookedOffset = this._offset;
       });
-    } else if (isChangedOffset) {
-      // sync offset for renderOnlyVisible on resize
-      this.updateOffset();
-      this._lookedOffset = this._offset;
     } else {
       this.applyTransform();
     }
@@ -607,7 +599,6 @@ class Camera {
 
   private _resetInternalValues() {
     this._position = 0;
-    this._lookedOffset = 0;
     this._alignPos = 0;
     this._offset = 0;
     this._circularOffset = 0;

package/src/cfc/sync.ts

@@ -81,7 +81,7 @@ export default (flicking: Flicking, diffResult: DiffResult<any>, rendered: any[]
     });
 
     if (startIdx >= 0) {
-      added.push(...batchInsert(renderer, diffResult, addedElements, startIdx));
+      added.push(...batchInsert(renderer, diffResult, addedElements.slice(startIdx), startIdx));
     }
   }
 

package/dist/flicking-inline.css

@@ -1,45 +0,0 @@
-.flicking-viewport {
-  position: relative;
-  overflow: hidden;
-}
-
-.flicking-viewport:not(.vertical) {
-  width: 100%;
-  height: 100%;
-}
-
-.flicking-viewport.vertical,
-.flicking-viewport.vertical > .flicking-camera {
-  display: inline-block;
-}
-
-.flicking-viewport.vertical.middle > .flicking-camera > * {
-  vertical-align: middle;
-}
-
-.flicking-viewport.vertical.bottom > .flicking-camera > * {
-  vertical-align: bottom;
-}
-
-.flicking-viewport.vertical > .flicking-camera > * {
-  display: block;
-}
-
-.flicking-viewport.flicking-hidden > .flicking-camera > * {
-  visibility: hidden;
-}
-
-.flicking-camera {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  z-index: 1;
-  white-space: nowrap;
-  will-change: transform;
-}
-
-.flicking-camera > * {
-  display: inline-block;
-  white-space: normal;
-  vertical-align: top;
-}

package/dist/flicking-inline.min.css

@@ -1 +0,0 @@
-.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport:not(.vertical){width:100%;height:100%}.flicking-viewport.vertical,.flicking-viewport.vertical>.flicking-camera{display:inline-block}.flicking-viewport.vertical.middle>.flicking-camera>*{vertical-align:middle}.flicking-viewport.vertical.bottom>.flicking-camera>*{vertical-align:bottom}.flicking-viewport.vertical>.flicking-camera>*{display:block}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;position:relative;z-index:1;white-space:nowrap;will-change:transform}.flicking-camera>*{display:inline-block;white-space:normal;vertical-align:top}

package/dist/flicking.css

@@ -1,44 +0,0 @@
-.flicking-viewport {
-  position: relative;
-  overflow: hidden;
-}
-
-.flicking-viewport.vertical {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.flicking-viewport.vertical > .flicking-camera {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-
-.flicking-viewport.flicking-hidden > .flicking-camera > * {
-  visibility: hidden;
-}
-
-.flicking-camera {
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  z-index: 1;
-  will-change: transform;
-}
-
-.flicking-camera > * {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}

package/dist/flicking.min.css

@@ -1 +0,0 @@
-.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;will-change:transform}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}