tvcharts 0.8.64 → 0.8.66

package/dist/echarts.js

@@ -83,7 +83,7 @@ __export(exports, {
   zrender: () => zrender_exports
 });
 
-// ../zrender/src/zrender.ts
+// node_modules/tvrender/src/zrender.ts
 var zrender_exports = {};
 __export(zrender_exports, {
   dispose: () => dispose,
@@ -96,7 +96,7 @@ __export(zrender_exports, {
   version: () => version
 });
 
-// ../zrender/src/core/env.ts
+// node_modules/tvrender/src/core/env.ts
 var Browser = class {
   constructor() {
     this.firefox = false;
@@ -165,7 +165,7 @@ function detect(ua, env2) {
 }
 var env_default = env;
 
-// ../zrender/src/core/util.ts
+// node_modules/tvrender/src/core/util.ts
 var util_exports = {};
 __export(util_exports, {
   HashMap: () => HashMap,
@@ -222,7 +222,7 @@ __export(util_exports, {
   trim: () => trim
 });
 
-// ../zrender/src/core/platform.ts
+// node_modules/tvrender/src/core/platform.ts
 var DEFAULT_FONT_SIZE = 12;
 var DEFAULT_FONT_FAMILY = `-apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif`;
 var DEFAULT_FONT = `${DEFAULT_FONT_SIZE}px ${DEFAULT_FONT_FAMILY}`;
@@ -293,7 +293,7 @@ function setPlatformAPI(newPlatformApis) {
   }
 }
 
-// ../zrender/src/core/util.ts
+// node_modules/tvrender/src/core/util.ts
 var BUILTIN_OBJECT = reduce([
   "Function",
   "RegExp",
@@ -833,7 +833,7 @@ function colorToRgba(color2 = "") {
   return rgbaColor;
 }
 
-// ../zrender/src/core/vector.ts
+// node_modules/tvrender/src/core/vector.ts
 var vector_exports = {};
 __export(vector_exports, {
   add: () => add,
@@ -972,7 +972,7 @@ function max(out2, v12, v22) {
   return out2;
 }
 
-// ../zrender/src/mixin/Draggable.ts
+// node_modules/tvrender/src/mixin/Draggable.ts
 var Param = class {
   constructor(target, e2) {
     this.target = target;
@@ -1038,7 +1038,7 @@ var Draggable = class {
 };
 var Draggable_default = Draggable;
 
-// ../zrender/src/core/Eventful.ts
+// node_modules/tvrender/src/core/Eventful.ts
 var Eventful = class {
   constructor(eventProcessors) {
     if (eventProcessors) {
@@ -1182,7 +1182,7 @@ var Eventful = class {
 };
 var Eventful_default = Eventful;
 
-// ../zrender/src/core/fourPointsTransform.ts
+// node_modules/tvrender/src/core/fourPointsTransform.ts
 var LN2 = Math.log(2);
 function determinant(rows, rank, rowStart, rowMask, colMask, detCache) {
   const cacheKey = rowMask + "-" + colMask;
@@ -1240,7 +1240,7 @@ function buildTransformer(src, dest) {
   };
 }
 
-// ../zrender/src/core/dom.ts
+// node_modules/tvrender/src/core/dom.ts
 var EVENT_SAVED_PROP = "___zrEVENTSAVED";
 var _calcOut = [];
 function transformLocalCoord(out2, elFrom, elTarget, inX, inY) {
@@ -1326,7 +1326,7 @@ function encodeHTML(source) {
   });
 }
 
-// ../zrender/src/core/event.ts
+// node_modules/tvrender/src/core/event.ts
 var MOUSE_EVENT_REG = /^(?:mouse|pointer|contextmenu|drag|drop)|click/;
 var _calcOut2 = [];
 var firefoxNotSupportOffsetXY = env_default.browser.firefox && +env_default.browser.version.split(".")[0] < 39;
@@ -1417,7 +1417,7 @@ function isMiddleOrRightButtonOnMouseUpDown(e2) {
   return e2.which === 2 || e2.which === 3;
 }
 
-// ../zrender/src/core/GestureMgr.ts
+// node_modules/tvrender/src/core/GestureMgr.ts
 var GestureMgr = class {
   constructor() {
     this._track = [];
@@ -1495,7 +1495,7 @@ var recognizers = {
   }
 };
 
-// ../zrender/src/core/matrix.ts
+// node_modules/tvrender/src/core/matrix.ts
 var matrix_exports = {};
 __export(matrix_exports, {
   clone: () => clone3,
@@ -1607,7 +1607,7 @@ function clone3(a) {
   return b;
 }
 
-// ../zrender/src/core/Point.ts
+// node_modules/tvrender/src/core/Point.ts
 var Point = class {
   constructor(x, y) {
     this.x = x || 0;
@@ -1737,7 +1737,7 @@ var Point = class {
 };
 var Point_default = Point;
 
-// ../zrender/src/core/BoundingRect.ts
+// node_modules/tvrender/src/core/BoundingRect.ts
 var mathMin = Math.min;
 var mathMax = Math.max;
 var lt = new Point_default();
@@ -1937,7 +1937,7 @@ var BoundingRect = class {
 };
 var BoundingRect_default = BoundingRect;
 
-// ../zrender/src/Handler.ts
+// node_modules/tvrender/src/Handler.ts
 var SILENT = "silent";
 function makeEventPacket(eveType, targetInfo, event) {
   return {
@@ -2223,7 +2223,7 @@ function isOutsideBoundary(handlerInstance, x, y) {
 }
 var Handler_default = Handler;
 
-// ../zrender/src/core/timsort.ts
+// node_modules/tvrender/src/core/timsort.ts
 var DEFAULT_MIN_MERGE = 32;
 var DEFAULT_MIN_GALLOPING = 7;
 function minRunLength(n) {
@@ -2732,12 +2732,12 @@ function sort(array, compare2, lo, hi) {
   ts.forceMergeRuns();
 }
 
-// ../zrender/src/graphic/constants.ts
+// node_modules/tvrender/src/graphic/constants.ts
 var REDRAW_BIT = 1;
 var STYLE_CHANGED_BIT = 2;
 var SHAPE_CHANGED_BIT = 4;
 
-// ../zrender/src/Storage.ts
+// node_modules/tvrender/src/Storage.ts
 var invalidZErrorLogged = false;
 function logInvalidZError() {
   if (invalidZErrorLogged) {
@@ -2912,14 +2912,14 @@ var Storage = class {
 };
 var Storage_default = Storage;
 
-// ../zrender/src/animation/requestAnimationFrame.ts
+// node_modules/tvrender/src/animation/requestAnimationFrame.ts
 var requestAnimationFrame2;
 requestAnimationFrame2 = env_default.hasGlobalWindow && (window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window) || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame) || function(func) {
   return setTimeout(func, 16);
 };
 var requestAnimationFrame_default = requestAnimationFrame2;
 
-// ../zrender/src/animation/easing.ts
+// node_modules/tvrender/src/animation/easing.ts
 var easingFuncs = {
   linear(k) {
     return k;
@@ -3106,7 +3106,7 @@ var easingFuncs = {
 };
 var easing_default = easingFuncs;
 
-// ../zrender/src/core/curve.ts
+// node_modules/tvrender/src/core/curve.ts
 var mathPow = Math.pow;
 var mathSqrt = Math.sqrt;
 var EPSILON = 1e-8;
@@ -3435,7 +3435,7 @@ function quadraticLength(x0, y0, x1, y1, x2, y2, iteration) {
   return d;
 }
 
-// ../zrender/src/animation/cubicEasing.ts
+// node_modules/tvrender/src/animation/cubicEasing.ts
 var regexp = /cubic-bezier\(([0-9,\.e ]+)\)/;
 function createCubicEasingFunc(cubicEasingStr) {
   const cubic2 = cubicEasingStr && regexp.exec(cubicEasingStr);
@@ -3455,7 +3455,7 @@ function createCubicEasingFunc(cubicEasingStr) {
   }
 }
 
-// ../zrender/src/animation/Clip.ts
+// node_modules/tvrender/src/animation/Clip.ts
 var Clip = class {
   constructor(opts) {
     this._inited = false;
@@ -3514,7 +3514,7 @@ var Clip = class {
 };
 var Clip_default = Clip;
 
-// ../zrender/src/tool/color.ts
+// node_modules/tvrender/src/tool/color.ts
 var color_exports = {};
 __export(color_exports, {
   fastLerp: () => fastLerp,
@@ -3532,7 +3532,7 @@ __export(color_exports, {
   toHex: () => toHex
 });
 
-// ../zrender/src/core/LRU.ts
+// node_modules/tvrender/src/core/LRU.ts
 var Entry = class {
   constructor(val) {
     this.value = val;
@@ -3635,7 +3635,7 @@ var LRU = class {
 };
 var LRU_default = LRU;
 
-// ../zrender/src/tool/color.ts
+// node_modules/tvrender/src/tool/color.ts
 var kCSSColorTable = {
   transparent: [0, 0, 0, 0],
   aliceblue: [240, 248, 255, 1],
@@ -4119,7 +4119,7 @@ function liftColor(color2) {
   return color2;
 }
 
-// ../zrender/src/svg/helper.ts
+// node_modules/tvrender/src/svg/helper.ts
 var mathRound = Math.round;
 function normalizeColor(color2) {
   let opacity;
@@ -4247,7 +4247,7 @@ var encodeBase64 = function() {
   };
 }();
 
-// ../zrender/src/animation/Animator.ts
+// node_modules/tvrender/src/animation/Animator.ts
 var arraySlice = Array.prototype.slice;
 function interpolateNumber(p0, p1, percent) {
   return (p1 - p0) * percent + p0;
@@ -4934,7 +4934,7 @@ var Animator = class {
 };
 var Animator_default = Animator;
 
-// ../zrender/src/animation/Animation.ts
+// node_modules/tvrender/src/animation/Animation.ts
 function getTime() {
   return new Date().getTime();
 }
@@ -5072,7 +5072,7 @@ var Animation = class extends Eventful_default {
 };
 var Animation_default = Animation;
 
-// ../zrender/src/dom/HandlerProxy.ts
+// node_modules/tvrender/src/dom/HandlerProxy.ts
 var TOUCH_CLICK_DELAY = 300;
 var globalEventSupported = env_default.domSupported;
 var localNativeListenerNames = function() {
@@ -5362,7 +5362,7 @@ var HandlerDomProxy = class extends Eventful_default {
 };
 var HandlerProxy_default = HandlerDomProxy;
 
-// ../zrender/src/config.ts
+// node_modules/tvrender/src/config.ts
 var dpr = 1;
 if (env_default.hasGlobalWindow) {
   dpr = Math.max(window.devicePixelRatio || window.screen && window.screen.deviceXDPI / window.screen.logicalXDPI || 1, 1);
@@ -5373,7 +5373,7 @@ var DARK_LABEL_COLOR = "#333";
 var LIGHT_LABEL_COLOR = "#ccc";
 var LIGHTER_LABEL_COLOR = "#eee";
 
-// ../zrender/src/core/Transformable.ts
+// node_modules/tvrender/src/core/Transformable.ts
 var mIdentity = identity;
 var EPSILON3 = 5e-5;
 function isNotAroundZero2(val) {
@@ -5603,7 +5603,7 @@ function copyTransform(target, source) {
 }
 var Transformable_default = Transformable;
 
-// ../zrender/src/contain/text.ts
+// node_modules/tvrender/src/contain/text.ts
 var textWidthCache = {};
 function getWidth(text, font) {
   font = font || DEFAULT_FONT;
@@ -5765,7 +5765,7 @@ function calculateTextPosition(out2, opts, rect) {
   return out2;
 }
 
-// ../zrender/src/Element.ts
+// node_modules/tvrender/src/Element.ts
 var PRESERVED_NORMAL_STATE = "__zr_normal__";
 var PRIMARY_STATES_KEYS = TRANSFORMABLE_PROPS.concat(["ignore"]);
 var DEFAULT_ANIMATABLE_MAP = reduce(TRANSFORMABLE_PROPS, (obj, key) => {
@@ -6755,7 +6755,7 @@ function animateToShallow(animatable, topKey, animateObj, target, cfg, animation
 }
 var Element_default = Element;
 
-// ../zrender/src/graphic/Group.ts
+// node_modules/tvrender/src/graphic/Group.ts
 var Group = class extends Element_default {
   constructor(opts) {
     super();
@@ -6927,7 +6927,7 @@ var Group = class extends Element_default {
 Group.prototype.type = "group";
 var Group_default = Group;
 
-// ../zrender/src/zrender.ts
+// node_modules/tvrender/src/zrender.ts
 /*!
 * ZRender, a high performance 2d drawing library.
 *
@@ -7244,7 +7244,7 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.6.92";
+var version = "5.6.93";
 
 // src/util/number.ts
 var RADIAN_EPSILON = 1e-4;
@@ -8252,7 +8252,7 @@ var AreaStyleMixin = class {
   }
 };
 
-// ../zrender/src/graphic/helper/image.ts
+// node_modules/tvrender/src/graphic/helper/image.ts
 var globalImageCache = new LRU_default(50);
 function findExistImage(newImageOrSrc) {
   if (typeof newImageOrSrc === "string") {
@@ -8302,7 +8302,7 @@ function isImageReady(image) {
   return image && image.width && image.height;
 }
 
-// ../zrender/src/graphic/helper/parseText.ts
+// node_modules/tvrender/src/graphic/helper/parseText.ts
 var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
 function truncateText(text, containerWidth, font, ellipsis, options) {
   if (!containerWidth) {
@@ -8736,7 +8736,7 @@ function wrapText(text, font, lineWidth, isBreakAll, lastAccumWidth) {
   };
 }
 
-// ../zrender/src/graphic/Displayable.ts
+// node_modules/tvrender/src/graphic/Displayable.ts
 var STYLE_MAGIC_KEY = "__zr_style_" + Math.round(Math.random() * 10);
 var DEFAULT_COMMON_STYLE = {
   shadowBlur: 0,
@@ -9042,7 +9042,7 @@ function isDisplayableCulled(el, width, height) {
 }
 var Displayable_default = Displayable;
 
-// ../zrender/src/core/bbox.ts
+// node_modules/tvrender/src/core/bbox.ts
 var mathMin2 = Math.min;
 var mathMax2 = Math.max;
 var mathSin = Math.sin;
@@ -9165,7 +9165,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min3, max3)
   }
 }
 
-// ../zrender/src/core/PathProxy.ts
+// node_modules/tvrender/src/core/PathProxy.ts
 var CMD = {
   M: 1,
   L: 2,
@@ -9918,7 +9918,7 @@ PathProxy.initDefaultProps = function() {
 }();
 var PathProxy_default = PathProxy;
 
-// ../zrender/src/contain/line.ts
+// node_modules/tvrender/src/contain/line.ts
 function containStroke(x0, y0, x1, y1, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -9940,7 +9940,7 @@ function containStroke(x0, y0, x1, y1, lineWidth, x, y) {
   return _s <= _l / 2 * _l / 2;
 }
 
-// ../zrender/src/contain/cubic.ts
+// node_modules/tvrender/src/contain/cubic.ts
 function containStroke2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -9953,7 +9953,7 @@ function containStroke2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
   return d <= _l / 2;
 }
 
-// ../zrender/src/contain/quadratic.ts
+// node_modules/tvrender/src/contain/quadratic.ts
 function containStroke3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -9966,7 +9966,7 @@ function containStroke3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
   return d <= _l / 2;
 }
 
-// ../zrender/src/contain/util.ts
+// node_modules/tvrender/src/contain/util.ts
 var PI23 = Math.PI * 2;
 function normalizeRadian(angle) {
   angle %= PI23;
@@ -9976,7 +9976,7 @@ function normalizeRadian(angle) {
   return angle;
 }
 
-// ../zrender/src/contain/arc.ts
+// node_modules/tvrender/src/contain/arc.ts
 var PI24 = Math.PI * 2;
 function containStroke4(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
   if (lineWidth === 0) {
@@ -10010,7 +10010,7 @@ function containStroke4(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidt
   return angle >= startAngle && angle <= endAngle || angle + PI24 >= startAngle && angle + PI24 <= endAngle;
 }
 
-// ../zrender/src/contain/windingLine.ts
+// node_modules/tvrender/src/contain/windingLine.ts
 function windingLine(x0, y0, x1, y1, x, y) {
   if (y > y0 && y > y1 || y < y0 && y < y1) {
     return 0;
@@ -10027,7 +10027,7 @@ function windingLine(x0, y0, x1, y1, x, y) {
   return x_ === x ? Infinity : x_ > x ? dir3 : 0;
 }
 
-// ../zrender/src/contain/path.ts
+// node_modules/tvrender/src/contain/path.ts
 var CMD2 = PathProxy_default.CMD;
 var PI25 = Math.PI * 2;
 var EPSILON4 = 1e-4;
@@ -10313,7 +10313,7 @@ function containStroke5(pathProxy, lineWidth, x, y) {
   return containPath(pathProxy, lineWidth, true, x, y);
 }
 
-// ../zrender/src/graphic/Path.ts
+// node_modules/tvrender/src/graphic/Path.ts
 var DEFAULT_PATH_STYLE = defaults({
   fill: "#000",
   stroke: null,
@@ -10690,7 +10690,7 @@ Path.initDefaultProps = function() {
 }();
 var Path_default = Path;
 
-// ../zrender/src/graphic/TSpan.ts
+// node_modules/tvrender/src/graphic/TSpan.ts
 var DEFAULT_TSPAN_STYLE = defaults({
   strokeFirst: true,
   font: DEFAULT_FONT,
@@ -10745,7 +10745,7 @@ TSpan.initDefaultProps = function() {
 TSpan.prototype.type = "tspan";
 var TSpan_default = TSpan;
 
-// ../zrender/src/graphic/Image.ts
+// node_modules/tvrender/src/graphic/Image.ts
 var DEFAULT_IMAGE_STYLE = defaults({
   x: 0,
   y: 0
@@ -10807,7 +10807,7 @@ var ZRImage = class extends Displayable_default {
 ZRImage.prototype.type = "image";
 var Image_default = ZRImage;
 
-// ../zrender/src/graphic/helper/roundRect.ts
+// node_modules/tvrender/src/graphic/helper/roundRect.ts
 function buildPath(ctx2, shape) {
   let x = shape.x;
   let y = shape.y;
@@ -10879,7 +10879,7 @@ function buildPath(ctx2, shape) {
   r1 !== 0 && ctx2.arc(x + r1, y + r1, r1, Math.PI, Math.PI * 1.5);
 }
 
-// ../zrender/src/graphic/helper/subPixelOptimize.ts
+// node_modules/tvrender/src/graphic/helper/subPixelOptimize.ts
 var round2 = Math.round;
 function subPixelOptimizeLine(outputShape, inputShape, style) {
   if (!inputShape) {
@@ -10935,7 +10935,7 @@ function subPixelOptimize(position2, lineWidth, positiveOrNegative) {
   return (doubledPosition + round2(lineWidth)) % 2 === 0 ? doubledPosition / 2 : (doubledPosition + (positiveOrNegative ? 1 : -1)) / 2;
 }
 
-// ../zrender/src/graphic/shape/Rect.ts
+// node_modules/tvrender/src/graphic/shape/Rect.ts
 var RectShape = class {
   constructor() {
     this.x = 0;
@@ -10984,7 +10984,7 @@ var Rect = class extends Path_default {
 Rect.prototype.type = "rect";
 var Rect_default = Rect;
 
-// ../zrender/src/graphic/Text.ts
+// node_modules/tvrender/src/graphic/Text.ts
 var DEFAULT_RICH_TEXT_COLOR = {
   fill: "#000"
 };
@@ -12253,7 +12253,7 @@ __export(graphic_exports, {
   updateProps: () => updateProps
 });
 
-// ../zrender/src/tool/transformPath.ts
+// node_modules/tvrender/src/tool/transformPath.ts
 var CMD3 = PathProxy_default.CMD;
 var points = [[], [], []];
 var mathSqrt2 = Math.sqrt;
@@ -12344,7 +12344,7 @@ function transformPath(path, m2) {
   path.increaseVersion();
 }
 
-// ../zrender/src/tool/path.ts
+// node_modules/tvrender/src/tool/path.ts
 var mathSqrt3 = Math.sqrt;
 var mathSin3 = Math.sin;
 var mathCos3 = Math.cos;
@@ -12689,7 +12689,7 @@ function clonePath(sourcePath, opts) {
   return path;
 }
 
-// ../zrender/src/graphic/shape/Circle.ts
+// node_modules/tvrender/src/graphic/shape/Circle.ts
 var CircleShape = class {
   constructor() {
     this.cx = 0;
@@ -12712,7 +12712,7 @@ var Circle = class extends Path_default {
 Circle.prototype.type = "circle";
 var Circle_default = Circle;
 
-// ../zrender/src/graphic/shape/Ellipse.ts
+// node_modules/tvrender/src/graphic/shape/Ellipse.ts
 var EllipseShape = class {
   constructor() {
     this.cx = 0;
@@ -12747,7 +12747,7 @@ var Ellipse = class extends Path_default {
 Ellipse.prototype.type = "ellipse";
 var Ellipse_default = Ellipse;
 
-// ../zrender/src/graphic/helper/roundSector.ts
+// node_modules/tvrender/src/graphic/helper/roundSector.ts
 var PI4 = Math.PI;
 var PI26 = PI4 * 2;
 var mathSin4 = Math.sin;
@@ -12962,7 +12962,7 @@ function buildPath2(ctx2, shape) {
   ctx2.closePath();
 }
 
-// ../zrender/src/graphic/shape/Sector.ts
+// node_modules/tvrender/src/graphic/shape/Sector.ts
 var SectorShape = class {
   constructor() {
     this.cx = 0;
@@ -12992,7 +12992,7 @@ var Sector = class extends Path_default {
 Sector.prototype.type = "sector";
 var Sector_default = Sector;
 
-// ../zrender/src/graphic/shape/Ring.ts
+// node_modules/tvrender/src/graphic/shape/Ring.ts
 var RingShape = class {
   constructor() {
     this.cx = 0;
@@ -13021,7 +13021,7 @@ var Ring = class extends Path_default {
 Ring.prototype.type = "ring";
 var Ring_default = Ring;
 
-// ../zrender/src/graphic/helper/smoothBezier.ts
+// node_modules/tvrender/src/graphic/helper/smoothBezier.ts
 function smoothBezier(points4, smooth, isLoop, constraint) {
   const cps = [];
   const v = [];
@@ -13083,7 +13083,7 @@ function smoothBezier(points4, smooth, isLoop, constraint) {
   return cps;
 }
 
-// ../zrender/src/graphic/helper/poly.ts
+// node_modules/tvrender/src/graphic/helper/poly.ts
 function buildPath3(ctx2, shape, closePath) {
   const smooth = shape.smooth;
   let points4 = shape.points;
@@ -13108,7 +13108,7 @@ function buildPath3(ctx2, shape, closePath) {
   }
 }
 
-// ../zrender/src/graphic/shape/Polygon.ts
+// node_modules/tvrender/src/graphic/shape/Polygon.ts
 var PolygonShape = class {
   constructor() {
     this.points = null;
@@ -13130,7 +13130,7 @@ var Polygon = class extends Path_default {
 Polygon.prototype.type = "polygon";
 var Polygon_default = Polygon;
 
-// ../zrender/src/graphic/shape/Polyline.ts
+// node_modules/tvrender/src/graphic/shape/Polyline.ts
 var PolylineShape = class {
   constructor() {
     this.points = null;
@@ -13159,7 +13159,7 @@ var Polyline = class extends Path_default {
 Polyline.prototype.type = "polyline";
 var Polyline_default = Polyline;
 
-// ../zrender/src/graphic/shape/Line.ts
+// node_modules/tvrender/src/graphic/shape/Line.ts
 var subPixelOptimizeOutputShape2 = {};
 var LineShape = class {
   constructor() {
@@ -13222,7 +13222,7 @@ var Line = class extends Path_default {
 Line.prototype.type = "line";
 var Line_default = Line;
 
-// ../zrender/src/graphic/shape/BezierCurve.ts
+// node_modules/tvrender/src/graphic/shape/BezierCurve.ts
 var out = [];
 var BezierCurveShape = class {
   constructor() {
@@ -13312,7 +13312,7 @@ var BezierCurve = class extends Path_default {
 BezierCurve.prototype.type = "bezier-curve";
 var BezierCurve_default = BezierCurve;
 
-// ../zrender/src/graphic/shape/Arc.ts
+// node_modules/tvrender/src/graphic/shape/Arc.ts
 var ArcShape = class {
   constructor() {
     this.cx = 0;
@@ -13352,7 +13352,7 @@ var Arc = class extends Path_default {
 Arc.prototype.type = "arc";
 var Arc_default = Arc;
 
-// ../zrender/src/graphic/CompoundPath.ts
+// node_modules/tvrender/src/graphic/CompoundPath.ts
 var CompoundPath = class extends Path_default {
   constructor() {
     super(...arguments);
@@ -13398,7 +13398,7 @@ var CompoundPath = class extends Path_default {
 };
 var CompoundPath_default = CompoundPath;
 
-// ../zrender/src/graphic/Gradient.ts
+// node_modules/tvrender/src/graphic/Gradient.ts
 var Gradient = class {
   constructor(colorStops) {
     this.colorStops = colorStops || [];
@@ -13412,7 +13412,7 @@ var Gradient = class {
 };
 var Gradient_default = Gradient;
 
-// ../zrender/src/graphic/LinearGradient.ts
+// node_modules/tvrender/src/graphic/LinearGradient.ts
 var LinearGradient = class extends Gradient_default {
   constructor(x, y, x2, y2, colorStops, globalCoord) {
     super(colorStops);
@@ -13426,7 +13426,7 @@ var LinearGradient = class extends Gradient_default {
 };
 var LinearGradient_default = LinearGradient;
 
-// ../zrender/src/graphic/RadialGradient.ts
+// node_modules/tvrender/src/graphic/RadialGradient.ts
 var RadialGradient = class extends Gradient_default {
   constructor(x, y, r, colorStops, globalCoord) {
     super(colorStops);
@@ -13439,7 +13439,7 @@ var RadialGradient = class extends Gradient_default {
 };
 var RadialGradient_default = RadialGradient;
 
-// ../zrender/src/core/OrientedBoundingRect.ts
+// node_modules/tvrender/src/core/OrientedBoundingRect.ts
 var extent = [0, 0];
 var extent2 = [0, 0];
 var minTv2 = new Point_default();
@@ -13556,7 +13556,7 @@ var OrientedBoundingRect = class {
 };
 var OrientedBoundingRect_default = OrientedBoundingRect;
 
-// ../zrender/src/graphic/IncrementalDisplayable.ts
+// node_modules/tvrender/src/graphic/IncrementalDisplayable.ts
 var m = [];
 var IncrementalDisplayable = class extends Displayable_default {
   constructor() {
@@ -16372,6 +16372,8 @@ var BUITIN_COMPONENTS_MAP = {
   table: "TableComponent",
   alarm: "AlarmComponent",
   bgRect: "BgRectComponent",
+  playbackSelect: "PlaybackComponent",
+  playbackOrder: "PlaybackComponent",
   logoComponent: "LogoComponent",
   timeline: "TimelineComponent",
   markPoint: "MarkPointComponent",
@@ -21996,7 +21998,7 @@ function findEventDispatcher(target, det, returnFirstMatch) {
   return found;
 }
 
-// ../zrender/src/core/WeakMap.ts
+// node_modules/tvrender/src/core/WeakMap.ts
 var wmUniqueIndex = Math.round(Math.random() * 9);
 var supportDefineProperty = typeof Object.defineProperty === "function";
 var WeakMap = class {
@@ -23012,7 +23014,7 @@ function normalizeSymbolOffset(symbolOffset, symbolSize) {
   ];
 }
 
-// ../zrender/src/canvas/helper.ts
+// node_modules/tvrender/src/canvas/helper.ts
 function isSafeNum(num) {
   return isFinite(num);
 }
@@ -23089,7 +23091,7 @@ function getSize(root, whIdx, opts) {
   return (root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh])) - (parseInt10(stl[plt]) || 0) - (parseInt10(stl[prb]) || 0) | 0;
 }
 
-// ../zrender/src/canvas/dashStyle.ts
+// node_modules/tvrender/src/canvas/dashStyle.ts
 function normalizeLineDash(lineType, lineWidth) {
   if (!lineType || lineType === "solid" || !(lineWidth > 0)) {
     return null;
@@ -23112,7 +23114,7 @@ function getLineDash(el) {
   return [lineDash, lineDashOffset];
 }
 
-// ../zrender/src/canvas/graphic.ts
+// node_modules/tvrender/src/canvas/graphic.ts
 var pathProxyForDraw = new PathProxy_default(true);
 function styleHasStroke(style) {
   const stroke = style.stroke;
@@ -24727,7 +24729,9 @@ var ECharts = class extends Eventful_default {
       "dataappend",
       "alarmchanged",
       "alarmdelete",
-      "selectidchanged"
+      "selectidchanged",
+      "playbackselected",
+      "snapshotzoom"
     ], (eventType) => {
       this._messageCenter.on(eventType, function(event) {
         this.trigger(eventType, event);
@@ -24861,19 +24865,15 @@ var ECharts = class extends Eventful_default {
         const [startIndex, endIndex] = getIndexRange(categories, fromTime, toTime);
         const axisLength = xAxisModal.axis.getExtent()[1];
         const width = axisLength - offsetRightDistance - offsetLeftDistance;
-        let barCount = endIndex - startIndex;
+        let barCount = Math.max(endIndex - startIndex, 2);
         let barSpace = Math.max(1, width / barCount);
         let lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5 + offsetRightDistance / barSpace;
         if (endIndex < 0) {
           barCount = dataCount;
           barSpace = Math.max(1, axisLength / barCount);
           lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5;
-        } else if (barCount < 2) {
-          barCount = 2;
-          barSpace = Math.max(1, axisLength / barCount);
-          lastBarRightSideDiffBarCount = endIndex - dataCount + 0.5;
         }
-        const maxRightOffsetBarCount = barCount - Math.min(2, dataCount);
+        const maxRightOffsetBarCount = axisLength / barSpace - Math.min(2, dataCount);
         if (lastBarRightSideDiffBarCount > maxRightOffsetBarCount) {
           lastBarRightSideDiffBarCount = maxRightOffsetBarCount;
         }
@@ -30062,7 +30062,7 @@ function createTextStyle2(textStyleModel, opts) {
   return createTextStyle(textStyleModel, null, null, opts.state !== "normal");
 }
 
-// ../zrender/src/contain/polygon.ts
+// node_modules/tvrender/src/contain/polygon.ts
 var EPSILON5 = 1e-8;
 function isAroundEqual2(a, b) {
   return Math.abs(a - b) < EPSILON5;
@@ -32072,7 +32072,7 @@ function installLabelLayout(registers) {
   });
 }
 
-// ../zrender/src/svg/SVGPathRebuilder.ts
+// node_modules/tvrender/src/svg/SVGPathRebuilder.ts
 var mathSin5 = Math.sin;
 var mathCos5 = Math.cos;
 var PI6 = Math.PI;
@@ -32169,7 +32169,7 @@ var SVGPathRebuilder = class {
 };
 var SVGPathRebuilder_default = SVGPathRebuilder;
 
-// ../zrender/src/svg/mapStyleToAttrs.ts
+// node_modules/tvrender/src/svg/mapStyleToAttrs.ts
 var NONE = "none";
 var mathRound2 = Math.round;
 function pathHasFill(style) {
@@ -32238,7 +32238,7 @@ function mapStyleToAttrs(updateAttr2, style, el, forceUpdate) {
   }
 }
 
-// ../zrender/src/svg/core.ts
+// node_modules/tvrender/src/svg/core.ts
 var SVGNS = "http://www.w3.org/2000/svg";
 var XLINKNS = "http://www.w3.org/1999/xlink";
 var XMLNS = "http://www.w3.org/2000/xmlns/";
@@ -32340,13 +32340,13 @@ function createSVGVNode(width, height, children, useViewBox) {
   }, children);
 }
 
-// ../zrender/src/svg/cssClassId.ts
+// node_modules/tvrender/src/svg/cssClassId.ts
 var cssClassIdx = 0;
 function getClassId() {
   return cssClassIdx++;
 }
 
-// ../zrender/src/svg/cssAnimation.ts
+// node_modules/tvrender/src/svg/cssAnimation.ts
 var EASING_MAP = {
   cubicIn: "0.32,0,0.67,0",
   cubicOut: "0.33,1,0.68,1",
@@ -32607,7 +32607,7 @@ function createCSSAnimation(el, attrs, scope, onlyShape) {
   }
 }
 
-// ../zrender/src/svg/cssEmphasis.ts
+// node_modules/tvrender/src/svg/cssEmphasis.ts
 function createCSSEmphasis(el, attrs, scope) {
   if (!el.ignore) {
     if (el.isSilent()) {
@@ -32658,7 +32658,7 @@ function setClassAttribute(style, attrs, scope, withHover) {
   attrs.class = attrs.class ? attrs.class + " " + className : className;
 }
 
-// ../zrender/src/svg/graphic.ts
+// node_modules/tvrender/src/svg/graphic.ts
 var round5 = Math.round;
 function isImageLike2(val) {
   return val && isString(val.src);
@@ -33092,7 +33092,7 @@ function setClipPath(clipPath, attrs, scope) {
   attrs["clip-path"] = getIdURL(clipPathId);
 }
 
-// ../zrender/src/svg/domapi.ts
+// node_modules/tvrender/src/svg/domapi.ts
 function createTextNode(text) {
   return document.createTextNode(text);
 }
@@ -33115,7 +33115,7 @@ function setTextContent(node, text) {
   node.textContent = text;
 }
 
-// ../zrender/src/svg/patch.ts
+// node_modules/tvrender/src/svg/patch.ts
 var colonChar = 58;
 var xChar = 120;
 var emptyNode = createVNode("", "");
@@ -33341,7 +33341,7 @@ function patch(oldVnode, vnode) {
   return vnode;
 }
 
-// ../zrender/src/svg/Painter.ts
+// node_modules/tvrender/src/svg/Painter.ts
 var svgId = 0;
 var SVGPainter = class {
   constructor(root, storage2, opts) {
@@ -33584,7 +33584,7 @@ function install(registers) {
   registers.registerPainter("svg", Painter_default);
 }
 
-// ../zrender/src/canvas/Layer.ts
+// node_modules/tvrender/src/canvas/Layer.ts
 function createDom(id, painter, horizontalPixelRatio, verticalPixelRatio) {
   const newDom = platformApi.createCanvas();
   const width = painter.getWidth();
@@ -33883,7 +33883,7 @@ var Layer = class extends Eventful_default {
 };
 var Layer_default = Layer;
 
-// ../zrender/src/canvas/Painter.ts
+// node_modules/tvrender/src/canvas/Painter.ts
 var HOVER_LAYER_ZLEVEL = 1e5;
 var CANVAS_ZLEVEL = 314159;
 var EL_AFTER_INCREMENTAL_INC = 0.01;
@@ -42115,7 +42115,7 @@ function onIrrelevantElement(e2, api2, targetCoordSysModel) {
   return model && model !== targetCoordSysModel && !IRRELEVANT_EXCLUDES.hasOwnProperty(model.mainType) && (coordSys && coordSys.model !== targetCoordSysModel);
 }
 
-// ../zrender/src/tool/parseXML.ts
+// node_modules/tvrender/src/tool/parseXML.ts
 function parseXML(svg) {
   if (isString(svg)) {
     const parser = new DOMParser();
@@ -42131,7 +42131,7 @@ function parseXML(svg) {
   return svgNode;
 }
 
-// ../zrender/src/tool/parseSVG.ts
+// node_modules/tvrender/src/tool/parseSVG.ts
 var nodeParsers;
 var INHERITABLE_STYLE_ATTRIBUTES_MAP = {
   fill: "fill",
@@ -56804,7 +56804,7 @@ var linesPlotLayout = {
           if (isLarge && isGradient3 && formatColor && rgbas) {
             if (prevIndex > -1 && i - prevIndex <= indexDistance) {
               const lastPointInfo = pointInfos[prevIndex];
-              const isNearlyColor = isColorSimilarManhattan(lastPointInfo.rgbas, rgbas);
+              const isNearlyColor = lastPointInfo ? isColorSimilarManhattan(lastPointInfo.rgbas, rgbas) : false;
               if (isNearlyColor) {
                 formatColor = lastPointInfo.color;
               } else {
@@ -60710,7 +60710,7 @@ var FillsView_default = FillsView;
 function getKey(itemModel) {
   let key = itemModel.option?.color;
   if (itemModel.get("topValue", true) !== void 0) {
-    key = `${itemModel.get("topColor", true) || "rgba(255,255,255,0)"}:${itemModel.get("topValue", true)}:${itemModel.get("bottomColor", true) || "rgba(255,255,255,0)"}:${itemModel.get("bottomValue", true)}`;
+    key = `${itemModel.get("topColor", true) || "rgba(0,0,0,0)"}:${itemModel.get("topValue", true)}:${itemModel.get("bottomColor", true) || "rgba(0,0,0,0)"}:${itemModel.get("bottomValue", true)}`;
   }
   return key || "transparent";
 }
@@ -65428,6 +65428,7 @@ var AxisPointerView2 = class extends Component_default2 {
     const yAxisModel = ecModel.getComponent("yAxis");
     const globalTooltipModel = ecModel.getComponent("tooltip");
     const triggerOn = globalAxisPointerModel.get("triggerOn") || (globalTooltipModel && globalTooltipModel.get("triggerOn") || "mousemove|click|mousewheel");
+    const playbackSelectModel = ecModel.getComponent("playbackSelect");
     const payload = ecModel.getUpdatePayload();
     const isDataZoom = payload?.type === "dataZoom";
     const handleAxisPointer = (currTrigger, e2, dispatchAction3) => {
@@ -65438,7 +65439,7 @@ var AxisPointerView2 = class extends Component_default2 {
         this.xLock = false;
       }
       const updatePointDisable = globalTooltipModel && globalTooltipModel.option.updatePointDisable;
-      if (updatePointDisable) {
+      if (updatePointDisable || playbackSelectModel.option.show) {
         return;
       }
       if (triggerOn !== "none" && (currTrigger === "leave" || triggerOn.indexOf(currTrigger) >= 0)) {
@@ -69103,7 +69104,8 @@ var AxisProxy = class {
       const width = axisModel.axis.getExtent()[1];
       const dataCount = scale4.getAxisDataLen();
       const count2 = this._valueWindow ? this._valueWindow[1] - this._valueWindow[0] - 1 : showBarCount;
-      if (showBarCount && (isResize || !this._valueWindow)) {
+      const isComputedByCount = showBarCount && (isResize || !this._valueWindow);
+      if (isComputedByCount) {
         barSpace = Math.max(width / count2, 1);
       }
       const barCount = width / barSpace;
@@ -69128,6 +69130,13 @@ var AxisProxy = class {
       rawExtentInfo.setDeterminedMinMax("min", from);
       rawExtentInfo.freeze();
       dataZoomModel.option.lastBarRightSideDiffBarCount = lastBarRightSideDiffBarCount;
+      if (isComputedByCount) {
+        api2.trigger("snapshotzoom", {
+          lastBarRightSideDiffBarCount,
+          barSpace
+        });
+        return;
+      }
       if (from < 0 && !dataZoomModel.isDragging) {
         api2.trigger("loadmore", [from, to]);
       }
@@ -73624,6 +73633,8 @@ var AlarmView2 = class extends Component_default2 {
     zr.off("mouseup", this._onMouseUp);
     zr.off("click", this._onMouseUp);
     zr.off("mousedown", this._onMouseDown);
+    this.ecModel = null;
+    this.api = null;
     this.group.removeAll();
   }
   _reCreate(id) {
@@ -73892,6 +73903,407 @@ function install57(registers) {
   registers.registerComponentView(BgRectView);
 }
 
+// src/component/playback/PlaybackSelectModel.ts
+var PlaybackSelectModel2 = class extends Component_default {
+  constructor() {
+    super(...arguments);
+    this.type = PlaybackSelectModel2.type;
+    this.layoutMode = {type: "box", ignoreSize: true};
+  }
+  setPlaybackSelect(payload) {
+    this.option.startIndex = payload.startIndex;
+    this.option.yData = payload.uid === this.uid ? payload.yData : void 0;
+  }
+};
+var PlaybackSelectModel = PlaybackSelectModel2;
+PlaybackSelectModel.type = "playbackSelect";
+PlaybackSelectModel.defaultOption = {
+  zlevel: 1,
+  z: 2,
+  show: true,
+  color: "rgb(41,98,255)",
+  bgColor: "rgb(255,255,255,0.5)",
+  startIndex: 10,
+  icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAD/UlEQVRYhb1ZjXWbMBCWO0BNJ7A7QRiBDcoIjMAIZANvUHsDugHZAG/ACHiBXN+HOeU4nQQkfb337gUL6fTp/kUcEW3hgohaetKViM4b1zFnYv1ARPU8Zs1dcDBg8Pn9/f1BIZU7AHbBaqJxC8hgwOCGJdZ1TX3f79qAiCpe0DTNJENQbczfDXA6fdd15JyjPM/lBq0xX/Mg14PFIS/G/AV/cxup7/tpIv6+vr7yol/OuTIhoXHOnaaHpvGDbdvyYx6s0GShtjR4vV69BpQWYqbO5nfUtu1iLWTN1BnrPueDACQ32WDqC788n8+LtTA3u6WxbjfAkqVlWbbYCE4vSEa1R3+5XBZrnkbzVBn77QaYeWlVFWwWMfWkonEcg0OVZSkBrubTYCDCrWXmiKmr1IGE/w2RvT4F0B+7KIpgU2XqUacVZmgTWt3qf3sAmvksYuqJoNmVg2wql8FAgr3pLC1KUwOIfo9IFtq7Jvb5NECvxWEYAudnDVl+CkYuBM11fXOzEQyscOFVoBK39DM9trf+fgWgkwnYynEp02+pHP8CoBO9nZlKIlEbK4lJTr5MMDbyYWuBBDgV2XlCXpQ3dzOKRufcwEPDMAQTsixzLy8v/PMNjVAwaQvFkK+w93orpUTy3p4O/Es+6L0+lrQjCfy/+GDN9xOrEUDEatBGFO8CGQxEOJcXH4DTpQxgkcAtsytT93M+je21C2Am8x6bVTegqgmdSM9RIFmbq0CDAeVrA0uDdqx0Etk8MDX3gqxlBTRa+oKBmSt5FwYAq4RxEyColRFuzQfjoBLovJfZXQcDMkrha1bnEqmzHKV+fexQcq2oNGSBtHxuZJNavpYwr+yQJ1o7HEe5ApmnAPoaq6MUm1kawbiMDalB64CQoYErkF0MoHcmqD5mBquDEVTIlkzPE/eRyUIIGumX6qABQH/vYO2pboT0+zWAUuNK0x5kRI4vi7JZmD5DPB4P/5mjLEt3PB75/Q/n3B0PVVUtmgJFnReYf3zZqOuaH//MstzpdHJFUfg59/t9gQUUdDMCkOu6Tr6CfX468Z2GDyFo0bFI8OM48iMQXfiH7IRE9/NBwsTeBtKEukLA5JFmQH7+mPxCXgtUTaaV94Xlg/4Lgg4EODAuPQgY6VdKqMxhPhrkYfEMUJClqxL2FJRZAJ2su2s5THXMo5JzZi1ajcVKqmpiaYa1OLBgmQYS4CjSjPqskAKp0liv5Rye6WpBsNvb4XD4zpGFD44cGIg6RLEIphsCO3DuJ2H8t594u01yEDCIcMgSgfGYA2h5NTBOziayPnx7mgv8ljsuNBkm0yUhwMxGdk04HF8DhRngq3v+FYHNcRjIYrCQA2DxuwqR+wu+HnkxU9Zp7AAAAABJRU5ErkJggg=="
+};
+
+// src/component/playback/PlaybackSelectView.ts
+var iconWidth = 20;
+var iconHeight = 20;
+var PlaybackSelectView2 = class extends Component_default2 {
+  constructor() {
+    super(...arguments);
+    this.type = PlaybackSelectView2.type;
+    this.isMountEvent = false;
+  }
+  init(ecModel, api2) {
+    this.ecModel = ecModel;
+    this.api = api2;
+  }
+  render(playbackSelectModel, ecModel, api2) {
+    if (!playbackSelectModel.get("show")) {
+      this.group.removeAll();
+      this.unmountEvent();
+      return;
+    }
+    if (!this.playbackSelectModel) {
+      this.playbackSelectModel = playbackSelectModel;
+    }
+    this.mountEvent();
+    const group = this.group;
+    const grid = ecModel.getComponent("grid", 0);
+    const rect = grid.coordinateSystem.getRect();
+    const startIndex = playbackSelectModel.get("startIndex");
+    if (startIndex === null) {
+      this.group.removeAll();
+      return;
+    }
+    const bgColor = playbackSelectModel.get("bgColor");
+    const color2 = playbackSelectModel.get("color");
+    const icon = playbackSelectModel.get("icon");
+    const yData = playbackSelectModel.get("yData");
+    const xAxis = ecModel.getComponent("xAxis", 0);
+    const xAxis2D = xAxis.axis;
+    const x = Math.floor(xAxis2D.toGlobalCoord(xAxis2D.dataToCoord(startIndex))) + 0.5;
+    const lineStyle = {
+      lineWidth: 2,
+      stroke: color2
+    };
+    const lineShape = {
+      x1: x,
+      y1: rect.y,
+      x2: x,
+      y2: rect.height
+    };
+    if (!this.lineEl) {
+      const lineEl = new Line_default({
+        shape: lineShape,
+        style: lineStyle
+      });
+      this.lineEl = lineEl;
+      group.add(lineEl);
+    } else {
+      this.lineEl.attr({
+        shape: lineShape,
+        style: lineStyle
+      });
+    }
+    const rectShape = {
+      x: Math.max(rect.x, x),
+      y: rect.y,
+      height: rect.height,
+      width: rect.width + rect.x - x
+    };
+    const rectStyle = {
+      fill: bgColor
+    };
+    if (!this.rectEl) {
+      const rectEl = new Rect_default({
+        shape: rectShape,
+        style: rectStyle
+      });
+      group.add(rectEl);
+      this.rectEl = rectEl;
+    } else {
+      this.rectEl.attr({
+        shape: rectShape,
+        style: rectStyle
+      });
+    }
+    if (yData) {
+      if (!this.imgEl) {
+        this.imgEl = createSymbol(icon, x - iconWidth / 2, yData, iconWidth, iconHeight);
+        group.add(this.imgEl);
+      } else {
+        this.imgEl.attr({
+          style: {
+            x: x - iconWidth / 2,
+            y: yData
+          }
+        });
+      }
+    } else if (this.imgEl) {
+      group.remove(this.imgEl);
+      this.imgEl = null;
+    }
+  }
+  _onMouseMove(e2) {
+    const offsetX = e2.offsetX;
+    const offsetY = e2.offsetY;
+    const ecModel = this.ecModel;
+    const xAxis = ecModel.getComponent("xAxis", 0);
+    const xAxis2D = xAxis.axis;
+    const index = xAxis2D.coordToData(xAxis2D.toLocalCoord(offsetX));
+    const list = xAxis2D.scale.getOrdinalMeta().getCategories();
+    const selectedIndex = Math.max(Math.min(index, list.length - 1), 0);
+    this.api.dispatchAction({
+      type: "playbackSelect",
+      playbackSelect: {
+        startIndex: selectedIndex,
+        uid: this.playbackSelectModel.uid,
+        yData: offsetY
+      }
+    });
+  }
+  _onClick(e2) {
+    const offsetX = e2.offsetX;
+    const ecModel = this.ecModel;
+    const xAxis = ecModel.getComponent("xAxis", 0);
+    const xAxis2D = xAxis.axis;
+    const index = xAxis2D.coordToData(xAxis2D.toLocalCoord(offsetX));
+    const list = xAxis2D.scale.getOrdinalMeta().getCategories();
+    const selectedIndex = Math.max(Math.min(index, list.length - 1), 0);
+    this.api.trigger("playbackselected", {
+      startIndex: selectedIndex
+    });
+  }
+  _globalout() {
+    this.api.dispatchAction({
+      type: "playbackSelect",
+      playbackSelect: {
+        startIndex: null
+      }
+    });
+  }
+  mountEvent() {
+    if (this.isMountEvent) {
+      return;
+    }
+    const zr = this.api.getZr();
+    zr.on("mousemove", this._onMouseMove, this);
+    zr.on("click", this._onClick, this);
+    zr.on("globalout", this._globalout, this);
+  }
+  unmountEvent() {
+    if (!this.isMountEvent) {
+      return;
+    }
+    const zr = this.api.getZr();
+    zr.off("mousemove", this._onMouseMove);
+    zr.off("click", this._onClick);
+    zr.off("globalout", this._globalout);
+  }
+  dispose(ecModel, api2) {
+    if (this.rectEl) {
+      this.group.removeAll();
+      this.lineEl = null;
+      this.rectEl = null;
+      this.imgEl = null;
+    }
+    this.unmountEvent();
+  }
+};
+var PlaybackSelectView = PlaybackSelectView2;
+PlaybackSelectView.type = "playbackSelect";
+
+// src/component/playback/PlaybackOrderModel.ts
+var PlaybackOrderModel2 = class extends Component_default {
+  constructor() {
+    super(...arguments);
+    this.type = PlaybackOrderModel2.type;
+    this.layoutMode = {type: "box", ignoreSize: true};
+  }
+};
+var PlaybackOrderModel = PlaybackOrderModel2;
+PlaybackOrderModel.type = "playbackOrder";
+PlaybackOrderModel.defaultOption = {
+  zlevel: 1,
+  z: 2,
+  order: {
+    price: 20,
+    direction: "long",
+    size: 1e4,
+    precision: 2,
+    profit: "201.01 USD"
+  }
+};
+
+// src/component/playback/PlaybackOrderView.ts
+var labelRectWidth = 38;
+var orderTpLMargin = 11;
+var longColor = "rgba(41, 107, 239, 1)";
+var shortColor = "rgba(242, 54, 70, 1)";
+var shopProfit = "rgba(4, 154, 129, 1)";
+var shopLoss = "rgba(255, 152, 0, 1)";
+var closePIcon = "path://M428.8 192c-12.8-6.4-32 0-38.4 6.4L179.2 409.6c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 12.8 6.4 25.6 6.4s19.2 0 25.6-6.4L384 294.4v505.6c0 19.2 12.8 32 32 32s32-12.8 32-32v-576c0-12.8-6.4-25.6-19.2-32zM838.4 569.6c-12.8-12.8-32-12.8-44.8 0L640 723.2V224c0-19.2-12.8-32-32-32s-32 12.8-32 32v582.4c0 6.4 6.4 12.8 6.4 12.8 6.4 12.8 19.2 12.8 25.6 12.8s19.2 0 25.6-6.4l211.2-211.2c6.4-12.8 6.4-32-6.4-44.8z";
+var PlaybackOrderView2 = class extends Component_default2 {
+  constructor() {
+    super(...arguments);
+    this.type = PlaybackOrderView2.type;
+  }
+  init(ecModel, api2) {
+    this.ecModel = ecModel;
+    this.api = api2;
+  }
+  render(playbackOrderModel, ecModel, api2) {
+    if (!playbackOrderModel.get("order")) {
+      return;
+    }
+    if (!this.playbackOrderModel) {
+      this.playbackOrderModel = playbackOrderModel;
+    }
+    this.renderOrder();
+  }
+  renderOrder() {
+    const ecModel = this.ecModel;
+    const playbackOrderModel = this.playbackOrderModel;
+    const group = this.group;
+    const grid = ecModel.getComponent("grid", 0);
+    const order = playbackOrderModel.get("order");
+    const rect = grid.coordinateSystem.getRect();
+    const yAxis = ecModel.getComponent("yAxis", 0);
+    const yAxis2D = yAxis.axis;
+    const y = Math.floor(yAxis2D.toGlobalCoord(yAxis2D.dataToCoord(order.price)));
+    let backgroundColor2 = ecModel.get("backgroundColor") || "#fff";
+    if (backgroundColor2 && isGradientObject(backgroundColor2) && !backgroundColor2.global && backgroundColor2.type === "linear") {
+      backgroundColor2 = {
+        ...backgroundColor2,
+        global: true,
+        y2: rect.height
+      };
+    }
+    this.backgroundColor = backgroundColor2;
+    if (!this.orderGroup) {
+      this.orderGroup = new Group_default();
+      group.add(this.orderGroup);
+    }
+    this.orderGroup.y = y;
+    this.rect = rect;
+    this.renderOrderGroup();
+  }
+  renderOrderGroup() {
+    const orderGroup = this.orderGroup;
+    const rect = this.rect;
+    const playbackOrderModel = this.playbackOrderModel;
+    const order = playbackOrderModel.get("order");
+    const color2 = order.direction === "long" ? longColor : shortColor;
+    if (!this.orderGroupEls) {
+      const orderLineEl2 = new Line_default();
+      const orderClosePositionEl2 = new Group_default();
+      const closePositionRect = new Rect_default({
+        shape: {
+          y: -9,
+          width: labelRectWidth,
+          height: 18,
+          r: 10
+        },
+        style: {
+          fill: this.backgroundColor,
+          stroke: color2
+        }
+      });
+      const closePositionIcon = createSymbol(closePIcon, 13, -6, 12, 12, color2);
+      orderClosePositionEl2.add(closePositionRect);
+      orderClosePositionEl2.add(closePositionIcon);
+      const orderTpEl2 = new Group_default();
+      const orderTpRect = new Rect_default();
+      const orderTpText = new Text_default();
+      orderTpEl2.add(orderTpRect);
+      orderTpEl2.add(orderTpText);
+      const orderSlEl2 = new Group_default();
+      const orderSlRect = new Rect_default();
+      const orderSlText = new Text_default();
+      orderSlEl2.add(orderSlRect);
+      orderSlEl2.add(orderSlText);
+      const orderDescEl = new Group_default();
+      const orderDescRect = new Rect_default();
+      const orderSizeRect = new Rect_default();
+      orderGroup.add(orderLineEl2);
+      orderGroup.add(orderClosePositionEl2);
+      orderGroup.add(orderTpEl2);
+      orderGroup.add(orderSlEl2);
+      this.orderGroupEls = {
+        orderLineEl: orderLineEl2,
+        orderClosePositionEl: orderClosePositionEl2,
+        orderTpEl: orderTpEl2,
+        orderSlEl: orderSlEl2,
+        orderDescEl
+      };
+    }
+    const {orderLineEl, orderClosePositionEl, orderTpEl, orderSlEl} = this.orderGroupEls;
+    orderLineEl.attr({
+      shape: {
+        x1: rect.x,
+        y1: 0,
+        x2: rect.x + rect.width,
+        y2: 0
+      },
+      style: {
+        lineWidth: 1,
+        stroke: color2
+      }
+    });
+    orderClosePositionEl.attr("x", 300);
+    orderTpEl.attr("x", 300 + labelRectWidth + orderTpLMargin);
+    orderSlEl.attr("x", 300 + labelRectWidth * 2 + orderTpLMargin + 1);
+    orderTpEl.childAt(0).attr({
+      shape: {
+        y: -9,
+        width: labelRectWidth,
+        height: 18,
+        r: 10
+      },
+      style: {
+        fill: this.backgroundColor,
+        stroke: shopProfit
+      }
+    });
+    orderTpEl.childAt(1).attr({
+      style: {
+        text: "TP",
+        fill: shopProfit,
+        fontSize: 14
+      },
+      x: 11,
+      y: -6
+    });
+    orderSlEl.childAt(0).attr({
+      shape: {
+        y: -9,
+        width: labelRectWidth,
+        height: 18,
+        r: 10
+      },
+      style: {
+        fill: this.backgroundColor,
+        stroke: shopLoss
+      }
+    });
+    orderSlEl.childAt(1).attr({
+      style: {
+        text: "SL",
+        fill: shopLoss,
+        fontSize: 14
+      },
+      x: 11,
+      y: -6
+    });
+  }
+  clear() {
+    this.group.removeAll();
+    this.orderGroup = null;
+    this.shopLossGroup = null;
+    this.showProfitGroup = null;
+  }
+  dispose(ecModel, api2) {
+  }
+};
+var PlaybackOrderView = PlaybackOrderView2;
+PlaybackOrderView.type = "playbackOrder";
+
+// src/component/playback/install.ts
+function install58(registers) {
+  registers.registerComponentModel(PlaybackSelectModel);
+  registers.registerComponentView(PlaybackSelectView);
+  registers.registerComponentModel(PlaybackOrderModel);
+  registers.registerComponentView(PlaybackOrderView);
+  registers.registerAction({type: "playbackSelect", event: "playbackSelect"}, function(payload, ecModel) {
+    ecModel.eachComponent({mainType: "playbackSelect", query: payload}, function(playbackSelectModal) {
+      playbackSelectModal.setPlaybackSelect(payload.playbackSelect);
+    });
+  });
+}
+
 // src/component/logo/install.ts
 var LogoModel2 = class extends Component_default {
   constructor() {
@@ -73948,7 +74360,7 @@ var LogoView2 = class extends Component_default2 {
 };
 var LogoView = LogoView2;
 LogoView.type = "logo";
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(LogoModel);
   registers.registerComponentView(LogoView);
 }
@@ -74802,7 +75214,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install59(registers) {
+function install60(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -75243,7 +75655,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install60(registers) {
+function install61(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -75561,7 +75973,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install61(registers) {
+function install62(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -75875,7 +76287,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install62(registers) {
+function install63(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -76614,7 +77026,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install63(registers) {
+function install64(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -76680,7 +77092,7 @@ var LimitTipView2 = class extends Component_default2 {
 };
 var LimitTipView = LimitTipView2;
 LimitTipView.type = "limitTip";
-function install64(registers) {
+function install65(registers) {
   registers.registerComponentModel(LimitTipModel);
   registers.registerComponentView(LimitTipView);
 }
@@ -77357,7 +77769,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install65(registers) {
+function install66(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -77687,17 +78099,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install66(registers) {
-  use(install65);
+function install67(registers) {
+  use(install66);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install67(registers) {
-  use(install65);
+function install68(registers) {
   use(install66);
+  use(install67);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -78283,7 +78695,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install68(registers) {
+function install69(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -79039,16 +79451,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install69(registers) {
+function install70(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install70(registers) {
-  use(install68);
+function install71(registers) {
   use(install69);
+  use(install70);
 }
 
 // src/visual/visualDefault.ts
@@ -80313,7 +80725,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install71(registers) {
+function install72(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -80753,16 +81165,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install72(registers) {
+function install73(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install73(registers) {
-  use(install71);
+function install74(registers) {
   use(install72);
+  use(install73);
 }
 
 // src/visual/aria.ts
@@ -80958,7 +81370,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install74(registers) {
+function install75(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -81296,7 +81708,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install75(registers) {
+function install76(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -81334,12 +81746,12 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install76(registers) {
+function install77(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
 
-// ../zrender/src/tool/convertPath.ts
+// node_modules/tvrender/src/tool/convertPath.ts
 var CMD5 = PathProxy_default.CMD;
 function aroundEqual(a, b) {
   return Math.abs(a - b) < 1e-5;
@@ -81539,7 +81951,7 @@ function pathToPolygons(path, scale4) {
   return polygons;
 }
 
-// ../zrender/src/tool/dividePath.ts
+// node_modules/tvrender/src/tool/dividePath.ts
 function getDividingGrids(dimSize, rowDim, count2) {
   const rowSize = dimSize[rowDim];
   const columnSize = dimSize[1 - rowDim];
@@ -81841,7 +82253,7 @@ function split(path, count2) {
   return out2;
 }
 
-// ../zrender/src/tool/morphPath.ts
+// node_modules/tvrender/src/tool/morphPath.ts
 function alignSubpath(subpath1, subpath2) {
   const len1 = subpath1.length;
   const len2 = subpath2.length;
@@ -83087,7 +83499,7 @@ use(install51);
 use(install43);
 use(install52);
 use(install53);
-use(install64);
+use(install65);
 use(install54);
 use(install55);
 use(install56);
@@ -83098,16 +83510,17 @@ use(install60);
 use(install61);
 use(install62);
 use(install63);
-use(install67);
-use(install70);
+use(install64);
 use(install68);
-use(install69);
-use(install73);
 use(install71);
-use(install72);
+use(install69);
+use(install70);
 use(install74);
+use(install72);
+use(install73);
 use(install75);
 use(install76);
+use(install77);
 use(installUniversalTransition);
 use(installLabelLayout);