@daisforge/ui 1.12.1 → 1.13.0

package/chunks/MassActions-CxF6wvlS.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("react/jsx-runtime"),b=require("@salutejs/sdds-finai"),Rt=require("@salutejs/plasma-icons"),xt=require("./utils-DKi1rqLX.cjs"),p=require("react"),Wt=require("./Table-JFzBB9zK.cjs"),Vt=require("../constants/index.cjs"),Ct=require("@salutejs/sdds-themes/tokens/sdds_finai"),M=require("styled-components"),jt=require("../components/Box/index.cjs"),se=require("../components/Collapse/index.cjs"),Pt=require("./AnalyticalWidget-29tSeB0C.cjs"),ht=24,L=4,wt=44,Nt=40,Et=24,Q={top:12,right:8,bottom:12,left:24},Bt={top:0,right:10,bottom:0,left:24},ie=Q.left+Q.right,vt=90,qt=110,gt=100,oe=300,Tt=550,Ut=350,Gt=50,Ht=100,Xt=({buttons:t,visibleButtonsCount:i})=>{const{visibleButtons:o,buttonsInDropdown:n}=p.useMemo(()=>{const e=t??[],c=new Set,h=[];e.forEach((f,u)=>{f.view==="accent"?c.add(u):h.push(u)});const l=c.size,a=Math.max(0,i-l),s=new Set(h.slice(0,a)),r=[],w=[];return e.forEach((f,u)=>{c.has(u)||s.has(u)?r.push(f):w.push(f)}),{visibleButtons:r,buttonsInDropdown:w}},[t,i]);return{visibleButtons:o,buttonsInDropdown:n,allButtons:t??[]}},Yt=({isCollapsed:t,setIsCollapsed:i,isSidebarOpen:o,calculatePositionForState:n,calculatePosition:e,setTranslateX:c,shouldApplySidebarOffsetRef:h,wasAutoCollapsedRef:l})=>({handleToggleCollapse:p.useCallback(()=>{const s=!t,r=n(s);r!==void 0&&c(r),o&&(s?h.current=!0:(h.current=!1,l.current=!1)),i(s),setTimeout(()=>{e()},Tt)},[t,o,n,e,c,h,l,i])}),Jt=({isCollapsed:t,containerRef:i,contentRef:o,middleSectionRef:n,buttonRefs:e,moreButtonRef:c,collapseButtonRef:h,leftSectionRef:l,dividerRef:a,buttons:s,isHaveSomeFeatureInSidebar:r,getContainerWidth:w,setVisibleButtonsCount:f,minPadding:u=Et,leftPadding:C=Q.left,rightPadding:A=Q.right,moreButtonWidthEstimate:I=Nt,enableDebugLogs:B=!1})=>{const N=p.useRef([]),z=p.useCallback(()=>{var dt,X,pt,rt,ut,W;const y=w();if(!y||y===0||!s||s.length===0)return B&&console.debug("❌ calculateInitialCompression: нет tableWidth или buttons"),!1;if(!s.every((x,E)=>e.current[E]!==null&&e.current[E]!==void 0))return B&&console.debug("❌ calculateInitialCompression: ref'ы еще не установлены",{buttonsCount:s.length,refsCount:e.current.filter(Boolean).length,refs:e.current.map((x,E)=>({index:E,hasRef:!!x}))}),!1;const S=y-(r?wt:0),q=((dt=l==null?void 0:l.current)==null?void 0:dt.getBoundingClientRect().width)??0,k=((X=n.current)==null?void 0:X.getBoundingClientRect().width)??0,$=s.length>0,R=$?((pt=a==null?void 0:a.current)==null?void 0:pt.getBoundingClientRect().width)??0:0,U=$?L:0,tt=$&&k>0?L:0,ot=R+tt+U,at=L*2,ct=q+k+ot+(((rt=h.current)==null?void 0:rt.getBoundingClientRect().width)??ht)+(C+A)+at,T=[];let P=!0;for(let x=0;x<s.length;x+=1){const E=e.current[x];if(!E){P=!1;break}const F=E.querySelector("button, a")||E;if(!F||!F.isConnected){P=!1;break}const ft=F.getBoundingClientRect(),lt=ft.width||F.offsetWidth||F.scrollWidth||F.clientWidth;if(lt>0)T.push(lt),N.current[x]=lt;else{console.debug("❌ calculateInitialCompression: кнопка не отрендерилась",{index:x,text:(ut=s[x])==null?void 0:ut.text,width:lt,isConnected:F.isConnected,rect:ft}),P=!1;break}}if(!P||T.length!==s.length)return B&&console.debug("❌ calculateInitialCompression: не все кнопки измерены",{allButtonsMeasured:P,buttonWidthsLength:T.length,buttonsLength:s.length}),!1;const et=((W=c.current)==null?void 0:W.getBoundingClientRect().width)??I,v=S-u*2,O=[],j=[];s.forEach((x,E)=>{if(T[E]===void 0)return;(x==null?void 0:x.view)==="accent"?O.push(E):j.push(E)});let V=0;O.forEach(x=>{const E=T[x];E!==void 0&&(V+=E)});const G=new Set(O);let nt=V,st=0;for(let x=0;x<j.length;x+=1){const E=j[x],D=typeof E<"u"?T[E]:0;if(D===void 0)continue;const ft=x<j.length-1?et+L:0,mt=(G.size+1-1)*L,At=nt+D+mt+ft;if(ct+At<=v)nt+=D,st+=1,typeof E<"u"&&G.add(E);else break}const H=G.size;return f(H),console.debug("✅ calculateInitialCompression: успешно выполнено",{buttonWidths:T,visibleCount:H,accentCount:O.length,regularVisibleCount:st}),!0},[s,w,r,f,e,l,n,c,h,a,B,u,C,A,I]);return{calculateCompression:p.useCallback(()=>{t||!i.current||!o.current||requestAnimationFrame(()=>{setTimeout(()=>{var lt,mt,At,It,Mt,St,Dt;const y=w();if(!y||y===0)return;const _=y-(r?wt:0);B&&(console.group("🔧 MassActions Compression"),console.debug("📏 Размеры контейнера:",JSON.stringify({tableWidth:y,isHaveSomeFeatureInSidebar:r,togglePanelWidth:r?wt:0,availableWidth:_,minPaddingRequired:u*2,maxPanelWidthAllowed:_-u*2},null,2)));const S=((lt=l==null?void 0:l.current)==null?void 0:lt.getBoundingClientRect().width)??0,q=((mt=n.current)==null?void 0:mt.getBoundingClientRect().width)??0,k=((s==null?void 0:s.length)??0)>0,$=k?((At=a==null?void 0:a.current)==null?void 0:At.getBoundingClientRect().width)??0:0,R=k?L:0,U=k&&q>0?L:0,tt=$+U+R;let ot=null;if(l!=null&&l.current){const d=l.current.getBoundingClientRect(),{children:m}=l.current,K=[];for(let Y=0;Y<m.length;Y+=1){const Z=m[Y];if(Z){const it=Z.getBoundingClientRect();K.push({tagName:Z.tagName,className:Z.className,width:it.width,height:it.height})}}ot={width:d.width,height:d.height,children:K,childrenTotalWidth:K.reduce((Y,Z)=>Y+Z.width,0)}}const at=L*2,ct=S+q+tt+(((It=h.current)==null?void 0:It.getBoundingClientRect().width)??ht)+(C+A)+at;B&&console.debug("🔲 Фиксированные элементы:",JSON.stringify({leftSectionWidth:S,leftSectionDetails:ot,middleSectionWidth:q,divider:{shouldShow:k,wrapperWidth:$,gapLeft:U,gapRight:R,totalWidth:tt},collapseButtonWidth:((Mt=h.current)==null?void 0:Mt.getBoundingClientRect().width)??ht,containerPadding:C+A,gapsBetweenFixedElements:at,fixedElementsTotal:ct},null,2));const T=[];let P=!0;for(let d=0;d<((s==null?void 0:s.length)??0);d+=1){const m=e.current[d];if(m){const Y=m.querySelector("button, a")||m,it=Y.getBoundingClientRect().width||Y.offsetWidth||Y.scrollWidth||Y.clientWidth;it>0?(T.push(it),N.current[d]=it):N.current[d]!==void 0?T.push(N.current[d]??gt):(P=!1,T.push(gt))}else N.current[d]!==void 0?T.push(N.current[d]??gt):(P=!1,T.push(gt))}if(!P&&T.length===0&&((s==null?void 0:s.length)??0)>0)return;const et=((St=c.current)==null?void 0:St.getBoundingClientRect().width)??I,v=_-u*2,O=i.current?i.current.getBoundingClientRect().width:0;B&&(console.debug("🎯 Ограничения и текущее состояние:",JSON.stringify({targetContainer:{tableWidth:y,availableWidth:_,minPaddingEach:u,minPaddingTotal:u*2,maxPanelWidth:v},currentPanel:{width:O,exceedsMax:O>v,exceedsAvailable:O>_,leftPadding:u,rightPadding:u},moreButtonWidth:et},null,2)),console.debug("🔘 Ширины кнопок:",JSON.stringify({buttons:s==null?void 0:s.map((d,m)=>({index:m,text:d.text,view:d.view,isAccent:d.view==="accent",width:T[m]})),totalButtonsWidth:T.reduce((d,m)=>d+m,0),averageButtonWidth:T.length>0?T.reduce((d,m)=>d+m,0)/T.length:0},null,2)));const j=s??[],V=[],G=[];j.forEach((d,m)=>{if(T[m]===void 0)return;(d==null?void 0:d.view)==="accent"?V.push(m):G.push(m)}),B&&console.debug("🎨 Распределение:",{accentCount:V.length,regularCount:G.length,accentButtons:V.map(d=>{var m;return{index:d,text:(m=j[d])==null?void 0:m.text,width:T[d]}})});let nt=0;V.forEach(d=>{const m=T[d];m!==void 0&&(nt+=m)});const st=new Set(V);let H=nt,dt=0;for(let d=0;d<G.length;d+=1){const m=G[d],K=typeof m<"u"?T[m]:0;if(K===void 0)continue;const Z=d<G.length-1?et+L:0,it=st.size+1,Lt=(it-1)*L,kt=H+K+Lt+Z,_t=ct+kt,yt=_t+3;if(B&&console.debug(`  🔍 Проверка кнопки ${d}:`,{text:typeof m<"u"?(Dt=j[m])==null?void 0:Dt.text:"",width:K,totalButtonsWidthBefore:H,visibleCountAfter:it,gapsBetweenButtons:Lt,moreButtonSpace:Z,requiredWidth:kt,testPanelWidth:_t,testWithBuffer:yt,maxPanelWidth:v,fits:_t<=v,fitsWithBuffer:yt<=v}),yt<=v)H+=K,dt+=1,typeof m<"u"&&st.add(m);else break}const X=st.size,rt=j.length-X>0,ut=X>0?(X-1)*L:0,W=H+ut+(rt?et+L:0),x=ct+W,E=[],D=[];j.forEach((d,m)=>{st.has(m)?E.push(d):D.push(d)});const F=X,ft={fixedElements:{leftSection:S,middleSection:q,divider:tt,collapseButton:ht,containerPadding:C+A,gapsBetweenFixedElements:at,total:ct},buttons:{accentButtonsWidth:nt,visibleRegularButtonsWidth:H-nt,totalButtonsWidth:H,gapsBetweenVisibleButtons:ut,buttonsAreaWidth:W,visibleButtonsCount:X,hiddenButtonsCount:D.length},moreButton:rt?{width:et,gap:L,total:et+L}:null,final:{calculatedWidth:x,actualPanelWidth:O,widthDifference:O-x,maxAllowedWidth:v,availableWidth:_,fits:x<=v,actualFits:O<=v,exceedsBy:x>v?x-v:0,actualExceedsBy:O>v?O-v:0,leftPaddingRequired:u,rightPaddingRequired:u,totalPaddingRequired:u*2}};B&&(console.debug("✅ Результат компрессии:",JSON.stringify({summary:{totalButtons:j.length,accentCount:V.length,visibleRegularCount:dt,visibleCount:F,hiddenCount:D.length,finalPanelWidth:x,maxPanelWidth:v,fits:x<=v,hasMoreButton:rt},breakdown:ft},null,2)),console.debug("👁️ Видимые кнопки:",{buttons:E.map(d=>({text:d.text,view:d.view,isAccent:d.view==="accent"}))}),console.debug("📦 Кнопки в dropdown:",{buttons:D.map(d=>({text:d.text,view:d.view}))}),console.groupEnd()),f(X)},Gt)})},[t,i,o,w,r,B,l,n,s,a,c,h,u,C,A,I,f,e]),calculateInitialCompression:z,measuredButtonWidthsRef:N}},Ft=t=>{const[i,o]=p.useState(0),n=p.useCallback(()=>typeof t=="function"?t():t.current,[t]),e=p.useCallback(()=>{const c=n();return c?c.getBoundingClientRect().width:0},[n]);return p.useEffect(()=>{const c=n();if(!c)return;o(c.getBoundingClientRect().width);const h=xt.createSafeResizeObserver(l=>{for(const a of l){const{width:s}=a.contentRect;o(s)}});return h.observe(c),()=>{h.disconnect()}},[n]),{containerWidth:i,getContainerWidth:e,getContainer:n}},Kt=({containerRef:t,buttonRefs:i,buttons:o,isVisible:n,isCollapsed:e,visibleButtonsCount:c,selectedCount:h,setIsCollapsed:l,setVisibleButtonsCount:a,calculatePosition:s,calculateCompression:r,measuredButtonWidthsRef:w,containerWidth:f})=>{p.useEffect(()=>{f>0&&(s(),r())},[f,s,r]),p.useLayoutEffect(()=>{if(!t.current)return;const u=xt.createSafeResizeObserver(()=>{s()});return u.observe(t.current),()=>{u.disconnect()}},[s,t]),p.useEffect(()=>{i.current=Array((o==null?void 0:o.length)??0).fill(null),a((o==null?void 0:o.length)??0),w.current=[]},[o==null?void 0:o.length,i,a,w]),p.useEffect(()=>{if(n&&!e){const u=setTimeout(()=>{r(),s()},Ht);return()=>{clearTimeout(u)}}},[n,e,r,s]),p.useEffect(()=>{if(e){s();return}s()},[e,c,s]),p.useEffect(()=>()=>{(!n||h===0)&&l(!1)},[n,h,l])},Zt=({containerRef:t,collapseButtonRef:i,leftSectionRef:o,getContainerWidth:n,isHaveSomeFeatureInSidebar:e,sidebarConfig:c,visibleButtonsCount:h,setTranslateX:l,minPadding:a=Et,enableDebugLogs:s=!1})=>{const r=(c==null?void 0:c.isOpen)??!1,w=(c==null?void 0:c.width)??0,f=(c==null?void 0:c.togglePanelWidth)??wt,u=p.useRef(!1),C=p.useCallback(I=>{var k,$;const B=n();if(!B||B===0)return;const N=w+f,z=r?N/2:0,J=e?f/2:0;let y=-(z+J),_;if(I){const R=((k=o==null?void 0:o.current)==null?void 0:k.getBoundingClientRect().width)??vt,U=(($=i.current)==null?void 0:$.getBoundingClientRect().width)??ht,tt=Bt.top+Bt.right+Bt.left;_=R+U+tt}else if(t.current)_=t.current.getBoundingClientRect().width;else{const R=h*gt,U=Q.top+Q.right+Q.left;_=vt+qt+ht+R+U}const S=B/2;return S-_/2+y<a&&(y=a-(S-_/2)),y},[n,t,i,o,e,r,w,f,h,a]);return{calculatePosition:p.useCallback(()=>{const I=n();if(!I||I===0||!t.current)return;s&&console.group("📍 MassActions Position");const B=w+f,N=r?B/2:0,z=e?f/2:0;let J=-(N+z);const y=t.current.getBoundingClientRect().width,_=I/2,S=_-y/2+J;S<a&&(J=a-(_-y/2)),s&&(console.log("🎯 Позиционирование:",JSON.stringify({tableWidth:I,panelWidth:y,tableCenter:_,sidebarWidth:w,toggleSidebarPanelWidth:f,isSidebarOpen:r,isHaveSomeFeatureInSidebar:e,totalSidebarWidth:B,sidebarOffset:N,togglePanelOffset:z,idealTranslateX:-(N+z),leftEdgePosition:S,minPadding:a,finalTranslateX:J,adjusted:S<Et},null,2)),console.groupEnd()),l(J),r?u.current=!0:u.current=!1},[n,t,s,w,f,e,r,l,a]),calculatePositionForState:C,shouldApplySidebarOffsetRef:u}},Qt=({isCollapsed:t,setIsCollapsed:i,calculatePositionForState:o,calculatePosition:n,setTranslateX:e,shouldApplySidebarOffsetRef:c,sidebarConfig:h,getContainerWidth:l})=>{const a=(h==null?void 0:h.isOpen)??!1,s=(h==null?void 0:h.width)??0,r=p.useRef(!1),w=p.useRef(a);return p.useEffect(()=>{if(!h)return;const u=w.current!==a;if(w.current=a,!u){n();return}if(a)if(t)n();else{r.current=!0;const C=o(!0);C!==void 0&&(e(C),c.current=!0),i(!0),setTimeout(()=>{n()},Tt)}else if(t){r.current=!1,c.current=!1;const C=o(!1);C!==void 0&&e(C),i(!1),setTimeout(()=>{n()},Tt)}else c.current=!1,n()},[a,s,l]),{isSidebarOpen:a,sidebarWidth:s,wasAutoCollapsedRef:r}},bt=t=>{const i=p.useRef(t),[o,n]=p.useState(t>0);return p.useEffect(()=>{var l;const e=i.current,c=e===0&&t>0,h=e>0&&t===0;if(c||h){const a=()=>{n(t>0)};document.startViewTransition?(l=document.startViewTransition)==null||l.call(document,a):a()}else n(t>0);i.current=t},[t]),o},ce="mass-actions-panel",zt={surfaceSolidCard:()=>Ct.surfaceSolidCard,outlineSolidPrimary:()=>Ct.outlineSolidPrimary},re=M(b.LinkButton).withConfig({displayName:"styled__StyledLinkButton"})({paddingInline:Vt.s.x8}),te=t=>M(t).withConfig({displayName:"styled__getButtonWithDropdown"})([""," ",""],({$hasDropdown:i})=>i&&M.css(["& > div > span:last-child{max-width:fit-content;min-width:unset;}"]),({$buttonStyles:i})=>i&&M.css(["",""],i)),le=te(b.Button),ae=te(re),de=M.div.withConfig({displayName:"styled__MassActionsContainer"})(["position:absolute;bottom:","px;left:50%;transform:",";background:",";border:2px solid ",";padding:",";border-radius:14px;display:block;width:fit-content;max-width:",";view-transition-name:",";opacity:",";transition:padding 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease-in-out;will-change:padding,transform,max-width;box-shadow:",";"],({$bottom:t=24})=>t,({$translateX:t})=>t!==void 0?`translateX(calc(-50% + ${t}px))`:"translateX(-50%)",zt.surfaceSolidCard,zt.outlineSolidPrimary,({$isCollapsed:t,$size:i})=>{const o=i==="xs";return t?o?"0px 2px 0px 12px":"0px 10px 0px 24px":o?"4px 2px 4px 12px":"12px 8px 12px 24px"},({$isCollapsed:t})=>t?"350":"2000px",ce,({$isInitialCalculationComplete:t})=>t?1:0,Ct.shadowDownHardS),ue=M.div.withConfig({displayName:"styled__MassActionsContent"})(["display:flex;align-items:center;gap:",";"],({$isCollapsed:t,$isCompact:i})=>t?i?"4px":"8px":"0px"),he=M.div.withConfig({displayName:"styled__ActionsWrapper"})(["display:flex;max-height:",";align-items:center;gap:4px;flex:1;justify-content:flex-end;overflow:hidden;min-width:0;transition:max-height 0.2s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.1s cubic-bezier(0.4,0,0.2,1),margin 0.3s cubic-bezier(0.4,0,0.2,1),gap 0.3s cubic-bezier(0.4,0,0.2,1);",""],({$isCollapsed:t})=>t?"0":"40px",({$isCollapsed:t})=>t?M.css(["opacity:0;max-width:0;margin:0;gap:0;"]):M.css(["opacity:1;max-width:2000px;"])),pe=M.div.withConfig({displayName:"styled__HiddenButtonsMeasurementContainer"})(["position:absolute;left:-9999px;top:0;display:flex;gap:4px;align-items:center;z-index:-1;pointer-events:none;width:auto;height:auto;"]),fe=M.div.withConfig({displayName:"styled__ButtonMeasurementWrapper"})(["display:inline-flex;width:auto;height:auto;"]),ge=M.div.withConfig({displayName:"styled__VisibleButtonWrapper"})(["margin-left:0;"]),xe=M(Rt.IconDoubleDisclosureUp).withConfig({displayName:"styled__CollapseIcon"})(["transition:all 0.3s;transform:",";"],({$isCollapsed:t})=>t?"scaleY(1)":"scaleY(-1)"),we=M(b.EmbedIconButton).withConfig({displayName:"styled__CollapseButton"})(["padding:",";"],({$isCompact:t})=>t?Vt.s.x8:Ct.spacing10x);M(b.Button).withConfig({displayName:"styled__MoreButton"})(["margin-left:0;"]);const me=M(b.Divider).withConfig({displayName:"styled__StyledDivider"})(["padding-left:1px;margin-left:12px;margin-right:8px;"]),Ae=t=>{if(typeof t=="string"&&t.startsWith("link")){const i=t.slice(4);return i.charAt(0).toLowerCase()+i.slice(1)}return t??"default"},Be={size:"s",view:"linkDefault"},Ot=({type:t,view:i,showLabel:o,text:n,buttonStyles:e,dropdown:c,useTableDropdown:h=!1,...l})=>{const a=t??"linkButton",{view:s,...r}=Be,w=i??s,f=o?n:void 0,u=!!c;let C;if(a==="button"){const A=l,I=A.text??f;C=g.jsx(le,{...r,...A,view:w,text:I,$hasDropdown:u,$showLabel:o,$buttonStyles:e})}else{const A=String(w??"linkDefault"),B=A.startsWith("link")?Ae(A):A;C=g.jsx(ae,{...r,...l,view:B,text:f,$hasDropdown:u,$showLabel:o,$buttonStyles:e})}if(c&&c.items&&c.items.length>0)if(h)C=g.jsx(Wt.TableDropdown,{...c,children:C});else{const{$css:A,...I}=c;C=g.jsx(b.Dropdown,{...I,children:C})}return C},ee=({selectedCount:t,label:i="Выбрано",showCheckbox:o=!1,checked:n=!1,onCheckboxChange:e,className:c,indeterminate:h})=>{const{down:l}=xt.useBreakpoint(),a=l("xl"),s=t>0,r=a?"BodyXS":"BodyS",w=(()=>{if(t===0)return"0px";const u=t.toString().length;return`${Math.max(16,7.1+u*6.1)+4}px`})(),f=o?g.jsxs(jt.Box,{$css:{display:"flex",alignItems:"center",gap:"4px"},children:[g.jsx(b.Checkbox,{checked:n,indeterminate:h,onChange:e,size:"m"}),g.jsx(Pt.Typography,{variant:r,children:i})]}):g.jsx(Pt.Typography,{variant:r,children:i});return g.jsxs(jt.Box,{className:c,$css:{display:"flex",alignItems:"center"},children:[f,g.jsx(se.Collapse,{duration:.3,orientation:"horizontal",isOpen:s,unMountOnClose:!0,sizeOnOpen:w,extContainerCss:{overflow:"visible",display:"flex",justifyContent:"flex-end"},intContainerCss:{always:{opacity:"0",transition:".3s ease"},onOpen:{opacity:1}},children:s&&g.jsx(Wt.AnimatedCounter,{className:"counter",count:t,size:"xs",view:"accent",style:{marginBottom:"3px"}},t)})]})},Ce=(t=[])=>p.useMemo(()=>{const i=[],o={},n=new Map;return t.forEach(e=>{var c,h;if(e.dropdown){const l=`group-${e.key||e.text||Date.now()}`,a="items"in e.dropdown?e.dropdown.items||[]:[],s="onItemSelect"in e.dropdown?e.dropdown.onItemSelect:void 0;s&&n.set(l.toString(),s);const[r,w]=xt.processDropdownItems(a,s);w.forEach((f,u)=>n.set(u,f)),(c=e.dropdown)!=null&&c.$css&&Object.assign(o,(h=e.dropdown)==null?void 0:h.$css),i.push({label:e.text??"",value:l,contentLeft:e.contentLeft,items:r,className:e.className,disabled:e.disabled})}else{const l=e.key||e.text||`btn-${Date.now()}`,a={label:e.text||"Кнопка",value:l.toString(),disabled:e.disabled,contentLeft:e.contentLeft};e.onClick&&n.set(l.toString(),(s,r)=>{var f;const w={...r,nativeEvent:r.nativeEvent,preventDefault:r.preventDefault,stopPropagation:r.stopPropagation,target:r.target,currentTarget:r.currentTarget};(f=e.onClick)==null||f.call(e,w)}),i.push(a)}}),{dropdownItems:i,handlerMap:n,$summaryCSS:o}},[t]),Ee=({buttons:t=[],dividerIndexes:i=[],triggerSlot:o,dropdownProps:n,useTableDropdown:e=!1})=>{const{dropdownItems:c,handlerMap:h,$summaryCSS:l}=Ce(t),a=xt.useDropdownItemClickHandler(h),[s,r]=p.useState(!1),w=c.map((A,I)=>(i.includes(I)&&(A.dividerAfter=!0),A)),f={closeOnSelect:!0,...n,onItemSelect:a,items:w,onToggle:A=>r(A),portal:"document",view:(n==null?void 0:n.view)||"default"},{portal:u,...C}=f;return e?g.jsx(Wt.TableDropdown,{$css:l,...C,children:o}):g.jsx(b.Dropdown,{...f,children:o})},Te=({button:t,isCompact:i,compactSize:o="xs",useTableDropdown:n=!1})=>{const e=t.size??(i?o:"s");return g.jsx(Ot,{...t,size:e,showLabel:!0,useTableDropdown:n})},Ie=({button:t,isCompact:i,compactSize:o="xs",useTableDropdown:n=!1})=>{const e=t.size??(i?o:"s");return g.jsx(Ot,{...t,size:e,showLabel:!0,useTableDropdown:n})},$t=(t,i,o=!1,n="xs")=>t.type==="button"?g.jsx(Te,{button:t,isCompact:i,compactSize:n,useTableDropdown:o}):g.jsx(Ie,{button:t,isCompact:i,compactSize:n,useTableDropdown:o}),ne=({containerRef:t,leftSection:i,middleSection:o,buttons:n,sidebarConfig:e,isHaveSomeFeatureInSidebar:c=!1,collapsedDropdownProps:h,selectedCount:l,show:a,useTableDropdown:s=!1,enableDebugLogs:r=!1,bottom:w=16,minPadding:f=16,size:u})=>{const{down:C}=xt.useBreakpoint(),A=u?u==="xs":C("xl"),I=u?"xxs":"xs",[B,N]=p.useState(!1),z=p.useRef(null),J=p.useRef(null),y=p.useRef(null),_=p.useRef([]),S=p.useRef(null),q=p.useRef(null),k=p.useRef(null),$=p.useRef(null),[R,U]=p.useState((n==null?void 0:n.length)??0),[tt,ot]=p.useState(void 0),[at,ct]=p.useState(!1),{containerWidth:T,getContainerWidth:P}=Ft(t),et=bt(l),v=a!==void 0?a:et,{calculatePosition:O,calculatePositionForState:j,shouldApplySidebarOffsetRef:V}=Zt({containerRef:z,collapseButtonRef:q,leftSectionRef:k,getContainerWidth:P,isHaveSomeFeatureInSidebar:c,sidebarConfig:e,visibleButtonsCount:R,setTranslateX:ot,minPadding:f}),{calculateCompression:G,measuredButtonWidthsRef:nt}=Jt({isCollapsed:B,containerRef:z,contentRef:J,middleSectionRef:y,buttonRefs:_,moreButtonRef:S,collapseButtonRef:q,leftSectionRef:k,dividerRef:$,buttons:n,isHaveSomeFeatureInSidebar:c,getContainerWidth:P,setVisibleButtonsCount:U,enableDebugLogs:r,minPadding:f,leftPadding:Q.left,rightPadding:Q.right,moreButtonWidthEstimate:A?32:Nt}),{isSidebarOpen:st,wasAutoCollapsedRef:H}=Qt({isCollapsed:B,setIsCollapsed:N,calculatePositionForState:j,calculatePosition:O,setTranslateX:ot,shouldApplySidebarOffsetRef:V,sidebarConfig:e,getContainerWidth:P}),{handleToggleCollapse:dt}=Yt({isCollapsed:B,setIsCollapsed:N,isSidebarOpen:st,calculatePositionForState:j,calculatePosition:O,setTranslateX:ot,shouldApplySidebarOffsetRef:V,wasAutoCollapsedRef:H}),{visibleButtons:X,buttonsInDropdown:pt,allButtons:rt}=Xt({buttons:n,visibleButtonsCount:R});if(p.useEffect(()=>{const W=setTimeout(()=>ct(!0),Ut);return()=>clearTimeout(W)},[]),Kt({containerRef:z,buttonRefs:_,buttons:n,isVisible:v,isCollapsed:B,visibleButtonsCount:R,selectedCount:l,setIsCollapsed:N,setVisibleButtonsCount:U,calculatePosition:O,calculateCompression:G,measuredButtonWidthsRef:nt,containerWidth:T}),!v)return null;const ut=!B&&((n==null?void 0:n.length)??0)>0;return g.jsx(de,{ref:z,$isCollapsed:B,$size:u,$translateX:tt,$isInitialCalculationComplete:at,$bottom:w,children:g.jsxs(ue,{ref:J,$isCollapsed:B,$isCompact:A,children:[g.jsx(pe,{children:rt.map((W,x)=>{const E=W.key??`${W.text}${x}`;return g.jsx(fe,{ref:D=>{_.current[x]=D},children:$t(W,A,s,I)},`measure-${E}`)})}),g.jsx("div",{ref:k,children:i}),g.jsxs(he,{$isCollapsed:B,children:[o&&g.jsx("div",{ref:y,children:o}),ut&&g.jsx("div",{ref:$,children:g.jsx(me,{orientation:"vertical",length:"16px"})}),pt.length>0&&g.jsx("div",{ref:W=>{S.current=W},children:g.jsx(Ee,{buttons:pt,useTableDropdown:s,dropdownProps:{placement:"top",...h},triggerSlot:g.jsx(b.IconButton,{view:"secondary",size:A?I:"s",contentLeft:g.jsx(Rt.IconDotsVerticalCenteredOutline,{size:A?"xs":"s"})})})}),X.map((W,x)=>{const E=W.key??`${W.text}${x}`,D=g.jsx(ge,{children:$t(W,A,s,I)},E);return W.disabled&&W.disabledTooltipProps?g.jsx(b.Tooltip,{trigger:"hover",...W.disabledTooltipProps,children:D},E):D})]}),g.jsx("div",{ref:q,children:g.jsx(we,{size:A?"s":"m",$isCollapsed:B,$isCompact:A,onClick:dt,children:g.jsx(xe,{size:A?"xs":"s",$isCollapsed:B})})})]})})};ne.Counter=ee;exports.ACTION_BUTTON_WIDTH_ESTIMATE=gt;exports.ANIMATION_COMPLETE_DELAY=Tt;exports.ANIMATION_DURATION=oe;exports.COLLAPSE_BUTTON_WIDTH=ht;exports.COMPRESSION_CALCULATION_DELAY=Gt;exports.CONTAINER_PADDING_HORIZONTAL=ie;exports.COUNTER_WIDTH_ESTIMATE=vt;exports.DELAY_BEFORE_SHOW_PANEL=Ut;exports.ELEMENTS_GAP=L;exports.INITIAL_POSITION_CALCULATION_DELAY=Ht;exports.MIN_PANEL_PADDING=Et;exports.MORE_BUTTON_WIDTH_ESTIMATE=Nt;exports.MassActions=ne;exports.MassActionsButton=Ot;exports.MassActionsCounter=ee;exports.PANEL_PADDING_COLLAPSED=Bt;exports.PANEL_PADDING_EXPANDED=Q;exports.RESET_BUTTON_WIDTH_ESTIMATE=qt;exports.TOGGLE_SIDEBAR_PANEL_WIDTH=wt;exports.useMassActionsButtons=Xt;exports.useMassActionsCollapse=Yt;exports.useMassActionsCompression=Jt;exports.useMassActionsContainer=Ft;exports.useMassActionsEffects=Kt;exports.useMassActionsPosition=Zt;exports.useMassActionsSidebar=Qt;exports.useMassActionsVisibility=bt;

