@gsc-basic/components 1.1.7 → 1.1.8

package/dist/es/node_modules/xgplayer/es/plugins/progress/index.js

@@ -7,8 +7,438 @@ You shall not disclose such Confidential Information and shall use it only in
 accordance with the terms of the license agreement.
 
 --- Build Info ---
-Version: 1.1.6
-Build Time: 2026/3/4 16:49:40
-Build Commit: 63f88fe7a59965e471017742b570179ac37f5591
+Version: 1.1.7
+Build Time: 2026/3/13 18:25:06
+Build Commit: 0b162dea954baa715e67b70f80401a571205058a
 */
-import{inherits as e,createSuper as t,classCallCheck as i,defineProperty as n,assertThisInitialized as o,createClass as s,objectSpread2 as r,typeof as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import u from"../../utils/util.js";import l from"../../utils/sniffer.js";import{DURATION_CHANGE as c,TIME_UPDATE as h,SEEKED as d,PROGRESS as m,ENDED as v,EMPTIED as p,VIDEO_RESIZE as f}from"../../events.js";import g,{POSITIONS as y}from"../../plugin/plugin.js";import k from"./innerList.js";var M={POINT:"inner-focus-point",HIGHLIGHT:"inner-focus-highlight"},b=/* @__PURE__ */function(){e(C,g);var b=t(C);function C(e){var t;return i(this,C),t=b.call(this,e),n(o(t),"onMoveOnly",function(e,i){var n=o(t),s=n.pos,r=n.config,a=n.player,l=i;if(e){u.event(e);var c=u.getEventPos(e,a.zoom),h=90===a.rotateDeg?c.clientY:c.clientX;if(s.moving&&Math.abs(s.x-h)<r.miniMoveStep)return;s.moving=!0,s.x=h,l=t.computeTime(e,h)}t.triggerCallbacks("dragmove",l,e),t._updateInnerFocus(l)}),n(o(t),"onBodyClick",function(e){t.pos.isLocked&&(t.pos.isLocked=!1,e.preventDefault(),e.stopPropagation())}),n(o(t),"_mouseDownHandler",function(e,i){t._state.time=i.currentTime,t.updateWidth(i.currentTime,i.seekTime,i.percent,0),t._updateInnerFocus(i)}),n(o(t),"_mouseUpHandler",function(e,i){o(t).pos.moving&&t.updateWidth(i.currentTime,i.seekTime,i.percent,2)}),n(o(t),"_mouseMoveHandler",function(e,i){var n=o(t),s=n._state,r=n.pos,a=n.config,u=n.player;s.time<i.currentTime?i.forward=!0:i.forward=!1,s.time=i.currentTime,r.isDown&&!r.moving&&(r.moving=!0,a.isPauseMoving&&u.pause(),t.triggerCallbacks("dragstart",i,e),t.emitUserAction("drag","dragstart",i)),t.updateWidth(i.currentTime,i.seekTime,i.percent,1),t.triggerCallbacks("dragmove",i,e),t._updateInnerFocus(i)}),n(o(t),"onMouseDown",function(e){var i=o(t),n=i._state,s=i.player,r=i.pos,a=i.config,l=i.playerConfig,c=u.getEventPos(e,s.zoom),h=90===s.rotateDeg?c.clientY:c.clientX;if(!(s.isMini||a.closeMoveSeek||!l.allowSeekAfterEnded&&s.ended)){if(s.duration||s.isPlaying){e.stopPropagation(),t.focus(),u.checkIsFunction(l.disableSwipeHandler)&&l.disableSwipeHandler(),u.checkIsFunction(a.onMoveStart)&&a.onMoveStart(),u.event(e),r.x=h,r.isDown=!0,r.moving=!1,n.prePlayTime=s.currentTime,s.focus({autoHide:!1}),t.isProgressMoving=!0,u.addClass(t.progressBtn,"active");var d=t.computeTime(e,h);return d.prePlayTime=n.prePlayTime,t._mouseDownHandlerHook(e,d),"touchstart"===e.type?(t.root.addEventListener("touchmove",t.onMouseMove),t.root.addEventListener("touchend",t.onMouseUp),t.root.addEventListener("touchcancel",t.onMouseUp)):(t.unbind("mousemove",t.onMoveOnly),document.addEventListener("mousemove",t.onMouseMove,!1),document.addEventListener("mouseup",t.onMouseUp,!1)),!0}s.play()}}),n(o(t),"onMouseUp",function(e){var i=o(t),n=i.player,s=i.config,r=i.pos,a=i.playerConfig,l=i._state;if(r){e.stopPropagation(),e.preventDefault(),u.checkIsFunction(a.enableSwipeHandler)&&a.enableSwipeHandler(),u.checkIsFunction(s.onMoveEnd)&&s.onMoveEnd(),u.event(e),u.removeClass(t.progressBtn,"active");var c=t.computeTime(e,r.x);c.prePlayTime=l.prePlayTime,r.moving?(t.triggerCallbacks("dragend",c,e),t.emitUserAction("drag","dragend",c)):(t.triggerCallbacks("click",c,e),t.emitUserAction("click","click",c)),t._mouseUpHandlerHook(e,c),r.moving=!1,r.isDown=!1,r.x=0,r.y=0,r.isLocked=!0,l.prePlayTime=0,l.time=0;var h=e.type;"touchend"===h||"touchcancel"===h?(t.root.removeEventListener("touchmove",t.onMouseMove),t.root.removeEventListener("touchend",t.onMouseUp),t.root.removeEventListener("touchcancel",t.onMouseUp),t.blur()):(document.removeEventListener("mousemove",t.onMouseMove,!1),document.removeEventListener("mouseup",t.onMouseUp,!1),r.isEnter?"mobile"!==a.isMobileSimulateMode&&t.bind("mousemove",t.onMoveOnly):t.onMouseLeave(e)),u.setTimeout(o(t),function(){t.resetSeekState()},1),n.focus()}}),n(o(t),"onMouseMove",function(e){var i=o(t),n=i._state,s=i.pos,r=i.player,a=i.config;u.checkTouchSupport()&&e.preventDefault(),u.event(e);var l=u.getEventPos(e,r.zoom),c=90===r.rotateDeg?l.clientY:l.clientX,h=Math.abs(s.x-c);if(!(s.moving&&h<a.miniMoveStep||!s.moving&&h<a.miniStartStep)){s.x=c;var d=t.computeTime(e,c);d.prePlayTime=n.prePlayTime,t._mouseMoveHandlerHook(e,d)}}),n(o(t),"onMouseOut",function(e){t.triggerCallbacks("mouseout",null,e)}),n(o(t),"onMouseOver",function(e){t.triggerCallbacks("mouseover",null,e)}),n(o(t),"onMouseEnter",function(e){var i=o(t),n=i.player,s=i.pos;if(!(s.isDown||s.isEnter||n.isMini||!n.config.allowSeekAfterEnded&&n.ended)){s.isEnter=!0,t.bind("mousemove",t.onMoveOnly),t.bind("mouseleave",t.onMouseLeave),u.event(e);var r=u.getEventPos(e,n.zoom),a=90===n.rotateDeg?r.clientY:r.clientX,l=t.computeTime(e,a);t.triggerCallbacks("mouseenter",l,e),t.focus()}}),n(o(t),"onMouseLeave",function(e){t.triggerCallbacks("mouseleave",null,e),t.unlock(),t._updateInnerFocus(null)}),n(o(t),"onVideoResize",function(){var e=t.pos,i=e.x,n=e.isDown;if(e.isEnter&&!n){var o=t.computeTime(null,i);t.onMoveOnly(null,o)}}),t.useable=!1,t.isProgressMoving=!1,t.__dragCallBacks=[],t._state={now:-1,direc:0,time:0,prePlayTime:-1},t._disableBlur=!1,"boolean"==typeof t.config.isDragingSeek&&(console.warn("[XGPLAYER] 'isDragingSeek' is deprecated, please use 'isDraggingSeek' instead"),t.config.isDraggingSeek=t.config.isDragingSeek),t}return s(C,[{key:"offsetDuration",get:function(){return this.playerConfig.customDuration||this.player.offsetDuration||this.player.duration}},{key:"duration",get:function(){return this.playerConfig.customDuration||this.player.duration}},{key:"timeOffset",get:function(){return this.playerConfig.timeOffset||0}},{key:"currentTime",get:function(){var e=this.player,t=e.offsetCurrentTime,i=e.currentTime;return t>=0?t:i+this.timeOffset}},{key:"changeState",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.useable=e}},{key:"show",value:function(e){this.root&&(this.root.style.display="flex")}},{key:"_initInner",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t&&0!==t.length||(t=[{percent:1}]);var n=r(r({fragments:t},i),{},{actionCallback:function(t){e.emitUserAction("fragment_focus","fragment_focus",t)}});this.innerList?this.innerList.reset(n):(this.innerList=new k(n),this.outer.insertBefore(this.innerList.render(),this.outer.children[0]),["findHightLight","unHightLight","setHightLight","findFragment"].map(function(t){e[t]=e.innerList[t].bind(e.innerList)}))}},{key:"_updateInnerFocus",value:function(e){this.innerList&&this.innerList.updateFocus(e)}},{key:"afterCreate",value:function(){if(!this.config.disable&&!this.playerConfig.isLive){this.pos={x:0,y:0,moving:!1,isDown:!1,isEnter:!1,isLocked:!1},this.outer=this.find("xg-outer");var e=this.config,t=e.fragFocusClass,i=e.fragAutoFocus,n=e.fragClass;this._initInner(this.config.fragments,{fragFocusClass:t,fragAutoFocus:i,fragClass:n,style:this.playerConfig.commonStyle||{}}),"mobile"===l.device&&(this.config.isDraggingSeek=!1,this.isMobile=!0),this.progressBtn=this.find(".xgplayer-progress-btn"),this.listenEvents(),this.bindDomEvents(),this.initCustomStyle()}}},{key:"listenEvents",value:function(){var e=this;this.on(c,function(){e.onMouseLeave()}),this.on(h,function(){e.onTimeupdate()}),this.on(d,function(){e.onTimeupdate(),e.onCacheUpdate()}),this.on(m,function(){e.onCacheUpdate()}),this.on(v,function(){e.onCacheUpdate(!0),e.onTimeupdate(!0),e._state.now=0}),this.on(p,function(){e.onReset()}),this.on(f,function(){e.onVideoResize()})}},{key:"setConfig",value:function(e){var t=this,i=null;Object.keys(e).forEach(function(n){t.config[n]=e[n],"fragments"===n&&(i=e[n])}),i&&this._initInner(i,e)}},{key:"initCustomStyle",value:function(){var e=(this.playerConfig||{}).commonStyle.sliderBtnStyle,t=this.progressBtn;e&&("string"==typeof e?t.style.boxShadow=e:"object"===a(e)&&Object.keys(e).map(function(i){t.style[i]=e[i]}))}},{key:"triggerCallbacks",value:function(e,t,i){this.__dragCallBacks.length>0&&this.__dragCallBacks.map(function(n){if(n&&n.handler&&n.type===e)try{n.handler(t,i)}catch(o){console.error("[XGPLAYER][triggerCallbacks] ".concat(n," error"),o)}})}},{key:"addCallBack",value:function(e,t){t&&"function"==typeof t&&this.__dragCallBacks.push({type:e,handler:t})}},{key:"removeCallBack",value:function(e,t){var i=this.__dragCallBacks,n=-1;i.map(function(i,o){i&&i.type===e&&i.handler===t&&(n=o)}),n>-1&&i.splice(n,1)}},{key:"unlock",value:function(){var e=this.player,t=this.pos;t.isEnter=!1,t.isLocked=!1,e.isMini||(this.unbind("mousemove",this.onMoveOnly),t.isDown?this.unbind("mouseleave",this.onMouseLeave):this.blur())}},{key:"bindDomEvents",value:function(){var e=this.player.config;this._mouseDownHandlerHook=this.hook("dragstart",this._mouseDownHandler),this._mouseUpHandlerHook=this.hook("dragend",this._mouseUpHandler),this._mouseMoveHandlerHook=this.hook("drag",this._mouseMoveHandler),"touch"!==this.domEventType&&"compatible"!==this.domEventType||this.root.addEventListener("touchstart",this.onMouseDown),"mouse"!==this.domEventType&&"compatible"!==this.domEventType||(this.bind("mousedown",this.onMouseDown),"mobile"!==e.isMobileSimulateMode&&this.bind("mouseenter",this.onMouseEnter),this.bind("mouseover",this.onMouseOver),this.bind("mouseout",this.onMouseOut),this.player.root.addEventListener("click",this.onBodyClick,!0))}},{key:"focus",value:function(){this.player.controls.pauseAutoHide(),u.addClass(this.root,"active")}},{key:"blur",value:function(){this._disableBlur||(this.player.controls.recoverAutoHide(),u.removeClass(this.root,"active"))}},{key:"disableBlur",value:function(){this._disableBlur=!0}},{key:"enableBlur",value:function(){this._disableBlur=!1}},{key:"updateWidth",value:function(e,t,i,n){var o=this.config,s=this.player;if(!o.isCloseClickSeek||0!==n){var r=t=t>=s.duration?s.duration-o.endedDiff:Number(t).toFixed(1);this.updatePercent(i),this.updateTime(e),(1!==n||o.isDraggingSeek&&"audio"!==s.config.mediaType)&&(this._state.now=r,this._state.direc=r>s.currentTime?0:1,s.seek(r))}}},{key:"computeTime",value:function(e,t){var i,n,o=this.player,s=this.root.getBoundingClientRect(),r=s.width,a=s.height,l=s.top,c=s.left,h=t;90===o.rotateDeg?(i=a,n=l):(i=r,n=c);var d=h-n,m=(d=d>i?i:d<0?0:d)/i;m=m<0?0:m>1?1:m,Number.isNaN(m)&&(m=this.player.currentTime/this.offsetDuration);var v=parseInt(m*this.offsetDuration*1e3,10)/1e3;return{percent:m,currentTime:v,seekTime:u.getCurrentTimeByOffset(v,o.timeSegments),offset:d,width:i,left:n,e:e}}},{key:"updateTime",value:function(e){var t=this.player,i=this.duration;e>i?e=i:e<0&&(e=0);var n=t.plugins.time;n&&n.updateTime(e)}},{key:"resetSeekState",value:function(){this.isProgressMoving=!1;var e=this.player.plugins.time;e&&e.resetActive()}},{key:"updatePercent",value:function(e,t){if(this.isProgressMoving=!0,!this.config.disable){e=e>1?1:e<0?0:e,this.progressBtn.style.left="".concat(100*e,"%"),this.innerList.update({played:e*this.offsetDuration},this.offsetDuration);var i=this.player.plugins.miniprogress;i&&i.update({played:e*this.offsetDuration},this.offsetDuration)}}},{key:"onTimeupdate",value:function(e){var t=this.player,i=this._state,n=this.offsetDuration;if(!(t.isSeeking&&t.media.seeking||this.isProgressMoving)&&t.hasStart){if(i.now>-1){var o=parseInt(1e3*i.now,10)-parseInt(1e3*t.currentTime,10);if(0===i.direc&&o>300||1===i.direc&&o>-300)return void(i.now=-1);i.now=-1}var s=this.currentTime;s=u.adjustTimeByDuration(s,n,e),this.innerList.update({played:s},n),this.progressBtn.style.left="".concat(s/n*100,"%")}}},{key:"onCacheUpdate",value:function(e){var t=this.player,i=this.duration;if(t){var n=t.bufferedPoint.end;n=u.adjustTimeByDuration(n,i,e),this.innerList.update({cached:n},i)}}},{key:"onReset",value:function(){this.innerList.update({played:0,cached:0},0),this.progressBtn.style.left="0%"}},{key:"destroy",value:function(){var e=this.player;this.thumbnailPlugin=null,this.innerList.destroy(),this.innerList=null;var t=this.domEventType;"touch"!==t&&"compatible"!==t||(this.root.removeEventListener("touchstart",this.onMouseDown),this.root.removeEventListener("touchmove",this.onMouseMove),this.root.removeEventListener("touchend",this.onMouseUp),this.root.removeEventListener("touchcancel",this.onMouseUp)),"mouse"!==t&&"compatible"!==t||(this.unbind("mousedown",this.onMouseDown),this.unbind("mouseenter",this.onMouseEnter),this.unbind("mousemove",this.onMoveOnly),this.unbind("mouseleave",this.onMouseLeave),document.removeEventListener("mousemove",this.onMouseMove,!1),document.removeEventListener("mouseup",this.onMouseUp,!1),e.root.removeEventListener("click",this.onBodyClick,!0))}},{key:"render",value:function(){if(!this.config.disable&&!this.playerConfig.isLive){var e=this.player.controls?this.player.controls.config.mode:"";return'\n    <xg-progress class="xgplayer-progress '.concat("bottom"===e?"xgplayer-progress-bottom":"",'">\n      <xg-outer class="xgplayer-progress-outer">\n        <xg-progress-btn class="xgplayer-progress-btn"></xg-progress-btn>\n      </xg-outer>\n    </xg-progress>\n    ')}}}],[{key:"pluginName",get:function(){return"progress"}},{key:"defaultConfig",get:function(){return{position:y.CONTROLS_CENTER,index:0,disable:!1,isDraggingSeek:!0,closeMoveSeek:!1,isPauseMoving:!1,isCloseClickSeek:!1,fragments:[{percent:1}],fragFocusClass:M.POINT,fragClass:"",fragAutoFocus:!1,miniMoveStep:5,miniStartStep:2,onMoveStart:function(){},onMoveEnd:function(){},endedDiff:.2}}},{key:"FRAGMENT_FOCUS_CLASS",get:function(){return M}}]),C}();export{b as default};
+import { inherits as T, createSuper as E, classCallCheck as S, defineProperty as p, assertThisInitialized as c, createClass as D, objectSpread2 as k, typeof as L } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import l from "../../utils/util.js";
+import P from "../../utils/sniffer.js";
+import { DURATION_CHANGE as w, TIME_UPDATE as I, SEEKED as B, PROGRESS as H, ENDED as x, EMPTIED as O, VIDEO_RESIZE as U } from "../../events.js";
+import F, { POSITIONS as A } from "../../plugin/plugin.js";
+import N from "./innerList.js";
+var _ = {
+  POINT: "inner-focus-point",
+  HIGHLIGHT: "inner-focus-highlight"
+}, Y = /* @__PURE__ */ (function(M) {
+  T(m, M);
+  var b = E(m);
+  function m(r) {
+    var e;
+    return S(this, m), e = b.call(this, r), p(c(e), "onMoveOnly", function(t, i) {
+      var n = c(e), o = n.pos, s = n.config, a = n.player, f = i;
+      if (t) {
+        l.event(t);
+        var u = l.getEventPos(t, a.zoom), h = a.rotateDeg === 90 ? u.clientY : u.clientX;
+        if (o.moving && Math.abs(o.x - h) < s.miniMoveStep)
+          return;
+        o.moving = !0, o.x = h, f = e.computeTime(t, h);
+      }
+      e.triggerCallbacks("dragmove", f, t), e._updateInnerFocus(f);
+    }), p(c(e), "onBodyClick", function(t) {
+      e.pos.isLocked && (e.pos.isLocked = !1, t.preventDefault(), t.stopPropagation());
+    }), p(c(e), "_mouseDownHandler", function(t, i) {
+      e._state.time = i.currentTime, e.updateWidth(i.currentTime, i.seekTime, i.percent, 0), e._updateInnerFocus(i);
+    }), p(c(e), "_mouseUpHandler", function(t, i) {
+      var n = c(e), o = n.pos;
+      o.moving && e.updateWidth(i.currentTime, i.seekTime, i.percent, 2);
+    }), p(c(e), "_mouseMoveHandler", function(t, i) {
+      var n = c(e), o = n._state, s = n.pos, a = n.config, f = n.player;
+      o.time < i.currentTime ? i.forward = !0 : i.forward = !1, o.time = i.currentTime, s.isDown && !s.moving && (s.moving = !0, a.isPauseMoving && f.pause(), e.triggerCallbacks("dragstart", i, t), e.emitUserAction("drag", "dragstart", i)), e.updateWidth(i.currentTime, i.seekTime, i.percent, 1), e.triggerCallbacks("dragmove", i, t), e._updateInnerFocus(i);
+    }), p(c(e), "onMouseDown", function(t) {
+      var i = c(e), n = i._state, o = i.player, s = i.pos, a = i.config, f = i.playerConfig, u = l.getEventPos(t, o.zoom), h = o.rotateDeg === 90 ? u.clientY : u.clientX;
+      if (!(o.isMini || a.closeMoveSeek || !f.allowSeekAfterEnded && o.ended)) {
+        if (!o.duration && !o.isPlaying) {
+          o.play();
+          return;
+        }
+        t.stopPropagation(), e.focus(), l.checkIsFunction(f.disableSwipeHandler) && f.disableSwipeHandler(), l.checkIsFunction(a.onMoveStart) && a.onMoveStart(), l.event(t), s.x = h, s.isDown = !0, s.moving = !1, n.prePlayTime = o.currentTime, o.focus({
+          autoHide: !1
+        }), e.isProgressMoving = !0, l.addClass(e.progressBtn, "active");
+        var d = e.computeTime(t, h);
+        d.prePlayTime = n.prePlayTime, e._mouseDownHandlerHook(t, d);
+        var v = t.type;
+        return v === "touchstart" ? (e.root.addEventListener("touchmove", e.onMouseMove), e.root.addEventListener("touchend", e.onMouseUp), e.root.addEventListener("touchcancel", e.onMouseUp)) : (e.unbind("mousemove", e.onMoveOnly), document.addEventListener("mousemove", e.onMouseMove, !1), document.addEventListener("mouseup", e.onMouseUp, !1)), !0;
+      }
+    }), p(c(e), "onMouseUp", function(t) {
+      var i = c(e), n = i.player, o = i.config, s = i.pos, a = i.playerConfig, f = i._state;
+      if (s) {
+        t.stopPropagation(), t.preventDefault(), l.checkIsFunction(a.enableSwipeHandler) && a.enableSwipeHandler(), l.checkIsFunction(o.onMoveEnd) && o.onMoveEnd(), l.event(t), l.removeClass(e.progressBtn, "active");
+        var u = e.computeTime(t, s.x);
+        u.prePlayTime = f.prePlayTime, s.moving ? (e.triggerCallbacks("dragend", u, t), e.emitUserAction("drag", "dragend", u)) : (e.triggerCallbacks("click", u, t), e.emitUserAction("click", "click", u)), e._mouseUpHandlerHook(t, u), s.moving = !1, s.isDown = !1, s.x = 0, s.y = 0, s.isLocked = !0, f.prePlayTime = 0, f.time = 0;
+        var h = t.type;
+        h === "touchend" || h === "touchcancel" ? (e.root.removeEventListener("touchmove", e.onMouseMove), e.root.removeEventListener("touchend", e.onMouseUp), e.root.removeEventListener("touchcancel", e.onMouseUp), e.blur()) : (document.removeEventListener("mousemove", e.onMouseMove, !1), document.removeEventListener("mouseup", e.onMouseUp, !1), s.isEnter ? a.isMobileSimulateMode !== "mobile" && e.bind("mousemove", e.onMoveOnly) : e.onMouseLeave(t)), l.setTimeout(c(e), function() {
+          e.resetSeekState();
+        }, 1), n.focus();
+      }
+    }), p(c(e), "onMouseMove", function(t) {
+      var i = c(e), n = i._state, o = i.pos, s = i.player, a = i.config;
+      l.checkTouchSupport() && t.preventDefault(), l.event(t);
+      var f = l.getEventPos(t, s.zoom), u = s.rotateDeg === 90 ? f.clientY : f.clientX, h = Math.abs(o.x - u);
+      if (!(o.moving && h < a.miniMoveStep || !o.moving && h < a.miniStartStep)) {
+        o.x = u;
+        var d = e.computeTime(t, u);
+        d.prePlayTime = n.prePlayTime, e._mouseMoveHandlerHook(t, d);
+      }
+    }), p(c(e), "onMouseOut", function(t) {
+      e.triggerCallbacks("mouseout", null, t);
+    }), p(c(e), "onMouseOver", function(t) {
+      e.triggerCallbacks("mouseover", null, t);
+    }), p(c(e), "onMouseEnter", function(t) {
+      var i = c(e), n = i.player, o = i.pos;
+      if (!(o.isDown || o.isEnter || n.isMini || !n.config.allowSeekAfterEnded && n.ended)) {
+        o.isEnter = !0, e.bind("mousemove", e.onMoveOnly), e.bind("mouseleave", e.onMouseLeave), l.event(t);
+        var s = l.getEventPos(t, n.zoom), a = n.rotateDeg === 90 ? s.clientY : s.clientX, f = e.computeTime(t, a);
+        e.triggerCallbacks("mouseenter", f, t), e.focus();
+      }
+    }), p(c(e), "onMouseLeave", function(t) {
+      e.triggerCallbacks("mouseleave", null, t), e.unlock(), e._updateInnerFocus(null);
+    }), p(c(e), "onVideoResize", function() {
+      var t = e.pos, i = t.x, n = t.isDown, o = t.isEnter;
+      if (o && !n) {
+        var s = e.computeTime(null, i);
+        e.onMoveOnly(null, s);
+      }
+    }), e.useable = !1, e.isProgressMoving = !1, e.__dragCallBacks = [], e._state = {
+      now: -1,
+      direc: 0,
+      time: 0,
+      prePlayTime: -1
+    }, e._disableBlur = !1, typeof e.config.isDragingSeek == "boolean" && (console.warn("[XGPLAYER] 'isDragingSeek' is deprecated, please use 'isDraggingSeek' instead"), e.config.isDraggingSeek = e.config.isDragingSeek), e;
+  }
+  return D(m, [{
+    key: "offsetDuration",
+    get: function() {
+      return this.playerConfig.customDuration || this.player.offsetDuration || this.player.duration;
+    }
+  }, {
+    key: "duration",
+    get: function() {
+      return this.playerConfig.customDuration || this.player.duration;
+    }
+  }, {
+    key: "timeOffset",
+    get: function() {
+      return this.playerConfig.timeOffset || 0;
+    }
+  }, {
+    key: "currentTime",
+    get: function() {
+      var e = this.player, t = e.offsetCurrentTime, i = e.currentTime;
+      return t >= 0 ? t : i + this.timeOffset;
+    }
+  }, {
+    key: "changeState",
+    value: function() {
+      var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
+      this.useable = e;
+    }
+  }, {
+    key: "show",
+    value: function(e) {
+      this.root && (this.root.style.display = "flex");
+    }
+  }, {
+    key: "_initInner",
+    value: function() {
+      var e = this, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      (!t || t.length === 0) && (t = [{
+        percent: 1
+      }]);
+      var n = k(k({
+        fragments: t
+      }, i), {}, {
+        actionCallback: function(s) {
+          e.emitUserAction("fragment_focus", "fragment_focus", s);
+        }
+      });
+      this.innerList ? this.innerList.reset(n) : (this.innerList = new N(n), this.outer.insertBefore(this.innerList.render(), this.outer.children[0]), ["findHightLight", "unHightLight", "setHightLight", "findFragment"].map(function(o) {
+        e[o] = e.innerList[o].bind(e.innerList);
+      }));
+    }
+  }, {
+    key: "_updateInnerFocus",
+    value: function(e) {
+      this.innerList && this.innerList.updateFocus(e);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      if (!(this.config.disable || this.playerConfig.isLive)) {
+        this.pos = {
+          x: 0,
+          y: 0,
+          moving: !1,
+          isDown: !1,
+          isEnter: !1,
+          isLocked: !1
+        }, this.outer = this.find("xg-outer");
+        var e = this.config, t = e.fragFocusClass, i = e.fragAutoFocus, n = e.fragClass;
+        this._initInner(this.config.fragments, {
+          fragFocusClass: t,
+          fragAutoFocus: i,
+          fragClass: n,
+          style: this.playerConfig.commonStyle || {}
+        }), P.device === "mobile" && (this.config.isDraggingSeek = !1, this.isMobile = !0), this.progressBtn = this.find(".xgplayer-progress-btn"), this.listenEvents(), this.bindDomEvents(), this.initCustomStyle();
+      }
+    }
+  }, {
+    key: "listenEvents",
+    value: function() {
+      var e = this;
+      this.on(w, function() {
+        e.onMouseLeave();
+      }), this.on(I, function() {
+        e.onTimeupdate();
+      }), this.on(B, function() {
+        e.onTimeupdate(), e.onCacheUpdate();
+      }), this.on(H, function() {
+        e.onCacheUpdate();
+      }), this.on(x, function() {
+        e.onCacheUpdate(!0), e.onTimeupdate(!0), e._state.now = 0;
+      }), this.on(O, function() {
+        e.onReset();
+      }), this.on(U, function() {
+        e.onVideoResize();
+      });
+    }
+  }, {
+    key: "setConfig",
+    value: function(e) {
+      var t = this, i = null;
+      Object.keys(e).forEach(function(n) {
+        t.config[n] = e[n], n === "fragments" && (i = e[n]);
+      }), i && this._initInner(i, e);
+    }
+  }, {
+    key: "initCustomStyle",
+    value: function() {
+      var e = this.playerConfig || {}, t = e.commonStyle, i = t.sliderBtnStyle, n = this.progressBtn;
+      i && (typeof i == "string" ? n.style.boxShadow = i : L(i) === "object" && Object.keys(i).map(function(o) {
+        n.style[o] = i[o];
+      }));
+    }
+  }, {
+    key: "triggerCallbacks",
+    value: function(e, t, i) {
+      this.__dragCallBacks.length > 0 && this.__dragCallBacks.map(function(n) {
+        if (n && n.handler && n.type === e)
+          try {
+            n.handler(t, i);
+          } catch (o) {
+            console.error("[XGPLAYER][triggerCallbacks] ".concat(n, " error"), o);
+          }
+      });
+    }
+  }, {
+    key: "addCallBack",
+    value: function(e, t) {
+      t && typeof t == "function" && this.__dragCallBacks.push({
+        type: e,
+        handler: t
+      });
+    }
+  }, {
+    key: "removeCallBack",
+    value: function(e, t) {
+      var i = this.__dragCallBacks, n = -1;
+      i.map(function(o, s) {
+        o && o.type === e && o.handler === t && (n = s);
+      }), n > -1 && i.splice(n, 1);
+    }
+  }, {
+    key: "unlock",
+    value: function() {
+      var e = this.player, t = this.pos;
+      if (t.isEnter = !1, t.isLocked = !1, !e.isMini) {
+        if (this.unbind("mousemove", this.onMoveOnly), t.isDown) {
+          this.unbind("mouseleave", this.onMouseLeave);
+          return;
+        }
+        this.blur();
+      }
+    }
+  }, {
+    key: "bindDomEvents",
+    value: function() {
+      var e = this.player.config;
+      this._mouseDownHandlerHook = this.hook("dragstart", this._mouseDownHandler), this._mouseUpHandlerHook = this.hook("dragend", this._mouseUpHandler), this._mouseMoveHandlerHook = this.hook("drag", this._mouseMoveHandler), (this.domEventType === "touch" || this.domEventType === "compatible") && this.root.addEventListener("touchstart", this.onMouseDown), (this.domEventType === "mouse" || this.domEventType === "compatible") && (this.bind("mousedown", this.onMouseDown), e.isMobileSimulateMode !== "mobile" && this.bind("mouseenter", this.onMouseEnter), this.bind("mouseover", this.onMouseOver), this.bind("mouseout", this.onMouseOut), this.player.root.addEventListener("click", this.onBodyClick, !0));
+    }
+  }, {
+    key: "focus",
+    value: function() {
+      this.player.controls.pauseAutoHide(), l.addClass(this.root, "active");
+    }
+  }, {
+    key: "blur",
+    value: function() {
+      this._disableBlur || (this.player.controls.recoverAutoHide(), l.removeClass(this.root, "active"));
+    }
+  }, {
+    key: "disableBlur",
+    value: function() {
+      this._disableBlur = !0;
+    }
+  }, {
+    key: "enableBlur",
+    value: function() {
+      this._disableBlur = !1;
+    }
+  }, {
+    key: "updateWidth",
+    value: function(e, t, i, n) {
+      var o = this.config, s = this.player;
+      if (!(o.isCloseClickSeek && n === 0)) {
+        var a = t = t >= s.duration ? s.duration - o.endedDiff : Number(t).toFixed(1);
+        this.updatePercent(i), this.updateTime(e), !(n === 1 && (!o.isDraggingSeek || s.config.mediaType === "audio")) && (this._state.now = a, this._state.direc = a > s.currentTime ? 0 : 1, s.seek(a));
+      }
+    }
+  }, {
+    key: "computeTime",
+    value: function(e, t) {
+      var i = this.player, n = this.root.getBoundingClientRect(), o = n.width, s = n.height, a = n.top, f = n.left, u, h, d = t;
+      i.rotateDeg === 90 ? (u = s, h = a) : (u = o, h = f);
+      var v = d - h;
+      v = v > u ? u : v < 0 ? 0 : v;
+      var g = v / u;
+      g = g < 0 ? 0 : g > 1 ? 1 : g, Number.isNaN(g) && (g = this.player.currentTime / this.offsetDuration);
+      var y = parseInt(g * this.offsetDuration * 1e3, 10) / 1e3, C = l.getCurrentTimeByOffset(y, i.timeSegments);
+      return {
+        percent: g,
+        currentTime: y,
+        seekTime: C,
+        offset: v,
+        width: u,
+        left: h,
+        e
+      };
+    }
+  }, {
+    key: "updateTime",
+    value: function(e) {
+      var t = this.player, i = this.duration;
+      e > i ? e = i : e < 0 && (e = 0);
+      var n = t.plugins.time;
+      n && n.updateTime(e);
+    }
+  }, {
+    key: "resetSeekState",
+    value: function() {
+      this.isProgressMoving = !1;
+      var e = this.player.plugins.time;
+      e && e.resetActive();
+    }
+  }, {
+    key: "updatePercent",
+    value: function(e, t) {
+      if (this.isProgressMoving = !0, !this.config.disable) {
+        e = e > 1 ? 1 : e < 0 ? 0 : e, this.progressBtn.style.left = "".concat(e * 100, "%"), this.innerList.update({
+          played: e * this.offsetDuration
+        }, this.offsetDuration);
+        var i = this.player.plugins.miniprogress;
+        i && i.update({
+          played: e * this.offsetDuration
+        }, this.offsetDuration);
+      }
+    }
+  }, {
+    key: "onTimeupdate",
+    value: function(e) {
+      var t = this.player, i = this._state, n = this.offsetDuration;
+      if (!(t.isSeeking && t.media.seeking || this.isProgressMoving || !t.hasStart)) {
+        if (i.now > -1) {
+          var o = parseInt(i.now * 1e3, 10) - parseInt(t.currentTime * 1e3, 10);
+          if (i.direc === 0 && o > 300 || i.direc === 1 && o > -300) {
+            i.now = -1;
+            return;
+          } else
+            i.now = -1;
+        }
+        var s = this.currentTime;
+        s = l.adjustTimeByDuration(s, n, e), this.innerList.update({
+          played: s
+        }, n), this.progressBtn.style.left = "".concat(s / n * 100, "%");
+      }
+    }
+  }, {
+    key: "onCacheUpdate",
+    value: function(e) {
+      var t = this.player, i = this.duration;
+      if (t) {
+        var n = t.bufferedPoint.end;
+        n = l.adjustTimeByDuration(n, i, e), this.innerList.update({
+          cached: n
+        }, i);
+      }
+    }
+  }, {
+    key: "onReset",
+    value: function() {
+      this.innerList.update({
+        played: 0,
+        cached: 0
+      }, 0), this.progressBtn.style.left = "0%";
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      var e = this.player;
+      this.thumbnailPlugin = null, this.innerList.destroy(), this.innerList = null;
+      var t = this.domEventType;
+      (t === "touch" || t === "compatible") && (this.root.removeEventListener("touchstart", this.onMouseDown), this.root.removeEventListener("touchmove", this.onMouseMove), this.root.removeEventListener("touchend", this.onMouseUp), this.root.removeEventListener("touchcancel", this.onMouseUp)), (t === "mouse" || t === "compatible") && (this.unbind("mousedown", this.onMouseDown), this.unbind("mouseenter", this.onMouseEnter), this.unbind("mousemove", this.onMoveOnly), this.unbind("mouseleave", this.onMouseLeave), document.removeEventListener("mousemove", this.onMouseMove, !1), document.removeEventListener("mouseup", this.onMouseUp, !1), e.root.removeEventListener("click", this.onBodyClick, !0));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      if (!(this.config.disable || this.playerConfig.isLive)) {
+        var e = this.player.controls ? this.player.controls.config.mode : "", t = e === "bottom" ? "xgplayer-progress-bottom" : "";
+        return `
+    <xg-progress class="xgplayer-progress `.concat(t, `">
+      <xg-outer class="xgplayer-progress-outer">
+        <xg-progress-btn class="xgplayer-progress-btn"></xg-progress-btn>
+      </xg-outer>
+    </xg-progress>
+    `);
+      }
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "progress";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        position: A.CONTROLS_CENTER,
+        index: 0,
+        disable: !1,
+        isDraggingSeek: !0,
+        closeMoveSeek: !1,
+        isPauseMoving: !1,
+        isCloseClickSeek: !1,
+        fragments: [{
+          percent: 1
+        }],
+        fragFocusClass: _.POINT,
+        fragClass: "",
+        fragAutoFocus: !1,
+        miniMoveStep: 5,
+        miniStartStep: 2,
+        onMoveStart: function() {
+        },
+        onMoveEnd: function() {
+        },
+        endedDiff: 0.2
+      };
+    }
+  }, {
+    key: "FRAGMENT_FOCUS_CLASS",
+    get: function() {
+      return _;
+    }
+  }]), m;
+})(F);
+export {
+  Y as default
+};