- true: It can be paused or stopped by user action or the API.
- false: It cannot be paused or stopped by user action or the API while it is running.
- true: 사용자의 동작이나 API로 애니메이션을 중지할 수 있다.
- false: 애니메이션이 진행 중일 때는 사용자의 동작이나 API가 적용되지 않는다
[Details](https://github.com/naver/egjs-axes/wiki/round-option)
[상세내용](https://github.com/naver/egjs-axes/wiki/round-option)
- touch: Touch screen
- mouse: Mouse
- touch: 터치 입력 장치
- mouse: 마우스
[Details](https://github.com/naver/egjs-axes/wiki/RotatePanInput)\n * @ko 터치에 의해 움직인 각도를 Axes 에 전달하며 1개의 회전축만 사용한다.
[상세내용](https://github.com/naver/egjs-axes/wiki/RotatePanInput-%7C-%ED%95%9C%EA%B5%AD%EC%96%B4)\n *\n * @example\n * const input = new eg.Axes.RotatePanInput(\"#area\");\n *\n * var axes = new eg.Axes({\n *\t// property name('angle') could be anything you want (eg. x, y, z...)\n * \tangle: {\n * \t\trange: [-180, 180] // from -180deg to 180deg\n * \t}\n * });\n *\n * axes.connect(\"angle\", input)\n *\n * @param {HTMLElement|String|jQuery} element An element to use the eg.Axes.RotatePanInput module
If the `eventName` is not given this will detach all event handlers attached.
If the `handlerToDetach` is not given, this will detach all event handlers for `eventName`.\n * @ko 컴포넌트에 등록된 이벤트를 해제한다.
`eventName`이 주어지지 않았을 경우 모든 이벤트 핸들러를 제거한다.
`handlerToAttach`가 주어지지 않았을 경우 `eventName`에 해당하는 모든 이벤트 핸들러를 제거한다.\n * @param {string?} eventName The name of the event to be detached
Also, if the last panel's index reached a given index, you can't add more panels.
또한, 마지막 패널의 인덱스가 주어진 인덱스와 동일할 경우, 새로운 패널을 더 이상 추가할 수 없다.
If the input angle from click/touched position is above or below this value in horizontal and vertical mode each, scrolling won't happen.
클릭/터치한 지점으로부터 계산된 사용자 입력의 각도가 horizontal/vertical 모드에서 각각 크거나 작으면, 스크롤 동작이 이루어지지 않는다.
You can set different bounce value for prev/next direction by using array.
`number` for px value, and `string` for px, and % value relative to viewport size.(ex - 0, \"10px\", \"20%\")
배열을 통해 prev/next 방향에 대해 서로 다른 바운스 값을 지정 가능하다.
`number`를 통해 px값을, `stirng`을 통해 px 혹은 뷰포트 크기 대비 %값을 사용할 수 있다.(ex - 0, \"10px\", \"20%\")
It should be provided in px or % value of viewport size.
You can combinate those values with plus/minus sign.
ex) \"50\", \"100px\", \"0%\", \"25% + 100px\"
px값이나, 뷰포트의 크기 대비 %값을 사용할 수 있고, 이를 + 혹은 - 기호로 연계하여 사용할 수도 있다.
예) \"50\", \"100px\", \"0%\", \"25% + 100px\"
It should be provided in px or % value of panel size.
You can combinate those values with plus/minus sign.
ex) \"50\", \"100px\", \"0%\", \"25% + 100px\"
px값이나, 패널의 크기 대비 %값을 사용할 수 있고, 이를 + 혹은 - 기호로 연계하여 사용할 수도 있다.
예) \"50\", \"100px\", \"0%\", \"25% + 100px\"
You can use this option to calculate the original panel size when CSS transform is applied to viewport or panel.
⚠️ If panel size is not fixed integer value, there can be a 1px gap between panels.
패널이나 뷰포트에 CSS transform이 설정되어 있을 때 원래 패널 크기를 계산하려면 옵션을 활성화한다.
⚠️ 패널의 크기가 정수로 고정되어있지 않다면 패널 사이에 1px의 공간이 생길 수 있다.
Enabling this option can increase performance while recalculating panel size.
이 옵션을 설정하면 패널 크기 재설정시에 성능을 높일 수 있다.
Use this property to prevent wrong Flicking layout caused by dynamic image / video sizes.
이미지 / 비디오 크기가 고정 크기가 아닐 경우 사용하여 레이아웃이 잘못되는 것을 방지할 수 있다.
[needPanel]{@link eg.Flicking#events:needPanel} won't be triggered anymore when last panel's index reaches it.
Also, you can't add more panels after it.\n * @ko `infinite` 모드에서 적용되는 패널의 최대 인덱스를 설정한다.
마지막 패널의 인덱스가 설정한 값에 도달할 경우 더 이상 [needPanel]{@link eg.Flicking#events:needPanel} 이벤트가 발생되지 않는다.
또한, 설정한 인덱스 이후로 새로운 패널을 추가할 수 없다.\n * @param - Maximum panel index.\n * @see {@link eg.Flicking.FlickingOptions}\n * @return {eg.Flicking} The instance itself.
It can be also HTML string of multiple elements with same depth.
또한, 같은 depth의 여러 개의 엘리먼트에 해당하는 HTML 문자열도 가능하다.
It can be also HTML string of multiple elements with same depth.
또한, 같은 depth의 여러 개의 엘리먼트에 해당하는 HTML 문자열도 가능하다.
It can be also HTML string of multiple elements with same depth.
또한, 같은 depth의 여러 개의 엘리먼트에 해당하는 HTML 문자열도 가능하다.
It's `left(←️)` direction when `horizontal: true`.
Or, `up(↑️)` direction when `horizontal: false`.
`horizontal: true`일 경우 `왼쪽(←️)` 방향.
`horizontal: false`일 경우 `위쪽(↑️)`방향이다.
It's `right(→)` direction when `horizontal: true`.
Or, `down(↓️)` direction when `horizontal: false`.
`horizontal: true`일 경우 `오른쪽(→)` 방향.
`horizontal: false`일 경우 `아래쪽(↓️)`방향이다.
\n * ![](\"./1.jpg\")
\n * ![](\"./2.jpg\")
\n * ![](\"ERR\")
\n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check(document.querySelectorAll(\"img\")).on({\n * preReadyElement: e => {\n * // 1, 3\n * // 2, 3\n * // 3, 3\n * console.log(e.preReadyCount, e.totalCount),\n * },\n * });\n * ```\n */\n\n\n var __proto = ImReadyManager.prototype;\n\n __proto.check = function (elements) {\n var _this = this;\n\n var prefix = this.options.prefix;\n this.clear();\n this.elementInfos = toArray(elements).map(function (element, index) {\n var loader = _this.getLoader(element, {\n prefix: prefix\n });\n\n loader.check();\n loader.on(\"error\", function (e) {\n _this.onError(index, e.target);\n }).on(\"preReady\", function (e) {\n var info = _this.elementInfos[index];\n info.hasLoading = e.hasLoading;\n info.isSkip = e.isSkip;\n\n var isPreReady = _this.checkPreReady(index);\n\n _this.onPreReadyElement(index);\n\n isPreReady && _this.onPreReady();\n }).on(\"ready\", function (_a) {\n var withPreReady = _a.withPreReady,\n hasLoading = _a.hasLoading,\n isSkip = _a.isSkip;\n var info = _this.elementInfos[index];\n info.hasLoading = hasLoading;\n info.isSkip = isSkip;\n\n var isPreReady = withPreReady && _this.checkPreReady(index);\n\n var isReady = _this.checkReady(index); // Pre-ready and ready occur simultaneously\n\n\n withPreReady && _this.onPreReadyElement(index);\n\n _this.onReadyElement(index);\n\n isPreReady && _this.onPreReady();\n isReady && _this.onReady();\n });\n return {\n loader: loader,\n element: element,\n hasLoading: false,\n hasError: false,\n isPreReady: false,\n isReady: false,\n isSkip: false\n };\n });\n var length = this.elementInfos.length;\n this.totalCount = length;\n\n if (!length) {\n setTimeout(function () {\n _this.onPreReady();\n\n _this.onReady();\n });\n }\n\n return this;\n };\n /**\n * Gets the total count of elements to be checked.\n * @ko 체크하는 element의 총 개수를 가져온다.\n */\n\n\n __proto.getTotalCount = function () {\n return this.totalCount;\n };\n /**\n * Whether the elements are all pre-ready. (all sizes are known)\n * @ko 엘리먼트들이 모두 사전 준비가 됐는지 (사이즈를 전부 알 수 있는지) 여부.\n */\n\n\n __proto.isPreReady = function () {\n return this.elementInfos.every(function (info) {\n return info.isPreReady;\n });\n };\n /**\n * Whether the elements are all ready.\n * @ko 엘리먼트들이 모두 준비가 됐는지 여부.\n */\n\n\n __proto.isReady = function () {\n return this.elementInfos.every(function (info) {\n return info.isReady;\n });\n };\n /**\n * Whether an error has occurred in the elements in the current state.\n * @ko 현재 상태에서 엘리먼트들이 에러가 발생했는지 여부.\n */\n\n\n __proto.hasError = function () {\n return this.totalErrorCount > 0;\n };\n /**\n * Clears events of elements being checked.\n * @ko 체크 중인 엘리먼트들의 이벤트를 해제 한다.\n */\n\n\n __proto.clear = function () {\n this.isPreReadyOver = false;\n this.totalCount = 0;\n this.preReadyCount = 0;\n this.readyCount = 0;\n this.totalErrorCount = 0;\n this.elementInfos.forEach(function (info) {\n if (!info.isReady && info.loader) {\n info.loader.destroy();\n }\n });\n this.elementInfos = [];\n };\n /**\n * Destory all events.\n * @ko 모든 이벤트를 해제 한다.\n */\n\n\n __proto.destroy = function () {\n this.clear();\n this.off();\n };\n\n __proto.getLoader = function (element, options) {\n var _this = this;\n\n var tagName = element.tagName.toLowerCase();\n var loaders = this.options.loaders;\n var prefix = options.prefix;\n var tags = Object.keys(loaders);\n\n if (loaders[tagName]) {\n return new loaders[tagName](element, options);\n }\n\n var loader = new ElementLoader(element, options);\n var children = toArray(element.querySelectorAll(tags.join(\", \")));\n loader.setHasLoading(children.some(function (el) {\n return hasLoadingAttribute(el, prefix);\n }));\n var withPreReady = false;\n var childrenImReady = this.clone().on(\"error\", function (e) {\n loader.onError(e.target);\n }).on(\"ready\", function () {\n loader.onReady(withPreReady);\n });\n loader.on(\"requestChildren\", function () {\n // has not data size\n var contentElements = getContentElements(element, tags, _this.options.prefix);\n childrenImReady.check(contentElements).on(\"preReady\", function (e) {\n withPreReady = e.isReady;\n\n if (!withPreReady) {\n loader.onPreReady();\n }\n });\n }).on(\"reqeustReadyChildren\", function () {\n // has data size\n // loader call preReady\n // check only video, image elements\n childrenImReady.check(children);\n }).on(\"requestDestroy\", function () {\n childrenImReady.destroy();\n });\n return loader;\n };\n\n __proto.clone = function () {\n return new ImReadyManager(__assign({}, this.options));\n };\n\n __proto.checkPreReady = function (index) {\n this.elementInfos[index].isPreReady = true;\n ++this.preReadyCount;\n\n if (this.preReadyCount < this.totalCount) {\n return false;\n }\n\n return true;\n };\n\n __proto.checkReady = function (index) {\n this.elementInfos[index].isReady = true;\n ++this.readyCount;\n\n if (this.readyCount < this.totalCount) {\n return false;\n }\n\n return true;\n };\n\n __proto.onError = function (index, target) {\n var info = this.elementInfos[index];\n info.hasError = true;\n /**\n * An event occurs if the image, video fails to load.\n * @ko 이미지, 비디오가 로딩에 실패하면 이벤트가 발생한다.\n * @event eg.ImReady#error\n * @param {eg.ImReady.OnError} e - The object of data to be sent to an event \n * \n * \n * \n * ![](\"./2.jpg\"/)
\n * ![](\"ERR\"/)
\n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check([document.querySelector(\"div\")]).on({\n * error: e => {\n * // \n * \n * ...
, 0, \n * \n * \n * \n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check(document.querySelectorAll(\"img\")).on({\n * preReadyElement: e => {\n * // 1, 3\n * // 2, 3\n * // 3, 3\n * console.log(e.preReadyCount, e.totalCount),\n * },\n * });\n * ```\n */\n\n this.trigger(new ComponentEvent(\"preReadyElement\", {\n element: info.element,\n index: index,\n preReadyCount: this.preReadyCount,\n readyCount: this.readyCount,\n totalCount: this.totalCount,\n isPreReady: this.isPreReady(),\n isReady: this.isReady(),\n hasLoading: info.hasLoading,\n isSkip: info.isSkip\n }));\n };\n\n __proto.onPreReady = function () {\n this.isPreReadyOver = true;\n /**\n * An event occurs when all element are pre-ready (When all elements have the loading attribute applied or the size is known)\n * @ko 모든 엘리먼트들이 사전 준비된 경우 (모든 엘리먼트들이 loading 속성이 적용되었거나 사이즈를 알 수 있는 경우) 이벤트가 발생한다.\n * @event eg.ImReady#preReady\n * @param {eg.ImReady.OnPreReady} e - The object of data to be sent to an event \n * \n * \n * \n * \n * \n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check(document.querySelectorAll(\"img\")).on({\n * preReady: e => {\n * // 0, 3\n * console.log(e.readyCount, e.totalCount),\n * },\n * });\n * ```\n */\n\n this.trigger(new ComponentEvent(\"preReady\", {\n readyCount: this.readyCount,\n totalCount: this.totalCount,\n isReady: this.isReady(),\n hasLoading: this.hasLoading()\n }));\n };\n\n __proto.onReadyElement = function (index) {\n var info = this.elementInfos[index];\n /**\n * An event occurs when the element is ready\n * @ko 해당 엘리먼트가 준비가 되었을 때 이벤트가 발생한다.\n * @event eg.ImReady#readyElement\n * @param {eg.ImReady.OnReadyElement} e - The object of data to be sent to an event \n * \n * \n * \n * \n * \n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check(document.querySelectorAll(\"img\")).on({\n * readyElement: e => {\n * // 1, 0, false, 3\n * // 2, 1, false, 3\n * // 3, 2, true, 3\n * console.log(e.readyCount, e.index, e.hasError, e.totalCount),\n * },\n * });\n * ```\n */\n\n this.trigger(new ComponentEvent(\"readyElement\", {\n index: index,\n element: info.element,\n hasError: info.hasError,\n errorCount: this.getErrorCount(),\n totalErrorCount: this.totalErrorCount,\n preReadyCount: this.preReadyCount,\n readyCount: this.readyCount,\n totalCount: this.totalCount,\n isPreReady: this.isPreReady(),\n isReady: this.isReady(),\n hasLoading: info.hasLoading,\n isPreReadyOver: this.isPreReadyOver,\n isSkip: info.isSkip\n }));\n };\n\n __proto.onReady = function () {\n /**\n * An event occurs when all element are ready\n * @ko 모든 엘리먼트들이 준비된 경우 이벤트가 발생한다.\n * @event eg.ImReady#ready\n * @param {eg.ImReady.OnReady} e - The object of data to be sent to an event \n * \n * \n * \n * \n * \n *
\n * ```\n * ## Javascript\n * ```js\n * import ImReady from \"@egjs/imready\";\n *\n * const im = new ImReady(); // umd: eg.ImReady\n * im.check(document.querySelectorAll(\"img\")).on({\n * preReady: e => {\n * // 0, 3\n * console.log(e.readyCount, e.totalCount),\n * },\n * ready: e => {\n * // 1, 3\n * console.log(e.errorCount, e.totalCount),\n * },\n * });\n * ```\n */\n this.trigger(new ComponentEvent(\"ready\", {\n errorCount: this.getErrorCount(),\n totalErrorCount: this.totalErrorCount,\n totalCount: this.totalCount\n }));\n };\n\n __proto.getErrorCount = function () {\n return this.elementInfos.filter(function (info) {\n return info.hasError;\n }).length;\n };\n\n __proto.hasLoading = function () {\n return this.elementInfos.some(function (info) {\n return info.hasLoading;\n });\n };\n\n return ImReadyManager;\n}(Component);\n\nvar ImageLoader =\n/*#__PURE__*/\nfunction (_super) {\n __extends(ImageLoader, _super);\n\n function ImageLoader() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n\n var __proto = ImageLoader.prototype;\n\n __proto.checkElement = function () {\n var element = this.element;\n var src = element.getAttribute(\"src\");\n\n if (element.complete) {\n if (src) {\n // complete\n if (!element.naturalWidth) {\n this.onAlreadyError(element);\n }\n\n return false;\n } else {\n // Using an external lazy loading module\n this.onAlreadyPreReady();\n }\n }\n\n this.addEvents();\n IS_IE && element.setAttribute(\"src\", src);\n return true;\n };\n\n ImageLoader.EVENTS = [\"load\", \"error\"];\n return ImageLoader;\n}(Loader);\n\nvar VideoLoader =\n/*#__PURE__*/\nfunction (_super) {\n __extends(VideoLoader, _super);\n\n function VideoLoader() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n\n var __proto = VideoLoader.prototype;\n\n __proto.checkElement = function () {\n var element = this.element; // HAVE_NOTHING: 0, no information whether or not the audio/video is ready\n // HAVE_METADATA: 1, HAVE_METADATA - metadata for the audio/video is ready\n // HAVE_CURRENT_DATA: 2, data for the current playback position is available, but not enough data to play next frame/millisecond\n // HAVE_FUTURE_DATA: 3, data for the current and at least the next frame is available\n // HAVE_ENOUGH_DATA: 4, enough data available to start playing\n\n if (element.readyState >= 1) {\n return false;\n }\n\n if (element.error) {\n this.onAlreadyError(element);\n return false;\n }\n\n this.addEvents();\n return true;\n };\n\n VideoLoader.EVENTS = [\"loadedmetadata\", \"error\"];\n return VideoLoader;\n}(Loader);\n\nvar ImReady =\n/*#__PURE__*/\nfunction (_super) {\n __extends(ImReady, _super);\n\n function ImReady(options) {\n if (options === void 0) {\n options = {};\n }\n\n return _super.call(this, __assign({\n loaders: {\n img: ImageLoader,\n video: VideoLoader\n }\n }, options)) || this;\n }\n\n return ImReady;\n}(ImReadyManager);\n\n/*\negjs-imready\nCopyright (c) 2020-present NAVER Corp.\nMIT license\n*/\n\nexport default ImReady;\nexport { EVENTS, ImageLoader, Loader, ImReadyManager as Manager, PROPS, VideoLoader };\n//# sourceMappingURL=imready.esm.js.map\n","/*\nCopyright (c) 2019-present NAVER Corp.\nname: @egjs/list-differ\nlicense: MIT\nauthor: NAVER Corp.\nrepository: https://github.com/naver/egjs-list-differ\nversion: 1.0.0\n*/\n/*\negjs-list-differ\nCopyright (c) 2019-present NAVER Corp.\nMIT license\n*/\nvar PolyMap =\n/*#__PURE__*/\nfunction () {\n function PolyMap() {\n this.keys = [];\n this.values = [];\n }\n\n var __proto = PolyMap.prototype;\n\n __proto.get = function (key) {\n return this.values[this.keys.indexOf(key)];\n };\n\n __proto.set = function (key, value) {\n var keys = this.keys;\n var values = this.values;\n var prevIndex = keys.indexOf(key);\n var index = prevIndex === -1 ? keys.length : prevIndex;\n keys[index] = key;\n values[index] = value;\n };\n\n return PolyMap;\n}();\n\n/*\negjs-list-differ\nCopyright (c) 2019-present NAVER Corp.\nMIT license\n*/\nvar HashMap =\n/*#__PURE__*/\nfunction () {\n function HashMap() {\n this.object = {};\n }\n\n var __proto = HashMap.prototype;\n\n __proto.get = function (key) {\n return this.object[key];\n };\n\n __proto.set = function (key, value) {\n this.object[key] = value;\n };\n\n return HashMap;\n}();\n\n/*\negjs-list-differ\nCopyright (c) 2019-present NAVER Corp.\nMIT license\n*/\nvar SUPPORT_MAP = typeof Map === \"function\";\n\n/*\negjs-list-differ\nCopyright (c) 2019-present NAVER Corp.\nMIT license\n*/\nvar Link =\n/*#__PURE__*/\nfunction () {\n function Link() {}\n\n var __proto = Link.prototype;\n\n __proto.connect = function (prevLink, nextLink) {\n this.prev = prevLink;\n this.next = nextLink;\n prevLink && (prevLink.next = this);\n nextLink && (nextLink.prev = this);\n };\n\n __proto.disconnect = function () {\n // In double linked list, diconnect the interconnected relationship.\n var prevLink = this.prev;\n var nextLink = this.next;\n prevLink && (prevLink.next = nextLink);\n nextLink && (nextLink.prev = prevLink);\n };\n\n __proto.getIndex = function () {\n var link = this;\n var index = -1;\n\n while (link) {\n link = link.prev;\n ++index;\n }\n\n return index;\n };\n\n return Link;\n}();\n\n/*\negjs-list-differ\nCopyright (c) 2019-present NAVER Corp.\nMIT license\n*/\n\nfunction orderChanged(changed, fixed) {\n // It is roughly in the order of these examples.\n // 4, 6, 0, 2, 1, 3, 5, 7\n var fromLinks = []; // 0, 1, 2, 3, 4, 5, 6, 7\n\n var toLinks = [];\n changed.forEach(function (_a) {\n var from = _a[0],\n to = _a[1];\n var link = new Link();\n fromLinks[from] = link;\n toLinks[to] = link;\n }); // `fromLinks` are connected to each other by double linked list.\n\n fromLinks.forEach(function (link, i) {\n link.connect(fromLinks[i - 1]);\n });\n return changed.filter(function (_, i) {\n return !fixed[i];\n }).map(function (_a, i) {\n var from = _a[0],\n to = _a[1];\n\n if (from === to) {\n return [0, 0];\n }\n\n var fromLink = fromLinks[from];\n var toLink = toLinks[to - 1];\n var fromIndex = fromLink.getIndex(); // Disconnect the link connected to `fromLink`.\n\n fromLink.disconnect(); // Connect `fromLink` to the right of `toLink`.\n\n if (!toLink) {\n fromLink.connect(undefined, fromLinks[0]);\n } else {\n fromLink.connect(toLink, toLink.next);\n }\n\n var toIndex = fromLink.getIndex();\n return [fromIndex, toIndex];\n });\n}\n\nvar Result =\n/*#__PURE__*/\nfunction () {\n function Result(prevList, list, added, removed, changed, maintained, changedBeforeAdded, fixed) {\n this.prevList = prevList;\n this.list = list;\n this.added = added;\n this.removed = removed;\n this.changed = changed;\n this.maintained = maintained;\n this.changedBeforeAdded = changedBeforeAdded;\n this.fixed = fixed;\n }\n\n var __proto = Result.prototype;\n Object.defineProperty(__proto, \"ordered\", {\n get: function () {\n if (!this.cacheOrdered) {\n this.caculateOrdered();\n }\n\n return this.cacheOrdered;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(__proto, \"pureChanged\", {\n get: function () {\n if (!this.cachePureChanged) {\n this.caculateOrdered();\n }\n\n return this.cachePureChanged;\n },\n enumerable: true,\n configurable: true\n });\n\n __proto.caculateOrdered = function () {\n var ordered = orderChanged(this.changedBeforeAdded, this.fixed);\n var changed = this.changed;\n var pureChanged = [];\n this.cacheOrdered = ordered.filter(function (_a, i) {\n var from = _a[0],\n to = _a[1];\n var _b = changed[i],\n fromBefore = _b[0],\n toBefore = _b[1];\n\n if (from !== to) {\n pureChanged.push([fromBefore, toBefore]);\n return true;\n }\n });\n this.cachePureChanged = pureChanged;\n };\n\n return Result;\n}();\n\n/**\n *\n * @memberof eg.ListDiffer\n * @static\n * @function\n * @param - Previous List \n * \n *