office-viewer 0.3.11 → 0.3.13

package/esm/node_modules/echarts/index.js

@@ -0,0 +1,295 @@
+import { use } from './lib/extension.js';
+export { use } from './lib/extension.js';
+import './lib/export/core.js';
+import { install as install$1 } from './lib/renderer/installSVGRenderer.js';
+import { install } from './lib/renderer/installCanvasRenderer.js';
+import { install as install$2 } from './lib/chart/line/install.js';
+import { install as install$3 } from './lib/chart/bar/install.js';
+import { install as install$4 } from './lib/chart/pie/install.js';
+import { install as install$5 } from './lib/chart/scatter/install.js';
+import { install as install$6 } from './lib/chart/radar/install.js';
+import { install as install$7 } from './lib/chart/map/install.js';
+import { install as install$8 } from './lib/chart/tree/install.js';
+import { install as install$9 } from './lib/chart/treemap/install.js';
+import { install as install$a } from './lib/chart/graph/install.js';
+import { install as install$b } from './lib/chart/gauge/install.js';
+import { install as install$c } from './lib/chart/funnel/install.js';
+import { install as install$d } from './lib/chart/parallel/install.js';
+import { install as install$e } from './lib/chart/sankey/install.js';
+import { install as install$f } from './lib/chart/boxplot/install.js';
+import { install as install$g } from './lib/chart/candlestick/install.js';
+import { install as install$h } from './lib/chart/effectScatter/install.js';
+import { install as install$i } from './lib/chart/lines/install.js';
+import { install as install$j } from './lib/chart/heatmap/install.js';
+import { install as install$k } from './lib/chart/bar/installPictorialBar.js';
+import { install as install$l } from './lib/chart/themeRiver/install.js';
+import { install as install$m } from './lib/chart/sunburst/install.js';
+import { install as install$n } from './lib/chart/custom/install.js';
+import './lib/component/grid/installSimple.js';
+import { install as install$o } from './lib/component/grid/install.js';
+import { install as install$p } from './lib/component/polar/install.js';
+import './lib/coord/radar/RadarModel.js';
+import './lib/component/radar/RadarView.js';
+import './lib/coord/radar/Radar.js';
+import { install as install$q } from './lib/component/geo/install.js';
+import { install as install$r } from './lib/component/singleAxis/install.js';
+import { install as install$s } from './lib/component/parallel/install.js';
+import { install as install$t } from './lib/component/calendar/install.js';
+import { install as install$u } from './lib/component/graphic/install.js';
+import { install as install$v } from './lib/component/toolbox/install.js';
+import { install as install$w } from './lib/component/tooltip/install.js';
+import { install as install$x } from './lib/component/axisPointer/install.js';
+import { install as install$y } from './lib/component/brush/install.js';
+import { install as install$z } from './lib/component/title/install.js';
+import { install as install$A } from './lib/component/timeline/install.js';
+import { install as install$B } from './lib/component/marker/installMarkPoint.js';
+import { install as install$C } from './lib/component/marker/installMarkLine.js';
+import { install as install$D } from './lib/component/marker/installMarkArea.js';
+import { install as install$E } from './lib/component/legend/install.js';
+import './lib/component/legend/LegendModel.js';
+import './lib/component/legend/LegendView.js';
+import * as util from '../zrender/lib/core/util.js';
+export { util as zrUtil };
+import './lib/component/legend/ScrollableLegendModel.js';
+import './lib/component/legend/ScrollableLegendView.js';
+import { install as install$F } from './lib/component/dataZoom/install.js';
+import { install as install$G } from './lib/component/dataZoom/installDataZoomInside.js';
+import { install as install$H } from './lib/component/dataZoom/installDataZoomSlider.js';
+import { install as install$I } from './lib/component/visualMap/install.js';
+import { install as install$J } from './lib/component/visualMap/installVisualMapContinuous.js';
+import { install as install$K } from './lib/component/visualMap/installVisualMapPiecewise.js';
+import { install as install$L } from './lib/component/aria/install.js';
+import { install as install$M } from './lib/component/transform/install.js';
+import { install as install$N } from './lib/component/dataset/install.js';
+import { installUniversalTransition } from './lib/animation/universalTransition.js';
+import { installLabelLayout } from './lib/label/installLabelLayout.js';
+export { default as parseGeoJSON, default as parseGeoJson } from './lib/coord/geo/parseGeoJson.js';
+export { registerLocale } from './lib/core/locale.js';
+export { PRIORITY, connect, dataTool, dependencies, disConnect, disconnect, dispose, getCoordinateSystemDimensions, getInstanceByDom, getInstanceById, getMap, init, registerAction, registerCoordinateSystem, registerLayout, registerLoading, registerMap, registerPostInit, registerPostUpdate, registerPreprocessor, registerProcessor, registerTheme, registerTransform, registerUpdateLifecycle, registerVisual, setCanvasCreator, version } from './lib/core/echarts.js';
+export { throttle } from './lib/util/throttle.js';
+export { setPlatformAPI } from '../zrender/lib/core/platform.js';
+export { default as env } from '../zrender/lib/core/env.js';
+export { default as Model } from './lib/model/Model.js';
+export { default as Axis } from './lib/coord/Axis.js';
+export { brushSingle as innerDrawElementOnCanvas } from '../zrender/lib/canvas/graphic.js';
+import * as zrender from '../zrender/lib/zrender.js';
+export { zrender };
+import * as matrix from '../zrender/lib/core/matrix.js';
+export { matrix };
+import * as vector from '../zrender/lib/core/vector.js';
+export { vector };
+import * as color from '../zrender/lib/tool/color.js';
+export { color };
+import * as helper from './lib/export/api/helper.js';
+export { helper };
+import * as number from './lib/export/api/number.js';
+export { number };
+import * as time from './lib/export/api/time.js';
+export { time };
+import * as graphic from './lib/export/api/graphic.js';
+export { graphic };
+import * as format from './lib/export/api/format.js';
+export { format };
+import * as util$1 from './lib/export/api/util.js';
+export { util$1 as util };
+export { default as List } from './lib/data/SeriesData.js';
+export { default as ComponentModel } from './lib/model/Component.js';
+export { default as ComponentView } from './lib/view/Component.js';
+export { default as SeriesModel } from './lib/model/Series.js';
+export { default as ChartView } from './lib/view/Chart.js';
+export { extendChartView, extendComponentModel, extendComponentView, extendSeriesModel } from './lib/export/api.js';
+
+// -----------------
+// Render engines
+// -----------------
+// Render via Canvas.
+// echarts.init(dom, null, { renderer: 'canvas' })
+use([install]);
+// Render via SVG.
+// echarts.init(dom, null, { renderer: 'svg' })
+use([install$1]);
+// ----------------
+// Charts (series)
+// ----------------
+// All of the series types, for example:
+// chart.setOption({
+//     series: [{
+//         type: 'line' // or 'bar', 'pie', ...
+//     }]
+// });
+use([install$2, install$3, install$4, install$5, install$6, install$7, install$8, install$9, install$a, install$b, install$c, install$d, install$e, install$f, install$g, install$h, install$i, install$j, install$k, install$l, install$m, install$n]);
+// -------------------
+// Coordinate systems
+// -------------------
+// All of the axis modules have been included in the
+// coordinate system module below, do not need to
+// make extra import.
+// `cartesian` coordinate system. For some historical
+// reasons, it is named as grid, for example:
+// chart.setOption({
+//     grid: {...},
+//     xAxis: {...},
+//     yAxis: {...},
+//     series: [{...}]
+// });
+use(install$o);
+// `polar` coordinate system, for example:
+// chart.setOption({
+//     polar: {...},
+//     radiusAxis: {...},
+//     angleAxis: {...},
+//     series: [{
+//         coordinateSystem: 'polar'
+//     }]
+// });
+use(install$p);
+// `geo` coordinate system, for example:
+// chart.setOption({
+//     geo: {...},
+//     series: [{
+//         coordinateSystem: 'geo'
+//     }]
+// });
+use(install$q);
+// `singleAxis` coordinate system (notice, it is a coordinate system
+// with only one axis, work for chart like theme river), for example:
+// chart.setOption({
+//     singleAxis: {...}
+//     series: [{type: 'themeRiver', ...}]
+// });
+use(install$r);
+// `parallel` coordinate system, only work for parallel series, for example:
+// chart.setOption({
+//     parallel: {...},
+//     parallelAxis: [{...}, ...],
+//     series: [{
+//         type: 'parallel'
+//     }]
+// });
+use(install$s);
+// `calendar` coordinate system. for example,
+// chart.setOption({
+//     calendar: {...},
+//     series: [{
+//         coordinateSystem: 'calendar'
+//     }]
+// );
+use(install$t);
+// ------------------
+// Other components
+// ------------------
+// `graphic` component, for example:
+// chart.setOption({
+//     graphic: {...}
+// });
+use(install$u);
+// `toolbox` component, for example:
+// chart.setOption({
+//     toolbox: {...}
+// });
+use(install$v);
+// `tooltip` component, for example:
+// chart.setOption({
+//     tooltip: {...}
+// });
+use(install$w);
+// `axisPointer` component, for example:
+// chart.setOption({
+//     tooltip: {axisPointer: {...}, ...}
+// });
+// Or
+// chart.setOption({
+//     axisPointer: {...}
+// });
+use(install$x);
+// `brush` component, for example:
+// chart.setOption({
+//     brush: {...}
+// });
+// Or
+// chart.setOption({
+//     tooltip: {feature: {brush: {...}}
+// })
+use(install$y);
+// `title` component, for example:
+// chart.setOption({
+//     title: {...}
+// });
+use(install$z);
+// `timeline` component, for example:
+// chart.setOption({
+//     timeline: {...}
+// });
+use(install$A);
+// `markPoint` component, for example:
+// chart.setOption({
+//     series: [{markPoint: {...}}]
+// });
+use(install$B);
+// `markLine` component, for example:
+// chart.setOption({
+//     series: [{markLine: {...}}]
+// });
+use(install$C);
+// `markArea` component, for example:
+// chart.setOption({
+//     series: [{markArea: {...}}]
+// });
+use(install$D);
+// `legend` component not scrollable. for example:
+// chart.setOption({
+//     legend: {...}
+// });
+use(install$E);
+// `dataZoom` component including both `dataZoomInside` and `dataZoomSlider`.
+use(install$F);
+// `dataZoom` component providing drag, pinch, wheel behaviors
+// inside coordinate system, for example:
+// chart.setOption({
+//     dataZoom: {type: 'inside'}
+// });
+use(install$G);
+// `dataZoom` component providing a slider bar, for example:
+// chart.setOption({
+//     dataZoom: {type: 'slider'}
+// });
+use(install$H);
+// `visualMap` component including both `visualMapContinuous` and `visualMapPiecewise`.
+use(install$I);
+// `visualMap` component providing continuous bar, for example:
+// chart.setOption({
+//     visualMap: {type: 'continuous'}
+// });
+use(install$J);
+// `visualMap` component providing pieces bar, for example:
+// chart.setOption({
+//     visualMap: {type: 'piecewise'}
+// });
+use(install$K);
+// `aria` component providing aria, for example:
+// chart.setOption({
+//     aria: {...}
+// });
+use(install$L);
+// dataset transform
+// chart.setOption({
+//     dataset: {
+//          transform: []
+//     }
+// });
+use(install$M);
+use(install$N);
+// universal transition
+// chart.setOption({
+//     series: {
+//         universalTransition: { enabled: true }
+//     }
+// })
+use(installUniversalTransition);
+// label layout
+// chart.setOption({
+//     series: {
+//         labelLayout: { hideOverlap: true }
+//     }
+// })
+use(installLabelLayout);

