@visactor/vrender-components 0.14.0-alpha.8 → 0.14.0-alpha.9

package/cjs/player/discrete-player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["player/discrete-player.ts"],"names":[],"mappings":"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","file":"discrete-player.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport type { FederatedPointerEvent } from '@visactor/vrender';\nimport { vglobal } from '@visactor/vrender';\nimport { BasePlayer } from './base-player';\nimport type { DirectionType, DiscretePlayerAttributes, PlayerAttributes } from './type';\nimport { DirectionEnum, PlayerEventEnum } from './type';\nimport { forwardStep, isReachEnd, isReachStart } from './utils';\nimport { ControllerEventEnum } from './controller/constant';\n\nexport interface IDiscretePlayer {\n  play: () => void;\n  pause: () => void;\n  backward: () => void;\n  forward: () => void;\n}\nexport class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes> implements IDiscretePlayer {\n  declare attribute: DiscretePlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex = -1;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n\n  private _isPlaying: boolean;\n  private _direction: DirectionType;\n  private _tickTime: number;\n  private _rafId: number;\n  private _isReachEnd = false;\n\n  constructor(attributes: DiscretePlayerAttributes) {\n    super(merge({}, attributes));\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void {\n    super.setAttributes(params, forceUpdateTag);\n\n    this._initAttributes();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    this._alternate = this.attribute.alternate ?? false;\n    this._interval = this.attribute.interval ?? 1000;\n    this._direction = this.attribute.direction ?? DirectionEnum.Default;\n\n    this._dataIndex = isNil(this.attribute.dataIndex)\n      ? this._direction === 'default'\n        ? this._minIndex\n        : this._maxIndex\n      : this.attribute.dataIndex ?? 0;\n\n    this._slider.setAttribute('value', this._dataIndex);\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent & { detail: { value: number } }) => {\n      const middle = Math.floor(e.detail.value) + 0.5;\n      this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value);\n      this._slider.setValue(this._dataIndex);\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    });\n  };\n\n  /**\n   * 派遣事件\n   */\n  dispatchCustomEvent(event: PlayerEventEnum) {\n    super.dispatchCustomEvent(event, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 一条数据无需播放\n    if (this._data.length === 1) {\n      return;\n    }\n    // 图标切换\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 若到达末尾, 则计算下一次播放的状态下标\n    if (\n      isReachEnd({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      }) ||\n      isReachStart({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      })\n    ) {\n      // 根据方向恢复dataIndex\n      if (this._direction === DirectionEnum.Default) {\n        this._updateDataIndex(this._minIndex);\n      } else {\n        this._updateDataIndex(this._maxIndex);\n      }\n    }\n\n    // 事件触发\n    this.dispatchCustomEvent(PlayerEventEnum.OnPlay);\n    // 重置结束状态\n    this._isReachEnd = false;\n    // 重置tick时间, 暂停后重新播放也会重新计时\n    this._tickTime = Date.now();\n    // 开启动画\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, true));\n  };\n\n  /**\n   * 播放过程\n   */\n  private _play = (isFirstPlay: boolean) => {\n    const now = Date.now();\n\n    // 抵达终点, 延迟一个interval触发end\n    if (this._isReachEnd && now - this._tickTime >= this._interval) {\n      this._isReachEnd = false;\n      this._playEnd();\n      return;\n    }\n    // 未达终点\n\n    // 第一个播放帧, 立即执行\n    if (isFirstPlay && this._activeIndex !== this._dataIndex) {\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n      this._activeIndex = this._dataIndex;\n    }\n    // 中间播放帧, 每一个interval执行一次\n    else if (now - this._tickTime >= this._interval) {\n      this._tickTime = now;\n      this._updateDataIndex(forwardStep(this._direction, this._dataIndex, this._minIndex, this._maxIndex));\n      this._activeIndex = this._dataIndex;\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    }\n\n    // 终止条件\n    if (\n      (this._direction === 'default' && this._dataIndex >= this._maxIndex) ||\n      (this._direction === 'reverse' && this._dataIndex <= this._minIndex)\n    ) {\n      this._isReachEnd = true;\n    }\n\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, false));\n  };\n\n  /**\n   * 更新数据\n   */\n  private _updateDataIndex = (dataIndex: number) => {\n    this._dataIndex = dataIndex;\n    this._slider.setValue(this._dataIndex);\n  };\n\n  /**\n   * 播放结束\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 图标切换\n    this._controller.togglePlay();\n    // 取消播放动画\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    // 重置ActiveIndex\n    this._activeIndex = -1;\n    // 播放结束时并且到达终点\n    this.dispatchCustomEvent(PlayerEventEnum.OnEnd);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnPause);\n  };\n\n  /**\n   * 后退接口\n   */\n  backward = () => {\n    const index = Math.max(this._dataIndex - 1, this._minIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnBackward);\n  };\n\n  /**\n   * 前进接口\n   */\n  forward = () => {\n    const index = Math.min(this._dataIndex + 1, this._maxIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnForward);\n  };\n}\n"]}
+{"version":3,"sources":["player/discrete-player.ts"],"names":[],"mappings":"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","file":"discrete-player.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport { FederatedPointerEvent, global } from '@visactor/vrender';\nimport { BasePlayer } from './base-player';\nimport { DirectionEnum, DirectionType, DiscretePlayerAttributes, PlayerAttributes, PlayerEventEnum } from './type';\nimport { forwardStep, isReachEnd, isReachStart } from './utils';\nimport { ControllerEventEnum } from './controller/constant';\n\nexport interface IDiscretePlayer {\n  play: () => void;\n  pause: () => void;\n  backward: () => void;\n  forward: () => void;\n}\nexport class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes> implements IDiscretePlayer {\n  declare attribute: DiscretePlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex = -1;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n\n  private _isPlaying: boolean;\n  private _direction: DirectionType;\n  private _tickTime: number;\n  private _rafId: number;\n  private _isReachEnd = false;\n\n  constructor(attributes: DiscretePlayerAttributes) {\n    super(merge({}, attributes));\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void {\n    super.setAttributes(params, forceUpdateTag);\n\n    this._initAttributes();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    this._alternate = this.attribute.alternate ?? false;\n    this._interval = this.attribute.interval ?? 1000;\n    this._direction = this.attribute.direction ?? DirectionEnum.Default;\n\n    this._dataIndex = isNil(this.attribute.dataIndex)\n      ? this._direction === 'default'\n        ? this._minIndex\n        : this._maxIndex\n      : this.attribute.dataIndex ?? 0;\n\n    this._slider.setAttribute('value', this._dataIndex);\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent & { detail: { value: number } }) => {\n      const middle = Math.floor(e.detail.value) + 0.5;\n      this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value);\n      this._slider.setValue(this._dataIndex);\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    });\n  };\n\n  /**\n   * 派遣事件\n   */\n  dispatchCustomEvent(event: PlayerEventEnum) {\n    super.dispatchCustomEvent(event, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 一条数据无需播放\n    if (this._data.length === 1) {\n      return;\n    }\n    // 图标切换\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 若到达末尾, 则计算下一次播放的状态下标\n    if (\n      isReachEnd({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      }) ||\n      isReachStart({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      })\n    ) {\n      // 根据方向恢复dataIndex\n      if (this._direction === DirectionEnum.Default) {\n        this._updateDataIndex(this._minIndex);\n      } else {\n        this._updateDataIndex(this._maxIndex);\n      }\n    }\n\n    // 事件触发\n    this.dispatchCustomEvent(PlayerEventEnum.OnPlay);\n    // 重置结束状态\n    this._isReachEnd = false;\n    // 重置tick时间, 暂停后重新播放也会重新计时\n    this._tickTime = Date.now();\n    // 开启动画\n    this._rafId = global.getRequestAnimationFrame()(this._play.bind(this, true));\n  };\n\n  /**\n   * 播放过程\n   */\n  private _play = (isFirstPlay: boolean) => {\n    const now = Date.now();\n\n    // 抵达终点, 延迟一个interval触发end\n    if (this._isReachEnd && now - this._tickTime >= this._interval) {\n      this._isReachEnd = false;\n      this._playEnd();\n      return;\n    }\n    // 未达终点\n\n    // 第一个播放帧, 立即执行\n    if (isFirstPlay && this._activeIndex !== this._dataIndex) {\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n      this._activeIndex = this._dataIndex;\n    }\n    // 中间播放帧, 每一个interval执行一次\n    else if (now - this._tickTime >= this._interval) {\n      this._tickTime = now;\n      this._updateDataIndex(forwardStep(this._direction, this._dataIndex, this._minIndex, this._maxIndex));\n      this._activeIndex = this._dataIndex;\n      this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    }\n\n    // 终止条件\n    if (\n      (this._direction === 'default' && this._dataIndex >= this._maxIndex) ||\n      (this._direction === 'reverse' && this._dataIndex <= this._minIndex)\n    ) {\n      this._isReachEnd = true;\n    }\n\n    this._rafId = global.getRequestAnimationFrame()(this._play.bind(this, false));\n  };\n\n  /**\n   * 更新数据\n   */\n  private _updateDataIndex = (dataIndex: number) => {\n    this._dataIndex = dataIndex;\n    this._slider.setValue(this._dataIndex);\n  };\n\n  /**\n   * 播放结束\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 图标切换\n    this._controller.togglePlay();\n    // 取消播放动画\n    global.getCancelAnimationFrame()(this._rafId);\n    // 重置ActiveIndex\n    this._activeIndex = -1;\n    // 播放结束时并且到达终点\n    this.dispatchCustomEvent(PlayerEventEnum.OnEnd);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    global.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnPause);\n  };\n\n  /**\n   * 后退接口\n   */\n  backward = () => {\n    const index = Math.max(this._dataIndex - 1, this._minIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnBackward);\n  };\n\n  /**\n   * 前进接口\n   */\n  forward = () => {\n    const index = Math.min(this._dataIndex + 1, this._maxIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnForward);\n  };\n}\n"]}

