@daisforge/ui 1.19.0 → 1.21.0

package/chunks/{Stories-CZXv_Ves.cjs → Stories-UYVANawW.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),U=require("@salutejs/sdds-finai"),ne=require("@salutejs/plasma-icons"),s=require("react"),fe=require("react-dom"),Re=require("./EmptyState-CcxlsZm0.cjs"),q=require("./utils-CUW5bd8S.cjs"),V=require("@salutejs/sdds-themes/tokens/sdds_finai"),l=require("styled-components"),Ee=require("./AnalyticalWidget-wke3Jm3X.cjs"),je=({controller:e,pauseHoldDelay:t,tapPrevZone:n,isOpen:o})=>{const i=s.useRef(),y=s.useRef(!1),p=s.useRef("next"),u=()=>{i.current&&(clearTimeout(i.current),i.current=void 0)},v=f=>{const c=f.currentTarget.getBoundingClientRect(),_=c.width>0?(f.clientX-c.left)/c.width:1;p.current=_<n?"prev":"next",y.current=!1,u(),i.current=setTimeout(()=>{y.current=!0,e.pause()},t)},I=()=>{if(u(),y.current){y.current=!1,e.resume();return}p.current==="prev"?e.prev():e.next()},d=()=>{u(),y.current&&(y.current=!1,e.resume())};return s.useEffect(()=>{if(!o)return;const f=c=>{c.key==="ArrowLeft"?(c.preventDefault(),e.prev()):c.key==="ArrowRight"?(c.preventDefault(),e.next()):c.key==="Escape"&&(c.preventDefault(),e.close())};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[o,e]),{onPointerDown:v,onPointerUp:I,onPointerLeave:d,onPointerCancel:d}},ge=s.createContext(null),ke=ge.Provider,Y=()=>{const e=s.useContext(ge);if(!e)throw new Error("Компоненты Stories должны использоваться внутри <Stories>.");return e},Z=e=>s.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot),C={root:"df-stories",preview:"df-stories-preview",previewRing:"df-stories-preview__ring",previewGap:"df-stories-preview__gap",previewBody:"df-stories-preview__body",previewTitle:"df-stories-preview__title",viewer:"df-stories-viewer",overlay:"df-stories-viewer__overlay",stage:"df-stories-viewer__stage",banner:"df-stories-banner",progress:"df-stories-progress",progressItem:"df-stories-progress__item",content:"df-stories-content",action:"df-stories-banner__action",arrowPrev:"df-stories-viewer__arrow-prev",arrowNext:"df-stories-viewer__arrow-next",close:"df-stories-viewer__close"},Ne="linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)",Pe="#ecf6fc",L="df-stories-banner",X={duration:5e3,pauseHoldDelay:200,tapPrevZone:1/3,overlayColor:"#060a0c47",zIndex:9e3},x={circle:98,ring:2,titleGap:6,rectRadiusOuter:12,rectRadiusBody:8,bannerMaxWidth:430,bannerMaxHeight:900,bannerRadius:16,bannerPadding:28,stageWidth:558,progressHeight:4,progressRadius:2,progressFillRadius:6,progressGap:4},Te="StoriesPreview",ce=l.div.withConfig({displayName:"StoriesContentstyled__StyledContent"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:",";"],V.surfaceSolidCard),Oe=l.img.withConfig({displayName:"StoriesContentstyled__StyledImage"})(["width:100%;height:100%;object-fit:",";opacity:",";transition:opacity 0.2s ease;user-select:none;"],({$objectFit:e})=>e,({$loaded:e})=>e?1:0),Ae=l.div.withConfig({displayName:"StoriesContentstyled__StyledSpinner"})(["position:absolute;display:flex;align-items:center;justify-content:center;"]),ze=l.div.withConfig({displayName:"StoriesContentstyled__StyledErrorSlot"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:","px;"],x.bannerPadding),ye=({slide:e,status:t,errorNode:n})=>{const o=e.objectFit??"cover",i=t==="loaded";return t==="error"?r.jsx(ce,{className:C.content,children:r.jsx(ze,{children:n})}):r.jsxs(ce,{className:C.content,children:[r.jsx(Oe,{src:e.src,alt:"",draggable:!1,$objectFit:o,$loaded:i}),t==="loading"?r.jsx(Ae,{children:r.jsx(U.Spinner,{view:"default",size:"l"})}):null]})},pe=(e,t)=>{e&&(e.style.transform=`scaleX(${t})`)},De=({fillRef:e,active:t,duration:n,isPlaying:o,isReady:i,resetKey:y,onComplete:p})=>{const u=s.useRef(0),v=s.useRef(p);v.current=p,s.useEffect(()=>{u.current=0,pe(e.current,0)},[y,e]),s.useEffect(()=>{if(!t||!o||!i||n<=0)return;let I=0,d=performance.now();const f=c=>{u.current+=c-d,d=c;const _=Math.min(1,u.current/n);if(pe(e.current,_),_>=1){v.current();return}I=requestAnimationFrame(f)};return I=requestAnimationFrame(f),()=>cancelAnimationFrame(I)},[t,o,i,n,y,e])},$e=l.div.withConfig({displayName:"StoriesProgressstyled__StyledProgress"})(["display:flex;gap:","px;width:100%;"],x.progressGap),Be=l.div.withConfig({displayName:"StoriesProgressstyled__StyledItem"})(["position:relative;flex:1 1 0;height:","px;border-radius:","px;overflow:hidden;background:",";"],x.progressHeight,x.progressRadius,({$bg:e})=>e),Ve=l.span.withConfig({displayName:"StoriesProgressstyled__StyledFill"})(["position:absolute;inset:0;border-radius:","px;background:",";transform:scaleX(0);transform-origin:left center;will-change:transform;"],x.progressFillRadius,({$color:e})=>e),xe=({isReady:e})=>{var O;const{store:t,controller:n,groups:o,defaultDuration:i,mode:y}=Y(),{groupIndex:p,slideIndex:u,isPlaying:v,isOpen:I}=Z(t),d=q.useActiveTheme(),c=(y??d)==="dark",_=c?V.onLightSurfaceTransparentTertiary:V.onDarkSurfaceTransparentTertiary,S=c?V.onLightSurfaceTransparentDeep:V.onDarkSurfaceTransparentDeep,b=o[p],h=(b==null?void 0:b.slides)??[],z=s.useRef(null),N=((O=h[u])==null?void 0:O.duration)??(b==null?void 0:b.defaultDuration)??i;return De({fillRef:z,active:I,duration:N,isPlaying:v,isReady:e,resetKey:`${p}-${u}`,onComplete:n.next}),r.jsx($e,{className:C.progress,children:h.map((D,P)=>{const T=D.id??`${p}-${P}`,j=P<u,G=P===u;return r.jsx(Be,{className:C.progressItem,$bg:j?S:_,children:G?r.jsx(Ve,{ref:z,$color:S}):null},T)})})},Ge=l.keyframes(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]),Le=l.keyframes(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]),Fe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBanner"})(["position:relative;height:100%;width:auto;aspect-ratio:"," / ",";max-width:calc( 100vw - ","px );border-radius:","px;overflow:hidden;view-transition-name:",";animation:"," "," ease forwards;"],x.bannerMaxWidth,x.bannerMaxHeight,x.stageWidth-x.bannerMaxWidth,x.bannerRadius,L,({$closing:e})=>e?Le:Ge,({$closing:e})=>e?"0.2s":"0.24s"),He=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTapLayer"})(["position:absolute;inset:0;z-index:1;touch-action:none;"]),Me=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTop"})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],x.bannerPadding),We=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBottom"})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],x.bannerPadding),Xe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledActionSlot"})(["pointer-events:auto;"]),me=({closing:e,onAnimationEnd:t})=>{const{store:n,controller:o,groups:i,pauseHoldDelay:y,tapPrevZone:p,loadingDelay:u,onError:v,renderError:I}=Y(),{groupIndex:d,slideIndex:f,isOpen:c}=Z(n),_=i[d],S=_==null?void 0:_.slides[f],{status:b,reload:h}=q.useImageLoader(S==null?void 0:S.src,u),z=je({controller:o,pauseHoldDelay:y,tapPrevZone:p,isOpen:c}),N=s.useRef();s.useEffect(()=>{if(b!=="error"||!S)return;const j=`${d}-${f}`;N.current!==j&&(N.current=j,v==null||v({groupIndex:d,slideIndex:f,slide:S,retry:h}))},[b,d,f,S,v,h]);const O=j=>j.stopPropagation(),D=j=>{j.target===j.currentTarget&&t()};if(!S)return null;const{footer:P}=S,T=I?I({groupIndex:d,slideIndex:f,slide:S,retry:h}):r.jsx(Re.EmptyState,{size:"s",variant:"loading",title:"Не удалось загрузить",centered:!0,buttons:[{type:"link",props:{text:"Обновить",view:"accent",onClick:h}}]});return r.jsxs(Fe,{className:C.banner,$closing:e,onClick:O,onAnimationEnd:D,children:[r.jsx(ye,{slide:S,status:b,errorNode:T}),b==="error"?null:r.jsx(He,{...z}),r.jsx(Me,{children:r.jsx(xe,{isReady:b==="loaded"})}),P?r.jsx(We,{children:r.jsx(Xe,{className:C.action,children:P})}):null]})},se={ring:()=>Ne,fallback:()=>Pe,boxShadow:()=>V.shadowDownSoftL},re=(e,t)=>e==="circle"?"50%":`${{outer:x.rectRadiusOuter,body:x.rectRadiusBody}[t]}px`,qe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledPreview"})(["display:flex;flex-direction:column;align-items:center;width:","px;"],({$width:e})=>e),Ye=l.button.withConfig({displayName:"StoriesPreviewstyled__StyledTrigger"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:",";outline:none;&:focus-visible{outline:2px solid ",";outline-offset:2px;}"],({$width:e})=>e,({$height:e})=>e,({$shape:e})=>re(e,"outer"),V.textAccent),Ze=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledRing"})(["position:absolute;inset:0;box-sizing:border-box;padding:","px;background:",";border-radius:",";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"],x.ring,se.ring,({$shape:e})=>re(e,"outer")),Ke=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledBody"})(["position:absolute;inset:","px;box-sizing:border-box;box-shadow:",";background-color:",";background-position:center;background-size:cover;background-repeat:no-repeat;"," border-radius:",";"],({$viewed:e})=>e?0:x.ring*2,se.boxShadow,se.fallback,({$image:e})=>e&&l.css(["background-image:url('","');"],e),({$shape:e,$viewed:t})=>re(e,t?"outer":"body")),Ue=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledTitle"})(["margin-top:","px;width:100%;text-align:",";& > *{width:100%;}"],x.titleGap,({$align:e})=>e),oe=e=>{var $;const{slides:t,shape:n="circle",title:o,titleProps:i,image:y,viewed:p=!1,size:u=x.circle,width:v,height:I,renderTrigger:d,className:f,__index:c=0}=e,{store:_,controller:S,preloadOnHover:b}=Y(),h=Z(_),z=h.isOpen&&h.groupIndex===c,N=n==="rect"?v??u:u,O=n==="rect"?I??u:u,D=()=>S.open(c),P=()=>{b&&t[0]&&q.preloadImage(t[0].src)},T=()=>d?d({index:c,viewed:p,isActive:z}):r.jsxs(r.Fragment,{children:[p?null:r.jsx(Ze,{className:C.previewRing,$shape:n}),r.jsx(Ke,{className:C.previewBody,$shape:n,$viewed:p,$image:y})]}),j={variant:"BodyXXS",bold:!0,lines:2,tooltipText:o,color:V.textPrimary,...i,children:o},G=(($=i==null?void 0:i.style)==null?void 0:$.textAlign)??"center";return r.jsxs(qe,{className:[C.preview,f].filter(Boolean).join(" "),"data-component":Te,$width:N,children:[r.jsx(Ye,{type:"button","aria-label":o,$width:N,$height:O,$shape:n,onClick:D,onMouseEnter:P,children:T()}),o?r.jsx(Ue,{className:C.previewTitle,style:{maxWidth:N},$align:G,children:r.jsx(Ee.TypographyWithAutoTooltip,{...j})}):null]})},Je=l.keyframes(["from{opacity:0;}to{opacity:1;}"]),Qe=l.keyframes(["from{opacity:1;}to{opacity:0;}"]),Se=e=>l.css(["animation:"," "," ease forwards;"],e?Qe:Je,e?"0.2s":"0.24s"),et=l.div.withConfig({displayName:"StoriesViewerstyled__StyledRoot"})(["position:fixed;inset:0;z-index:",";display:flex;align-items:center;justify-content:center;"],({$zIndex:e})=>e),tt=l.div.withConfig({displayName:"StoriesViewerstyled__StyledOverlay"})(["position:absolute;inset:0;background:",";opacity:",";transition:opacity 0.24s ease;"],({$color:e})=>e,({$closing:e})=>e?0:1),nt=l.div.withConfig({displayName:"StoriesViewerstyled__StyledStage"})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(","px,100vw);height:min(","px,calc(100vh - 32px));padding:0 ","px;outline:none;"],x.stageWidth,x.bannerMaxHeight,(x.stageWidth-x.bannerMaxWidth)/2),ue=l.div.withConfig({displayName:"StoriesViewerstyled__StyledArrow"})(["position:absolute;top:50%;"," z-index:3;transform:translateY(-50%);",""],({$side:e})=>e==="prev"?"left: 0;":"right: 0;",({$closing:e})=>Se(e)),st=l.div.withConfig({displayName:"StoriesViewerstyled__StyledClose"})(["position:absolute;top:0;right:0;z-index:3;",""],({$closing:e})=>Se(e)),rt=l.keyframes(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),ot=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]),it=l.keyframes(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),at=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]),lt=l.createGlobalStyle(["::view-transition-old(","),::view-transition-new(","){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='next']::view-transition-old(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-old(","){animation-name:",";}"],L,L,L,rt,L,ot,L,it,L,at),he=()=>{var Q;const{store:e,controller:t,groups:n,overlay:o,overlayColor:i,zIndex:y,groupTransition:p,arrows:u,hideDisabledArrows:v,preloadGroup:I}=Y(),{isOpen:d,groupIndex:f,slideIndex:c}=Z(e),[_,S]=s.useState(d),b=s.useRef(null);s.useEffect(()=>{d&&S(!0)},[d]),s.useEffect(()=>{var A;d&&((A=b.current)==null||A.focus())},[d]),s.useEffect(()=>{d&&I(f)},[d,f,I]);const h=_&&!d,z=s.useCallback(()=>{h&&S(!1)},[h]);if(!_||typeof document>"u")return null;const N=((Q=n[f])==null?void 0:Q.slides.length)??0,O=f>0||c>0,D=c+1<N||f+1<n.length,P=n.reduce((A,F)=>A+F.slides.length,0),T=u==="always"||u==="auto"&&P>1,j=T&&(O||!v),G=T&&(D||!v),$=A=>A.stopPropagation(),J=r.jsxs(et,{className:C.viewer,$zIndex:y,onClick:()=>t.close(),children:[o?r.jsx(tt,{className:C.overlay,$color:i,$closing:h}):null,p==="slide"?r.jsx(lt,{}):null,r.jsxs(nt,{ref:b,tabIndex:-1,className:C.stage,children:[j?r.jsx(ue,{className:C.arrowPrev,$side:"prev",$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Назад",disabled:!O,onClick:()=>t.prev(),children:r.jsx(ne.IconDisclosureLeftOutline,{size:"s"})})}):null,r.jsx(me,{closing:h,onAnimationEnd:z}),G?r.jsx(ue,{className:C.arrowNext,$side:"next",$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Вперёд",disabled:!D,onClick:()=>t.next(),children:r.jsx(ne.IconDisclosureRightOutline,{size:"s"})})}):null,r.jsx(st,{className:C.close,$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Закрыть",onClick:()=>t.close(),children:r.jsx(ne.IconClose,{size:"s"})})})]})]});return fe.createPortal(J,document.body)},dt=Object.freeze(Object.defineProperty({__proto__:null,StoriesViewer:he},Symbol.toStringTag,{value:"Module"})),we=s.lazy(()=>Promise.resolve().then(()=>dt).then(e=>({default:e.StoriesViewer}))),ct=e=>{const t=s.useRef(e);return t.current=e,s.useCallback(n=>{const o=t.current[n];if(!o)return;o.slides.forEach(y=>q.preloadImage(y.src));const i=t.current[n+1];i!=null&&i.slides[0]&&q.preloadImage(i.slides[0].src)},[])},pt={isOpen:!1,groupIndex:0,slideIndex:0,isPlaying:!0,direction:"next"},ut=e=>{let t={...pt,...e};const n=new Set;return{getSnapshot:()=>t,subscribe:o=>(n.add(o),()=>{n.delete(o)}),setState:o=>{Object.keys(o).some(p=>t[p]!==o[p])&&(t={...t,...o},n.forEach(p=>p()))}}},ft=()=>typeof document<"u"&&typeof document.startViewTransition=="function",gt=(e,t)=>{const{direction:n="next",enabled:o=!0}=t??{};if(!o||!ft()){e();return}const i=document;i.documentElement.dataset.dfStoriesDir=n,i.startViewTransition(()=>fe.flushSync(e)).finished.finally(()=>{delete i.documentElement.dataset.dfStoriesDir})},yt=l.div.withConfig({displayName:"Storiesstyled__StyledStories"})(["display:flex;align-items:flex-start;gap:16px;"]),ve=e=>s.isValidElement(e)&&e.type===oe,be=e=>{const t=[];return s.Children.forEach(e,n=>{var o;ve(n)?t.push(n):s.isValidElement(n)&&((o=n.props)!=null&&o.children)&&t.push(...be(n.props.children))}),t},Ie=(e,t)=>s.Children.map(e,n=>{var o;if(ve(n)){const i=t.value;return t.value+=1,s.cloneElement(n,{__index:i})}return s.isValidElement(n)&&((o=n.props)!=null&&o.children)?s.cloneElement(n,void 0,Ie(n.props.children,t)):n}),xt=()=>{const{store:e}=Y(),{isOpen:t}=Z(e),[n,o]=s.useState(t);return s.useEffect(()=>{t&&o(!0)},[t]),n?r.jsx(s.Suspense,{fallback:null,children:r.jsx(we,{})}):null},mt=(e,t)=>{const{children:n,defaultDuration:o=X.duration,open:i,defaultOpen:y,activeGroupIndex:p,activeSlideIndex:u,onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_,onError:S,renderError:b,overlay:h=!0,overlayColor:z=X.overlayColor,zIndex:N=X.zIndex,preloadOnHover:O=!0,loadingDelay:D=0,pauseHoldDelay:P=X.pauseHoldDelay,groupTransition:T="slide",arrows:j="auto",hideDisabledArrows:G=!0,mode:$,className:J}=e,A=be(n).map(R=>({slides:R.props.slides??[],defaultDuration:R.props.defaultDuration})),F=s.useRef();F.current||(F.current=ut({isOpen:y??!1}));const g=F.current,K=s.useRef(A);K.current=A;const ae=s.useRef({groupTransition:T});ae.current={groupTransition:T};const H=s.useRef({onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_});H.current={onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_};const ee=s.useRef();if(!ee.current){const R=(a,E)=>g.setState({slideIndex:a,direction:E,isPlaying:!0}),m=(a,E,k)=>gt(()=>g.setState({groupIndex:a,slideIndex:E,direction:k,isPlaying:!0}),{direction:k,enabled:ae.current.groupTransition!=="none"}),w=()=>{var a,E;(E=(a=H.current).onComplete)==null||E.call(a),g.setState({isOpen:!1,isPlaying:!1})};ee.current={open:(a,E)=>{const k=g.getSnapshot();g.setState({isOpen:!0,groupIndex:a??k.groupIndex,slideIndex:E??0,isPlaying:!0,direction:"next"})},close:()=>g.setState({isOpen:!1,isPlaying:!1}),next:()=>{var k,B,M,W,de;const a=g.getSnapshot(),E=((k=K.current[a.groupIndex])==null?void 0:k.slides.length)??0;a.slideIndex+1<E?R(a.slideIndex+1,"next"):a.groupIndex+1<K.current.length?((M=(B=H.current).onGroupComplete)==null||M.call(B,a.groupIndex),m(a.groupIndex+1,0,"next")):((de=(W=H.current).onGroupComplete)==null||de.call(W,a.groupIndex),w())},prev:()=>{const a=g.getSnapshot();a.slideIndex>0?R(a.slideIndex-1,"prev"):a.groupIndex>0&&m(a.groupIndex-1,0,"prev")},nextGroup:()=>{const a=g.getSnapshot();a.groupIndex+1<K.current.length&&m(a.groupIndex+1,0,"next")},prevGroup:()=>{const a=g.getSnapshot();a.groupIndex>0&&m(a.groupIndex-1,0,"prev")},goTo:(a,E)=>{const k=g.getSnapshot(),B=a<k.groupIndex?"prev":"next";a===k.groupIndex?R(E??0,B):m(a,E??0,B)},pause:()=>g.setState({isPlaying:!1}),resume:()=>g.setState({isPlaying:!0})}}const te=ee.current,_e=ct(A),le=s.useRef(g.getSnapshot());s.useEffect(()=>g.subscribe(()=>{var a,E,k,B,M,W;const R=le.current,m=g.getSnapshot();le.current=m;const w=H.current;if(R.isOpen!==m.isOpen){(a=w.onOpenChange)==null||a.call(w,m.isOpen,{groupIndex:m.groupIndex}),m.isOpen?((E=w.onGroupChange)==null||E.call(w,m.groupIndex),(k=w.onSlideChange)==null||k.call(w,m.groupIndex,m.slideIndex)):(B=w.onClose)==null||B.call(w);return}m.isOpen&&(R.groupIndex!==m.groupIndex&&((M=w.onGroupChange)==null||M.call(w,m.groupIndex)),(R.groupIndex!==m.groupIndex||R.slideIndex!==m.slideIndex)&&((W=w.onSlideChange)==null||W.call(w,m.groupIndex,m.slideIndex)))}),[g]),s.useEffect(()=>{i!==void 0&&g.setState({isOpen:i})},[i,g]),s.useEffect(()=>{p!==void 0&&g.setState({groupIndex:p})},[p,g]),s.useEffect(()=>{u!==void 0&&g.setState({slideIndex:u})},[u,g]),s.useImperativeHandle(t,()=>({...te,getState:()=>{const R=g.getSnapshot();return{isOpen:R.isOpen,groupIndex:R.groupIndex,slideIndex:R.slideIndex,isPlaying:R.isPlaying}}}),[te,g]);const Ce={store:g,controller:te,groups:A,defaultDuration:o,pauseHoldDelay:P,tapPrevZone:X.tapPrevZone,preloadGroup:_e,preloadOnHover:O,loadingDelay:D,overlay:h,overlayColor:z,zIndex:N,groupTransition:T,arrows:j,hideDisabledArrows:G,mode:$,onError:S,renderError:b};return r.jsxs(ke,{value:Ce,children:[r.jsx(yt,{className:[C.root,J].filter(Boolean).join(" "),children:Ie(n,{value:0})}),r.jsx(xt,{})]})},ie=s.forwardRef(mt);ie.Preview=oe;ie.displayName="Stories";exports.Stories=ie;exports.StoriesBanner=me;exports.StoriesContent=ye;exports.StoriesPreview=oe;exports.StoriesProgress=xe;exports.StoriesViewer=he;exports.StoriesViewerLazy=we;exports.storiesClassNames=C;
+"use strict";const r=require("react/jsx-runtime"),U=require("@salutejs/sdds-finai"),ne=require("@salutejs/plasma-icons"),s=require("react"),fe=require("react-dom"),Re=require("./EmptyState-DH1xawxg.cjs"),q=require("./utils-ChDQGRjv.cjs"),V=require("@salutejs/sdds-themes/tokens/sdds_finai"),l=require("styled-components"),Ee=require("./AnalyticalWidget-YytE3Rlw.cjs"),je=({controller:e,pauseHoldDelay:t,tapPrevZone:n,isOpen:o})=>{const i=s.useRef(),y=s.useRef(!1),p=s.useRef("next"),u=()=>{i.current&&(clearTimeout(i.current),i.current=void 0)},v=f=>{const c=f.currentTarget.getBoundingClientRect(),_=c.width>0?(f.clientX-c.left)/c.width:1;p.current=_<n?"prev":"next",y.current=!1,u(),i.current=setTimeout(()=>{y.current=!0,e.pause()},t)},I=()=>{if(u(),y.current){y.current=!1,e.resume();return}p.current==="prev"?e.prev():e.next()},d=()=>{u(),y.current&&(y.current=!1,e.resume())};return s.useEffect(()=>{if(!o)return;const f=c=>{c.key==="ArrowLeft"?(c.preventDefault(),e.prev()):c.key==="ArrowRight"?(c.preventDefault(),e.next()):c.key==="Escape"&&(c.preventDefault(),e.close())};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[o,e]),{onPointerDown:v,onPointerUp:I,onPointerLeave:d,onPointerCancel:d}},ge=s.createContext(null),ke=ge.Provider,Y=()=>{const e=s.useContext(ge);if(!e)throw new Error("Компоненты Stories должны использоваться внутри <Stories>.");return e},Z=e=>s.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot),C={root:"df-stories",preview:"df-stories-preview",previewRing:"df-stories-preview__ring",previewGap:"df-stories-preview__gap",previewBody:"df-stories-preview__body",previewTitle:"df-stories-preview__title",viewer:"df-stories-viewer",overlay:"df-stories-viewer__overlay",stage:"df-stories-viewer__stage",banner:"df-stories-banner",progress:"df-stories-progress",progressItem:"df-stories-progress__item",content:"df-stories-content",action:"df-stories-banner__action",arrowPrev:"df-stories-viewer__arrow-prev",arrowNext:"df-stories-viewer__arrow-next",close:"df-stories-viewer__close"},Ne="linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)",Pe="#ecf6fc",L="df-stories-banner",X={duration:5e3,pauseHoldDelay:200,tapPrevZone:1/3,overlayColor:"#060a0c47",zIndex:9e3},x={circle:98,ring:2,titleGap:6,rectRadiusOuter:12,rectRadiusBody:8,bannerMaxWidth:430,bannerMaxHeight:900,bannerRadius:16,bannerPadding:28,stageWidth:558,progressHeight:4,progressRadius:2,progressFillRadius:6,progressGap:4},Te="StoriesPreview",ce=l.div.withConfig({displayName:"StoriesContentstyled__StyledContent"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:",";"],V.surfaceSolidCard),Oe=l.img.withConfig({displayName:"StoriesContentstyled__StyledImage"})(["width:100%;height:100%;object-fit:",";opacity:",";transition:opacity 0.2s ease;user-select:none;"],({$objectFit:e})=>e,({$loaded:e})=>e?1:0),Ae=l.div.withConfig({displayName:"StoriesContentstyled__StyledSpinner"})(["position:absolute;display:flex;align-items:center;justify-content:center;"]),ze=l.div.withConfig({displayName:"StoriesContentstyled__StyledErrorSlot"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:","px;"],x.bannerPadding),ye=({slide:e,status:t,errorNode:n})=>{const o=e.objectFit??"cover",i=t==="loaded";return t==="error"?r.jsx(ce,{className:C.content,children:r.jsx(ze,{children:n})}):r.jsxs(ce,{className:C.content,children:[r.jsx(Oe,{src:e.src,alt:"",draggable:!1,$objectFit:o,$loaded:i}),t==="loading"?r.jsx(Ae,{children:r.jsx(U.Spinner,{view:"default",size:"l"})}):null]})},pe=(e,t)=>{e&&(e.style.transform=`scaleX(${t})`)},De=({fillRef:e,active:t,duration:n,isPlaying:o,isReady:i,resetKey:y,onComplete:p})=>{const u=s.useRef(0),v=s.useRef(p);v.current=p,s.useEffect(()=>{u.current=0,pe(e.current,0)},[y,e]),s.useEffect(()=>{if(!t||!o||!i||n<=0)return;let I=0,d=performance.now();const f=c=>{u.current+=c-d,d=c;const _=Math.min(1,u.current/n);if(pe(e.current,_),_>=1){v.current();return}I=requestAnimationFrame(f)};return I=requestAnimationFrame(f),()=>cancelAnimationFrame(I)},[t,o,i,n,y,e])},$e=l.div.withConfig({displayName:"StoriesProgressstyled__StyledProgress"})(["display:flex;gap:","px;width:100%;"],x.progressGap),Be=l.div.withConfig({displayName:"StoriesProgressstyled__StyledItem"})(["position:relative;flex:1 1 0;height:","px;border-radius:","px;overflow:hidden;background:",";"],x.progressHeight,x.progressRadius,({$bg:e})=>e),Ve=l.span.withConfig({displayName:"StoriesProgressstyled__StyledFill"})(["position:absolute;inset:0;border-radius:","px;background:",";transform:scaleX(0);transform-origin:left center;will-change:transform;"],x.progressFillRadius,({$color:e})=>e),xe=({isReady:e})=>{var O;const{store:t,controller:n,groups:o,defaultDuration:i,mode:y}=Y(),{groupIndex:p,slideIndex:u,isPlaying:v,isOpen:I}=Z(t),d=q.useActiveTheme(),c=(y??d)==="dark",_=c?V.onLightSurfaceTransparentTertiary:V.onDarkSurfaceTransparentTertiary,S=c?V.onLightSurfaceTransparentDeep:V.onDarkSurfaceTransparentDeep,b=o[p],h=(b==null?void 0:b.slides)??[],z=s.useRef(null),N=((O=h[u])==null?void 0:O.duration)??(b==null?void 0:b.defaultDuration)??i;return De({fillRef:z,active:I,duration:N,isPlaying:v,isReady:e,resetKey:`${p}-${u}`,onComplete:n.next}),r.jsx($e,{className:C.progress,children:h.map((D,P)=>{const T=D.id??`${p}-${P}`,j=P<u,G=P===u;return r.jsx(Be,{className:C.progressItem,$bg:j?S:_,children:G?r.jsx(Ve,{ref:z,$color:S}):null},T)})})},Ge=l.keyframes(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]),Le=l.keyframes(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]),Fe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBanner"})(["position:relative;height:100%;width:auto;aspect-ratio:"," / ",";max-width:calc( 100vw - ","px );border-radius:","px;overflow:hidden;view-transition-name:",";animation:"," "," ease forwards;"],x.bannerMaxWidth,x.bannerMaxHeight,x.stageWidth-x.bannerMaxWidth,x.bannerRadius,L,({$closing:e})=>e?Le:Ge,({$closing:e})=>e?"0.2s":"0.24s"),He=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTapLayer"})(["position:absolute;inset:0;z-index:1;touch-action:none;"]),Me=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTop"})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],x.bannerPadding),We=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBottom"})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],x.bannerPadding),Xe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledActionSlot"})(["pointer-events:auto;"]),me=({closing:e,onAnimationEnd:t})=>{const{store:n,controller:o,groups:i,pauseHoldDelay:y,tapPrevZone:p,loadingDelay:u,onError:v,renderError:I}=Y(),{groupIndex:d,slideIndex:f,isOpen:c}=Z(n),_=i[d],S=_==null?void 0:_.slides[f],{status:b,reload:h}=q.useImageLoader(S==null?void 0:S.src,u),z=je({controller:o,pauseHoldDelay:y,tapPrevZone:p,isOpen:c}),N=s.useRef();s.useEffect(()=>{if(b!=="error"||!S)return;const j=`${d}-${f}`;N.current!==j&&(N.current=j,v==null||v({groupIndex:d,slideIndex:f,slide:S,retry:h}))},[b,d,f,S,v,h]);const O=j=>j.stopPropagation(),D=j=>{j.target===j.currentTarget&&t()};if(!S)return null;const{footer:P}=S,T=I?I({groupIndex:d,slideIndex:f,slide:S,retry:h}):r.jsx(Re.EmptyState,{size:"s",variant:"loading",title:"Не удалось загрузить",centered:!0,buttons:[{type:"link",props:{text:"Обновить",view:"accent",onClick:h}}]});return r.jsxs(Fe,{className:C.banner,$closing:e,onClick:O,onAnimationEnd:D,children:[r.jsx(ye,{slide:S,status:b,errorNode:T}),b==="error"?null:r.jsx(He,{...z}),r.jsx(Me,{children:r.jsx(xe,{isReady:b==="loaded"})}),P?r.jsx(We,{children:r.jsx(Xe,{className:C.action,children:P})}):null]})},se={ring:()=>Ne,fallback:()=>Pe,boxShadow:()=>V.shadowDownSoftL},re=(e,t)=>e==="circle"?"50%":`${{outer:x.rectRadiusOuter,body:x.rectRadiusBody}[t]}px`,qe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledPreview"})(["display:flex;flex-direction:column;align-items:center;width:","px;"],({$width:e})=>e),Ye=l.button.withConfig({displayName:"StoriesPreviewstyled__StyledTrigger"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:",";outline:none;&:focus-visible{outline:2px solid ",";outline-offset:2px;}"],({$width:e})=>e,({$height:e})=>e,({$shape:e})=>re(e,"outer"),V.textAccent),Ze=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledRing"})(["position:absolute;inset:0;box-sizing:border-box;padding:","px;background:",";border-radius:",";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"],x.ring,se.ring,({$shape:e})=>re(e,"outer")),Ke=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledBody"})(["position:absolute;inset:","px;box-sizing:border-box;box-shadow:",";background-color:",";background-position:center;background-size:cover;background-repeat:no-repeat;"," border-radius:",";"],({$viewed:e})=>e?0:x.ring*2,se.boxShadow,se.fallback,({$image:e})=>e&&l.css(["background-image:url('","');"],e),({$shape:e,$viewed:t})=>re(e,t?"outer":"body")),Ue=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledTitle"})(["margin-top:","px;width:100%;text-align:",";& > *{width:100%;}"],x.titleGap,({$align:e})=>e),oe=e=>{var $;const{slides:t,shape:n="circle",title:o,titleProps:i,image:y,viewed:p=!1,size:u=x.circle,width:v,height:I,renderTrigger:d,className:f,__index:c=0}=e,{store:_,controller:S,preloadOnHover:b}=Y(),h=Z(_),z=h.isOpen&&h.groupIndex===c,N=n==="rect"?v??u:u,O=n==="rect"?I??u:u,D=()=>S.open(c),P=()=>{b&&t[0]&&q.preloadImage(t[0].src)},T=()=>d?d({index:c,viewed:p,isActive:z}):r.jsxs(r.Fragment,{children:[p?null:r.jsx(Ze,{className:C.previewRing,$shape:n}),r.jsx(Ke,{className:C.previewBody,$shape:n,$viewed:p,$image:y})]}),j={variant:"BodyXXS",bold:!0,lines:2,tooltipText:o,color:V.textPrimary,...i,children:o},G=(($=i==null?void 0:i.style)==null?void 0:$.textAlign)??"center";return r.jsxs(qe,{className:[C.preview,f].filter(Boolean).join(" "),"data-component":Te,$width:N,children:[r.jsx(Ye,{type:"button","aria-label":o,$width:N,$height:O,$shape:n,onClick:D,onMouseEnter:P,children:T()}),o?r.jsx(Ue,{className:C.previewTitle,style:{maxWidth:N},$align:G,children:r.jsx(Ee.TypographyWithAutoTooltip,{...j})}):null]})},Je=l.keyframes(["from{opacity:0;}to{opacity:1;}"]),Qe=l.keyframes(["from{opacity:1;}to{opacity:0;}"]),Se=e=>l.css(["animation:"," "," ease forwards;"],e?Qe:Je,e?"0.2s":"0.24s"),et=l.div.withConfig({displayName:"StoriesViewerstyled__StyledRoot"})(["position:fixed;inset:0;z-index:",";display:flex;align-items:center;justify-content:center;"],({$zIndex:e})=>e),tt=l.div.withConfig({displayName:"StoriesViewerstyled__StyledOverlay"})(["position:absolute;inset:0;background:",";opacity:",";transition:opacity 0.24s ease;"],({$color:e})=>e,({$closing:e})=>e?0:1),nt=l.div.withConfig({displayName:"StoriesViewerstyled__StyledStage"})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(","px,100vw);height:min(","px,calc(100vh - 32px));padding:0 ","px;outline:none;"],x.stageWidth,x.bannerMaxHeight,(x.stageWidth-x.bannerMaxWidth)/2),ue=l.div.withConfig({displayName:"StoriesViewerstyled__StyledArrow"})(["position:absolute;top:50%;"," z-index:3;transform:translateY(-50%);",""],({$side:e})=>e==="prev"?"left: 0;":"right: 0;",({$closing:e})=>Se(e)),st=l.div.withConfig({displayName:"StoriesViewerstyled__StyledClose"})(["position:absolute;top:0;right:0;z-index:3;",""],({$closing:e})=>Se(e)),rt=l.keyframes(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),ot=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]),it=l.keyframes(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),at=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]),lt=l.createGlobalStyle(["::view-transition-old(","),::view-transition-new(","){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='next']::view-transition-old(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-old(","){animation-name:",";}"],L,L,L,rt,L,ot,L,it,L,at),he=()=>{var Q;const{store:e,controller:t,groups:n,overlay:o,overlayColor:i,zIndex:y,groupTransition:p,arrows:u,hideDisabledArrows:v,preloadGroup:I}=Y(),{isOpen:d,groupIndex:f,slideIndex:c}=Z(e),[_,S]=s.useState(d),b=s.useRef(null);s.useEffect(()=>{d&&S(!0)},[d]),s.useEffect(()=>{var A;d&&((A=b.current)==null||A.focus())},[d]),s.useEffect(()=>{d&&I(f)},[d,f,I]);const h=_&&!d,z=s.useCallback(()=>{h&&S(!1)},[h]);if(!_||typeof document>"u")return null;const N=((Q=n[f])==null?void 0:Q.slides.length)??0,O=f>0||c>0,D=c+1<N||f+1<n.length,P=n.reduce((A,F)=>A+F.slides.length,0),T=u==="always"||u==="auto"&&P>1,j=T&&(O||!v),G=T&&(D||!v),$=A=>A.stopPropagation(),J=r.jsxs(et,{className:C.viewer,$zIndex:y,onClick:()=>t.close(),children:[o?r.jsx(tt,{className:C.overlay,$color:i,$closing:h}):null,p==="slide"?r.jsx(lt,{}):null,r.jsxs(nt,{ref:b,tabIndex:-1,className:C.stage,children:[j?r.jsx(ue,{className:C.arrowPrev,$side:"prev",$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Назад",disabled:!O,onClick:()=>t.prev(),children:r.jsx(ne.IconDisclosureLeftOutline,{size:"s"})})}):null,r.jsx(me,{closing:h,onAnimationEnd:z}),G?r.jsx(ue,{className:C.arrowNext,$side:"next",$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Вперёд",disabled:!D,onClick:()=>t.next(),children:r.jsx(ne.IconDisclosureRightOutline,{size:"s"})})}):null,r.jsx(st,{className:C.close,$closing:h,onClick:$,children:r.jsx(U.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Закрыть",onClick:()=>t.close(),children:r.jsx(ne.IconClose,{size:"s"})})})]})]});return fe.createPortal(J,document.body)},dt=Object.freeze(Object.defineProperty({__proto__:null,StoriesViewer:he},Symbol.toStringTag,{value:"Module"})),we=s.lazy(()=>Promise.resolve().then(()=>dt).then(e=>({default:e.StoriesViewer}))),ct=e=>{const t=s.useRef(e);return t.current=e,s.useCallback(n=>{const o=t.current[n];if(!o)return;o.slides.forEach(y=>q.preloadImage(y.src));const i=t.current[n+1];i!=null&&i.slides[0]&&q.preloadImage(i.slides[0].src)},[])},pt={isOpen:!1,groupIndex:0,slideIndex:0,isPlaying:!0,direction:"next"},ut=e=>{let t={...pt,...e};const n=new Set;return{getSnapshot:()=>t,subscribe:o=>(n.add(o),()=>{n.delete(o)}),setState:o=>{Object.keys(o).some(p=>t[p]!==o[p])&&(t={...t,...o},n.forEach(p=>p()))}}},ft=()=>typeof document<"u"&&typeof document.startViewTransition=="function",gt=(e,t)=>{const{direction:n="next",enabled:o=!0}=t??{};if(!o||!ft()){e();return}const i=document;i.documentElement.dataset.dfStoriesDir=n,i.startViewTransition(()=>fe.flushSync(e)).finished.finally(()=>{delete i.documentElement.dataset.dfStoriesDir})},yt=l.div.withConfig({displayName:"Storiesstyled__StyledStories"})(["display:flex;align-items:flex-start;gap:16px;"]),ve=e=>s.isValidElement(e)&&e.type===oe,be=e=>{const t=[];return s.Children.forEach(e,n=>{var o;ve(n)?t.push(n):s.isValidElement(n)&&((o=n.props)!=null&&o.children)&&t.push(...be(n.props.children))}),t},Ie=(e,t)=>s.Children.map(e,n=>{var o;if(ve(n)){const i=t.value;return t.value+=1,s.cloneElement(n,{__index:i})}return s.isValidElement(n)&&((o=n.props)!=null&&o.children)?s.cloneElement(n,void 0,Ie(n.props.children,t)):n}),xt=()=>{const{store:e}=Y(),{isOpen:t}=Z(e),[n,o]=s.useState(t);return s.useEffect(()=>{t&&o(!0)},[t]),n?r.jsx(s.Suspense,{fallback:null,children:r.jsx(we,{})}):null},mt=(e,t)=>{const{children:n,defaultDuration:o=X.duration,open:i,defaultOpen:y,activeGroupIndex:p,activeSlideIndex:u,onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_,onError:S,renderError:b,overlay:h=!0,overlayColor:z=X.overlayColor,zIndex:N=X.zIndex,preloadOnHover:O=!0,loadingDelay:D=0,pauseHoldDelay:P=X.pauseHoldDelay,groupTransition:T="slide",arrows:j="auto",hideDisabledArrows:G=!0,mode:$,className:J}=e,A=be(n).map(R=>({slides:R.props.slides??[],defaultDuration:R.props.defaultDuration})),F=s.useRef();F.current||(F.current=ut({isOpen:y??!1}));const g=F.current,K=s.useRef(A);K.current=A;const ae=s.useRef({groupTransition:T});ae.current={groupTransition:T};const H=s.useRef({onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_});H.current={onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_};const ee=s.useRef();if(!ee.current){const R=(a,E)=>g.setState({slideIndex:a,direction:E,isPlaying:!0}),m=(a,E,k)=>gt(()=>g.setState({groupIndex:a,slideIndex:E,direction:k,isPlaying:!0}),{direction:k,enabled:ae.current.groupTransition!=="none"}),w=()=>{var a,E;(E=(a=H.current).onComplete)==null||E.call(a),g.setState({isOpen:!1,isPlaying:!1})};ee.current={open:(a,E)=>{const k=g.getSnapshot();g.setState({isOpen:!0,groupIndex:a??k.groupIndex,slideIndex:E??0,isPlaying:!0,direction:"next"})},close:()=>g.setState({isOpen:!1,isPlaying:!1}),next:()=>{var k,B,M,W,de;const a=g.getSnapshot(),E=((k=K.current[a.groupIndex])==null?void 0:k.slides.length)??0;a.slideIndex+1<E?R(a.slideIndex+1,"next"):a.groupIndex+1<K.current.length?((M=(B=H.current).onGroupComplete)==null||M.call(B,a.groupIndex),m(a.groupIndex+1,0,"next")):((de=(W=H.current).onGroupComplete)==null||de.call(W,a.groupIndex),w())},prev:()=>{const a=g.getSnapshot();a.slideIndex>0?R(a.slideIndex-1,"prev"):a.groupIndex>0&&m(a.groupIndex-1,0,"prev")},nextGroup:()=>{const a=g.getSnapshot();a.groupIndex+1<K.current.length&&m(a.groupIndex+1,0,"next")},prevGroup:()=>{const a=g.getSnapshot();a.groupIndex>0&&m(a.groupIndex-1,0,"prev")},goTo:(a,E)=>{const k=g.getSnapshot(),B=a<k.groupIndex?"prev":"next";a===k.groupIndex?R(E??0,B):m(a,E??0,B)},pause:()=>g.setState({isPlaying:!1}),resume:()=>g.setState({isPlaying:!0})}}const te=ee.current,_e=ct(A),le=s.useRef(g.getSnapshot());s.useEffect(()=>g.subscribe(()=>{var a,E,k,B,M,W;const R=le.current,m=g.getSnapshot();le.current=m;const w=H.current;if(R.isOpen!==m.isOpen){(a=w.onOpenChange)==null||a.call(w,m.isOpen,{groupIndex:m.groupIndex}),m.isOpen?((E=w.onGroupChange)==null||E.call(w,m.groupIndex),(k=w.onSlideChange)==null||k.call(w,m.groupIndex,m.slideIndex)):(B=w.onClose)==null||B.call(w);return}m.isOpen&&(R.groupIndex!==m.groupIndex&&((M=w.onGroupChange)==null||M.call(w,m.groupIndex)),(R.groupIndex!==m.groupIndex||R.slideIndex!==m.slideIndex)&&((W=w.onSlideChange)==null||W.call(w,m.groupIndex,m.slideIndex)))}),[g]),s.useEffect(()=>{i!==void 0&&g.setState({isOpen:i})},[i,g]),s.useEffect(()=>{p!==void 0&&g.setState({groupIndex:p})},[p,g]),s.useEffect(()=>{u!==void 0&&g.setState({slideIndex:u})},[u,g]),s.useImperativeHandle(t,()=>({...te,getState:()=>{const R=g.getSnapshot();return{isOpen:R.isOpen,groupIndex:R.groupIndex,slideIndex:R.slideIndex,isPlaying:R.isPlaying}}}),[te,g]);const Ce={store:g,controller:te,groups:A,defaultDuration:o,pauseHoldDelay:P,tapPrevZone:X.tapPrevZone,preloadGroup:_e,preloadOnHover:O,loadingDelay:D,overlay:h,overlayColor:z,zIndex:N,groupTransition:T,arrows:j,hideDisabledArrows:G,mode:$,onError:S,renderError:b};return r.jsxs(ke,{value:Ce,children:[r.jsx(yt,{className:[C.root,J].filter(Boolean).join(" "),children:Ie(n,{value:0})}),r.jsx(xt,{})]})},ie=s.forwardRef(mt);ie.Preview=oe;ie.displayName="Stories";exports.Stories=ie;exports.StoriesBanner=me;exports.StoriesContent=ye;exports.StoriesPreview=oe;exports.StoriesProgress=xe;exports.StoriesViewer=he;exports.StoriesViewerLazy=we;exports.storiesClassNames=C;