package/esm/node_modules/echarts/lib/action/roamHelper.js

@@ -0,0 +1,81 @@
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+function getCenterCoord(view, point) {
+  // Use projected coord as center because it's linear.
+  return view.pointToProjected ? view.pointToProjected(point) : view.pointToData(point);
+}
+function updateCenterAndZoom(view, payload, zoomLimit, api) {
+  var previousZoom = view.getZoom();
+  var center = view.getCenter();
+  var zoom = payload.zoom;
+  var point = view.projectedToPoint ? view.projectedToPoint(center) : view.dataToPoint(center);
+  if (payload.dx != null && payload.dy != null) {
+    point[0] -= payload.dx;
+    point[1] -= payload.dy;
+    view.setCenter(getCenterCoord(view, point), api);
+  }
+  if (zoom != null) {
+    if (zoomLimit) {
+      var zoomMin = zoomLimit.min || 0;
+      var zoomMax = zoomLimit.max || Infinity;
+      zoom = Math.max(Math.min(previousZoom * zoom, zoomMax), zoomMin) / previousZoom;
+    }
+    // Zoom on given point(originX, originY)
+    view.scaleX *= zoom;
+    view.scaleY *= zoom;
+    var fixX = (payload.originX - view.x) * (zoom - 1);
+    var fixY = (payload.originY - view.y) * (zoom - 1);
+    view.x -= fixX;
+    view.y -= fixY;
+    view.updateTransform();
+    // Get the new center
+    view.setCenter(getCenterCoord(view, point), api);
+    view.setZoom(zoom * previousZoom);
+  }
+  return {
+    center: view.getCenter(),
+    zoom: view.getZoom()
+  };
+}
+
+export { updateCenterAndZoom };