package/cjs/scrollbar/scrollbar.js

@@ -25,8 +25,8 @@ class ScrollBar extends base_1.AbstractComponent {
         }, this._onSliderPointerDown = e => {
             e.stopPropagation();
             const {direction: direction} = this.attribute;
-            this._prePos = "horizontal" === direction ? e.clientX : e.clientY, "browser" === vrender_1.vglobal.env ? (vrender_1.vglobal.addEventListener("pointermove", this._onSliderPointerMove), 
-            vrender_1.vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.addEventListener("pointermove", this._onSliderPointerMove), 
+            this._prePos = "horizontal" === direction ? e.clientX : e.clientY, "browser" === vrender_1.global.env ? (vrender_1.global.addEventListener("pointermove", this._onSliderPointerMove), 
+            vrender_1.global.addEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.addEventListener("pointermove", this._onSliderPointerMove), 
             this._slider.addEventListener("pointerup", this._onSliderPointerUp), this._slider.addEventListener("pointerupoutside", this._onSliderPointerUp));
         }, this._onSliderPointerMove = e => {
             e.stopPropagation();
@@ -38,8 +38,8 @@ class ScrollBar extends base_1.AbstractComponent {
             currentScrollValue = delta / width), this.setScrollRange([ preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue ], !0), 
             this._prePos = currentPos;
         }, this._onSliderPointerUp = e => {
-            e.preventDefault(), "browser" === vrender_1.vglobal.env ? (vrender_1.vglobal.removeEventListener("pointermove", this._onSliderPointerMove), 
-            vrender_1.vglobal.removeEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.removeEventListener("pointermove", this._onSliderPointerMove), 
+            e.preventDefault(), "browser" === vrender_1.global.env ? (vrender_1.global.removeEventListener("pointermove", this._onSliderPointerMove), 
+            vrender_1.global.removeEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.removeEventListener("pointermove", this._onSliderPointerMove), 
             this._slider.removeEventListener("pointerup", this._onSliderPointerUp), this._slider.removeEventListener("pointerupoutside", this._onSliderPointerUp));
         };
     }

package/cjs/scrollbar/scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scrollbar/scrollbar.ts"],"names":[],"mappings":";;;AAIA,+CAAyD;AACzD,6CAA8E;AAC9E,uCAAiD;AAajD,MAAa,SAAU,SAAQ,wBAAgD;IAgC7E,YAAY,UAA+B;QACzC,KAAK,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhC5D,SAAI,GAAG,WAAW,CAAC;QAsNX,uBAAkB,GAAG,CAAC,CAAwB,EAAE,EAAE;;YAGxD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YAC3B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;YAClF,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YACpC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,IAAI,kBAAkB,CAAC;YACvB,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC/C,MAAM,WAAW,GAAG,IAAA,cAAK,EAAC,SAAS,GAAG,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBAChE,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;gBACxC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;aACnD;iBAAM;gBACL,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC/C,MAAM,WAAW,GAAG,IAAA,cAAK,EAAC,SAAS,GAAG,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBAChE,kBAAkB,GAAG,SAAS,GAAG,KAAK,CAAC;gBACvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;aACnD;YAED,IAAI,CAAC,cAAc,CACjB,CAAC,kBAAkB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,kBAAkB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAChG,KAAK,CACN,CAAC;YAEF,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA,EAAE;gBAC3B,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;aAC/B;QACH,CAAC,CAAC;QAEM,yBAAoB,GAAG,CAAC,CAAwB,EAAE,EAAE;YAC1D,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;YAC5D,IAAI,CAAC,OAAO,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAClE,IAAI,iBAAO,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC7B,iBAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gBACnE,iBAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;aAChE;iBAAM;gBACL,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gBACxE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACpE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;aAC5E;QACH,CAAC,CAAC;QAEM,yBAAoB,GAAG,CAAC,CAAM,EAAE,EAAE;YACxC,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;YAC5D,IAAI,kBAAkB,CAAC;YACvB,IAAI,UAAU,CAAC;YACf,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;YAC7C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACxD,IAAI,SAAS,KAAK,UAAU,EAAE;gBAC5B,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBACvB,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;gBAClC,kBAAkB,GAAG,KAAK,GAAG,MAAM,CAAC;aACrC;iBAAM;gBACL,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;gBACvB,KAAK,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;gBAClC,kBAAkB,GAAG,KAAK,GAAG,KAAK,CAAC;aACpC;YACD,IAAI,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC;YAC5G,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;QAC5B,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,CAAM,EAAE,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,iBAAO,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC7B,iBAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gBACtE,iBAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;aACnE;iBAAM;gBACL,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gBAC3E,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBACvE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;aAC/E;QACH,CAAC,CAAC;IAjQF,CAAC;IAED,cAAc,CAAC,KAAuB,EAAE,MAAM,GAAG,IAAI;;QACnD,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QAEjH,MAAM,eAAe,GAAG,IAAA,mBAAU,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,IAAI,MAAM,EAAE;YAEV,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACtD,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,SAAS,KAAK,YAAY,EAAE;oBAC9B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;iBACpD;qBAAM;oBACL,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;iBACpD;gBAED,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,UAAU,CAAA,EAAE;oBAC3B,MAAA,IAAI,CAAC,KAAK,0CAAE,eAAe,EAAE,CAAC;iBAC/B;aACF;SACF;QACA,IAAI,CAAC,SAAiC,CAAC,KAAK,GAAG,eAAe,CAAC;QAEhE,IAAI,CAAC,SAAS,CAAC;YACb,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,eAAe;SACvB,CAAC,CAAC;IACL,CAAC;IAED,cAAc;QACZ,OAAQ,IAAI,CAAC,SAAiC,CAAC,KAAK,CAAC;IACvD,CAAC;IAOS,UAAU;QAElB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAmC,CAAC,CAAC;SACtF;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,oBAAqC,CAAC,CAAC;SAC1F;IACH,CAAC;IAES,MAAM;QACd,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,EACJ,SAAS,GAAG,YAAY,EACxB,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAInB,SAAS,EACT,WAAW,EACX,OAAO,GAAG,CAAC,EACZ,GAAG,IAAI,CAAC,SAAgC,CAAC;QAE1C,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,EAAE,EAAE,OAAO,CAAW,CAAC;QAGrF,MAAM,IAAI,GAAG,KAAK,CAAC,mBAAmB,CACpC,gBAAgB,kBAEd,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK;YACL,MAAM,IACH,SAAS,GAEd,MAAM,CACE,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAGlB,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACzD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAA,mBAAU,EAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtF,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC/C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAG9B,IAAI,eAAsC,CAAC;QAC3C,IAAI,SAAS,KAAK,YAAY,EAAE;YAC9B,eAAe,GAAG;gBAChB,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;gBACf,CAAC,EAAE,kBAAkB,CAAC,EAAE;gBACxB,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,kBAAkB,CAAC,MAAM;aAClC,CAAC;SACH;aAAM;YACL,eAAe,GAAG;gBAChB,CAAC,EAAE,kBAAkB,CAAC,EAAE;gBACxB,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;gBACf,KAAK,EAAE,kBAAkB,CAAC,KAAK;gBAC/B,MAAM,EAAE,UAAU;aACnB,CAAC;SACH;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,mBAAmB,CACtC,QAAQ,8DAEH,eAAe,KAClB,YAAY,EAAE,IAAI,CAAC,6BAA6B,EAAE,KAC/C,WAAW,KACd,aAAa,EAAE,IAAA,yBAAgB,EAAC,OAAO,CAAC,EACxC,QAAQ,EAAE,WAAW,KAEvB,MAAM,CACE,CAAC;QACX,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;QACvD,IAAI,CAAC,aAAa,GAAG;YACnB,CAAC,EAAE,mBAAmB,CAAC,EAAE;YACzB,CAAC,EAAE,mBAAmB,CAAC,EAAE;SAC1B,CAAC;IACJ,CAAC;IAGO,sBAAsB;QAC5B,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,OAAO,IAAI,CAAC,mBAAmB,CAAC;SACjC;QACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QAC7E,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAA,yBAAgB,EAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,YAAY,GAAG;YACnB,EAAE,EAAE,IAAI;YACR,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,KAAK,GAAG,KAAK;YACjB,EAAE,EAAE,MAAM,GAAG,MAAM;YACnB,KAAK,EAAE,KAAK,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC;YAC7B,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC;SAChC,CAAC;QACF,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC;QACxC,OAAO,YAAY,CAAC;IACtB,CAAC;IAGO,6BAA6B;QACnC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QAEnE,IAAI,KAAK,EAAE;YACT,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACxD,OAAO,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;SACpD;QAED,OAAO,CAAC,CAAC;IACX,CAAC;IAGO,aAAa,CAAC,KAAuB;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QAC5D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAEhE,IAAI,SAAS,KAAK,YAAY,EAAE;YAC9B,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;SACvD;QACD,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1D,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,OAAO,IAAI,CAAC,iBAAiB,CAAC;SAC/B;QACD,MAAM,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAgC,CAAC;QACjF,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,IAAA,mBAAU,EAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAChD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QAEpC,OAAO,SAAS,KAAK,YAAY;YAC/B,CAAC,CAAC,IAAA,mBAAU,EAAC,CAAC,EAAE,GAAG,GAAG,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,UAAU,CAAC;YAC1E,CAAC,CAAC,IAAA,mBAAU,EAAC,CAAC,EAAE,GAAG,GAAG,GAAG,MAAM,EAAE,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;IAClF,CAAC;IAgFO,SAAS,CAAC,MAAW;;QAC3B,MAAM,WAAW,GAAG,IAAI,qBAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAGtD,WAAW,CAAC,OAAO,GAAG,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAClC,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;;AAhTH,8BAiTC;AA9SQ,2BAAiB,GAAG;IACzB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,EAAE;IACd,WAAW,EAAE;QACX,IAAI,EAAE,mBAAmB;KAC1B;IACD,SAAS,EAAE;QACT,IAAI,EAAE,mBAAmB;KAC1B;IACD,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;CACpB,CAAC","file":"scrollbar.js","sourcesContent":["/**\n * @description 滚动条组件\n */\nimport type { IRectGraphicAttribute, FederatedPointerEvent, IGroup, IRect } from '@visactor/vrender';\nimport { CustomEvent, vglobal } from '@visactor/vrender';\nimport { merge, normalizePadding, clamp, clampRange } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\n\nimport type { ScrollBarAttributes } from './type';\n\ntype ComponentBounds = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  width: number;\n  height: number;\n};\n\nexport class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>> {\n  name = 'scrollbar';\n\n  static defaultAttributes = {\n    direction: 'horizontal',\n    round: true,\n    sliderSize: 20,\n    sliderStyle: {\n      fill: 'rgba(0, 0, 0, .5)'\n    },\n    railStyle: {\n      fill: 'rgba(0, 0, 0, .0)'\n    },\n    padding: 2,\n    scrollRange: [0, 1]\n  };\n\n  private _container!: IGroup;\n  // 滚动条滑块\n  private _slider!: IRect;\n  // 滚动条滑轨\n  private _rail!: IRect;\n  // 滑块可渲染的区域包围盒\n  private _sliderRenderBounds!: ComponentBounds | null;\n  // 滑块滑动的范围\n  private _sliderLimitRange!: [number, number] | null;\n  // 保留滑块上一次的位置\n  private _prePos!: number;\n  // TODO: 临时方案\n  private _viewPosition!: { x: number; y: number };\n  private _sliderSize!: number;\n\n  constructor(attributes: ScrollBarAttributes) {\n    super(merge({}, ScrollBar.defaultAttributes, attributes));\n  }\n\n  setScrollRange(range: [number, number], render = true) {\n    const { direction = 'horizontal', limitRange = [0, 1], range: preRange } = this.attribute as ScrollBarAttributes;\n\n    const currScrollRange = clampRange(range, limitRange[0], limitRange[1]);\n    if (render) {\n      // 更新图形\n      const sliderPos = this._getSliderPos(currScrollRange);\n      if (this._slider) {\n        if (direction === 'horizontal') {\n          this._slider.setAttribute('x', sliderPos[0], true);\n        } else {\n          this._slider.setAttribute('y', sliderPos[0], true);\n        }\n\n        if (!this.stage?.autoRender) {\n          this.stage?.renderNextFrame();\n        }\n      }\n    }\n    (this.attribute as ScrollBarAttributes).range = currScrollRange;\n    // 发射 change 事件\n    this._onChange({\n      pre: preRange,\n      value: currScrollRange\n    });\n  }\n\n  getScrollRange(): [number, number] {\n    return (this.attribute as ScrollBarAttributes).range;\n  }\n\n  // public setLocation(point: PointLocationCfg) {\n  //   this.translateTo(point.x, point.y);\n  // }\n\n  // 绑定事件\n  protected bindEvents(): void {\n    // TODO: wheel 事件支持\n    if (this._rail) {\n      this._rail.addEventListener('pointerdown', this._onRailPointerDown as EventListener);\n    }\n    if (this._slider) {\n      this._slider.addEventListener('pointerdown', this._onSliderPointerDown as EventListener);\n    }\n  }\n\n  protected render() {\n    this._reset();\n    const {\n      direction = 'horizontal',\n      width,\n      height,\n      range,\n      limitRange = [0, 1],\n      // sliderSize = 20,\n      // scrollValue = 0,\n      // scrollRange = [0, 1],\n      railStyle,\n      sliderStyle,\n      padding = 2\n    } = this.attribute as ScrollBarAttributes;\n\n    const group = this.createOrUpdateChild('scrollbar-container', {}, 'group') as IGroup;\n    // 绘制轨道\n\n    const rail = group.createOrUpdateChild(\n      'scrollbar-rail',\n      {\n        x: 0,\n        y: 0,\n        width,\n        height,\n        ...railStyle\n      },\n      'rect'\n    ) as IRect;\n    this._rail = rail;\n\n    // 滑块\n    const sliderRenderBounds = this._getSliderRenderBounds();\n    const sliderPos = this._getSliderPos(clampRange(range, limitRange[0], limitRange[1]));\n    const sliderSize = sliderPos[1] - sliderPos[0];\n    this._sliderSize = sliderSize;\n    // const sliderRangePos = this._getScrollRange();\n\n    let sliderAttribute: IRectGraphicAttribute;\n    if (direction === 'horizontal') {\n      sliderAttribute = {\n        x: sliderPos[0],\n        y: sliderRenderBounds.y1,\n        width: sliderSize,\n        height: sliderRenderBounds.height\n      };\n    } else {\n      sliderAttribute = {\n        x: sliderRenderBounds.x1,\n        y: sliderPos[0],\n        width: sliderRenderBounds.width,\n        height: sliderSize\n      };\n    }\n\n    const slider = group.createOrUpdateChild(\n      'slider',\n      {\n        ...sliderAttribute,\n        cornerRadius: this._getDefaultSliderCornerRadius(),\n        ...sliderStyle,\n        boundsPadding: normalizePadding(padding),\n        pickMode: 'imprecise'\n      },\n      'rect'\n    ) as IRect;\n    this._slider = slider;\n    this._container = group;\n\n    const containerAABBBounds = this._container.AABBBounds;\n    this._viewPosition = {\n      x: containerAABBBounds.x1,\n      y: containerAABBBounds.y1\n    };\n  }\n\n  // 获取滑块渲染的包围盒区域\n  private _getSliderRenderBounds() {\n    if (this._sliderRenderBounds) {\n      return this._sliderRenderBounds;\n    }\n    const { width, height, padding = 2 } = this.attribute as ScrollBarAttributes;\n    const [top, right, bottom, left] = normalizePadding(padding);\n    const renderBounds = {\n      x1: left,\n      y1: top,\n      x2: width - right,\n      y2: height - bottom,\n      width: width - (left + right),\n      height: height - (top + bottom)\n    };\n    this._sliderRenderBounds = renderBounds;\n    return renderBounds;\n  }\n\n  // 获取默认的滑块圆角\n  private _getDefaultSliderCornerRadius() {\n    const { direction, round } = this.attribute as ScrollBarAttributes;\n\n    if (round) {\n      const { width, height } = this._getSliderRenderBounds();\n      return direction === 'horizontal' ? height : width;\n    }\n\n    return 0;\n  }\n\n  // 计算滑块在轨道的位置\n  private _getSliderPos(range: [number, number]) {\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { width, height, x1, y1 } = this._getSliderRenderBounds();\n\n    if (direction === 'horizontal') {\n      return [width * range[0] + x1, width * range[1] + x1];\n    }\n    return [height * range[0] + y1, height * range[1] + y1];\n  }\n\n  private _getScrollRange() {\n    if (this._sliderLimitRange) {\n      return this._sliderLimitRange;\n    }\n    const { limitRange = [0, 1], direction } = this.attribute as ScrollBarAttributes;\n    const [min, max] = clampRange(limitRange, 0, 1);\n    const { width, height, x1, y1 } = this._getSliderRenderBounds();\n    const sliderSize = this._sliderSize;\n\n    return direction === 'horizontal'\n      ? clampRange([x1 + min * width, x1 + max * width], x1, width - sliderSize)\n      : clampRange([y1 + min * height, y1 + max * height], y1, height - sliderSize);\n  }\n\n  private _onRailPointerDown = (e: FederatedPointerEvent) => {\n    // 将事件坐标转换为实际的滑块位置\n    // TODO: 这里有问题，应该拿  viewX viewY，同时 graphic 要提供接口获取它的 相对 view 的坐标\n    const { viewX, viewY } = e;\n    const { direction, width, height, range } = this.attribute as ScrollBarAttributes;\n    const sliderSize = this._sliderSize;\n    const [min, max] = this._getScrollRange();\n    let currentScrollValue;\n    if (direction === 'vertical') {\n      const relativeY = viewY - this._viewPosition.y;\n      const currentYPos = clamp(relativeY - sliderSize / 2, min, max);\n      currentScrollValue = relativeY / height;\n      this._slider.setAttribute('y', currentYPos, true);\n    } else {\n      const relativeX = viewX - this._viewPosition.x;\n      const currentXPos = clamp(relativeX - sliderSize / 2, min, max);\n      currentScrollValue = relativeX / width;\n      this._slider.setAttribute('x', currentXPos, true);\n    }\n\n    this.setScrollRange(\n      [currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2],\n      false\n    );\n\n    if (!this.stage?.autoRender) {\n      this.stage?.renderNextFrame();\n    }\n  };\n\n  private _onSliderPointerDown = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    const { direction } = this.attribute as ScrollBarAttributes;\n    this._prePos = direction === 'horizontal' ? e.clientX : e.clientY;\n    if (vglobal.env === 'browser') {\n      vglobal.addEventListener('pointermove', this._onSliderPointerMove);\n      vglobal.addEventListener('pointerup', this._onSliderPointerUp);\n    } else {\n      this._slider.addEventListener('pointermove', this._onSliderPointerMove);\n      this._slider.addEventListener('pointerup', this._onSliderPointerUp);\n      this._slider.addEventListener('pointerupoutside', this._onSliderPointerUp);\n    }\n  };\n\n  private _onSliderPointerMove = (e: any) => {\n    e.stopPropagation();\n\n    const { direction } = this.attribute as ScrollBarAttributes;\n    let currentScrollValue;\n    let currentPos;\n    let delta = 0;\n    const preScrollRange = this.getScrollRange();\n    const { width, height } = this._getSliderRenderBounds();\n    if (direction === 'vertical') {\n      currentPos = e.clientY;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / height;\n    } else {\n      currentPos = e.clientX;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / width;\n    }\n    this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], true);\n    this._prePos = currentPos;\n  };\n\n  private _onSliderPointerUp = (e: any) => {\n    e.preventDefault();\n    if (vglobal.env === 'browser') {\n      vglobal.removeEventListener('pointermove', this._onSliderPointerMove);\n      vglobal.removeEventListener('pointerup', this._onSliderPointerUp);\n    } else {\n      this._slider.removeEventListener('pointermove', this._onSliderPointerMove);\n      this._slider.removeEventListener('pointerup', this._onSliderPointerUp);\n      this._slider.removeEventListener('pointerupoutside', this._onSliderPointerUp);\n    }\n  };\n\n  private _onChange(detail: any) {\n    const changeEvent = new CustomEvent('scroll', detail);\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    changeEvent.manager = this.stage?.eventSystem.manager;\n    this.dispatchEvent(changeEvent);\n  }\n\n  private _reset() {\n    this._sliderRenderBounds = null;\n    this._sliderLimitRange = null;\n  }\n}\n"]}
+{"version":3,"sources":["scrollbar/scrollbar.ts"],"names":[],"mappings":"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","file":"scrollbar.js","sourcesContent":["/**\n * @description 滚动条组件\n */\nimport { IRectGraphicAttribute, FederatedPointerEvent, CustomEvent, global, IGroup, IRect } from '@visactor/vrender';\nimport { merge, normalizePadding, clamp, clampRange } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\n\nimport type { ScrollBarAttributes } from './type';\n\ntype ComponentBounds = {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  width: number;\n  height: number;\n};\n\nexport class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>> {\n  name = 'scrollbar';\n\n  static defaultAttributes = {\n    direction: 'horizontal',\n    round: true,\n    sliderSize: 20,\n    sliderStyle: {\n      fill: 'rgba(0, 0, 0, .5)'\n    },\n    railStyle: {\n      fill: 'rgba(0, 0, 0, .0)'\n    },\n    padding: 2,\n    scrollRange: [0, 1]\n  };\n\n  private _container!: IGroup;\n  // 滚动条滑块\n  private _slider!: IRect;\n  // 滚动条滑轨\n  private _rail!: IRect;\n  // 滑块可渲染的区域包围盒\n  private _sliderRenderBounds!: ComponentBounds | null;\n  // 滑块滑动的范围\n  private _sliderLimitRange!: [number, number] | null;\n  // 保留滑块上一次的位置\n  private _prePos!: number;\n  // TODO: 临时方案\n  private _viewPosition!: { x: number; y: number };\n  private _sliderSize!: number;\n\n  constructor(attributes: ScrollBarAttributes) {\n    super(merge({}, ScrollBar.defaultAttributes, attributes));\n  }\n\n  setScrollRange(range: [number, number], render = true) {\n    const { direction = 'horizontal', limitRange = [0, 1], range: preRange } = this.attribute as ScrollBarAttributes;\n\n    const currScrollRange = clampRange(range, limitRange[0], limitRange[1]);\n    if (render) {\n      // 更新图形\n      const sliderPos = this._getSliderPos(currScrollRange);\n      if (this._slider) {\n        if (direction === 'horizontal') {\n          this._slider.setAttribute('x', sliderPos[0], true);\n        } else {\n          this._slider.setAttribute('y', sliderPos[0], true);\n        }\n\n        if (!this.stage?.autoRender) {\n          this.stage?.renderNextFrame();\n        }\n      }\n    }\n    (this.attribute as ScrollBarAttributes).range = currScrollRange;\n    // 发射 change 事件\n    this._onChange({\n      pre: preRange,\n      value: currScrollRange\n    });\n  }\n\n  getScrollRange(): [number, number] {\n    return (this.attribute as ScrollBarAttributes).range;\n  }\n\n  // public setLocation(point: PointLocationCfg) {\n  //   this.translateTo(point.x, point.y);\n  // }\n\n  // 绑定事件\n  protected bindEvents(): void {\n    // TODO: wheel 事件支持\n    if (this._rail) {\n      this._rail.addEventListener('pointerdown', this._onRailPointerDown as EventListener);\n    }\n    if (this._slider) {\n      this._slider.addEventListener('pointerdown', this._onSliderPointerDown as EventListener);\n    }\n  }\n\n  protected render() {\n    this._reset();\n    const {\n      direction = 'horizontal',\n      width,\n      height,\n      range,\n      limitRange = [0, 1],\n      // sliderSize = 20,\n      // scrollValue = 0,\n      // scrollRange = [0, 1],\n      railStyle,\n      sliderStyle,\n      padding = 2\n    } = this.attribute as ScrollBarAttributes;\n\n    const group = this.createOrUpdateChild('scrollbar-container', {}, 'group') as IGroup;\n    // 绘制轨道\n\n    const rail = group.createOrUpdateChild(\n      'scrollbar-rail',\n      {\n        x: 0,\n        y: 0,\n        width,\n        height,\n        ...railStyle\n      },\n      'rect'\n    ) as IRect;\n    this._rail = rail;\n\n    // 滑块\n    const sliderRenderBounds = this._getSliderRenderBounds();\n    const sliderPos = this._getSliderPos(clampRange(range, limitRange[0], limitRange[1]));\n    const sliderSize = sliderPos[1] - sliderPos[0];\n    this._sliderSize = sliderSize;\n    // const sliderRangePos = this._getScrollRange();\n\n    let sliderAttribute: IRectGraphicAttribute;\n    if (direction === 'horizontal') {\n      sliderAttribute = {\n        x: sliderPos[0],\n        y: sliderRenderBounds.y1,\n        width: sliderSize,\n        height: sliderRenderBounds.height\n      };\n    } else {\n      sliderAttribute = {\n        x: sliderRenderBounds.x1,\n        y: sliderPos[0],\n        width: sliderRenderBounds.width,\n        height: sliderSize\n      };\n    }\n\n    const slider = group.createOrUpdateChild(\n      'slider',\n      {\n        ...sliderAttribute,\n        cornerRadius: this._getDefaultSliderCornerRadius(),\n        ...sliderStyle,\n        boundsPadding: normalizePadding(padding),\n        pickMode: 'imprecise'\n      },\n      'rect'\n    ) as IRect;\n    this._slider = slider;\n    this._container = group;\n\n    const containerAABBBounds = this._container.AABBBounds;\n    this._viewPosition = {\n      x: containerAABBBounds.x1,\n      y: containerAABBBounds.y1\n    };\n  }\n\n  // 获取滑块渲染的包围盒区域\n  private _getSliderRenderBounds() {\n    if (this._sliderRenderBounds) {\n      return this._sliderRenderBounds;\n    }\n    const { width, height, padding = 2 } = this.attribute as ScrollBarAttributes;\n    const [top, right, bottom, left] = normalizePadding(padding);\n    const renderBounds = {\n      x1: left,\n      y1: top,\n      x2: width - right,\n      y2: height - bottom,\n      width: width - (left + right),\n      height: height - (top + bottom)\n    };\n    this._sliderRenderBounds = renderBounds;\n    return renderBounds;\n  }\n\n  // 获取默认的滑块圆角\n  private _getDefaultSliderCornerRadius() {\n    const { direction, round } = this.attribute as ScrollBarAttributes;\n\n    if (round) {\n      const { width, height } = this._getSliderRenderBounds();\n      return direction === 'horizontal' ? height : width;\n    }\n\n    return 0;\n  }\n\n  // 计算滑块在轨道的位置\n  private _getSliderPos(range: [number, number]) {\n    const { direction } = this.attribute as ScrollBarAttributes;\n    const { width, height, x1, y1 } = this._getSliderRenderBounds();\n\n    if (direction === 'horizontal') {\n      return [width * range[0] + x1, width * range[1] + x1];\n    }\n    return [height * range[0] + y1, height * range[1] + y1];\n  }\n\n  private _getScrollRange() {\n    if (this._sliderLimitRange) {\n      return this._sliderLimitRange;\n    }\n    const { limitRange = [0, 1], direction } = this.attribute as ScrollBarAttributes;\n    const [min, max] = clampRange(limitRange, 0, 1);\n    const { width, height, x1, y1 } = this._getSliderRenderBounds();\n    const sliderSize = this._sliderSize;\n\n    return direction === 'horizontal'\n      ? clampRange([x1 + min * width, x1 + max * width], x1, width - sliderSize)\n      : clampRange([y1 + min * height, y1 + max * height], y1, height - sliderSize);\n  }\n\n  private _onRailPointerDown = (e: FederatedPointerEvent) => {\n    // 将事件坐标转换为实际的滑块位置\n    // TODO: 这里有问题，应该拿  viewX viewY，同时 graphic 要提供接口获取它的 相对 view 的坐标\n    const { viewX, viewY } = e;\n    const { direction, width, height, range } = this.attribute as ScrollBarAttributes;\n    const sliderSize = this._sliderSize;\n    const [min, max] = this._getScrollRange();\n    let currentScrollValue;\n    if (direction === 'vertical') {\n      const relativeY = viewY - this._viewPosition.y;\n      const currentYPos = clamp(relativeY - sliderSize / 2, min, max);\n      currentScrollValue = relativeY / height;\n      this._slider.setAttribute('y', currentYPos, true);\n    } else {\n      const relativeX = viewX - this._viewPosition.x;\n      const currentXPos = clamp(relativeX - sliderSize / 2, min, max);\n      currentScrollValue = relativeX / width;\n      this._slider.setAttribute('x', currentXPos, true);\n    }\n\n    this.setScrollRange(\n      [currentScrollValue - (range[1] - range[0]) / 2, currentScrollValue + (range[1] - range[0]) / 2],\n      false\n    );\n\n    if (!this.stage?.autoRender) {\n      this.stage?.renderNextFrame();\n    }\n  };\n\n  private _onSliderPointerDown = (e: FederatedPointerEvent) => {\n    e.stopPropagation();\n    const { direction } = this.attribute as ScrollBarAttributes;\n    this._prePos = direction === 'horizontal' ? e.clientX : e.clientY;\n    if (global.env === 'browser') {\n      global.addEventListener('pointermove', this._onSliderPointerMove);\n      global.addEventListener('pointerup', this._onSliderPointerUp);\n    } else {\n      this._slider.addEventListener('pointermove', this._onSliderPointerMove);\n      this._slider.addEventListener('pointerup', this._onSliderPointerUp);\n      this._slider.addEventListener('pointerupoutside', this._onSliderPointerUp);\n    }\n  };\n\n  private _onSliderPointerMove = (e: any) => {\n    e.stopPropagation();\n\n    const { direction } = this.attribute as ScrollBarAttributes;\n    let currentScrollValue;\n    let currentPos;\n    let delta = 0;\n    const preScrollRange = this.getScrollRange();\n    const { width, height } = this._getSliderRenderBounds();\n    if (direction === 'vertical') {\n      currentPos = e.clientY;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / height;\n    } else {\n      currentPos = e.clientX;\n      delta = currentPos - this._prePos;\n      currentScrollValue = delta / width;\n    }\n    this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], true);\n    this._prePos = currentPos;\n  };\n\n  private _onSliderPointerUp = (e: any) => {\n    e.preventDefault();\n    if (global.env === 'browser') {\n      global.removeEventListener('pointermove', this._onSliderPointerMove);\n      global.removeEventListener('pointerup', this._onSliderPointerUp);\n    } else {\n      this._slider.removeEventListener('pointermove', this._onSliderPointerMove);\n      this._slider.removeEventListener('pointerup', this._onSliderPointerUp);\n      this._slider.removeEventListener('pointerupoutside', this._onSliderPointerUp);\n    }\n  };\n\n  private _onChange(detail: any) {\n    const changeEvent = new CustomEvent('scroll', detail);\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    changeEvent.manager = this.stage?.eventSystem.manager;\n    this.dispatchEvent(changeEvent);\n  }\n\n  private _reset() {\n    this._sliderRenderBounds = null;\n    this._sliderLimitRange = null;\n  }\n}\n"]}

package/cjs/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import type { IGroup, ISymbol, IGraphic, ISymbolGraphicAttribute, IText } from '@visactor/vrender';
+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>> {

package/cjs/slider/slider.js

@@ -33,8 +33,8 @@ class Slider extends base_1.AbstractComponent {
         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" === vrender_1.vglobal.env ? (vrender_1.vglobal.addEventListener("pointermove", this._onHandlerPointerMove), 
-            vrender_1.vglobal.addEventListener("pointerup", this._onHandlerPointerUp)) : (this._currentHandler.addEventListener("pointermove", this._onHandlerPointerMove), 
+            "browser" === vrender_1.global.env ? (vrender_1.global.addEventListener("pointermove", this._onHandlerPointerMove), 
+            vrender_1.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;
@@ -50,16 +50,16 @@ class Slider extends base_1.AbstractComponent {
             "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" === vrender_1.vglobal.env) vrender_1.vglobal.removeEventListener("pointermove", this._onHandlerPointerMove), 
-            vrender_1.vglobal.removeEventListener("pointerup", this._onHandlerPointerUp); else {
+            if (e.preventDefault(), this._currentHandler = null, "browser" === vrender_1.global.env) vrender_1.global.removeEventListener("pointermove", this._onHandlerPointerMove), 
+            vrender_1.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" === vrender_1.vglobal.env ? (vrender_1.vglobal.addEventListener("pointermove", this._onTrackPointerMove), 
-            vrender_1.vglobal.addEventListener("pointerup", this._onTrackPointerUp)) : (this._track.addEventListener("pointermove", this._onTrackPointerMove), 
+            "browser" === vrender_1.global.env ? (vrender_1.global.addEventListener("pointermove", this._onTrackPointerMove), 
+            vrender_1.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();
@@ -87,8 +87,8 @@ class Slider extends base_1.AbstractComponent {
             }
             this._prePos = currentPos, this._dispatchChangeEvent();
         }, this._onTrackPointerUp = e => {
-            e.preventDefault(), "browser" === vrender_1.vglobal.env ? (vrender_1.vglobal.removeEventListener("pointermove", this._onTrackPointerMove), 
-            vrender_1.vglobal.removeEventListener("pointerup", this._onTrackPointerUp)) : (this._track.removeEventListener("pointermove", this._onTrackPointerMove), 
+            e.preventDefault(), "browser" === vrender_1.global.env ? (vrender_1.global.removeEventListener("pointermove", this._onTrackPointerMove), 
+            vrender_1.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();

package/cjs/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["slider/slider.ts"],"names":[],"mappings":"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","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 type {\n  IGroup,\n  ISymbol,\n  IGraphic,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  FederatedPointerEvent,\n  Cursor\n} from '@visactor/vrender';\nimport { createGroup, createText, vglobal, createRect, createSymbol, CustomEvent } 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: '#fff',\n      stroke: '#91caff',\n      lineWidth: 2\n    },\n    railStyle: {\n      fill: 'rgba(0,0,0,.04)'\n    },\n    trackStyle: {\n      fill: '#91caff'\n    },\n    showValue: true,\n    valueStyle: {\n      fill: '#2C3542',\n      fontSize: 12\n    },\n    startText: {\n      style: {\n        fill: '#2C3542',\n        fontSize: 12\n      }\n    },\n    endText: {\n      style: {\n        fill: '#2C3542',\n        fontSize: 12\n      }\n    },\n    handlerText: {\n      visible: true,\n      space: 4,\n      precision: 0,\n      style: {\n        fill: '#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 handlerEnd = (((endValue as number) - min) / (max - min)) * railLen;\n      const endHandler = this._renderHandler({\n        x: isHorizontal ? handlerEnd : railWidth / 2,\n        y: isHorizontal ? railHeight / 2 : handlerEnd,\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 = handlerEnd;\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  // 渲染选中区域\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      cornerRadius: railStyle?.cornerRadius,\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 (vglobal.env === 'browser') {\n      vglobal.addEventListener('pointermove', this._onHandlerPointerMove as EventListenerOrEventListenerObject);\n      vglobal.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 (vglobal.env === 'browser') {\n      vglobal.removeEventListener('pointermove', this._onHandlerPointerMove as EventListenerOrEventListenerObject);\n      vglobal.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 (vglobal.env === 'browser') {\n      vglobal.addEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      vglobal.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 (vglobal.env === 'browser') {\n      vglobal.removeEventListener('pointermove', this._onTrackPointerMove as EventListenerOrEventListenerObject);\n      vglobal.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"]}
+{"version":3,"sources":["slider/slider.ts"],"names":[],"mappings":";;;AAAA,6CAA0F;AAO1F,+CAe2B;AAC3B,uCAAiD;AACjD,yCAAiD;AAIjD,SAAS,mBAAmB,CAAC,KAAgC;IAC3D,IAAI,IAAA,gBAAO,EAAC,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,MAAa,MAAO,SAAQ,wBAA6C;IAiEvE,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,IAAA,cAAK,EAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAjFzD,SAAI,GAAG,QAAQ,CAAC;QAiDN,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,gBAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,gBAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAA2D,CAAC,CAAC;gBACzG,gBAAM,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,IAAA,cAAK,EAAC,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,gBAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,gBAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,qBAA2D,CAAC,CAAC;gBAC5G,gBAAM,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,gBAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,gBAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBACvG,gBAAM,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,IAAA,cAAK,EAAC,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,IAAA,cAAK,EAAC,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,gBAAM,CAAC,GAAG,KAAK,SAAS,EAAE;gBAC5B,gBAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,mBAAyD,CAAC,CAAC;gBAC1G,gBAAM,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,IAAA,gBAAO,EAAC,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,IAAA,cAAK,EAAC,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,IAAA,cAAK,EAAC,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,IAAA,qBAAW,EAAC;YAC5B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,8BAAmB,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,IAAA,oBAAU,kBACzB,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,8BAAmB,CAAC,SAAS,CAAC;YACpD,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAA,gBAAO,EAAC,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,IAAA,qBAAW,EAAC;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,IAAA,qBAAW,EAAC;YAChC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC,CAAC;QACH,aAAa,CAAC,IAAI,GAAG,8BAAmB,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,IAAA,gBAAO,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAGzD,YAAY,GAAG,IAAA,oBAAU,kBACvB,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,8BAAmB,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,IAAA,oBAAU,kBAC1B,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,8BAAmB,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,IAAA,cAAK,EAAC,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,8BAAmB,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,8BAAmB,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,UAAU,GAAG,CAAC,CAAE,QAAmB,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC;YAC1E,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,iBACpC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,EAC5C,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,EAC7C,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,8BAAmB,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,UAAU,CAAC;YAEvC,IAAI,kBAAkB,EAAE;gBACtB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBACzD,cAAc,CAAC,IAAI,GAAG,8BAAmB,CAAC,cAAc,CAAC;gBACzD,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;gBAE9B,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;aACvC;SACF;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,IAAA,cAAK,EAAC,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,IAAA,qBAAW,EAAC;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,8BAAmB,CAAC,cAAc,CAAC;QAEzD,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,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,IAAA,oBAAU,kBACtB,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,8BAAmB,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,IAAA,sBAAY,EAAC,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,IAAA,oBAAU,EAAC,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,IAAA,iBAAQ,EAAC,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,8BAAmB,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,8BAAmB,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,8BAAmB,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,8BAAmB,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,qBAAW,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;;AAlxBH,wBAmxBC;AAhxBQ,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,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;KACb;IACD,SAAS,EAAE;QACT,IAAI,EAAE,iBAAiB;KACxB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,SAAS;KAChB;IACD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,EAAE;KACb;IACD,SAAS,EAAE;QACT,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,EAAE;SACb;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,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: '#fff',\n      stroke: '#91caff',\n      lineWidth: 2\n    },\n    railStyle: {\n      fill: 'rgba(0,0,0,.04)'\n    },\n    trackStyle: {\n      fill: '#91caff'\n    },\n    showValue: true,\n    valueStyle: {\n      fill: '#2C3542',\n      fontSize: 12\n    },\n    startText: {\n      style: {\n        fill: '#2C3542',\n        fontSize: 12\n      }\n    },\n    endText: {\n      style: {\n        fill: '#2C3542',\n        fontSize: 12\n      }\n    },\n    handlerText: {\n      visible: true,\n      space: 4,\n      precision: 0,\n      style: {\n        fill: '#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 handlerEnd = (((endValue as number) - min) / (max - min)) * railLen;\n      const endHandler = this._renderHandler({\n        x: isHorizontal ? handlerEnd : railWidth / 2,\n        y: isHorizontal ? railHeight / 2 : handlerEnd,\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 = handlerEnd;\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  // 渲染选中区域\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      cornerRadius: railStyle?.cornerRadius,\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"]}

package/cjs/util/align.d.ts

@@ -0,0 +1,2 @@
+import type { IText } from '@visactor/vrender';
+export declare function alignAxisLabels(labels: IText[], start: number, containerSize: number, orient: string, align: string): void;

package/cjs/util/align.js

@@ -0,0 +1,60 @@
+"use strict";
+
+function alignAxisLabels(labels, start, containerSize, orient, align) {
+    if ("right" === orient || "left" === orient) {
+        if ("left" === align) {
+            const flag = "right" === orient ? 0 : -1;
+            labels.forEach((label => {
+                label.setAttributes({
+                    x: start + containerSize * flag,
+                    textAlign: "left"
+                });
+            }));
+        } else if ("right" === align) {
+            const flag = "right" === orient ? 1 : 0;
+            labels.forEach((label => {
+                label.setAttributes({
+                    x: start + containerSize * flag,
+                    textAlign: "right"
+                });
+            }));
+        } else if ("center" === align) {
+            const flag = "right" === orient ? 1 : -1;
+            labels.forEach((label => {
+                label.setAttributes({
+                    x: start + .5 * containerSize * flag,
+                    textAlign: "center"
+                });
+            }));
+        }
+    } else if ("bottom" === orient || "top" === orient) if ("top" === align) {
+        const flag = "bottom" === orient ? 0 : -1;
+        labels.forEach((label => {
+            label.setAttributes({
+                y: start + containerSize * flag,
+                textBaseline: "top"
+            });
+        }));
+    } else if ("bottom" === align) {
+        const flag = "bottom" === orient ? 1 : 0;
+        labels.forEach((label => {
+            label.setAttributes({
+                y: start + containerSize * flag,
+                textBaseline: "bottom"
+            });
+        }));
+    } else if ("middle" === align) {
+        const flag = "bottom" === orient ? 1 : -1;
+        labels.forEach((label => {
+            label.setAttributes({
+                y: start + .5 * containerSize * flag,
+                textBaseline: "middle"
+            });
+        }));
+    }
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.alignAxisLabels = void 0, exports.alignAxisLabels = alignAxisLabels;
+//# sourceMappingURL=align.js.map

package/cjs/util/align.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["util/align.ts"],"names":[],"mappings":";;;AAEA,SAAgB,eAAe,CAAC,MAAe,EAAE,KAAa,EAAE,aAAqB,EAAE,MAAc,EAAE,KAAa;IAClH,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,EAAE;QAC3C,IAAI,KAAK,KAAK,MAAM,EAAE;YACpB,MAAM,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,IAAI;oBAC/B,SAAS,EAAE,MAAM;iBAClB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,KAAK,KAAK,OAAO,EAAE;YAC5B,MAAM,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,IAAI;oBAC/B,SAAS,EAAE,OAAO;iBACnB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,GAAG,GAAG,IAAI;oBACrC,SAAS,EAAE,QAAQ;iBACpB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;KACF;SAAM,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,EAAE;QAClD,IAAI,KAAK,KAAK,KAAK,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,IAAI;oBAC/B,YAAY,EAAE,KAAK;iBACpB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,IAAI;oBAC/B,YAAY,EAAE,QAAQ;iBACvB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,KAAK,KAAK,QAAQ,EAAE;YAC7B,MAAM,IAAI,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACrB,KAAK,CAAC,aAAa,CAAC;oBAClB,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,GAAG,GAAG,IAAI;oBACrC,YAAY,EAAE,QAAQ;iBACvB,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;KACF;AACH,CAAC;AAtDD,0CAsDC","file":"align.js","sourcesContent":["import type { IText } from '@visactor/vrender';\n\nexport function alignAxisLabels(labels: IText[], start: number, containerSize: number, orient: string, align: string) {\n  if (orient === 'right' || orient === 'left') {\n    if (align === 'left') {\n      const flag = orient === 'right' ? 0 : -1;\n      labels.forEach(label => {\n        label.setAttributes({\n          x: start + containerSize * flag,\n          textAlign: 'left'\n        });\n      });\n    } else if (align === 'right') {\n      const flag = orient === 'right' ? 1 : 0;\n      labels.forEach(label => {\n        label.setAttributes({\n          x: start + containerSize * flag,\n          textAlign: 'right'\n        });\n      });\n    } else if (align === 'center') {\n      const flag = orient === 'right' ? 1 : -1;\n      labels.forEach(label => {\n        label.setAttributes({\n          x: start + containerSize * 0.5 * flag,\n          textAlign: 'center'\n        });\n      });\n    }\n  } else if (orient === 'bottom' || orient === 'top') {\n    if (align === 'top') {\n      const flag = orient === 'bottom' ? 0 : -1;\n      labels.forEach(label => {\n        label.setAttributes({\n          y: start + containerSize * flag,\n          textBaseline: 'top'\n        });\n      });\n    } else if (align === 'bottom') {\n      const flag = orient === 'bottom' ? 1 : 0;\n      labels.forEach(label => {\n        label.setAttributes({\n          y: start + containerSize * flag,\n          textBaseline: 'bottom'\n        });\n      });\n    } else if (align === 'middle') {\n      const flag = orient === 'bottom' ? 1 : -1;\n      labels.forEach(label => {\n        label.setAttributes({\n          y: start + containerSize * 0.5 * flag,\n          textBaseline: 'middle'\n        });\n      });\n    }\n  }\n}\n"]}