1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51494],{75973:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ai-studio/smart-clipper/generate/GenerateClipsForm/TimeframeSlider",function(){return t(79806)}])},79806:function(e,n,t){"use strict";t.r(n),t.d(n,{DurationText:function(){return u}});var s=t(85893),l=t(45608),a=t(30381),i=t.n(a),o=t(67294),r=t(87536);let c=t(5405).ZP.div.withConfig({componentId:"sc-b0b906c9-0"})(["position:absolute;left:50%;transform:translate(-50%)"]),u=e=>{let{duration:n,noMilsc:t}=e,l=o.useMemo(()=>{var e,t,s,l;let a=i().duration(Math.round(1e3*n)),[o,r]="".concat(a.milliseconds()/1e3).split(".");return{hours:a.hours()?(null===(e="".concat(a.hours()||"00"))||void 0===e?void 0:e.length)<2?"0".concat(a.hours()||"0"):"".concat(a.hours()||"00"):0,minuets:(null===(t="".concat(a.minutes()||"00"))||void 0===t?void 0:t.length)<2?"0".concat(a.minutes()||"0"):"".concat(a.minutes()||"00"),seconds:(null===(s="".concat(a.seconds()||"00"))||void 0===s?void 0:s.length)<2?"0".concat(a.seconds()||"0"):"".concat(a.seconds()||"00"),milliseconds:r?(null===(l="".concat(r||"00"))||void 0===l?void 0:l.length)<2?"".concat(r||"0"):"".concat("".concat(r||"00").slice(0,2)):0}},[n]);return(0,s.jsxs)("span",{children:[(null==l?void 0:l.hours)?"".concat(null==l?void 0:l.hours,":"):"",null==l?void 0:l.minuets,":",null==l?void 0:l.seconds]})},d=e=>{let{id:n,value:t,min:l,max:a,onChange:i}=e;return(0,s.jsx)("input",{id:n,type:"range",className:"custom-range z-[4]",value:t,min:l,max:a,onChange:e=>i(Number(e.target.value))})};n.default=o.memo(e=>{let{control:n,duration:t,handleChange:a}=e,i=(0,r.qo)({control:n}),[m,h]=(0,o.useState)(0),[x,v]=(0,o.useState)(100),f=o.useRef(),N=()=>{let e=(m-0)/100*100,n=(x-0)/100*100;f.current.style.left="".concat(e,"%"),f.current.style.width="".concat(n-e,"%")};return o.useEffect(()=>{f&&f.current&&N()},[m,x]),(0,s.jsxs)("div",{className:"grid gap-5",dir:"ltr",children:[(0,s.jsx)("div",{className:"range_container range-slider",children:(0,s.jsxs)("div",{className:"sliders_control",children:[(0,s.jsx)(d,{id:"fromSlider",value:m,min:0,max:100,onChange:e=>{e<x&&(h(e),a&&a({...null==i?void 0:i.timeframe,from:(0,l.Md)(Number(e*t/100))}))}}),(0,s.jsx)(d,{id:"toSlider",value:x,min:0,max:100,onChange:e=>{e>m&&(v(e),a&&a({...null==i?void 0:i.timeframe,to:(0,l.Md)(Number(e*t/100))}))}}),(0,s.jsx)("div",{className:"absolute h-1 bg-white-65 w-full z-[2] rounded-full"}),(0,s.jsx)("div",{className:"absolute h-1 bg-secondary z-[2]",ref:f,children:(0,s.jsx)(c,{className:" px-[5px] rounded bg-secondary top-4",children:(0,s.jsx)("span",{className:"text-white x-small-text",children:(0,s.jsx)(u,{duration:Number((x-m)*t/100)})})})})]})}),(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsx)("span",{className:"x-small-text text-white-65",children:(0,s.jsx)(u,{duration:(0,l.Md)(Number(m*t/100),3)})}),(0,s.jsx)("span",{className:"x-small-text text-white-65",children:(0,s.jsx)(u,{duration:(0,l.Md)(Number(x*t/100),3)})})]})]})})}},function(e){e.O(0,[92888,49774,40179],function(){return e(e.s=75973)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.