@aidenlx/player
Version:
Headless web components that make integrating media on the a web a breeze.
2 lines (1 loc) • 2.22 kB
JavaScript
import{a as c}from"./chunk.SFBX6VII.js";import{b as a}from"./chunk.IZOPTWJO.js";import{a as i,b as d}from"./chunk.KCC3AAG2.js";import{T as u,V as l,Y as n,a as r,ea as o,ga as p,ia as h,k as s}from"./chunk.PWTX2M5C.js";var m=h``;var t=class extends c{constructor(){super();this._e=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=!1;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=!0;this.Ds=s(this,"vds-slider-drag-start",e=>{this.Re(e)});this.ci=s(this,"vds-slider-value-change",e=>{n(e.originEvent)&&(this.b.cancel(),this.n.seek(this.value,e))});this.hi=s(this,"vds-slider-drag-value-change",e=>{this.b(e)});this.Vs=s(this,"vds-slider-drag-end",e=>{this.b.cancel(),this.n.seek(this.value,e),this.Re(e)});this.b=p(e=>{this.n.seeking(this.value,e)},this.seekingRequestThrottle);this.ne=!1;a(this,"currentTime",e=>{this.value=e}),a(this,"duration",e=>{this.__mediaDuration=e,this.requestUpdate("max")}),a(this,"paused",e=>{this.__mediaPaused=e})}static get styles(){return[super.styles,m]}connectedCallback(){super.connectedCallback(),l(this,"aria-label","Media time")}get min(){return 0}set min(e){}get max(){return this.__mediaDuration}set max(e){}update(e){e.has("disabled")&&this.disabled&&this.b.cancel(),super.update(e)}disconnectedCallback(){this.b.cancel(),super.disconnectedCallback()}Gt(){return"0%"}zt(){return`${Math.round(this.fillPercent)}%`}ke(){return this.valueText.replace("{currentTime}",o(this.value)).replace("{duration}",o(this.__mediaDuration))}Wt(){return"100%"}Re(e){!this.pauseWhileDragging||(this.isDragging&&!this.__mediaPaused?(this.ne=!0,this.n.pause(e)):this.ne&&!this.isDragging&&this.__mediaPaused&&(this.ne=!1,this.n.play(e)))}};r([i({attribute:!1,state:!0})],t.prototype,"value",2),r([i({attribute:!1})],t.prototype,"min",1),r([i({attribute:!1})],t.prototype,"max",1),r([i({attribute:"value-text"})],t.prototype,"valueText",2),r([i({attribute:"pause-while-dragging",type:Boolean})],t.prototype,"pauseWhileDragging",2),r([i({attribute:"seeking-request-throttle",type:Number})],t.prototype,"seekingRequestThrottle",2),r([d()],t.prototype,"__mediaDuration",2),r([d()],t.prototype,"__mediaPaused",2);u("vds-time-slider",t);