@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/es/slider/slider.d.ts

@@ -0,0 +1,96 @@
+import { IGroup, ISymbol, IGraphic, ISymbolGraphicAttribute, IText } from '@visactor/vrender';
+import { AbstractComponent } from '../core/base';
+import type { SliderAttributes } from './type';
+export declare class Slider extends AbstractComponent<Required<SliderAttributes>> {
+    name: string;
+    static defaultAttributes: {
+        slidable: boolean;
+        layout: string;
+        align: string;
+        height: number;
+        showHandler: boolean;
+        handlerSize: number;
+        handlerStyle: {
+            symbolType: string;
+            fill: boolean;
+            fillColor: string;
+            stroke: string;
+            strokeColor: string;
+            lineWidth: number;
+        };
+        railStyle: {
+            fillColor: string;
+        };
+        trackStyle: {
+            fillColor: string;
+        };
+        showValue: boolean;
+        valueStyle: {
+            fillColor: string;
+            fontSize: number;
+        };
+        startText: {
+            style: {
+                fillColor: string;
+                fontSize: number;
+            };
+        };
+        endText: {
+            style: {
+                fillColor: string;
+                fontSize: number;
+            };
+        };
+        handlerText: {
+            visible: boolean;
+            space: number;
+            precision: number;
+            style: {
+                fillColor: string;
+                fontSize: number;
+            };
+        };
+    };
+    protected _isHorizontal: boolean;
+    protected _innerView: IGroup;
+    protected _startHandler: ISymbol | null;
+    protected _endHandler: ISymbol | null;
+    protected _startHandlerText: IText | null;
+    protected _endHandlerText: IText | null;
+    protected _railContainer: IGroup;
+    protected _rail: IGraphic;
+    protected _track: IGraphic;
+    private _prePos;
+    private _currentHandler;
+    private _currentValue;
+    get track(): IGraphic<Partial<import("@visactor/vrender").IGraphicAttribute>>;
+    get currentValue(): {
+        startValue?: number;
+        endValue?: number;
+        startPos?: number;
+        endPos?: number;
+    };
+    get startHandler(): ISymbol;
+    get endHandler(): ISymbol;
+    constructor(attributes: SliderAttributes);
+    setValue(value: number | number[]): void;
+    render(): void;
+    protected _renderRail(container: IGroup): import("@visactor/vrender").IRect;
+    protected _renderHandlers(container: IGroup): void;
+    protected _renderTrack(container: IGroup): void;
+    protected _renderHandler(style: Partial<ISymbolGraphicAttribute>): ISymbol;
+    private _renderHandlerText;
+    private _bindEvents;
+    private _onHandlerPointerdown;
+    private _onHandlerPointerMove;
+    private _onHandlerPointerUp;
+    private _onTrackPointerdown;
+    private _onTrackPointerMove;
+    private _onTrackPointerUp;
+    private _onRailPointerDown;
+    private _updateTrack;
+    private _updateHandler;
+    private _updateHandlerText;
+    private _dispatchChangeEvent;
+    private _getHandlers;
+}

package/es/slider/slider.js

