https://wonbnb.com/sites/6auqC3b7WgF15Ix0wzWM9r/Audio.rx4Q_v2V.mjs

1import{t as e}from"./rolldown-runtime.uxh0A31G.mjs";import{C as t,D as n,M as r,P as i,c as a,j as o,l as s,o as c,s as l}from"./react.DBuuE02x.mjs";import{G as u,R as d,S as f,f as p,k as m,s as h,t as g}from"./motion.CMYqwrAF.mjs";import{C as _,U as v,_ as y,gt as b,r as x}from"./framer.DbodUoNm.mjs";import{_ as ee,a as S,c as te,d as ne,f as re,i as ie,l as C,m as ae,n as w,p as oe,r as T,s as E,t as D,u as O}from"./default-utils.js@_0.45.DGFv7ooQ.mjs";function k(e){var t=typeof e;return e!=null&&(t==`object`||t==`function`)}function se(e){if(typeof e==`number`)return e;if(typeof e==`symbol`)return F;if(k(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=k(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=e.replace(I,``);var n=R.test(e);return n||z.test(e)?B(e.slice(2),n?2:8):L.test(e)?F:+e}function A(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(M);t=se(t)||0,k(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?N(se(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(_,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?P(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function _(){var e=V();if(g(e))return v(e);s=setTimeout(_,h(e))}function v(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function y(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function b(){return s===void 0?o:v(V())}function x(){var e=V(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(_,t),p(c)}return s===void 0&&(s=setTimeout(_,t)),o}return x.cancel=y,x.flush=b,x}function j(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(M);return k(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),A(e,t,{leading:r,maxWait:t,trailing:i})}var M,N,P,F,I,L,R,z,B,V,H=e((()=>{M=`Expected a function`,N=Math.max,P=Math.min,F=NaN,I=/^\s+|\s+$/g,L=/^[-+]0x[0-9a-f]+$/i,R=/^0b[01]+$/i,z=/^0o[0-7]+$/i,B=parseInt,V=function(){return Date.now()}})),U=e((()=>{H()})),W,G,K=e((()=>{c(),v(),g(),t(),D(),U(),(function(e){e.Hide=`Hide`,e.Hover=`Hover`,e.Show=`Show`})(W||={}),G=b(function(e){let{value:t,trackHeight:r,fillColor:c,focusColor:l,min:d,max:h,onChange:g,onChangeLive:_,onMax:v,onMin:b,trackColor:x,trackRadius:ee,knobSize:S,knobColor:re,constrainKnob:ie,shadow:C,shouldAnimateChange:ae,transition:w,overdrag:oe,knobSetting:T,style:E}=e,[D,k]=i(!1),[se,A]=i(!1),M=y.current()===y.canvas,N=ae&&!M,P=ie&&T===W.Show,F=T!==W.Hide,I=n(),L=o((e,t)=>{V(e),g&&g(e),N?p(t,e,w):requestAnimationFrame(()=>t.set(e))},[w,N,g]),R=te(t,{onChange:L,transform:e=>m(e,[0,100],[d,h])}),z=u(R,[d,h],[`0%`,`100%`]),B=u(R,[d,h],[0,1]),V=o(j(e=>{I.current?.value&&(I.current.value=e)},100),[I]);O(R,e=>{ne(t)&&V(e),v&&e>=h&&v(),b&&e<=d&&b(),_&&_(e)}

1);let H=e=>{L(parseFloat(e.target.value),R)},U=e=>{parseFloat(e.target.value)!==0&&L(parseFloat(e.target.value),R)},G=()=>{},K=F?S+8:8,q=Math.max(S+8,r);return s(`div`,{className:`framer-default-slider`,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{position:`relative`,...E,alignItems:`center`,justifyContent:`flex-start`,border:`0px solid ${l}`,"--framer-default-slider-height":q,"--framer-default-slider-width":K},children:[a(`input`,{ref:I,style:{flexShrink:0,minHeight:q,opacity:0,margin:0,display:`flex`,...E,WebkitTapHighlightColor:`rgba(0, 0, 0, 0)`,...!P&&{width:`calc(100% + ${K}px)`,marginLeft:-K/2}},onFocus:()=>A(!0),onBlur:()=>A(!1),type:`range`,min:d,max:h,defaultValue:-1,step:`any`,onChange:H,onMouseDown:U,onMouseUp:G}),a(`div`,{style:{background:x,position:`absolute`,top:`calc(50% - ${Math.ceil(r/2)}px)`,borderRadius:ee,display:`flex`,height:r,width:`100%`,transformOrigin:`left`,pointerEvents:`none`,overflow:`hidden`},children:a(f.div,{style:{height:r,width:`100%`,background:c,scaleX:B,position:`absolute`,top:`calc(50% - ${Math.ceil(r/2)}px)`,transformOrigin:`left`,pointerEvents:`none`}})}),a(f.div,{style:{x:z,position:`absolute`,display:`flex`,top:`calc(50% - ${Math.floor(S/2)}px)`,pointerEvents:`none`,...P?{width:`calc(100% - ${S}px`,left:0}:{width:`100%`,left:-S/2}},children:a(f.div,{initial:!1,animate:{scale:D&&T===W.Hover||T===W.Show?1:0},transition:{type:`spring`,stiffness:900,damping:40},style:{transformOrigin:`50% 50%`,width:S,height:S,borderRadius:`50%`,background:re,pointerEvents:`none`,boxShadow:`0px 1px 2px 0px ${C}, 
2                                0px 2px 4px 0px ${C}, 
3                                0px 4px 8px 0px ${C}`}})})]})},[`.framer-default-slider input[type=range] {  width: 100%; height: 100% background:transparent margin: 0;}`,`.framer-default-slider input[type=range]:focus { outline: none; }`,`.framer-default-slider input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }`,`.framer-default-slider input[type=range]::-webkit-slider-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0;  background: none; }`,`.framer-default-slider input[type=range]::-moz-range-thumb { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0;  background: none; }`,`.framer-default-slider input[type=range]::-ms-thumb  { height: var(--framer-default-slider-height, 0px); width: var(--framer-default-slider-width, 0px); border-radius: 0;  background: none; }`]),G.displayName=`Slider`,G.defaultProps={height:20,width:200,trackHeight:4,fillColor:`#09F`,trackColor:`#DDD`,knobColor:`#FFF`,focusColor:`rgba(0, 153, 255,0)`,shadow:`rgba(0,0,0,0.1)`,knobSize:20,overdrag:!0,min:0,max:100,value:50,trackRadius:5,knobSetting:W.Show,constrainKnob:!1,transition:{type:`spring`,delay:0,stiffness:750,damping:50},shouldAnimateChange:!0},_(G,{fillColor:{title:`Tint`,type:x.Color},trackColor:{title:`Track`,type:x.Color},knobColor:{title:`Knob`,type:x.Color},shadow:{type:x.Color,title:`Shadow`},shouldAnimateChange:{type:x.Boolean,title:`Changes`,enabledTitle:`Animate`,disabledTitle:`Instant`},transition:{type:x.Transition,defaultValue:G.defaultProps.transition},knobSetting:{type:x.Enum,displaySegmentedControl:!0,title:`Knob`,options:[`Hide`,`Hover`,`Show`]},constrainKnob:{type:x.Boolean,title:`Constrain`,enabledTitle:`Yes`,disabledTitle:`No`,hidden:({knobSetting:e})=>e!==W.Show},knobSize:{type:x.Number,title:`Knob`,min:10,max:100,hidden:({knobSetting:e})=>e===W.Hide},value:{type:x.Number,title:`Value`,min:0,max:100,unit:`%`},trackHeight:{title:`Height`,type:x.Number,min:0}

3,min:{title:`Min`,type:x.Number,displayStepper:!0},trackRadius:{type:x.Number,displayStepper:!0,min:0,max:200,title:`Radius`},max:{title:`Max`,type:x.Number,displayStepper:!0},onChange:{type:x.EventHandler},onMax:{type:x.EventHandler},onMin:{type:x.EventHandler}})}));function q(e){let{currentTime:t,startTime:n}=e,[o,s]=i(`0:00`);return r(()=>{s(C(n))},[n]),O(t,e=>{s(C(e))}),a(l,{children:o})}function ce(e){return a(f.svg,{...e,className:`framer-audio-icon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,children:a(`path`,{d:`M 5.379 1.292 C 4.968 1.033 4.449 1.017 4.023 1.251 C 3.598 1.486 3.334 1.933 3.333 2.419 L 3.333 13.581 C 3.334 14.067 3.598 14.514 4.023 14.749 C 4.449 14.983 4.968 14.967 5.379 14.708 L 14.215 9.127 C 14.602 8.883 14.836 8.457 14.836 8 C 14.836 7.543 14.602 7.117 14.215 6.873 Z`,fill:`#333`})})}function le(e){return s(f.svg,{...e,className:`framer-audio-icon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,children:[a(`path`,{d:`M 3 3 C 3 2.448 3.448 2 4 2 L 6 2 C 6.552 2 7 2.448 7 3 L 7 13 C 7 13.552 6.552 14 6 14 L 4 14 C 3.448 14 3 13.552 3 13 Z`,fill:`#343434`}),a(`path`,{d:`M 9 3 C 9 2.448 9.448 2 10 2 L 12 2 C 12.552 2 13 2.448 13 3 L 13 13 C 13 13.552 12.552 14 12 14 L 10 14 C 9.448 14 9 13.552 9 13 Z`,fill:`#343434`})]})}var J,ue,de,Y,X=e((()=>{c(),t(),v(),g(),D(),K(),J=e=>e instanceof h,(function(e){e.Video=`Upload`,e.Url=`URL`})(ue||={}),de=e=>e.current&&!e.current.paused&&!e.current.ended&&e.current.readyState>2,Y=b(function(e){let{playing:t,background:c,progressColor:u,trackHeight:f,gap:m,trackColor:h,srcUrl:g,srcType:_,srcFile:v,loop:b,font:x,autoPlay:ne,progress:w,volume:T,showTime:D,showTrack:O,playPauseCursor:k,showPlayPause:se,onTimeUpdate:A,onMetadata:j,onPlay:M,onPause:N,onEnd:P,pauseOnExit:F,onPlayGlobalPauseOption:I}=e,L=`pointer`;k?L=k:e!=null&&e.style?.cursor&&(L=e.style.cursor);let[R,z]=i(!1),[B,V]=i(0),H=n(),U=n({ready:!1,animation:null}),W=te(w,{transform:e=>e*.01,onChange:(e,t)=>

3{H.current.duration&&(H.current.currentTime=e*H.current.duration,Q(`motionHook`))}}),K=ie(e),ue=S(e),{fontSize:Y}=E(e),X=y.current()===y.preview,fe=I===`pause`,pe=_===`URL`?g:v,Z=X&&t,Q=o(e=>{var t,n;let r=H.current.duration,i=H.current.currentTime;if((n=U.current)==null||(t=n.animation)==null||t.stop(),Math.abs(i-W.get())>.5&&W.set(i),!X)return;let a=de(H);R!==a&&z(a),a&&X&&(U.current.animation=p(W,r,{type:`tween`,ease:`linear`,duration:r-i}))},[X,R]),me=()=>{document.querySelectorAll(`.framer-audio`).forEach(e=>{e.pause()})},$=()=>{X&&H.current.play().catch(e=>{})},he=()=>{var e,t;H.current.pause(),(t=U.current)==null||(e=t.animation)==null||e.stop()},ge=()=>{j&&j({duration:H.current.duration}),V(H.current.duration)},_e=()=>{J(w)||(H.current.currentTime=w*.01*H.current.duration)},ve=()=>{U.current.ready||(Z&&$(),U.current.ready=!0,_e())},ye=e=>{H.current.currentTime&&(H.current.currentTime=e,Q(`handleSeek`))},be=()=>{P&&P()},xe=()=>{fe&&me(),$()};r(()=>{X?t===!0?$():he():z(t===!0)},[t]),r(()=>{H.current?.duration&&V(H.current.duration)},[]),r(()=>{U.current.ready&&R&&M?M():U.current.ready&&N&&N()},[R]),r(()=>{H.current.volume=T/100},[T]),r(()=>{U.current.ready=!1},[v,_,g]),re(()=>{Z&&$()}),oe(()=>{F&&H.current.pause()}),d(W,`change`,e=>{let t=H.current?.duration?e/H.current.duration*100:null;A&&A(e,t,C(e))});let Se={marginRight:D||O?m:0,flexShrink:0,cursor:L};return s(`div`,{style:{...ae,position:`relative`,overflow:`hidden`,background:c,padding:K,borderRadius:ue},children:[a(`audio`,{src:pe,loop:b,className:`framer-audio`,ref:H,preload:`metadata`,autoPlay:Z,onLoadedMetadata:ge,onCanPlayThrough:ve,onPlaying:()=>Q(`playingEvent`),onPlay:()=>Q(`playEvent`),onSeeked:()=>Q(`seekEvent`),onPause:()=>Q(`pauseEvent`),onEnded:()=>be()}),se&&a(l,{children:R?a(le,{width:16,whileTap:{scale:.9},onClick:()=>he(),style:Se,"aria-label":`pause audio`}):a(ce,{width:16,whileTap:{scale:.9},onClick:xe,style:Se,"aria-label":`play audio`})}),D&&s(`p`,{style:{userSelect:`none`,color:`#333`,fontWeight:500,letterSpacing:-.25,margin:0,flexShrink:0,fontFamily:ee,fontVariantNumeric:`tabular-nums`,marginRight:O?m:0,...x},children:[a(q,{startTime:B*(J(w)?w.get():w*.01),currentTime:W}),a(`span`,{style:{padding:`0 2px`},children:`/`}),B>0?C(B):`1:34`]}),O&&a(G,{style:{width:`100%`},value:W,fillColor:u,knobSetting:`Hover`,shadow:`rgba(0,0,0,0)`,knobSize:10,knobColor:u,onChange:ye,shouldAnimateChange:!1,min:0,max:B,trackColor:h})]})},[`.framer-audio-icon { outline: none; }`,`.framer-audio-icons:focus-visible { outline: auto; }`]),Y.defaultProps={background:`#EBEBEB`,trackColor:`#FFFFFF`,font:{fontSize:12},progressColor:`#333333`,srcUrl:`/assets/audio/uAScMrddW5pnUx2eWO2PWeeTipw.mp3`,srcType:`URL`,pauseOnExit:!0,borderRadius:8,padding:15,progress:0,volume:25,loop:!1,playing:!0,autoPlay:!0,showTime:!0,showTrack:!0,showPlayPause:!0,onPlayGlobalPauseOption:`continue`,trackHeight:4,gap:15,height:50,width:240},_(Y,{srcType:{type:x.Enum,displaySegmentedControl:!0,title:`Source`,options:[`URL`,`Upload`]},srcUrl:{type:x.String,title:` `,placeholder:`.../example.mp4`,hidden(e){return e.srcType===`Upload`}},srcFile:{type:x.File,title:` `,allowedFileTypes:[`mp4`,`mp3`,`wav`,`m4a`],hidden(e){return e.srcType===`URL`}},playing:{title:`Playing`,type:x.Boolean,enabledTitle:`Yes`,disabledTitle:`No`},loop:{title:`Loop`,type:x.Boolean,enabledTitle:`Yes`,disabledTitle:`No`},progress:{title:`Progress`,type:x.Number,max:100,min:0,unit:`%`},volume:{type:x.Number,max:100,min:0,unit:`%`},progressColor:{title:`Progress`,type:x.Color,defaultValue:Y.defaultProps.progressColor},trackColor:{title:`Track`,type:x.Color,defaultValue:Y.defaultProps.trackColor},background:{title:`Player`,type:x.Color,defaultValue:Y.defaultProps.background},font:{title:`Font`,type:x.Font,displayFontSize:!0},...T,...w,gap:{type:x.Number,min:0,max:100,displayStepper:!0},showPlayPause:{type:x.Boolean,title:`Play/Pause`,enabledTitle:`Show`,disabledTitle:`Hide`},showTrack:{type:x.Boolean,title:`Track`,enabledTitle:`Show`,disabledTitle:`Hide`},showTime:{type:x.Boolean,title:`Time`,enabledTitle:`Show`,disabledTitle:`Hide`},pauseOnExit:{type:x.Boolean,title:`On Leave`,enabledTitle:`Pause`,disabledTitle:`Continue`},onPlayGlobalPauseOption:{type:x.Enum,title:`On Play`,options:[`continue`,`pause`],optionTitles:[`Continue All`,`Pause All`]},onPlay:{type:x.EventHandler},onPause:{type:x.EventHandler},onEnd:{type:x.EventHandler},onTimeUpdate:{type:x.EventHandler}})}));export{X as n,Y as t};
4//# sourceMappingURL=Audio.rx4Q_v2V.mjs.map