package/chunks/PageTitle-BLBN06Xe.mjs

@@ -0,0 +1,123 @@
+import { Breadcrumbs as C, IconButton as w } from "@salutejs/sdds-finai";
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { a as S } from "./AnalyticalWidget-DnHHyjnv.mjs";
+import { IconChevronLeft as P } from "@salutejs/plasma-icons";
+import { textSecondary as $ } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { d as R, s as z } from "./utils-C5SQhoON.mjs";
+import { forwardRef as I } from "react";
+import { s } from "../constants/index.mjs";
+import a from "styled-components";
+const o = "PageTitle__", i = {
+  root: `${o}root`,
+  breadcrumbs: `${o}breadcrumbs`,
+  content: `${o}content`,
+  leftBlock: `${o}left-block`,
+  titleBlock: `${o}title-block`,
+  title: `${o}title`,
+  subtitle: `${o}subtitle`,
+  titleSlot: `${o}title-slot`,
+  rightBlock: `${o}right-block`,
+  backIconButton: `${o}back-icon-block`
+}, j = a.div.attrs({
+  className: i.root
+}).withConfig({
+  displayName: "PageTitlestyled__StyledRoot"
+})(["width:100%;display:flex;flex-direction:column;gap:", ";"], () => s.x8), A = a.div.attrs({
+  className: i.breadcrumbs
+}).withConfig({
+  displayName: "PageTitlestyled__StyledBreadcrumbs"
+})([""]), L = a.div.attrs({
+  className: i.content
+}).withConfig({
+  displayName: "PageTitlestyled__StyledContent"
+})(["display:flex;justify-content:space-between;align-items:flex-start;gap:", ";"], () => s.x12), H = a.div.attrs({
+  className: i.leftBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledLeftBlock"
+})(["display:flex;align-items:flex-start;gap:", ";flex:1;min-width:0;"], () => s.x8), E = a.div.attrs({
+  className: i.titleBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitleBlock"
+})(["display:flex;flex-direction:column;gap:", ";flex-shrink:1;min-width:0;"], () => s.x2), W = a.div.attrs({
+  className: i.backIconButton
+}).withConfig({
+  displayName: "PageTitlestyled__StyledBackButtonContainer"
+})(["margin-top:", ";"], ({
+  $isAdaptive1280: t
+}) => t ? "1px" : "6px"), q = a.div.attrs({
+  className: i.title
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitle"
+})([""]), D = a.div.attrs({
+  className: i.subtitle
+}).withConfig({
+  displayName: "PageTitlestyled__StyledSubtitle"
+})([""]), F = a.div.attrs({
+  className: i.titleSlot
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitleSlot"
+})(["margin-top:3px;"]), G = a.div.attrs({
+  className: i.rightBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledRightBlock"
+})(["display:flex;align-items:flex-end;flex-shrink:0;align-self:flex-end;"]), J = (t) => ({
+  buttonSize: t ? "xs" : "s"
+}), y = (t, e) => typeof t == "function" ? t(e) : t, K = ({
+  isAdaptive1280: t,
+  ...e
+}) => /* @__PURE__ */ l(W, { $isAdaptive1280: t, children: /* @__PURE__ */ l(w, { size: "xs", view: "secondary", className: i.backIconButton, pin: "circle-circle", ...e, children: /* @__PURE__ */ l(P, { size: "xs", color: "inherit" }) }) }), M = ({
+  breadcrumbs: t
+}) => {
+  if (!t)
+    return null;
+  const e = {
+    size: "m",
+    ...t
+  };
+  return /* @__PURE__ */ l(A, { children: /* @__PURE__ */ l(C, { ...e }) });
+}, O = ({
+  title: t,
+  titleTypographyProps: e
+}) => t ? /* @__PURE__ */ l(q, { children: /* @__PURE__ */ l(S, { variant: "H2", bold: !0, tooltipText: (e && "tooltipText" in e ? e.tooltipText : void 0) ?? t, ...e, children: t }) }) : null, Q = ({
+  subtitle: t,
+  subtitleTypographyProps: e
+}) => t ? /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(S, { variant: "BodyS", color: $, tooltipText: (e && "tooltipText" in e ? e.tooltipText : void 0) ?? t, ...e, children: t }) }) : null, U = I(({
+  title: t,
+  titleTypographyProps: e,
+  subtitle: c,
+  subtitleTypographyProps: p,
+  titleSlot: x,
+  rightSlot: h,
+  disableMediaAdaptive: u = !1,
+  breadcrumbs: d,
+  $css: T,
+  className: B,
+  showBackButton: k,
+  onBackClick: N,
+  ..._
+}, b) => {
+  const {
+    down: v
+  } = R(), r = !u && v("xl"), m = J(r), f = y(x, m), g = y(h, m);
+  return /* @__PURE__ */ n(j, { ref: b, $css: T, className: z(i.root, B), ..._, children: [
+    d && /* @__PURE__ */ l(M, { breadcrumbs: d }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ n(H, { children: [
+        k && /* @__PURE__ */ l(K, { isAdaptive1280: r, onClick: N }),
+        (t || c) && /* @__PURE__ */ n(E, { children: [
+          /* @__PURE__ */ l(O, { title: t, titleTypographyProps: e }),
+          /* @__PURE__ */ l(Q, { subtitle: c, subtitleTypographyProps: p })
+        ] }),
+        f && /* @__PURE__ */ l(F, { children: f })
+      ] }),
+      g && /* @__PURE__ */ l(G, { children: g })
+    ] })
+  ] });
+});
+U.displayName = "PageTitle";
+export {
+  U as P,
+  J as g,
+  i as p,
+  y as r
+};