@@ -0,0 +1,399 @@
+import { isNil, merge, clamp, isValid, array, isObject, isArray } from "@visactor/vutils";
+
+import { createGroup, createText, global, createRect, createSymbol, CustomEvent } from "@visactor/vrender";
+
+import { AbstractComponent } from "../core/base";
+
+import { SLIDER_ELEMENT_NAME } from "./constant";
+
+function convertValueToRange(value) {
+    return isArray(value) ? value : [ value, value ];
+}
+
+function getDefaultCursor(isHorizontal) {
+    return isHorizontal ? "ew-resize" : "ns-resize";
+}
+
+export class Slider extends AbstractComponent {
+    get track() {
+        return this._track;
+    }
+    get currentValue() {
+        return this._currentValue;
+    }
+    get startHandler() {
+        return this._startHandler;
+    }
+    get endHandler() {
+        return this._endHandler;
+    }
+    constructor(attributes) {
+        super(merge({}, Slider.defaultAttributes, attributes)), this.name = "slider", this._isHorizontal = !0, 
+        this._startHandler = null, this._endHandler = null, this._startHandlerText = null, 
+        this._endHandlerText = null, this._currentHandler = null, this._currentValue = {}, 
+        this._onHandlerPointerdown = e => {
+            e.stopPropagation(), this._currentHandler = e.target, this._prePos = this._isHorizontal ? e.clientX : e.clientY, 
+            "browser" === global.env ? (global.addEventListener("pointermove", this._onHandlerPointerMove), 
+            global.addEventListener("pointerup", this._onHandlerPointerUp)) : (this._currentHandler.addEventListener("pointermove", this._onHandlerPointerMove), 
+            this._currentHandler.addEventListener("pointerup", this._onHandlerPointerUp), this._currentHandler.addEventListener("pointerupoutside", this._onHandlerPointerUp));
+        }, this._onHandlerPointerMove = e => {
+            var _a, _b;
+            e.stopPropagation();
+            const {railWidth: railWidth, railHeight: railHeight, min: min, max: max} = this.attribute;
+            let currentPos, originPos, railLen, delta = 0;
+            this._isHorizontal ? (currentPos = e.clientX, delta = currentPos - this._prePos, 
+            originPos = null === (_b = this._currentHandler) || void 0 === _b ? void 0 : _b.attribute.x, 
+            railLen = railWidth) : (currentPos = e.clientY, delta = currentPos - this._prePos, 
+            originPos = null === (_a = this._currentHandler) || void 0 === _a ? void 0 : _a.attribute.y, 
+            railLen = railHeight);
+            const newPos = clamp(originPos + delta, 0, railLen), currentValue = newPos / railLen * (max - min) + min;
+            "text" === this._currentHandler.type ? this._updateHandlerText(this._currentHandler, newPos, currentValue) : this._updateHandler(this._currentHandler, newPos, currentValue), 
+            this._updateTrack(), this._prePos = currentPos, this._dispatchChangeEvent();
+        }, this._onHandlerPointerUp = e => {
+            if (e.preventDefault(), this._currentHandler = null, "browser" === global.env) global.removeEventListener("pointermove", this._onHandlerPointerMove), 
+            global.removeEventListener("pointerup", this._onHandlerPointerUp); else {
+                const currentTarget = e.target;
+                currentTarget.removeEventListener("pointermove", this._onHandlerPointerMove), currentTarget.removeEventListener("pointerup", this._onHandlerPointerUp), 
+                currentTarget.removeEventListener("pointerupoutside", this._onHandlerPointerUp);
+            }
+        }, this._onTrackPointerdown = e => {
+            e.stopPropagation(), this._prePos = this._isHorizontal ? e.clientX : e.clientY, 
+            "browser" === global.env ? (global.addEventListener("pointermove", this._onTrackPointerMove), 
+            global.addEventListener("pointerup", this._onTrackPointerUp)) : (this._track.addEventListener("pointermove", this._onTrackPointerMove), 
+            this._track.addEventListener("pointerup", this._onTrackPointerUp), this._track.addEventListener("pointerupoutside", this._onTrackPointerUp));
+        }, this._onTrackPointerMove = e => {
+            e.stopPropagation();
+            const {railWidth: railWidth, railHeight: railHeight, min: min, max: max} = this.attribute, {startHandler: startHandler, endHandler: endHandler} = this._getHandlers();
+            let currentPos, trackLen, railLen;
+            this._isHorizontal ? (currentPos = e.clientX, trackLen = this._track.attribute.width, 
+            railLen = railWidth) : (currentPos = e.clientY, trackLen = this._track.attribute.height, 
+            railLen = railHeight);
+            const delta = currentPos - this._prePos;
+            if (startHandler) {
+                const originPos = this._isHorizontal ? startHandler.attribute.x : startHandler.attribute.y, newPos = clamp(originPos + delta, 0, railLen - trackLen), currentValue = newPos / railLen * (max - min) + min;
+                this._updateHandler(startHandler, newPos, currentValue);
+            }
+            if (endHandler) {
+                const originPos = this._isHorizontal ? endHandler.attribute.x : endHandler.attribute.y, newPos = clamp(originPos + delta, trackLen, railLen), currentValue = newPos / railLen * (max - min) + min;
+                this._updateHandler(endHandler, newPos, currentValue), this._track.setAttributes(this._isHorizontal ? {
+                    x: Math.min(null == startHandler ? void 0 : startHandler.attribute.x, null == endHandler ? void 0 : endHandler.attribute.x),
+                    width: Math.abs((null == startHandler ? void 0 : startHandler.attribute.x) - (null == endHandler ? void 0 : endHandler.attribute.x))
+                } : {
+                    y: Math.min(null == startHandler ? void 0 : startHandler.attribute.y, null == endHandler ? void 0 : endHandler.attribute.y),
+                    height: Math.abs((null == startHandler ? void 0 : startHandler.attribute.y) - (null == endHandler ? void 0 : endHandler.attribute.y))
+                });
+            }
+            this._prePos = currentPos, this._dispatchChangeEvent();
+        }, this._onTrackPointerUp = e => {
+            e.preventDefault(), "browser" === global.env ? (global.removeEventListener("pointermove", this._onTrackPointerMove), 
+            global.removeEventListener("pointerup", this._onTrackPointerUp)) : (this._track.removeEventListener("pointermove", this._onTrackPointerMove), 
+            this._track.removeEventListener("pointerup", this._onTrackPointerUp), this._track.removeEventListener("pointerupoutside", this._onTrackPointerUp));
+        }, this._onRailPointerDown = e => {
+            e.stopPropagation();
+            const {railWidth: railWidth, railHeight: railHeight, min: min, max: max} = this.attribute, startHandler = this._startHandler, endHandler = this._endHandler;
+            let currentPos, startHandlerPos, endHandlerPos, railLen;
+            this._isHorizontal ? (currentPos = e.viewX - this._rail.globalAABBBounds.x1, startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.x, 
+            endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.x, railLen = railWidth) : (currentPos = e.viewY - this._rail.globalAABBBounds.y1, 
+            startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.y, endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.y, 
+            railLen = railHeight);
+            const currentValue = currentPos / railLen * (max - min) + min;
+            if (isValid(endHandlerPos)) {
+                const updateHandler = Math.abs(currentPos - startHandlerPos) > Math.abs(currentPos - endHandlerPos) ? endHandler : startHandler;
+                this._updateHandler(updateHandler, currentPos, currentValue);
+            } else this._updateHandler(startHandler, currentPos, currentValue);
+            this._updateTrack(), this._dispatchChangeEvent();
+        };
+    }
+    setValue(value) {
+        const [startValue, endValue] = array(value), {layout: layout, railWidth: railWidth, railHeight: railHeight, min: min, max: max} = this.attribute, {startHandler: startHandler, endHandler: endHandler} = this._getHandlers(), railLen = "vertical" === layout ? railHeight : railWidth, startPos = (startValue - min) / (max - min) * railLen;
+        if (startHandler && this._updateHandler(startHandler, startPos, startValue), endHandler) {
+            const endPos = (endValue - min) / (max - min) * railLen;
+            this._updateHandler(endHandler, endPos, endValue);
+        }
+        this._updateTrack();
+    }
+    render() {
+        var _a, _b;
+        this.removeAllChild();
+        const {layout: layout = "horizontal", railWidth: railWidth, railHeight: railHeight, startText: startText, endText: endText, min: min, max: max, showHandler: showHandler = !0} = this.attribute;
+        let {value: value} = this.attribute;
+        isNil(value) && (value = [ min, max ]), this._currentValue = {
+            startValue: convertValueToRange(value)[0],
+            endValue: convertValueToRange(value)[1]
+        };
+        const isHorizontal = "horizontal" === layout;
+        this._isHorizontal = isHorizontal;
+        const innerView = createGroup({
+            x: 0,
+            y: 0
+        });
+        innerView.name = SLIDER_ELEMENT_NAME.innerView, this.add(innerView), this._innerView = innerView;
+        let startTextShape, startLen = 0;
+        if (startText && startText.visible) {
+            startTextShape = createText(Object.assign({
+                x: isHorizontal ? 0 : railWidth / 2,
+                y: isHorizontal ? railHeight / 2 : 0,
+                textAlign: isHorizontal ? "start" : "center",
+                textBaseline: isHorizontal ? "middle" : "top",
+                text: startText.text,
+                lineHeight: null === (_a = startText.style) || void 0 === _a ? void 0 : _a.fontSize
+            }, startText.style)), startTextShape.name = SLIDER_ELEMENT_NAME.startText, innerView.add(startTextShape);
+            const space = isValid(startText.space) ? startText.space : 0;
+            startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;
+        }
+        const mainContainer = createGroup({
+            x: isHorizontal ? startLen : 0,
+            y: isHorizontal ? 0 : startLen
+        });
+        innerView.add(mainContainer);
+        const railContainer = createGroup({
+            x: 0,
+            y: 0
+        });
+        let endTextShape;
+        if (railContainer.name = SLIDER_ELEMENT_NAME.railContainer, this._railContainer = railContainer, 
+        mainContainer.add(railContainer), this._renderRail(railContainer), startLen += isHorizontal ? railWidth : railHeight, 
+        endText && endText.visible) {
+            const space = isValid(endText.space) ? endText.space : 0;
+            endTextShape = createText(Object.assign({
+                x: isHorizontal ? startLen + space : railWidth / 2,
+                y: isHorizontal ? railHeight / 2 : startLen + space,
+                textAlign: isHorizontal ? "start" : "center",
+                textBaseline: isHorizontal ? "middle" : "top",
+                text: endText.text,
+                lineHeight: null === (_b = endText.style) || void 0 === _b ? void 0 : _b.fontSize
+            }, endText.style)), endTextShape.name = SLIDER_ELEMENT_NAME.endText, innerView.add(endTextShape);
+        }
+        this._renderTrack(railContainer), showHandler && (this._renderHandlers(mainContainer), 
+        this._bindEvents());
+    }
+    _renderRail(container) {
+        const {railWidth: railWidth, railHeight: railHeight, railStyle: railStyle, slidable: slidable} = this.attribute;
+        let cursor = "default";
+        !1 !== slidable && (cursor = "pointer");
+        const railShape = createRect(Object.assign({
+            x: 0,
+            y: 0,
+            width: railWidth,
+            height: railHeight,
+            cursor: cursor
+        }, railStyle));
+        return railShape.name = SLIDER_ELEMENT_NAME.rail, container.add(railShape), this._rail = railShape, 
+        railShape;
+    }
+    _renderHandlers(container) {
+        const {range: range, min: min, max: max, handlerSize: handlerSize = 14, handlerStyle: handlerStyle, handlerText: handlerText, railHeight: railHeight, railWidth: railWidth, slidable: slidable} = this.attribute;
+        let {value: value} = this.attribute;
+        isNil(value) && (value = [ min, max ]);
+        const handlerTextVisible = handlerText && handlerText.visible, isHorizontal = this._isHorizontal, railLen = isHorizontal ? railWidth : railHeight, [startValue, endValue] = convertValueToRange(value), handlerStart = (startValue - min) / (max - min) * railLen, startHandler = this._renderHandler(Object.assign({
+            x: isHorizontal ? handlerStart : railWidth / 2,
+            y: isHorizontal ? railHeight / 2 : handlerStart,
+            size: handlerSize,
+            strokeBoundsBuffer: 0,
+            cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
+        }, handlerStyle));
+        if (startHandler.name = SLIDER_ELEMENT_NAME.startHandler, this._startHandler = startHandler, 
+        container.add(startHandler), this._currentValue.startPos = handlerStart, handlerTextVisible) {
+            const startHandlerText = this._renderHandlerText(startValue);
+            startHandlerText.name = SLIDER_ELEMENT_NAME.startHandlerText, container.add(startHandlerText), 
+            this._startHandlerText = startHandlerText;
+        }
+        if (range) {
+            const handlerStart = (endValue - min) / (max - min) * railLen, endHandler = this._renderHandler(Object.assign({
+                x: isHorizontal ? handlerStart : railWidth / 2,
+                y: isHorizontal ? railHeight / 2 : handlerStart,
+                size: handlerSize,
+                strokeBoundsBuffer: 0,
+                cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
+            }, handlerStyle));
+            endHandler.name = SLIDER_ELEMENT_NAME.endHandler, this._endHandler = endHandler, 
+            container.add(endHandler), this._currentValue.endPos = handlerStart;
+        }
+        if (handlerTextVisible) {
+            const endHandlerText = this._renderHandlerText(endValue);
+            endHandlerText.name = SLIDER_ELEMENT_NAME.endHandlerText, container.add(endHandlerText), 
+            this._endHandlerText = endHandlerText;
+        }
+    }
+    _renderTrack(container) {
+        const {range: range, min: min, max: max, railHeight: railHeight, railWidth: railWidth, trackStyle: trackStyle, railStyle: railStyle, slidable: slidable} = this.attribute;
+        let {value: value} = this.attribute;
+        isNil(value) && (value = [ min, max ]);
+        const isHorizontal = this._isHorizontal, railLen = isHorizontal ? railWidth : railHeight;
+        let [startValue, endValue] = convertValueToRange(value);
+        range || (startValue = min);
+        const trackContainer = createGroup({
+            x: 0,
+            y: 0,
+            width: railWidth,
+            height: railHeight,
+            borderRadius: null == railStyle ? void 0 : railStyle.borderRadius,
+            clip: !0,
+            pickable: !1
+        });
+        trackContainer.name = SLIDER_ELEMENT_NAME.trackContainer;
+        const draggableTrack = isObject(range) && !0 === range.draggableTrack;
+        let cursor;
+        cursor = !1 === slidable ? "default" : !1 === range || !1 === draggableTrack ? "pointer" : getDefaultCursor(isHorizontal);
+        const trackWidth = (endValue - startValue) / (max - min) * railLen, track = createRect(Object.assign({
+            x: isHorizontal ? (startValue - min) / (max - min) * railLen : 0,
+            y: isHorizontal ? 0 : (startValue - min) / (max - min) * railLen,
+            width: isHorizontal ? trackWidth : railWidth,
+            height: isHorizontal ? railHeight : trackWidth,
+            cursor: cursor
+        }, trackStyle));
+        track.name = SLIDER_ELEMENT_NAME.track, this._track = track, trackContainer.add(track), 
+        container.add(trackContainer);
+    }
+    _renderHandler(style) {
+        return createSymbol(style);
+    }
+    _renderHandlerText(value) {
+        var _a, _b, _c;
+        const {align: align, min: min, max: max, handlerSize: handlerSize = 14, handlerText: handlerText = {}, railHeight: railHeight, railWidth: railWidth, slidable: slidable} = this.attribute, isHorizontal = this._isHorizontal, handlerStart = (value - min) / (max - min) * (isHorizontal ? railWidth : railHeight), textSpace = null !== (_a = handlerText.space) && void 0 !== _a ? _a : 4, textStyle = Object.assign({
+            text: (null == handlerText ? void 0 : handlerText.formatter) ? handlerText.formatter(value) : value.toFixed(null !== (_b = null == handlerText ? void 0 : handlerText.precision) && void 0 !== _b ? _b : 0),
+            lineHeight: null === (_c = handlerText.style) || void 0 === _c ? void 0 : _c.lineHeight,
+            cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
+        }, handlerText.style);
+        isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", 
+        textStyle.x = handlerStart, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", 
+        textStyle.textAlign = "center", textStyle.x = handlerStart, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", 
+        textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, 
+        textStyle.y = handlerStart) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", 
+        textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = handlerStart);
+        return createText(textStyle);
+    }
+    _bindEvents() {
+        const {slidable: slidable, range: range} = this.attribute;
+        slidable && (this._startHandler && this._startHandler.addEventListener("pointerdown", this._onHandlerPointerdown), 
+        this._startHandlerText && this._startHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), 
+        this._endHandler && this._endHandler.addEventListener("pointerdown", this._onHandlerPointerdown), 
+        this._endHandlerText && this._endHandlerText.addEventListener("pointerdown", this._onHandlerPointerdown), 
+        isObject(range) && range.draggableTrack && this._track.addEventListener("pointerdown", this._onTrackPointerdown), 
+        this._railContainer.addEventListener("pointerdown", this._onRailPointerDown));
+    }
+    _updateTrack() {
+        const startHandler = this._startHandler, endHandler = this._endHandler;
+        if (this._isHorizontal) {
+            const startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.x;
+            if (endHandler) {
+                const endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.x;
+                this._track.setAttributes({
+                    x: Math.min(startHandlerPos, endHandlerPos),
+                    width: Math.abs(startHandlerPos - endHandlerPos)
+                });
+            } else this._track.setAttributes({
+                width: startHandlerPos
+            });
+        } else {
+            const startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.y;
+            if (endHandler) {
+                const endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.y;
+                this._track.setAttributes({
+                    y: Math.min(startHandlerPos, endHandlerPos),
+                    height: Math.abs(startHandlerPos - endHandlerPos)
+                });
+            } else this._track.setAttributes({
+                height: startHandlerPos
+            });
+        }
+    }
+    _updateHandler(handler, position, value) {
+        var _a;
+        const isHorizontal = this._isHorizontal;
+        handler.setAttribute(isHorizontal ? "x" : "y", position);
+        const updateHandlerText = handler.name === SLIDER_ELEMENT_NAME.startHandler ? this._startHandlerText : this._endHandlerText;
+        if (updateHandlerText) {
+            const {handlerText: handlerText} = this.attribute;
+            null == updateHandlerText || updateHandlerText.setAttributes({
+                text: (null == handlerText ? void 0 : handlerText.formatter) ? handlerText.formatter(value) : value.toFixed(null !== (_a = null == handlerText ? void 0 : handlerText.precision) && void 0 !== _a ? _a : 0),
+                [isHorizontal ? "x" : "y"]: position
+            });
+        }
+        handler.name === SLIDER_ELEMENT_NAME.startHandler ? (this._currentValue.startValue = value, 
+        this._currentValue.startPos = position) : (this._currentValue.endValue = value, 
+        this._currentValue.endPos = position);
+    }
+    _updateHandlerText(handlerText, position, value) {
+        var _a;
+        const isHorizontal = this._isHorizontal, {handlerText: handlerTextAttr} = this.attribute;
+        handlerText.setAttributes({
+            [isHorizontal ? "x" : "y"]: position,
+            text: (null == handlerTextAttr ? void 0 : handlerTextAttr.formatter) ? handlerTextAttr.formatter(value) : value.toFixed(null !== (_a = null == handlerTextAttr ? void 0 : handlerTextAttr.precision) && void 0 !== _a ? _a : 0)
+        });
+        const updateHandler = handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? this._startHandler : this._endHandler;
+        updateHandler && (null == updateHandler || updateHandler.setAttributes({
+            [isHorizontal ? "x" : "y"]: position
+        })), handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? (this._currentValue.startValue = value, 
+        this._currentValue.startPos = position) : (this._currentValue.endValue = value, 
+        this._currentValue.endPos = position);
+    }
+    _dispatchChangeEvent() {
+        var _a;
+        const isRange = !!this.attribute.range, currentValue = this._currentValue, changeEvent = new CustomEvent("change", {
+            value: isRange ? [ Math.min(currentValue.endValue, currentValue.startValue), Math.max(currentValue.endValue, currentValue.startValue) ] : currentValue.startValue,
+            position: isRange ? [ Math.min(currentValue.endPos, currentValue.startPos), Math.max(currentValue.endPos, currentValue.startPos) ] : currentValue.startPos
+        });
+        changeEvent.manager = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem.manager, 
+        this.dispatchEvent(changeEvent);
+    }
+    _getHandlers() {
+        let temp, startHandler = this._startHandler, endHandler = this._endHandler;
+        return this._isHorizontal ? endHandler && endHandler.attribute.x < (null == startHandler ? void 0 : startHandler.attribute.x) && (temp = startHandler, 
+        startHandler = endHandler, endHandler = temp) : endHandler && endHandler.attribute.y < (null == startHandler ? void 0 : startHandler.attribute.y) && (temp = startHandler, 
+        startHandler = endHandler, endHandler = temp), {
+            startHandler: startHandler,
+            endHandler: endHandler
+        };
+    }
+}
+
+Slider.defaultAttributes = {
+    slidable: !0,
+    layout: "horizontal",
+    align: "bottom",
+    height: 8,
+    showHandler: !0,
+    handlerSize: 14,
+    handlerStyle: {
+        symbolType: "circle",
+        fill: !0,
+        fillColor: "#fff",
+        stroke: "true",
+        strokeColor: "#91caff",
+        lineWidth: 2
+    },
+    railStyle: {
+        fillColor: "rgba(0,0,0,.04)"
+    },
+    trackStyle: {
+        fillColor: "#91caff"
+    },
+    showValue: !0,
+    valueStyle: {
+        fillColor: "#2C3542",
+        fontSize: 12
+    },
+    startText: {
+        style: {
+            fillColor: "#2C3542",
+            fontSize: 12
+        }
+    },
+    endText: {
+        style: {
+            fillColor: "#2C3542",
+            fontSize: 12
+        }
+    },
+    handlerText: {
+        visible: !0,
+        space: 4,
+        precision: 0,
+        style: {
+            fillColor: "#2C3542",
+            fontSize: 12
+        }
+    }
+};
+//# sourceMappingURL=slider.js.map