package/esm/node_modules/echarts/lib/animation/basicTransition.js

@@ -0,0 +1,202 @@
+import { isFunction, isObject, retrieve2 } from '../../../zrender/lib/core/util.js';
+import { makeInner } from '../util/model.js';
+
+// Stored properties for further transition.
+var transitionStore = makeInner();
+/**
+ * Return null if animation is disabled.
+ */
+function getAnimationConfig(animationType, animatableModel, dataIndex,
+// Extra opts can override the option in animatable model.
+extraOpts,
+// TODO It's only for pictorial bar now.
+extraDelayParams) {
+  var animationPayload;
+  // Check if there is global animation configuration from dataZoom/resize can override the config in option.
+  // If animation is enabled. Will use this animation config in payload.
+  // If animation is disabled. Just ignore it.
+  if (animatableModel && animatableModel.ecModel) {
+    var updatePayload = animatableModel.ecModel.getUpdatePayload();
+    animationPayload = updatePayload && updatePayload.animation;
+  }
+  var animationEnabled = animatableModel && animatableModel.isAnimationEnabled();
+  var isUpdate = animationType === 'update';
+  if (animationEnabled) {
+    var duration = void 0;
+    var easing = void 0;
+    var delay = void 0;
+    if (extraOpts) {
+      duration = retrieve2(extraOpts.duration, 200);
+      easing = retrieve2(extraOpts.easing, 'cubicOut');
+      delay = 0;
+    } else {
+      duration = animatableModel.getShallow(isUpdate ? 'animationDurationUpdate' : 'animationDuration');
+      easing = animatableModel.getShallow(isUpdate ? 'animationEasingUpdate' : 'animationEasing');
+      delay = animatableModel.getShallow(isUpdate ? 'animationDelayUpdate' : 'animationDelay');
+    }
+    // animation from payload has highest priority.
+    if (animationPayload) {
+      animationPayload.duration != null && (duration = animationPayload.duration);
+      animationPayload.easing != null && (easing = animationPayload.easing);
+      animationPayload.delay != null && (delay = animationPayload.delay);
+    }
+    if (isFunction(delay)) {
+      delay = delay(dataIndex, extraDelayParams);
+    }
+    if (isFunction(duration)) {
+      duration = duration(dataIndex);
+    }
+    var config = {
+      duration: duration || 0,
+      delay: delay,
+      easing: easing
+    };
+    return config;
+  } else {
+    return null;
+  }
+}
+function animateOrSetProps(animationType, el, props, animatableModel, dataIndex, cb, during) {
+  var isFrom = false;
+  var removeOpt;
+  if (isFunction(dataIndex)) {
+    during = cb;
+    cb = dataIndex;
+    dataIndex = null;
+  } else if (isObject(dataIndex)) {
+    cb = dataIndex.cb;
+    during = dataIndex.during;
+    isFrom = dataIndex.isFrom;
+    removeOpt = dataIndex.removeOpt;
+    dataIndex = dataIndex.dataIndex;
+  }
+  var isRemove = animationType === 'leave';
+  if (!isRemove) {
+    // Must stop the remove animation.
+    el.stopAnimation('leave');
+  }
+  var animationConfig = getAnimationConfig(animationType, animatableModel, dataIndex, isRemove ? removeOpt || {} : null, animatableModel && animatableModel.getAnimationDelayParams ? animatableModel.getAnimationDelayParams(el, dataIndex) : null);
+  if (animationConfig && animationConfig.duration > 0) {
+    var duration = animationConfig.duration;
+    var animationDelay = animationConfig.delay;
+    var animationEasing = animationConfig.easing;
+    var animateConfig = {
+      duration: duration,
+      delay: animationDelay || 0,
+      easing: animationEasing,
+      done: cb,
+      force: !!cb || !!during,
+      // Set to final state in update/init animation.
+      // So the post processing based on the path shape can be done correctly.
+      setToFinal: !isRemove,
+      scope: animationType,
+      during: during
+    };
+    isFrom ? el.animateFrom(props, animateConfig) : el.animateTo(props, animateConfig);
+  } else {
+    el.stopAnimation();
+    // If `isFrom`, the props is the "from" props.
+    !isFrom && el.attr(props);
+    // Call during at least once.
+    during && during(1);
+    cb && cb();
+  }
+}
+/**
+ * Update graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ * @example
+ *     graphic.updateProps(el, {
+ *         position: [100, 100]
+ *     }, seriesModel, dataIndex, function () { console.log('Animation done!'); });
+ *     // Or
+ *     graphic.updateProps(el, {
+ *         position: [100, 100]
+ *     }, seriesModel, function () { console.log('Animation done!'); });
+ */
+function updateProps(el, props,
+// TODO: TYPE AnimatableModel
+animatableModel, dataIndex, cb, during) {
+  animateOrSetProps('update', el, props, animatableModel, dataIndex, cb, during);
+}
+/**
+ * Init graphic element properties with or without animation according to the
+ * configuration in series.
+ *
+ * Caution: this method will stop previous animation.
+ * So do not use this method to one element twice before
+ * animation starts, unless you know what you are doing.
+ */
+function initProps(el, props, animatableModel, dataIndex, cb, during) {
+  animateOrSetProps('enter', el, props, animatableModel, dataIndex, cb, during);
+}
+/**
+ * If element is removed.
+ * It can determine if element is having remove animation.
+ */
+function isElementRemoved(el) {
+  if (!el.__zr) {
+    return true;
+  }
+  for (var i = 0; i < el.animators.length; i++) {
+    var animator = el.animators[i];
+    if (animator.scope === 'leave') {
+      return true;
+    }
+  }
+  return false;
+}
+/**
+ * Remove graphic element
+ */
+function removeElement(el, props, animatableModel, dataIndex, cb, during) {
+  // Don't do remove animation twice.
+  if (isElementRemoved(el)) {
+    return;
+  }
+  animateOrSetProps('leave', el, props, animatableModel, dataIndex, cb, during);
+}
+function fadeOutDisplayable(el, animatableModel, dataIndex, done) {
+  el.removeTextContent();
+  el.removeTextGuideLine();
+  removeElement(el, {
+    style: {
+      opacity: 0
+    }
+  }, animatableModel, dataIndex, done);
+}
+function removeElementWithFadeOut(el, animatableModel, dataIndex) {
+  function doRemove() {
+    el.parent && el.parent.remove(el);
+  }
+  // Hide label and labelLine first
+  // TODO Also use fade out animation?
+  if (!el.isGroup) {
+    fadeOutDisplayable(el, animatableModel, dataIndex, doRemove);
+  } else {
+    el.traverse(function (disp) {
+      if (!disp.isGroup) {
+        // Can invoke doRemove multiple times.
+        fadeOutDisplayable(disp, animatableModel, dataIndex, doRemove);
+      }
+    });
+  }
+}
+/**
+ * Save old style for style transition in universalTransition module.
+ * It's used when element will be reused in each render.
+ * For chart like map, heatmap, which will always create new element.
+ * We don't need to save this because universalTransition can get old style from the old element
+ */
+function saveOldStyle(el) {
+  transitionStore(el).oldStyle = el.style;
+}
+function getOldStyle(el) {
+  return transitionStore(el).oldStyle;
+}
+
+export { getAnimationConfig, getOldStyle, initProps, isElementRemoved, removeElement, removeElementWithFadeOut, saveOldStyle, transitionStore, updateProps };