package/chunks/PageTitle-j-pmmoZ9.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("@salutejs/sdds-finai"),e=require("react/jsx-runtime"),f=require("./AnalyticalWidget-29tSeB0C.cjs"),w=require("@salutejs/plasma-icons"),$=require("@salutejs/sdds-themes/tokens/sdds_finai"),m=require("./utils-DKi1rqLX.cjs"),q=require("react"),o=require("../constants/index.cjs"),n=require("styled-components"),s="PageTitle__",i={root:`${s}root`,breadcrumbs:`${s}breadcrumbs`,content:`${s}content`,leftBlock:`${s}left-block`,titleBlock:`${s}title-block`,title:`${s}title`,subtitle:`${s}subtitle`,titleSlot:`${s}title-slot`,rightBlock:`${s}right-block`,backIconButton:`${s}back-icon-block`},R=n.div.attrs({className:i.root}).withConfig({displayName:"PageTitlestyled__StyledRoot"})(["width:100%;display:flex;flex-direction:column;gap:",";"],()=>o.s.x8),z=n.div.attrs({className:i.breadcrumbs}).withConfig({displayName:"PageTitlestyled__StyledBreadcrumbs"})([""]),I=n.div.attrs({className:i.content}).withConfig({displayName:"PageTitlestyled__StyledContent"})(["display:flex;justify-content:space-between;align-items:flex-start;gap:",";"],()=>o.s.x12),A=n.div.attrs({className:i.leftBlock}).withConfig({displayName:"PageTitlestyled__StyledLeftBlock"})(["display:flex;align-items:flex-start;gap:",";flex:1;min-width:0;"],()=>o.s.x8),L=n.div.attrs({className:i.titleBlock}).withConfig({displayName:"PageTitlestyled__StyledTitleBlock"})(["display:flex;flex-direction:column;gap:",";flex-shrink:1;min-width:0;"],()=>o.s.x2),W=n.div.attrs({className:i.backIconButton}).withConfig({displayName:"PageTitlestyled__StyledBackButtonContainer"})(["margin-top:",";"],({$isAdaptive1280:t})=>t?"1px":"6px"),H=n.div.attrs({className:i.title}).withConfig({displayName:"PageTitlestyled__StyledTitle"})([""]),E=n.div.attrs({className:i.subtitle}).withConfig({displayName:"PageTitlestyled__StyledSubtitle"})([""]),F=n.div.attrs({className:i.titleSlot}).withConfig({displayName:"PageTitlestyled__StyledTitleSlot"})(["margin-top:3px;"]),D=n.div.attrs({className:i.rightBlock}).withConfig({displayName:"PageTitlestyled__StyledRightBlock"})(["display:flex;align-items:flex-end;flex-shrink:0;align-self:flex-end;"]),S=t=>({buttonSize:t?"xs":"s"}),a=(t,l)=>typeof t=="function"?t(l):t,G=({isAdaptive1280:t,...l})=>e.jsx(W,{$isAdaptive1280:t,children:e.jsx(u.IconButton,{size:"xs",view:"secondary",className:i.backIconButton,pin:"circle-circle",...l,children:e.jsx(w.IconChevronLeft,{size:"xs",color:"inherit"})})}),J=({breadcrumbs:t})=>{if(!t)return null;const l={size:"m",...t};return e.jsx(z,{children:e.jsx(u.Breadcrumbs,{...l})})},K=({title:t,titleTypographyProps:l})=>t?e.jsx(H,{children:e.jsx(f.TypographyWithAutoTooltip,{variant:"H2",bold:!0,tooltipText:(l&&"tooltipText"in l?l.tooltipText:void 0)??t,...l,children:t})}):null,M=({subtitle:t,subtitleTypographyProps:l})=>t?e.jsx(E,{children:e.jsx(f.TypographyWithAutoTooltip,{variant:"BodyS",color:$.textSecondary,tooltipText:(l&&"tooltipText"in l?l.tooltipText:void 0)??t,...l,children:t})}):null,T=q.forwardRef(({title:t,titleTypographyProps:l,subtitle:c,subtitleTypographyProps:h,titleSlot:p,rightSlot:B,disableMediaAdaptive:k=!1,breadcrumbs:d,$css:N,className:_,showBackButton:j,onBackClick:b,...C},v)=>{const{down:P}=m.useBreakpoint(),r=!k&&P("xl"),x=S(r),g=a(p,x),y=a(B,x);return e.jsxs(R,{ref:v,$css:N,className:m.mCls(i.root,_),...C,children:[d&&e.jsx(J,{breadcrumbs:d}),e.jsxs(I,{children:[e.jsxs(A,{children:[j&&e.jsx(G,{isAdaptive1280:r,onClick:b}),(t||c)&&e.jsxs(L,{children:[e.jsx(K,{title:t,titleTypographyProps:l}),e.jsx(M,{subtitle:c,subtitleTypographyProps:h})]}),g&&e.jsx(F,{children:g})]}),y&&e.jsx(D,{children:y})]})]})});T.displayName="PageTitle";exports.PageTitle=T;exports.getPageTitleSlotSizes=S;exports.pageTitleClassNames=i;exports.renderPageTitleSlot=a;