package/es/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO1F,OAAO,EACL,WAAW,EACX,UAAU,EAIV,MAAM,EACN,UAAU,EACV,YAAY,EAKZ,WAAW,EAEZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAIjD,SAAS,mBAAmB,CAAC,KAAgC;IAC3D,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACxB,CAAC;AAED,SAAS,gBAAgB,CAAC,YAAqB;IAC7C,OAAO,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;AAClD,CAAC;AAED,MAAM,OAAO,MAAO,SAAQ,iBAA6C;IAmEvE,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,YAAY,UAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAnFzD,SAAI,GAAG,QAAQ,CAAC;QAmDN,kBAAa,GAAG,IAAI,CAAC;QAErB,kBAAa,GAAmB,IAAI,CAAC;QACrC,gBAAW,GAAmB,IAAI,CAAC;QACnC,sBAAiB,GAAiB,IAAI,CAAC;QACvC,oBAAe,GAAiB,IAAI,CAAC;QAOvC,oBAAe,GAAoB,IAAI,CAAC;QACxC,kBAAa,GAAmF,EAAE,CAAC;QA0YnG,0BAAqB,GAAG,CAAC,CAAwB,EAAE,EAAE;YAC3D,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAA6B,CAAC;YACvD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC1D,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAA2D,CAAC,CAAC;gBACzG,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;aACtG;iBAAM;gBACL,IAAI,CAAC,eAAe,CAAC,gBAAgB,CACnC,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;gBACF,IAAI,CAAC,eAAe,CAAC,gBAAgB,CACnC,WAAW,EACX,IAAI,CAAC,mBAAyD,CAC/D,CAAC;gBACF,IAAI,CAAC,eAAe,CAAC,gBAAgB,CACnC,kBAAkB,EAClB,IAAI,CAAC,mBAAyD,CAC/D,CAAC;aACH;QACH,CAAC,CAAC;QAEM,0BAAqB,GAAG,CAAC,CAAwB,EAAE,EAAE;;YAC3D,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;YAE/E,IAAI,UAAU,CAAC;YACf,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,IAAI,SAAS,CAAC;YACd,IAAI,OAAO,CAAC;YACZ,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBACvB,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;gBAClC,SAAS,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,SAAS,CAAC,CAAW,CAAC;gBACxD,OAAO,GAAG,UAAU,CAAC;aACtB;iBAAM;gBACL,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBACvB,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;gBAClC,SAAS,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,SAAS,CAAC,CAAW,CAAC;gBACxD,OAAO,GAAG,SAAS,CAAC;aACrB;YAED,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;YACpD,MAAM,YAAY,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAE5D,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAwB,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;aAC9E;iBAAM;gBACL,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAA0B,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;aAC5E;YAED,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;YAE1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAAC,CAAwB,EAAE,EAAE;YACzD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAA2D,CAAC,CAAC;gBAC5G,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;aACzG;iBAAM;gBACL,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;gBAC/B,aAAa,CAAC,mBAAmB,CAC/B,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;gBACF,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBAC/G,aAAa,CAAC,mBAAmB,CAC/B,kBAAkB,EAClB,IAAI,CAAC,mBAAyD,CAC/D,CAAC;aACH;QACH,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAAC,CAAwB,EAAE,EAAE;YACzD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC1D,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBACvG,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;aACpG;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBAC5G,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;gBACxG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;aAChH;QACH,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAAC,CAAwB,EAAE,EAAE;YACzD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;YAC/E,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YAEzD,IAAI,UAAU,CAAC;YACf,IAAI,QAAQ,CAAC;YACb,IAAI,OAAO,CAAC;YACZ,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBAEvB,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;gBACvC,OAAO,GAAG,SAAS,CAAC;aACrB;iBAAM;gBACL,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBAEvB,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;gBACxC,OAAO,GAAG,UAAU,CAAC;aACtB;YACD,MAAM,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;YACxC,IAAI,YAAY,EAAE;gBAChB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAW,CAAC;gBACvG,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;gBAC/D,MAAM,YAAY,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;gBAC5D,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;aACzD;YAED,IAAI,UAAU,EAAE;gBACd,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAW,CAAC;gBACnG,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;gBAC3D,MAAM,YAAY,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;gBAC5D,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;gBACtD,IAAI,CAAC,MAAM,CAAC,aAAa,CACvB,IAAI,CAAC,aAAa;oBAChB,CAAC,CAAC;wBACE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAW,CAAC;wBAEnF,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAY,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAY,CAAA,CAAC;qBAC7F;oBACH,CAAC,CAAC;wBACE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAW,CAAC;wBAEnF,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAY,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAY,CAAA,CAAC;qBAC9F,CACN,CAAC;aACH;YAED,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;YAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,CAAwB,EAAE,EAAE;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBAC1G,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;aACvG;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBAC/G,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;gBAC3G,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,iBAAuD,CAAC,CAAC;aACnH;QACH,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,CAAwB,EAAE,EAAE;YACxD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;YAC/E,MAAM,YAAY,GAAG,IAAI,CAAC,aAAwB,CAAC;YACnD,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YAEpC,IAAI,UAAU,CAAC;YACf,IAAI,eAAe,CAAC;YACpB,IAAI,aAAa,CAAC;YAClB,IAAI,OAAO,CAAC;YAEZ,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACtD,eAAe,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,CAAC;gBACtD,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAC,CAAC;gBACxC,OAAO,GAAG,SAAS,CAAC;aACrB;iBAAM;gBACL,UAAU,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACtD,eAAe,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,CAAC;gBACtD,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAC,CAAC;gBACxC,OAAO,GAAG,UAAU,CAAC;aACtB;YAED,MAAM,YAAY,GAAG,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAEhE,IAAI,OAAO,CAAC,aAAa,CAAC,EAAE;gBAC1B,MAAM,aAAa,GAAG,CACpB,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,eAAe,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAC/F,CAAC;gBACb,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;aAC9D;iBAAM;gBACL,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;aAC7D;YACD,IAAI,CAAC,YAAY,EAAE,CAAC;YAEpB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC,CAAC;IApjBF,CAAC;IAKD,QAAQ,CAAC,KAAwB;QAC/B,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QACvF,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzD,MAAM,OAAO,GAAG,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;QAC9D,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;SACzD;QAED,IAAI,UAAU,EAAE;YACd,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;YAC1D,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;SACnD;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,EACJ,MAAM,GAAG,YAAY,EACrB,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,EACH,WAAW,GAAG,IAAI,EACnB,GAAG,IAAI,CAAC,SAA6B,CAAC;QACvC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QACnD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAChB,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;SACpB;QAED,IAAI,CAAC,aAAa,GAAG;YACnB,UAAU,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACzC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SACxC,CAAC;QACF,MAAM,YAAY,GAAG,MAAM,KAAK,YAAY,CAAC;QAC7C,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAElC,MAAM,SAAS,GAAG,WAAW,CAAC;YAC5B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,SAAS,CAAC;QAC/C,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAE5B,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,cAAc,CAAC;QACnB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YAElC,cAAc,GAAG,UAAU,iBACzB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,EACnC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAE,UAAqB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAChD,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC7C,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,UAAU,EAAE,MAAA,SAAS,CAAC,KAAK,0CAAE,QAAQ,IAClC,SAAS,CAAC,KAAK,EAClB,CAAC;YACH,cAAc,CAAC,IAAI,GAAG,mBAAmB,CAAC,SAAS,CAAC;YACpD,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC;SAC7G;QACD,MAAM,aAAa,GAAG,WAAW,CAAC;YAChC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;SAC/B,CAAC,CAAC;QACH,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAE7B,MAAM,aAAa,GAAG,WAAW,CAAC;YAChC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;QACH,aAAa,CAAC,IAAI,GAAG,mBAAmB,CAAC,aAAa,CAAC;QACvD,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,aAAa,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAEjC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEhC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAE,SAAoB,CAAC,CAAC,CAAE,UAAqB,CAAC;QAE1E,IAAI,YAAY,CAAC;QACjB,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAGzD,YAAY,GAAG,UAAU,iBACvB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,EAClD,CAAC,EAAE,YAAY,CAAC,CAAC,CAAE,UAAqB,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,KAAK,EAC/D,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC7C,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,UAAU,EAAE,MAAA,OAAO,CAAC,KAAK,0CAAE,QAAQ,IAChC,OAAO,CAAC,KAAK,EAChB,CAAC;YACH,YAAY,CAAC,IAAI,GAAG,mBAAmB,CAAC,OAAO,CAAC;YAChD,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QAEjC,IAAI,WAAW,EAAE;YACf,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACpC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;IAGS,WAAW,CAAC,SAAiB;QACrC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAEtE,IAAI,MAAM,GAAW,SAAS,CAAC;QAC/B,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,MAAM,GAAG,SAAS,CAAC;SACpB;QAED,MAAM,SAAS,GAAG,UAAU,iBAC1B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,UAAU,EAClB,MAAM,IACH,SAAS,EACZ,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC;QAC1C,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QAEvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAGS,eAAe,CAAC,SAAiB;QACzC,MAAM,EACJ,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,GAAG,EAAE,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACT,GAAG,IAAI,CAAC,SAA6B,CAAC;QACvC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QACnD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAChB,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;SACpB;QAED,MAAM,kBAAkB,GAAG,WAAW,IAAI,WAAW,CAAC,OAAO,CAAC;QAC9D,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;QAEtD,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAG1D,MAAM,YAAY,GAAG,CAAC,CAAE,UAAqB,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;QAC9E,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,iBACtC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,EAC9C,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,EAC/C,IAAI,EAAE,WAAW,EACjB,kBAAkB,EAAE,CAAC,EACrB,MAAM,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,IACpE,YAAY,EACf,CAAC;QACH,YAAY,CAAC,IAAI,GAAG,mBAAmB,CAAC,YAAY,CAAC;QACrD,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAClC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,YAAY,CAAC;QAE3C,IAAI,kBAAkB,EAAE;YACtB,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;YAC7D,gBAAgB,CAAC,IAAI,GAAG,mBAAmB,CAAC,gBAAgB,CAAC;YAC7D,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAEhC,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;SAC3C;QAED,IAAI,KAAK,EAAE;YAGT,MAAM,YAAY,GAAG,CAAC,CAAE,QAAmB,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;YAC5E,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,iBACpC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,EAC9C,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,EAC/C,IAAI,EAAE,WAAW,EACjB,kBAAkB,EAAE,CAAC,EACrB,MAAM,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,IACpE,YAAY,EACf,CAAC;YACH,UAAU,CAAC,IAAI,GAAG,mBAAmB,CAAC,UAAU,CAAC;YACjD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;YAC9B,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC;SAC1C;QAED,IAAI,kBAAkB,EAAE;YACtB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YACzD,cAAc,CAAC,IAAI,GAAG,mBAAmB,CAAC,cAAc,CAAC;YACzD,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAE9B,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;SACvC;IACH,CAAC;IAGS,YAAY,CAAC,SAAiB;QACtC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI;aACrF,SAA6B,CAAC;QACjC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QACnD,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;YAChB,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;SACpB;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;QAEtD,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAExD,IAAI,CAAC,KAAK,EAAE;YACV,UAAU,GAAG,GAAG,CAAC;SAClB;QAED,MAAM,cAAc,GAAG,WAAW,CAAC;YACjC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,UAAU;YAClB,YAAY,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY;YACrC,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,KAAK;SAChB,CAAC,CAAC;QACH,cAAc,CAAC,IAAI,GAAG,mBAAmB,CAAC,cAAc,CAAC;QAEzD,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;QACxE,IAAI,MAAc,CAAC;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,MAAM,GAAG,SAAS,CAAC;SACpB;aAAM,IAAI,KAAK,KAAK,KAAK,EAAE;YAC1B,MAAM,GAAG,SAAS,CAAC;SACpB;aAAM,IAAI,cAAc,KAAK,KAAK,EAAE;YACnC,MAAM,GAAG,SAAS,CAAC;SACpB;aAAM;YACL,MAAM,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SACzC;QAED,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;QACrE,MAAM,KAAK,GAAG,UAAU,iBACtB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAClE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,EAClE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC5C,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC9C,MAAM,IACH,UAAU,EACb,CAAC;QACH,KAAK,CAAC,IAAI,GAAG,mBAAmB,CAAC,KAAK,CAAC;QACvC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC1B,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,CAAC;IAES,cAAc,CAAC,KAAuC;QAE9D,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QAEpC,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,kBAAkB,CAAC,KAAa;;QACtC,MAAM,EACJ,KAAK,EACL,GAAG,EACH,GAAG,EACH,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,EAAE,EAChB,UAAU,EACV,SAAS,EACT,QAAQ,EACT,GAAG,IAAI,CAAC,SAA6B,CAAC;QAEvC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;QACtD,MAAM,YAAY,GAAG,CAAC,CAAE,KAAgB,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;QACzE,MAAM,SAAS,GAAG,MAAA,WAAW,CAAC,KAAK,mCAAI,CAAC,CAAC;QACzC,MAAM,SAAS,mBACb,IAAI,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,EAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,mCAAI,CAAC,CAAC,EACxG,UAAU,EAAE,MAAA,WAAW,CAAC,KAAK,0CAAE,UAAU,EACzC,MAAM,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,IACpE,WAAW,CAAC,KAAK,CACrB,CAAC;QACF,IAAI,YAAY,EAAE;YAChB,IAAI,KAAK,KAAK,KAAK,EAAE;gBAEnB,SAAS,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAClC,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC/B,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC;gBAC3B,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;aAC1D;iBAAM;gBAEL,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC/B,SAAS,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC/B,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC;gBAC3B,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;aAC1D;SACF;aAAM;YACL,IAAI,KAAK,KAAK,MAAM,EAAE;gBAEpB,SAAS,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAClC,SAAS,CAAC,SAAS,GAAG,KAAK,CAAC;gBAC5B,SAAS,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;gBACxD,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC;aAC5B;iBAAM;gBAEL,SAAS,CAAC,YAAY,GAAG,QAAQ,CAAC;gBAClC,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC;gBAC9B,SAAS,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;gBACxD,SAAS,CAAC,CAAC,GAAG,YAAY,CAAC;aAC5B;SACF;QAGD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;QACxC,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,WAAW;QACjB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QAC/D,IAAI,QAAQ,EAAE;YACZ,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CACjC,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;aACH;YACD,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CACrC,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;aACH;YACD,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC/B,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;aACH;YACD,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,CAAC,gBAAgB,CACnC,aAAa,EACb,IAAI,CAAC,qBAA2D,CACjE,CAAC;aACH;YAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,cAAc,EAAE;gBAC3C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;aAC7G;YAED,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAClC,aAAa,EACb,IAAI,CAAC,kBAAwD,CAC9D,CAAC;SACH;IACH,CAAC;IAmMO,YAAY;QAElB,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QAEpC,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,MAAM,eAAe,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,CAAC;YAC5D,IAAI,UAAU,EAAE;gBACd,MAAM,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAW,CAAC;gBAExD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;oBACxB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC;oBAE3C,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,aAAa,CAAC;iBACjD,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;oBAExB,KAAK,EAAE,eAAe;iBACvB,CAAC,CAAC;aACJ;SACF;aAAM;YACL,MAAM,eAAe,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAW,CAAC;YAC5D,IAAI,UAAU,EAAE;gBACd,MAAM,aAAa,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAW,CAAC;gBAExD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;oBACxB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC;oBAE3C,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,aAAa,CAAC;iBAClD,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;oBAExB,MAAM,EAAE,eAAe;iBACxB,CAAC,CAAC;aACJ;SACF;IACH,CAAC;IAGO,cAAc,CAAC,OAAgB,EAAE,QAAgB,EAAE,KAAa;;QACtE,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QACzD,MAAM,iBAAiB,GACrB,OAAO,CAAC,IAAI,KAAK,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;QACpG,IAAI,iBAAiB,EAAE;YACrB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;YAC3D,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,CAAC;gBAC/B,IAAI,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,EAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,mCAAI,CAAC,CAAC;gBACxG,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ;aACrC,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,IAAI,KAAK,mBAAmB,CAAC,YAAY,EAAE;YACrD,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC;YACtC,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;SACxC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ,CAAC;SACtC;IACH,CAAC;IAGO,kBAAkB,CAAC,WAAkB,EAAE,QAAgB,EAAE,KAAa;;QAC5E,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QAC5E,WAAW,CAAC,aAAa,CAAC;YACxB,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ;YACpC,IAAI,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS;gBAC9B,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;gBAClC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,CAAC,CAAC;SACnD,CAAC,CAAC;QACH,MAAM,aAAa,GACjB,WAAW,CAAC,IAAI,KAAK,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QACpG,IAAI,aAAa,EAAE;YACjB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;gBAC3B,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ;aACrC,CAAC,CAAC;SACJ;QAED,IAAI,WAAW,CAAC,IAAI,KAAK,mBAAmB,CAAC,gBAAgB,EAAE;YAC7D,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC;YACtC,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,QAAQ,CAAC;SACxC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ,CAAC;SACtC;IACH,CAAC;IAEO,oBAAoB;;QAC1B,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACxC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,KAAK,EAAE,OAAO;gBACZ,CAAC,CAAC;oBACE,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,QAAkB,EAAE,YAAY,CAAC,UAAoB,CAAC;oBAC5E,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,QAAkB,EAAE,YAAY,CAAC,UAAoB,CAAC;iBAC7E;gBACH,CAAC,CAAC,YAAY,CAAC,UAAU;YAC3B,QAAQ,EAAE,OAAO;gBACf,CAAC,CAAC;oBACE,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,MAAgB,EAAE,YAAY,CAAC,QAAkB,CAAC;oBACxE,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,MAAgB,EAAE,YAAY,CAAC,QAAkB,CAAC;iBACzE;gBACH,CAAC,CAAC,YAAY,CAAC,QAAQ;SAC1B,CAAC,CAAC;QAGH,WAAW,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAClC,CAAC;IAEO,YAAY;QAClB,IAAI,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;QACtC,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QAClC,IAAI,IAAI,CAAC;QAET,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,UAAU,IAAK,UAAU,CAAC,SAAS,CAAC,CAAY,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAY,CAAA,EAAE;gBAC5F,IAAI,GAAG,YAAY,CAAC;gBACpB,YAAY,GAAG,UAAU,CAAC;gBAC1B,UAAU,GAAG,IAAI,CAAC;aACnB;SACF;aAAM;YACL,IAAI,UAAU,IAAK,UAAU,CAAC,SAAS,CAAC,CAAY,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC,CAAY,CAAA,EAAE;gBAC5F,IAAI,GAAG,YAAY,CAAC;gBACpB,YAAY,GAAG,UAAU,CAAC;gBAC1B,UAAU,GAAG,IAAI,CAAC;aACnB;SACF;QAED,OAAO;YACL,YAAY;YACZ,UAAU;SACX,CAAC;IACJ,CAAC;;AAjxBM,wBAAiB,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,EAAE;IACf,YAAY,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;KACb;IACD,SAAS,EAAE;QACT,SAAS,EAAE,iBAAiB;KAC7B;IACD,UAAU,EAAE;QACV,SAAS,EAAE,SAAS;KACrB;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE;YACL,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;SACb;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE;YACL,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"slider.js","sourcesContent":["import { isNil, merge, clamp, isValid, array, isObject, isArray } from '@visactor/vutils';\n/**\n * @description slider 滑块组件\n * TODO:\n * 3. step 功能开发\n * 4. tooltip 功能开发\n */\nimport {\n  createGroup,\n  createText,\n  IGroup,\n  ISymbol,\n  IGraphic,\n  global,\n  createRect,\n  createSymbol,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  FederatedPointerEvent,\n  CustomEvent,\n  Cursor\n} from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { SLIDER_ELEMENT_NAME } from './constant';\n\nimport type { SliderAttributes } from './type';\n\nfunction convertValueToRange(value: number | [number, number]) {\n  if (isArray(value)) {\n    return value;\n  }\n  return [value, value];\n}\n\nfunction getDefaultCursor(isHorizontal: boolean) {\n  return isHorizontal ? 'ew-resize' : 'ns-resize';\n}\n\nexport class Slider extends AbstractComponent<Required<SliderAttributes>> {\n  name = 'slider';\n\n  static defaultAttributes = {\n    slidable: true,\n    layout: 'horizontal',\n    align: 'bottom',\n    height: 8,\n    showHandler: true,\n    handlerSize: 14,\n    handlerStyle: {\n      symbolType: 'circle',\n      fill: true,\n      fillColor: '#fff',\n      stroke: 'true',\n      strokeColor: '#91caff',\n      lineWidth: 2\n    },\n    railStyle: {\n      fillColor: 'rgba(0,0,0,.04)'\n    },\n    trackStyle: {\n      fillColor: '#91caff'\n    },\n    showValue: true,\n    valueStyle: {\n      fillColor: '#2C3542',\n      fontSize: 12\n    },\n    startText: {\n      style: {\n        fillColor: '#2C3542',\n        fontSize: 12\n      }\n    },\n    endText: {\n      style: {\n        fillColor: '#2C3542',\n        fontSize: 12\n      }\n    },\n    handlerText: {\n      visible: true,\n      space: 4,\n      precision: 0,\n      style: {\n        fillColor: '#2C3542',\n        fontSize: 12\n      }\n    }\n  };\n\n  protected _isHorizontal = true;\n  protected _innerView!: IGroup;\n  protected _startHandler: ISymbol | null = null;\n  protected _endHandler: ISymbol | null = null;\n  protected _startHandlerText: IText | null = null;\n  protected _endHandlerText: IText | null = null;\n  protected _railContainer!: IGroup;\n  protected _rail!: IGraphic;\n  protected _track!: IGraphic;\n  // 保留滑块上一次的位置\n  private _prePos!: number;\n  // 存储当前正在操作的滑块\n  private _currentHandler: IGraphic | null = null;\n  private _currentValue: { startValue?: number; endValue?: number; startPos?: number; endPos?: number } = {};\n\n  get track() {\n    return this._track;\n  }\n\n  get currentValue() {\n    return this._currentValue;\n  }\n\n  get startHandler() {\n    return this._startHandler;\n  }\n\n  get endHandler() {\n    return this._endHandler;\n  }\n\n  constructor(attributes: SliderAttributes) {\n    super(merge({}, Slider.defaultAttributes, attributes));\n  }\n\n  /**\n   * 更新值域\n   */\n  setValue(value: number | number[]) {\n    const [startValue, endValue] = array(value);\n    const { layout, railWidth, railHeight, min, max } = this.attribute as SliderAttributes;\n    const { startHandler, endHandler } = this._getHandlers();\n    const railLen = layout === 'vertical' ? railHeight : railWidth;\n    const startPos = ((startValue - min) / (max - min)) * railLen;\n    if (startHandler) {\n      this._updateHandler(startHandler, startPos, startValue);\n    }\n\n    if (endHandler) {\n      const endPos = ((endValue - min) / (max - min)) * railLen;\n      this._updateHandler(endHandler, endPos, endValue);\n    }\n\n    this._updateTrack();\n  }\n\n  render() {\n    this.removeAllChild();\n    const {\n      layout = 'horizontal',\n      railWidth,\n      railHeight,\n      startText,\n      endText,\n      min,\n      max,\n      showHandler = true\n    } = this.attribute as SliderAttributes;\n    let { value } = this.attribute as SliderAttributes;\n    if (isNil(value)) {\n      value = [min, max];\n    }\n\n    this._currentValue = {\n      startValue: convertValueToRange(value)[0],\n      endValue: convertValueToRange(value)[1]\n    };\n    const isHorizontal = layout === 'horizontal';\n    this._isHorizontal = isHorizontal;\n\n    const innerView = createGroup({\n      x: 0,\n      y: 0\n    });\n    innerView.name = SLIDER_ELEMENT_NAME.innerView;\n    this.add(innerView);\n    this._innerView = innerView;\n\n    let startLen = 0;\n    let startTextShape;\n    if (startText && startText.visible) {\n      // 渲染首部文本\n      startTextShape = createText({\n        x: isHorizontal ? 0 : railWidth / 2,\n        y: isHorizontal ? (railHeight as number) / 2 : 0,\n        textAlign: isHorizontal ? 'start' : 'center',\n        textBaseline: isHorizontal ? 'middle' : 'top',\n        text: startText.text,\n        lineHeight: startText.style?.fontSize,\n        ...startText.style\n      });\n      startTextShape.name = SLIDER_ELEMENT_NAME.startText;\n      innerView.add(startTextShape);\n      const space = isValid(startText.space) ? startText.space : 0;\n      startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;\n    }\n    const mainContainer = createGroup({\n      x: isHorizontal ? startLen : 0,\n      y: isHorizontal ? 0 : startLen\n    });\n    innerView.add(mainContainer);\n\n    const railContainer = createGroup({\n      x: 0,\n      y: 0\n    });\n    railContainer.name = SLIDER_ELEMENT_NAME.railContainer;\n    this._railContainer = railContainer;\n    mainContainer.add(railContainer);\n\n    this._renderRail(railContainer);\n\n    startLen += isHorizontal ? (railWidth as number) : (railHeight as number);\n\n    let endTextShape;\n    if (endText && endText.visible) {\n      const space = isValid(endText.space) ? endText.space : 0;\n\n      // 渲染首部文本\n      endTextShape = createText({\n        x: isHorizontal ? startLen + space : railWidth / 2,\n        y: isHorizontal ? (railHeight as number) / 2 : startLen + space,\n        textAlign: isHorizontal ? 'start' : 'center',\n        textBaseline: isHorizontal ? 'middle' : 'top',\n        text: endText.text,\n        lineHeight: endText.style?.fontSize,\n        ...endText.style\n      });\n      endTextShape.name = SLIDER_ELEMENT_NAME.endText;\n      innerView.add(endTextShape);\n    }\n\n    this._renderTrack(railContainer);\n\n    if (showHandler) {\n      this._renderHandlers(mainContainer);\n      this._bindEvents();\n    }\n  }\n\n  // 渲染滑块轨道\n  protected _renderRail(container: IGroup) {\n    const { railWidth, railHeight, railStyle, slidable } = this.attribute;\n\n    let cursor: Cursor = 'default';\n    if (slidable !== false) {\n      cursor = 'pointer';\n    }\n\n    const railShape = createRect({\n      x: 0,\n      y: 0,\n      width: railWidth,\n      height: railHeight,\n      cursor,\n      ...railStyle\n    });\n    railShape.name = SLIDER_ELEMENT_NAME.rail;\n    container.add(railShape);\n    this._rail = railShape;\n\n    return railShape;\n  }\n\n  // 渲染 handler\n  protected _renderHandlers(container: IGroup) {\n    const {\n      range,\n      min,\n      max,\n      handlerSize = 14,\n      handlerStyle,\n      handlerText,\n      railHeight,\n      railWidth,\n      slidable\n    } = this.attribute as SliderAttributes;\n    let { value } = this.attribute as SliderAttributes;\n    if (isNil(value)) {\n      value = [min, max];\n    }\n\n    const handlerTextVisible = handlerText && handlerText.visible;\n    const isHorizontal = this._isHorizontal;\n    const railLen = isHorizontal ? railWidth : railHeight;\n\n    const [startValue, endValue] = convertValueToRange(value);\n\n    // 单滑块\n    const handlerStart = (((startValue as number) - min) / (max - min)) * railLen;\n    const startHandler = this._renderHandler({\n      x: isHorizontal ? handlerStart : railWidth / 2,\n      y: isHorizontal ? railHeight / 2 : handlerStart,\n      size: handlerSize,\n      strokeBoundsBuffer: 0,\n      cursor: slidable === false ? 'default' : getDefaultCursor(isHorizontal),\n      ...handlerStyle\n    });\n    startHandler.name = SLIDER_ELEMENT_NAME.startHandler;\n    this._startHandler = startHandler;\n    container.add(startHandler);\n    this._currentValue.startPos = handlerStart;\n\n    if (handlerTextVisible) {\n      const startHandlerText = this._renderHandlerText(startValue);\n      startHandlerText.name = SLIDER_ELEMENT_NAME.startHandlerText;\n      container.add(startHandlerText);\n\n      this._startHandlerText = startHandlerText;\n    }\n\n    if (range) {\n      // 绘制第二个滑块\n      // 单滑块\n      const handlerStart = (((endValue as number) - min) / (max - min)) * railLen;\n      const endHandler = this._renderHandler({\n        x: isHorizontal ? handlerStart : railWidth / 2,\n        y: isHorizontal ? railHeight / 2 : handlerStart,\n        size: handlerSize,\n        strokeBoundsBuffer: 0,\n        cursor: slidable === false ? 'default' : getDefaultCursor(isHorizontal),\n        ...handlerStyle\n      });\n      endHandler.name = SLIDER_ELEMENT_NAME.endHandler;\n      this._endHandler = endHandler;\n      container.add(endHandler);\n      this._currentValue.endPos = handlerStart;\n    }\n\n    if (handlerTextVisible) {\n      const endHandlerText = this._renderHandlerText(endValue);\n      endHandlerText.name = SLIDER_ELEMENT_NAME.endHandlerText;\n      container.add(endHandlerText);\n\n      this._endHandlerText = endHandlerText;\n    }\n  }\n\n  // 渲染选中区域\n  protected _renderTrack(container: IGroup) {\n    const { range, min, max, railHeight, railWidth, trackStyle, railStyle, slidable } = this\n      .attribute as SliderAttributes;\n    let { value } = this.attribute as SliderAttributes;\n    if (isNil(value)) {\n      value = [min, max];\n    }\n\n    const isHorizontal = this._isHorizontal;\n    const railLen = isHorizontal ? railWidth : railHeight;\n    // eslint-disable-next-line prefer-const\n    let [startValue, endValue] = convertValueToRange(value);\n\n    if (!range) {\n      startValue = min;\n    }\n\n    const trackContainer = createGroup({\n      x: 0,\n      y: 0,\n      width: railWidth,\n      height: railHeight,\n      borderRadius: railStyle?.borderRadius,\n      clip: true,\n      pickable: false\n    });\n    trackContainer.name = SLIDER_ELEMENT_NAME.trackContainer;\n\n    const draggableTrack = isObject(range) && range.draggableTrack === true;\n    let cursor: Cursor;\n    if (slidable === false) {\n      cursor = 'default';\n    } else if (range === false) {\n      cursor = 'pointer';\n    } else if (draggableTrack === false) {\n      cursor = 'pointer';\n    } else {\n      cursor = getDefaultCursor(isHorizontal);\n    }\n\n    const trackWidth = ((endValue - startValue) / (max - min)) * railLen;\n    const track = createRect({\n      x: isHorizontal ? ((startValue - min) / (max - min)) * railLen : 0,\n      y: isHorizontal ? 0 : ((startValue - min) / (max - min)) * railLen,\n      width: isHorizontal ? trackWidth : railWidth,\n      height: isHorizontal ? railHeight : trackWidth,\n      cursor,\n      ...trackStyle\n    });\n    track.name = SLIDER_ELEMENT_NAME.track;\n    this._track = track;\n    trackContainer.add(track);\n    container.add(trackContainer);\n  }\n\n  protected _renderHandler(style: Partial<ISymbolGraphicAttribute>) {\n    // 渲染单个滑块\n    const handler = createSymbol(style);\n\n    return handler;\n  }\n\n  private _renderHandlerText(value: number) {\n    const {\n      align,\n      min,\n      max,\n      handlerSize = 14,\n      handlerText = {},\n      railHeight,\n      railWidth,\n      slidable\n    } = this.attribute as SliderAttributes;\n\n    const isHorizontal = this._isHorizontal;\n    const railLen = isHorizontal ? railWidth : railHeight;\n    const handlerStart = (((value as number) - min) / (max - min)) * railLen;\n    const textSpace = handlerText.space ?? 4;\n    const textStyle: ITextGraphicAttribute = {\n      text: handlerText?.formatter ? handlerText.formatter(value) : value.toFixed(handlerText?.precision ?? 0),\n      lineHeight: handlerText.style?.lineHeight,\n      cursor: slidable === false ? 'default' : getDefaultCursor(isHorizontal),\n      ...handlerText.style\n    };\n    if (isHorizontal) {\n      if (align === 'top') {\n        // 展示 slider 上部\n        textStyle.textBaseline = 'bottom';\n        textStyle.textAlign = 'center';\n        textStyle.x = handlerStart;\n        textStyle.y = (railHeight - handlerSize) / 2 - textSpace;\n      } else {\n        // 展示 slider 下部\n        textStyle.textBaseline = 'top';\n        textStyle.textAlign = 'center';\n        textStyle.x = handlerStart;\n        textStyle.y = (railHeight + handlerSize) / 2 + textSpace;\n      }\n    } else {\n      if (align === 'left') {\n        // 展示 slider 左侧\n        textStyle.textBaseline = 'middle';\n        textStyle.textAlign = 'end';\n        textStyle.x = (railWidth - handlerSize) / 2 - textSpace;\n        textStyle.y = handlerStart;\n      } else {\n        // 展示 slider 右侧\n        textStyle.textBaseline = 'middle';\n        textStyle.textAlign = 'start';\n        textStyle.x = (railWidth + handlerSize) / 2 + textSpace;\n        textStyle.y = handlerStart;\n      }\n    }\n\n    // 展示 handler 当前所在的数值\n    const textShape = createText(textStyle);\n    return textShape;\n  }\n\n  private _bindEvents() {\n    const { slidable, range } = this.attribute as SliderAttributes;\n    if (slidable) {\n      if (this._startHandler) {\n        this._startHandler.addEventListener(\n          'pointerdown',\n          this._onHandlerPointerdown as EventListenerOrEventListenerObject\n        );\n      }\n      if (this._startHandlerText) {\n        this._startHandlerText.addEventListener(\n          'pointerdown',\n          this._onHandlerPointerdown as EventListenerOrEventListenerObject\n        );\n      }\n      if (this._endHandler) {\n        this._endHandler.addEventListener(\n          'pointerdown',\n          this._onHandlerPointerdown as EventListenerOrEventListenerObject\n        );\n      }\n      if (this._endHandlerText) {\n        this._endHandlerText.addEventListener(\n          'pointerdown',\n          this._onHandlerPointerdown as EventListenerOrEventListenerObject\n        );\n      }\n\n      if (isObject(range) && range.draggableTrack) {\n        this._track.addEventListener('pointerdown', this._onTrackPointerdown as EventListenerOrEventListenerObject);\n      }\n\n      this._railContainer.addEventListener(\n        'pointerdown',\n        this._onRailPointerDown as EventListenerOrEventListenerObject\n      );\n    }\n  }\n\n  private _onHandlerPointerdown = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    this._currentHandler = e.target as unknown as IGraphic;\n    this._prePos = this._isHorizontal ? e.clientX : e.clientY;\n    if (global.env === 'browser') {\n      global.addEventListener('pointermove', this._onHandlerPointerMove as EventListenerOrEventListenerObject);\n      global.addEventListener('pointerup', this._onHandlerPointerUp as EventListenerOrEventListenerObject);\n    } else {\n      this._currentHandler.addEventListener(\n        'pointermove',\n        this._onHandlerPointerMove as EventListenerOrEventListenerObject\n      );\n      this._currentHandler.addEventListener(\n        'pointerup',\n        this._onHandlerPointerUp as EventListenerOrEventListenerObject\n      );\n      this._currentHandler.addEventListener(\n        'pointerupoutside',\n        this._onHandlerPointerUp as EventListenerOrEventListenerObject\n      );\n    }\n  };\n\n  private _onHandlerPointerMove = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    const { railWidth, railHeight, min, max } = this.attribute as SliderAttributes;\n\n    let currentPos;\n    let delta = 0;\n    let originPos;\n    let railLen;\n    if (!this._isHorizontal) {\n      currentPos = e.clientY;\n      delta = currentPos - this._prePos; // 实际位移的变化\n      originPos = this._currentHandler?.attribute.y as number;\n      railLen = railHeight;\n    } else {\n      currentPos = e.clientX;\n      delta = currentPos - this._prePos; // 实际位移的变化\n      originPos = this._currentHandler?.attribute.x as number;\n      railLen = railWidth;\n    }\n\n    const newPos = clamp(originPos + delta, 0, railLen);\n    const currentValue = (newPos / railLen) * (max - min) + min;\n\n    if (this._currentHandler.type === 'text') {\n      this._updateHandlerText(this._currentHandler as IText, newPos, currentValue);\n    } else {\n      this._updateHandler(this._currentHandler as ISymbol, newPos, currentValue);\n    }\n\n    this._updateTrack();\n    this._prePos = currentPos;\n\n    this._dispatchChangeEvent();\n  };\n\n  private _onHandlerPointerUp = (e: FederatedPointerEvent) => {\n    e.preventDefault();\n    this._currentHandler = null;\n    if (global.env === 'browser') {\n      global.removeEventListener('pointermove', this._onHandlerPointerMove as EventListenerOrEventListenerObject);\n      global.removeEventListener('pointerup', this._onHandlerPointerUp as EventListenerOrEventListenerObject);\n    } else {\n      const currentTarget = e.target;\n      currentTarget.removeEventListener(\n        'pointermove',\n        this._onHandlerPointerMove as EventListenerOrEventListenerObject\n      );\n      currentTarget.removeEventListener('pointerup', this._onHandlerPointerUp as EventListenerOrEventListenerObject);\n      currentTarget.removeEventListener(\n        'pointerupoutside',\n        this._onHandlerPointerUp as EventListenerOrEventListenerObject\n      );\n    }\n  };\n\n  private _onTrackPointerdown = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    this._prePos = this._isHorizontal ? e.clientX : e.clientY;\n    if (global.env === 'browser') {\n      global.addEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      global.addEventListener('pointerup', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n    } else {\n      this._track.addEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      this._track.addEventListener('pointerup', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n      this._track.addEventListener('pointerupoutside', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n    }\n  };\n\n  private _onTrackPointerMove = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    const { railWidth, railHeight, min, max } = this.attribute as SliderAttributes;\n    const { startHandler, endHandler } = this._getHandlers();\n\n    let currentPos;\n    let trackLen;\n    let railLen;\n    if (this._isHorizontal) {\n      currentPos = e.clientX;\n      // @ts-ignore\n      trackLen = this._track.attribute.width;\n      railLen = railWidth;\n    } else {\n      currentPos = e.clientY;\n      // @ts-ignore\n      trackLen = this._track.attribute.height;\n      railLen = railHeight;\n    }\n    const delta = currentPos - this._prePos; // 实际位移的变化\n    if (startHandler) {\n      const originPos = (this._isHorizontal ? startHandler.attribute.x : startHandler.attribute.y) as number;\n      const newPos = clamp(originPos + delta, 0, railLen - trackLen);\n      const currentValue = (newPos / railLen) * (max - min) + min;\n      this._updateHandler(startHandler, newPos, currentValue);\n    }\n\n    if (endHandler) {\n      const originPos = (this._isHorizontal ? endHandler.attribute.x : endHandler.attribute.y) as number;\n      const newPos = clamp(originPos + delta, trackLen, railLen);\n      const currentValue = (newPos / railLen) * (max - min) + min;\n      this._updateHandler(endHandler, newPos, currentValue);\n      this._track.setAttributes(\n        this._isHorizontal\n          ? {\n              x: Math.min(startHandler?.attribute.x as number, endHandler?.attribute.x as number),\n              // @ts-ignore\n              width: Math.abs((startHandler?.attribute.x as number) - (endHandler?.attribute.x as number))\n            }\n          : {\n              y: Math.min(startHandler?.attribute.y as number, endHandler?.attribute.y as number),\n              // @ts-ignore\n              height: Math.abs((startHandler?.attribute.y as number) - (endHandler?.attribute.y as number))\n            }\n      );\n    }\n\n    this._prePos = currentPos;\n    this._dispatchChangeEvent();\n  };\n\n  private _onTrackPointerUp = (e: FederatedPointerEvent) => {\n    e.preventDefault();\n    if (global.env === 'browser') {\n      global.removeEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      global.removeEventListener('pointerup', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n    } else {\n      this._track.removeEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      this._track.removeEventListener('pointerup', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n      this._track.removeEventListener('pointerupoutside', this._onTrackPointerUp as EventListenerOrEventListenerObject);\n    }\n  };\n\n  private _onRailPointerDown = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    const { railWidth, railHeight, min, max } = this.attribute as SliderAttributes;\n    const startHandler = this._startHandler as ISymbol;\n    const endHandler = this._endHandler;\n\n    let currentPos;\n    let startHandlerPos;\n    let endHandlerPos;\n    let railLen;\n    // 更新 handler, text 以及 track\n    if (this._isHorizontal) {\n      currentPos = e.viewX - this._rail.globalAABBBounds.x1;\n      startHandlerPos = startHandler?.attribute.x as number;\n      endHandlerPos = endHandler?.attribute.x;\n      railLen = railWidth;\n    } else {\n      currentPos = e.viewY - this._rail.globalAABBBounds.y1;\n      startHandlerPos = startHandler?.attribute.y as number;\n      endHandlerPos = endHandler?.attribute.y;\n      railLen = railHeight;\n    }\n\n    const currentValue = (currentPos / railLen) * (max - min) + min;\n\n    if (isValid(endHandlerPos)) {\n      const updateHandler = (\n        Math.abs(currentPos - startHandlerPos) > Math.abs(currentPos - endHandlerPos) ? endHandler : startHandler\n      ) as ISymbol;\n      this._updateHandler(updateHandler, currentPos, currentValue);\n    } else {\n      this._updateHandler(startHandler, currentPos, currentValue);\n    }\n    this._updateTrack();\n\n    this._dispatchChangeEvent();\n  };\n\n  // 更新 track 样式\n  private _updateTrack() {\n    // 更新 track\n    const startHandler = this._startHandler;\n    const endHandler = this._endHandler;\n\n    if (this._isHorizontal) {\n      const startHandlerPos = startHandler?.attribute.x as number;\n      if (endHandler) {\n        const endHandlerPos = endHandler?.attribute.x as number;\n        // 区间\n        this._track.setAttributes({\n          x: Math.min(startHandlerPos, endHandlerPos),\n          // @ts-ignore\n          width: Math.abs(startHandlerPos - endHandlerPos)\n        });\n      } else {\n        this._track.setAttributes({\n          // @ts-ignore\n          width: startHandlerPos\n        });\n      }\n    } else {\n      const startHandlerPos = startHandler?.attribute.y as number;\n      if (endHandler) {\n        const endHandlerPos = endHandler?.attribute.y as number;\n        // 区间\n        this._track.setAttributes({\n          y: Math.min(startHandlerPos, endHandlerPos),\n          // @ts-ignore\n          height: Math.abs(startHandlerPos - endHandlerPos)\n        });\n      } else {\n        this._track.setAttributes({\n          // @ts-ignore\n          height: startHandlerPos\n        });\n      }\n    }\n  }\n\n  // 更新 handler 以及对应 text\n  private _updateHandler(handler: ISymbol, position: number, value: number) {\n    const isHorizontal = this._isHorizontal;\n    handler.setAttribute(isHorizontal ? 'x' : 'y', position);\n    const updateHandlerText =\n      handler.name === SLIDER_ELEMENT_NAME.startHandler ? this._startHandlerText : this._endHandlerText;\n    if (updateHandlerText) {\n      const { handlerText } = this.attribute as SliderAttributes;\n      updateHandlerText?.setAttributes({\n        text: handlerText?.formatter ? handlerText.formatter(value) : value.toFixed(handlerText?.precision ?? 0),\n        [isHorizontal ? 'x' : 'y']: position\n      });\n    }\n\n    if (handler.name === SLIDER_ELEMENT_NAME.startHandler) {\n      this._currentValue.startValue = value;\n      this._currentValue.startPos = position;\n    } else {\n      this._currentValue.endValue = value;\n      this._currentValue.endPos = position;\n    }\n  }\n\n  // 更新 handler 以及对应 text\n  private _updateHandlerText(handlerText: IText, position: number, value: number) {\n    const isHorizontal = this._isHorizontal;\n    const { handlerText: handlerTextAttr } = this.attribute as SliderAttributes;\n    handlerText.setAttributes({\n      [isHorizontal ? 'x' : 'y']: position,\n      text: handlerTextAttr?.formatter\n        ? handlerTextAttr.formatter(value)\n        : value.toFixed(handlerTextAttr?.precision ?? 0)\n    });\n    const updateHandler =\n      handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? this._startHandler : this._endHandler;\n    if (updateHandler) {\n      updateHandler?.setAttributes({\n        [isHorizontal ? 'x' : 'y']: position\n      });\n    }\n\n    if (handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText) {\n      this._currentValue.startValue = value;\n      this._currentValue.startPos = position;\n    } else {\n      this._currentValue.endValue = value;\n      this._currentValue.endPos = position;\n    }\n  }\n\n  private _dispatchChangeEvent() {\n    const isRange = !!this.attribute.range;\n    const currentValue = this._currentValue;\n    const changeEvent = new CustomEvent('change', {\n      value: isRange\n        ? [\n            Math.min(currentValue.endValue as number, currentValue.startValue as number),\n            Math.max(currentValue.endValue as number, currentValue.startValue as number)\n          ]\n        : currentValue.startValue,\n      position: isRange\n        ? [\n            Math.min(currentValue.endPos as number, currentValue.startPos as number),\n            Math.max(currentValue.endPos as number, currentValue.startPos as number)\n          ]\n        : currentValue.startPos\n    });\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    changeEvent.manager = this.stage?.eventSystem.manager;\n    this.dispatchEvent(changeEvent);\n  }\n\n  private _getHandlers() {\n    let startHandler = this._startHandler;\n    let endHandler = this._endHandler;\n    let temp;\n\n    if (this._isHorizontal) {\n      if (endHandler && (endHandler.attribute.x as number) < (startHandler?.attribute.x as number)) {\n        temp = startHandler;\n        startHandler = endHandler;\n        endHandler = temp;\n      }\n    } else {\n      if (endHandler && (endHandler.attribute.y as number) < (startHandler?.attribute.y as number)) {\n        temp = startHandler;\n        startHandler = endHandler;\n        endHandler = temp;\n      }\n    }\n\n    return {\n      startHandler,\n      endHandler\n    };\n  }\n}\n"]}