package/esm/node_modules/echarts/lib/animation/customGraphicKeyframeAnimation.js

@@ -0,0 +1,103 @@
+import { isArray, each, keys, filter, indexOf } from '../../../zrender/lib/core/util.js';
+import { ELEMENT_ANIMATABLE_PROPS } from './customGraphicTransition.js';
+import { getAnimationConfig } from './basicTransition.js';
+import { warn } from '../util/log.js';
+import { makeInner } from '../util/model.js';
+
+var getStateToRestore = makeInner();
+var KEYFRAME_EXCLUDE_KEYS = ['percent', 'easing', 'shape', 'style', 'extra'];
+/**
+ * Stop previous keyframe animation and restore the attributes.
+ * Avoid new keyframe animation starts with wrong internal state when the percent: 0 is not set.
+ */
+function stopPreviousKeyframeAnimationAndRestore(el) {
+  // Stop previous keyframe animation.
+  el.stopAnimation('keyframe');
+  // Restore
+  el.attr(getStateToRestore(el));
+}
+function applyKeyframeAnimation(el, animationOpts, animatableModel) {
+  if (!animatableModel.isAnimationEnabled() || !animationOpts) {
+    return;
+  }
+  if (isArray(animationOpts)) {
+    each(animationOpts, function (singleAnimationOpts) {
+      applyKeyframeAnimation(el, singleAnimationOpts, animatableModel);
+    });
+    return;
+  }
+  var keyframes = animationOpts.keyframes;
+  var duration = animationOpts.duration;
+  if (animatableModel && duration == null) {
+    // Default to use duration of config.
+    // NOTE: animation config from payload will be ignored because they are mainly for transitions.
+    var config = getAnimationConfig('enter', animatableModel, 0);
+    duration = config && config.duration;
+  }
+  if (!keyframes || !duration) {
+    return;
+  }
+  var stateToRestore = getStateToRestore(el);
+  each(ELEMENT_ANIMATABLE_PROPS, function (targetPropName) {
+    if (targetPropName && !el[targetPropName]) {
+      return;
+    }
+    var animator;
+    var endFrameIsSet = false;
+    // Sort keyframes by percent.
+    keyframes.sort(function (a, b) {
+      return a.percent - b.percent;
+    });
+    each(keyframes, function (kf) {
+      // Stop current animation.
+      var animators = el.animators;
+      var kfValues = targetPropName ? kf[targetPropName] : kf;
+      if (process.env.NODE_ENV !== 'production') {
+        if (kf.percent >= 1) {
+          endFrameIsSet = true;
+        }
+      }
+      if (!kfValues) {
+        return;
+      }
+      var propKeys = keys(kfValues);
+      if (!targetPropName) {
+        // PENDING performance?
+        propKeys = filter(propKeys, function (key) {
+          return indexOf(KEYFRAME_EXCLUDE_KEYS, key) < 0;
+        });
+      }
+      if (!propKeys.length) {
+        return;
+      }
+      if (!animator) {
+        animator = el.animate(targetPropName, animationOpts.loop, true);
+        animator.scope = 'keyframe';
+      }
+      for (var i = 0; i < animators.length; i++) {
+        // Stop all other animation that is not keyframe.
+        if (animators[i] !== animator && animators[i].targetName === animator.targetName) {
+          animators[i].stopTracks(propKeys);
+        }
+      }
+      targetPropName && (stateToRestore[targetPropName] = stateToRestore[targetPropName] || {});
+      var savedTarget = targetPropName ? stateToRestore[targetPropName] : stateToRestore;
+      each(propKeys, function (key) {
+        // Save original value.
+        savedTarget[key] = ((targetPropName ? el[targetPropName] : el) || {})[key];
+      });
+      animator.whenWithKeys(duration * kf.percent, kfValues, propKeys, kf.easing);
+    });
+    if (!animator) {
+      return;
+    }
+    if (process.env.NODE_ENV !== 'production') {
+      if (!endFrameIsSet) {
+        warn('End frame with percent: 1 is missing in the keyframeAnimation.', true);
+      }
+    }
+    animator.delay(animationOpts.delay || 0).duration(duration).start(animationOpts.easing);
+  });
+}
+
+export { applyKeyframeAnimation, stopPreviousKeyframeAnimationAndRestore };