package/chunks/SplitView-C8de8YKV.mjs

@@ -0,0 +1,236 @@
+import { jsx as W, jsxs as H } from "react/jsx-runtime";
+import { t as G, e as V, w as J, b as y, d as K, s as Q, q as Y } from "./utils-C5SQhoON.mjs";
+import { useState as F, useEffect as $, useCallback as T, useRef as L, useMemo as X } from "react";
+import { ModalDF as Z } from "../components/ModalDF/index.mjs";
+import { s as E } from "../constants/index.mjs";
+import { surfaceSolidSecondary as R, outlineSolidSecondary as tt, outlineSolidSecondaryHover as N, surfaceSolidCard as et, shadowDownSoftS as it } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import rt from "styled-components";
+const nt = ({
+  children: e,
+  isFullScreened: t,
+  fullScreenedModalDFProps: i
+}) => {
+  if (!t)
+    return e;
+  const o = typeof (i == null ? void 0 : i.fullScreen) == "object" ? i.fullScreen : void 0;
+  return /* @__PURE__ */ W(Z, { opened: !0, closeOnOverlayClick: !1, ...i, fullScreen: {
+    ...o,
+    defaultEnabled: !0
+  }, children: e });
+}, ot = ({
+  sidebarIsClosed: e,
+  isResizingRef: t,
+  onTransitionEndExt: i
+}) => {
+  const [o, a] = F(() => e);
+  $(() => {
+    e && a(!0);
+  }, [e]);
+  const d = T((c) => {
+    i && i(c), !e && !t.current && o && a(!1);
+  }, [o, t, i, e]);
+  return {
+    isClosingOrClosedOrOpening: o,
+    onTransitionEnd: d
+  };
+}, u = "SplitView__", n = {
+  container: `${u}container`,
+  separator: `${u}separator`,
+  separatorButton: `${u}separator-button`,
+  mainBlock: `${u}main-block`,
+  sidebarBlock: `${u}sidebar-block`,
+  sidebarBlockIsResizing: `${u}sidebar-block-is-resizing`,
+  sidebarIsClosingOrClosedOrOpening: `${u}sidebar-is-closing-closed-opening`,
+  sidebarBlockFullScreenContentContainer: `${u}sidebar-block__full-screen-content-container`,
+  sidebarBlockInModal: `${u}sidebar-block-in-modal`
+}, M = 32, _ = 12, r = {
+  mainWidthVar: "--main-width",
+  separatorWidthVar: "--separator-width",
+  sidebarWidthVar: "--sidebar-width",
+  sidebarWidthInPxVar: "--sidebar-width-in-px",
+  gapBetweenBlocksDefaultWidth: M,
+  separatorButtonDefaultWidth: _,
+  separatorDefaultWidth: M + _,
+  // SIZES DEFAULT
+  sidebarWidths: {
+    minWidthPx: 600,
+    adaptive1280MinWidthPx: 440,
+    maxWidthPercent: 70,
+    defaultWidthPercent: 30
+  }
+}, j = (e, t) => e / 100 * t, at = (e, t) => e / t * 100, st = ({
+  setSizes: e,
+  isResizingRef: t,
+  containerRef: i,
+  sidebarMinWidthPx: o,
+  sidebarMaxWidthPercent: a,
+  onResize: d
+}) => {
+  const c = T(() => {
+    var s;
+    document.body.style.cursor = "col-resize", t.current = !0, (s = i.current) == null || s.classList.toggle(n.sidebarBlockIsResizing, !0);
+  }, [i, t]);
+  return $(() => {
+    const s = () => {
+      var l;
+      document.body.style.cursor = "auto", t.current = !1, (l = i.current) == null || l.classList.toggle(n.sidebarBlockIsResizing, !1);
+    }, w = G((l) => {
+      if (!t.current || !i.current)
+        return;
+      l.preventDefault();
+      const g = l.clientX, m = i.current.getBoundingClientRect(), p = m.width - r.separatorDefaultWidth, b = (m.right - g - r.separatorButtonDefaultWidth / 2) / p * 100, v = at(o, p), x = V(v, b, a), f = 100 - x, k = x * p / 100, B = f * p / 100, P = {
+        main: f,
+        mainPx: B,
+        sidebar: x,
+        sidebarPx: k
+      };
+      e(P), d == null || d(P);
+    }, 150);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", s), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", s);
+    };
+  }, [i, t, d, e, a, o]), {
+    startResizing: c
+  };
+}, dt = ({
+  setSizes: e,
+  containerRef: t,
+  sidebarMinWidthPx: i,
+  sidebarMaxWidthPercent: o,
+  onResize: a
+}) => {
+  $(() => {
+    const c = J((h) => {
+      const l = h.contentRect.width - r.separatorDefaultWidth;
+      e((g) => {
+        const m = j(g.sidebar, l), C = j(o, l), p = V(i, m, C), b = {
+          ...g,
+          sidebarPx: p
+        };
+        return a == null || a(b), b;
+      });
+    }, 1e3), s = new ResizeObserver((h) => {
+      h.forEach(c);
+    });
+    return t.current && s.observe(t.current), () => {
+      s.disconnect();
+    };
+  }, [t, e, o, i]);
+}, S = {
+  spaceX4: () => E.x4,
+  spaceX16: () => E.x16
+}, ct = (e, t, i, o = r.sidebarWidths.minWidthPx) => {
+  const a = t ? {
+    ...e,
+    main: 100,
+    separator: `${i ?? 0}px`,
+    sidebar: 0
+  } : {
+    ...e,
+    separator: `${r.separatorDefaultWidth}px`
+  }, {
+    main: d,
+    sidebar: c,
+    sidebarPx: s,
+    separator: h
+  } = a;
+  return {
+    [r.mainWidthVar]: `${d}fr`,
+    [r.sidebarWidthVar]: c === 0 ? "minmax(0px, 0fr)" : `minmax(${o}px, ${c}fr)`,
+    [r.separatorWidthVar]: h,
+    ...s !== void 0 && {
+      [r.sidebarWidthInPxVar]: `${s}px`
+    }
+  };
+}, lt = `
+      border-top-right-radius: ${S.spaceX4};
+      border-bottom-right-radius: ${S.spaceX4};
+      `, pt = rt.div.attrs({
+  className: n.container
+}).withConfig({
+  displayName: "SplitViewstyled__StyledDiv"
+})(["*{box-sizing:border-box;}display:grid;position:relative;z-index:0;grid-template-columns:var(", ") var(", ") var(", ");transition:grid-template-columns 0.2s ease-in-out,margin-right 0.2s ease-in-out;flex-grow:1;& .", "{overflow-x:hidden;}& .", ",& .", "{--split-view-header-height:", ";--split-view-bottom-gap:var(--page-layout-padding-bottom,32px);", " position:sticky;top:var(--split-view-header-height);height:calc( 100vh - var(--split-view-header-height) - var(--split-view-bottom-gap) );overflow-x:hidden;}& .", "{align-self:start;z-index:1;& .", "{margin-left:", "px;position:relative;border:none;padding:0;width:", "px;height:100%;background-color:", ";border-radius:", " 0 0 ", ";&::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:", ";border-radius:95px;background-color:", ";}&:hover{&::before{background-color:", ";}}cursor:col-resize;text-indent:100%;white-space:nowrap;overflow:hidden;}}&.", "{& .", ":before{background-color:", ";}}.", "{z-index:0;align-self:start;background-color:", ";box-shadow:", ";", ";}.", " > *{width:var(", ");}", " ", ""], r.mainWidthVar, r.separatorWidthVar, r.sidebarWidthVar, n.mainBlock, n.separator, n.sidebarBlock, ({
+  $headerHeight: e
+}) => e !== void 0 ? `${e}px` : "var(--global-header-height, 72px)", y.down("l")`
+      --split-view-bottom-gap: var(--page-layout-padding-bottom, 24px);
+    `, n.separator, n.separatorButton, r.gapBetweenBlocksDefaultWidth, r.separatorDefaultWidth - r.gapBetweenBlocksDefaultWidth, () => R, S.spaceX4, S.spaceX4, S.spaceX16, () => tt, () => N, n.sidebarBlockIsResizing, n.separatorButton, () => N, n.sidebarBlock, () => et, () => it, y.up("xl")(lt), n.sidebarIsClosingOrClosedOrOpening, r.sidebarWidthInPxVar, ({
+  $insidePageLayout: e,
+  $sidebarIsClosed: t
+}) => e && (t ? "margin-right: 0;" : `
+    margin-right: calc(-1 * var(--page-layout-padding-inline, 32px));
+
+    ${y.down("l")`
+      margin-right: calc(-1 * var(--page-layout-padding-inline, 24px));
+    `}
+  `), ({
+  $css: e
+}) => e), ut = (e) => ({
+  avatarSize: e ? "m" : "l"
+}), ht = (e, t) => t ?? (e ? r.sidebarWidths.adaptive1280MinWidthPx : r.sidebarWidths.minWidthPx), mt = (e, t) => typeof e == "function" ? e(t) : e, Ct = ({
+  mainContent: e,
+  sidebar: t,
+  //
+  style: i,
+  refContainer: o,
+  $css: a,
+  onTransitionEnd: d,
+  onResize: c,
+  headerHeight: s,
+  insidePageLayout: h = !1,
+  disableMediaAdaptive: w = !1,
+  ...l
+}) => {
+  const g = L(!1), m = L(null), {
+    down: C
+  } = K(), p = !w && C("xl"), {
+    minWidthPx: b,
+    maxWidthPercent: v = r.sidebarWidths.maxWidthPercent,
+    defaultWidthPercent: D = r.sidebarWidths.defaultWidthPercent
+  } = t ?? {}, x = t == null ? void 0 : t.content, f = ht(p, b), k = X(() => ut(p), [p]), B = X(() => mt(x, k), [x, k]), [P, z] = F(() => {
+    const I = V(0, D, Math.min(v, 100));
+    return {
+      main: 100 - I,
+      sidebar: I
+    };
+  }), O = !(t != null && t.isOpened), {
+    startResizing: U
+  } = st({
+    setSizes: z,
+    containerRef: m,
+    isResizingRef: g,
+    sidebarMaxWidthPercent: v,
+    sidebarMinWidthPx: f,
+    onResize: c
+  });
+  dt({
+    setSizes: z,
+    containerRef: m,
+    sidebarMaxWidthPercent: v,
+    sidebarMinWidthPx: f,
+    onResize: c
+  });
+  const {
+    isClosingOrClosedOrOpening: q,
+    onTransitionEnd: A
+  } = ot({
+    sidebarIsClosed: O,
+    isResizingRef: g,
+    onTransitionEndExt: d
+  });
+  return /* @__PURE__ */ H(pt, { ref: Y(m, o), style: {
+    ...ct(P, O, t == null ? void 0 : t.paddingLeftOnClosed, f),
+    ...i
+  }, $css: a, $headerHeight: s, $insidePageLayout: h, $sidebarIsClosed: O, onTransitionEnd: A, ...l, children: [
+    /* @__PURE__ */ W("div", { className: n.mainBlock, children: e }),
+    /* @__PURE__ */ W("div", { className: n.separator, children: /* @__PURE__ */ W("button", { className: n.separatorButton, type: "button", onMouseDown: U, children: "Разделитель" }) }),
+    /* @__PURE__ */ W("div", { className: Q(n.sidebarBlock, q && n.sidebarIsClosingOrClosedOrOpening, (t == null ? void 0 : t.isFullScreened) && n.sidebarBlockInModal), children: /* @__PURE__ */ W(nt, { isFullScreened: t == null ? void 0 : t.isFullScreened, fullScreenedModalDFProps: t == null ? void 0 : t.fullScreenedModalDFProps, children: B }) })
+  ] });
+};
+export {
+  Ct as S,
+  r as a,
+  ut as b,
+  ht as g,
+  mt as r,
+  n as s
+};

package/chunks/SplitView-OUGciQ51.cjs

@@ -0,0 +1,12 @@
+"use strict";const W=require("react/jsx-runtime"),u=require("./utils-DKi1rqLX.cjs"),l=require("react"),H=require("../components/ModalDF/index.cjs"),L=require("../constants/index.cjs"),S=require("@salutejs/sdds-themes/tokens/sdds_finai"),U=require("styled-components"),A=({children:e,isFullScreened:t,fullScreenedModalDFProps:i})=>{if(!t)return e;const s=typeof(i==null?void 0:i.fullScreen)=="object"?i.fullScreen:void 0;return W.jsx(H.ModalDF,{opened:!0,closeOnOverlayClick:!1,...i,fullScreen:{...s,defaultEnabled:!0},children:e})},G=({sidebarIsClosed:e,isResizingRef:t,onTransitionEndExt:i})=>{const[s,o]=l.useState(()=>e);l.useEffect(()=>{e&&o(!0)},[e]);const d=l.useCallback(c=>{i&&i(c),!e&&!t.current&&s&&o(!1)},[s,t,i,e]);return{isClosingOrClosedOrOpening:s,onTransitionEnd:d}},m="SplitView__",r={container:`${m}container`,separator:`${m}separator`,separatorButton:`${m}separator-button`,mainBlock:`${m}main-block`,sidebarBlock:`${m}sidebar-block`,sidebarBlockIsResizing:`${m}sidebar-block-is-resizing`,sidebarIsClosingOrClosedOrOpening:`${m}sidebar-is-closing-closed-opening`,sidebarBlockFullScreenContentContainer:`${m}sidebar-block__full-screen-content-container`,sidebarBlockInModal:`${m}sidebar-block-in-modal`},j=32,E=12,n={mainWidthVar:"--main-width",separatorWidthVar:"--separator-width",sidebarWidthVar:"--sidebar-width",sidebarWidthInPxVar:"--sidebar-width-in-px",gapBetweenBlocksDefaultWidth:j,separatorButtonDefaultWidth:E,separatorDefaultWidth:j+E,sidebarWidths:{minWidthPx:600,adaptive1280MinWidthPx:440,maxWidthPercent:70,defaultWidthPercent:30}},M=(e,t)=>e/100*t,J=(e,t)=>e/t*100,K=({setSizes:e,isResizingRef:t,containerRef:i,sidebarMinWidthPx:s,sidebarMaxWidthPercent:o,onResize:d})=>{const c=l.useCallback(()=>{var a;document.body.style.cursor="col-resize",t.current=!0,(a=i.current)==null||a.classList.toggle(r.sidebarBlockIsResizing,!0)},[i,t]);return l.useEffect(()=>{const a=()=>{var p;document.body.style.cursor="auto",t.current=!1,(p=i.current)==null||p.classList.toggle(r.sidebarBlockIsResizing,!1)},g=p=>{if(!t.current||!i.current)return;p.preventDefault();const x=p.clientX,b=i.current.getBoundingClientRect(),h=b.width-n.separatorDefaultWidth,f=(b.right-x-n.separatorButtonDefaultWidth/2)/h*100,k=J(s,h),y=o,w=u.clamp(k,f,y),v=100-w,B=w*h/100,$=v*h/100,O={main:v,mainPx:$,sidebar:w,sidebarPx:B};e(O),d==null||d(O)},C=u.throttleWithLastCall(g,150);return window.addEventListener("mousemove",C),window.addEventListener("mouseup",a),()=>{window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",a)}},[i,t,d,e,o,s]),{startResizing:c}},Q=({setSizes:e,containerRef:t,sidebarMinWidthPx:i,sidebarMaxWidthPercent:s,onResize:o})=>{l.useEffect(()=>{const d=g=>{const p=g.contentRect.width-n.separatorDefaultWidth;e(x=>{const b=M(x.sidebar,p),V=M(s,p),h=u.clamp(i,b,V),f={...x,sidebarPx:h};return o==null||o(f),f})},c=u.debounce(d,1e3),a=new ResizeObserver(g=>{g.forEach(c)});return t.current&&a.observe(t.current),()=>{a.disconnect()}},[t,e,s,i])},P={spaceX4:()=>L.s.x4,spaceX16:()=>L.s.x16},Y=(e,t,i,s=n.sidebarWidths.minWidthPx)=>{const o=t?{...e,main:100,separator:`${i??0}px`,sidebar:0}:{...e,separator:`${n.separatorDefaultWidth}px`},{main:d,sidebar:c,sidebarPx:a,separator:g}=o;return{[n.mainWidthVar]:`${d}fr`,[n.sidebarWidthVar]:c===0?"minmax(0px, 0fr)":`minmax(${s}px, ${c}fr)`,[n.separatorWidthVar]:g,...a!==void 0&&{[n.sidebarWidthInPxVar]:`${a}px`}}},Z=`
+      border-top-right-radius: ${P.spaceX4};
+      border-bottom-right-radius: ${P.spaceX4};
+      `,R=U.div.attrs({className:r.container}).withConfig({displayName:"SplitViewstyled__StyledDiv"})(["*{box-sizing:border-box;}display:grid;position:relative;z-index:0;grid-template-columns:var(",") var(",") var(",");transition:grid-template-columns 0.2s ease-in-out,margin-right 0.2s ease-in-out;flex-grow:1;& .","{overflow-x:hidden;}& .",",& .","{--split-view-header-height:",";--split-view-bottom-gap:var(--page-layout-padding-bottom,32px);"," position:sticky;top:var(--split-view-header-height);height:calc( 100vh - var(--split-view-header-height) - var(--split-view-bottom-gap) );overflow-x:hidden;}& .","{align-self:start;z-index:1;& .","{margin-left:","px;position:relative;border:none;padding:0;width:","px;height:100%;background-color:",";border-radius:"," 0 0 ",";&::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:",";border-radius:95px;background-color:",";}&:hover{&::before{background-color:",";}}cursor:col-resize;text-indent:100%;white-space:nowrap;overflow:hidden;}}&.","{& .",":before{background-color:",";}}.","{z-index:0;align-self:start;background-color:",";box-shadow:",";",";}."," > *{width:var(",");}"," ",""],n.mainWidthVar,n.separatorWidthVar,n.sidebarWidthVar,r.mainBlock,r.separator,r.sidebarBlock,({$headerHeight:e})=>e!==void 0?`${e}px`:"var(--global-header-height, 72px)",u.media.down("l")`
+      --split-view-bottom-gap: var(--page-layout-padding-bottom, 24px);
+    `,r.separator,r.separatorButton,n.gapBetweenBlocksDefaultWidth,n.separatorDefaultWidth-n.gapBetweenBlocksDefaultWidth,()=>S.surfaceSolidSecondary,P.spaceX4,P.spaceX4,P.spaceX16,()=>S.outlineSolidSecondary,()=>S.outlineSolidSecondaryHover,r.sidebarBlockIsResizing,r.separatorButton,()=>S.outlineSolidSecondaryHover,r.sidebarBlock,()=>S.surfaceSolidCard,()=>S.shadowDownSoftS,u.media.up("xl")(Z),r.sidebarIsClosingOrClosedOrOpening,n.sidebarWidthInPxVar,({$insidePageLayout:e,$sidebarIsClosed:t})=>e&&(t?"margin-right: 0;":`
+    margin-right: calc(-1 * var(--page-layout-padding-inline, 32px));
+
+    ${u.media.down("l")`
+      margin-right: calc(-1 * var(--page-layout-padding-inline, 24px));
+    `}
+  `),({$css:e})=>e),X=e=>({avatarSize:e?"m":"l"}),N=(e,t)=>t??(e?n.sidebarWidths.adaptive1280MinWidthPx:n.sidebarWidths.minWidthPx),q=(e,t)=>typeof e=="function"?e(t):e,tt=({mainContent:e,sidebar:t,style:i,refContainer:s,$css:o,onTransitionEnd:d,onResize:c,headerHeight:a,insidePageLayout:g=!1,disableMediaAdaptive:C=!1,...p})=>{const x=l.useRef(!1),b=l.useRef(null),{down:V}=u.useBreakpoint(),h=!C&&V("xl"),{minWidthPx:f,maxWidthPercent:k=n.sidebarWidths.maxWidthPercent,defaultWidthPercent:y=n.sidebarWidths.defaultWidthPercent}=t??{},w=t==null?void 0:t.content,v=N(h,f),B=l.useMemo(()=>X(h),[h]),$=l.useMemo(()=>q(w,B),[w,B]),[O,z]=l.useState(()=>{const I=u.clamp(0,y,Math.min(k,100));return{main:100-I,sidebar:I}}),D=!(t!=null&&t.isOpened),{startResizing:_}=K({setSizes:z,containerRef:b,isResizingRef:x,sidebarMaxWidthPercent:k,sidebarMinWidthPx:v,onResize:c});Q({setSizes:z,containerRef:b,sidebarMaxWidthPercent:k,sidebarMinWidthPx:v,onResize:c});const{isClosingOrClosedOrOpening:F,onTransitionEnd:T}=G({sidebarIsClosed:D,isResizingRef:x,onTransitionEndExt:d});return W.jsxs(R,{ref:u.mergeRefs(b,s),style:{...Y(O,D,t==null?void 0:t.paddingLeftOnClosed,v),...i},$css:o,$headerHeight:a,$insidePageLayout:g,$sidebarIsClosed:D,onTransitionEnd:T,...p,children:[W.jsx("div",{className:r.mainBlock,children:e}),W.jsx("div",{className:r.separator,children:W.jsx("button",{className:r.separatorButton,type:"button",onMouseDown:_,children:"Разделитель"})}),W.jsx("div",{className:u.mCls(r.sidebarBlock,F&&r.sidebarIsClosingOrClosedOrOpening,(t==null?void 0:t.isFullScreened)&&r.sidebarBlockInModal),children:W.jsx(A,{isFullScreened:t==null?void 0:t.isFullScreened,fullScreenedModalDFProps:t==null?void 0:t.fullScreenedModalDFProps,children:$})})]})};exports.SplitView=tt;exports.getSplitViewSidebarMinWidthPx=N;exports.getSplitViewSlotSizes=X;exports.renderSplitViewContent=q;exports.splitViewClassNames=r;exports.splitViewConstants=n;

package/chunks/Stories-CO4lXbo6.cjs

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