@daisforge/ui 1.21.0 → 1.23.0

package/chunks/{FormSegmentGroup-BYQ6yMK1.cjs → FormSegmentGroup-CNIqOYfm.cjs}

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("@salutejs/sdds-finai"),R=require("../formComponents/utils/index.cjs"),M=require("react-hook-form"),D=require("./utils-ChDQGRjv.cjs"),O=require("lodash.isequal"),X=require("react"),J=require("../components/TextField/index.cjs"),$=require("styled-components"),b={hiddenInput:"form-segment__hidden-input"},K=$.div.withConfig({displayName:"styled__SegmentGroupContainer"})(["width:100%;display:flex;flex-direction:column;gap:8px;"]),L=$(J.TextField).withConfig({displayName:"styled__HiddenTextField"})(["&&.","{.input-wrapper,.input-wrapper *{pointer-events:none;max-height:0;overflow:hidden;padding:0;margin:0;}}& > div{margin-bottom:0;}"],b.hiddenInput);function Q(e,t){return e==null||e===""?[]:Array.isArray(e)?e.map(String):t?[String(e)]:[String(e)]}function W(e,t){return t?e:e.length>0?[e[0]??""]:[]}function Y(e){const t={};return e.forEach(n=>{t[n]=(t[n]||0)+1}),e.filter(n=>t[n]<=1)}function Z(e){return e==null||e===""?[]:Array.isArray(e)?e.map(String):[String(e)]}function U({value:e,onRHFChange:t,onUserChange:n,selectionMode:i="single",label:u,titleCaption:m,hintText:y,hintTrigger:q="hover",hintHasArrow:F=!0,optionsRequired:j,groupProps:w,errorMessage:c,items:A,singleSelectedRequired:p,showError:C=!0}){const g=i==="multiple",{selectedSegmentItems:o}=a.useSegment();X.useEffect(()=>{const d=Q(e,g);if(!O([...d].sort(),[...o].sort())){const l=p?o:Y(o),s=W(l,g);t(s),n==null||n(s)}},[o,p]);const{$mode:I,className:G,style:N,ref:T,name:f,disabled:E,onBlur:V,...S}=w,_=Array.isArray(e)?e.join(", "):String(e??""),h=S.size??"s";return r.jsxs(K,{$mode:I,className:G,style:N,children:[(u||m)&&r.jsx(L,{required:R.getIsRequired(j),label:u,value:_,hintHasArrow:F,hintText:y??"",hintTrigger:q,className:b.hiddenInput,titleCaption:m,size:h}),r.jsx("input",{type:"hidden",name:f,value:String(e),ref:T,disabled:E,onBlur:V}),r.jsx(a.SegmentGroup,{...S,selectionMode:i,children:A.map(d=>{const{value:x,...l}=d,s=String(x);return r.jsx(a.SegmentItem,{value:s,type:"button",...l},s)})}),C&&c&&r.jsx(a.BodyXS,{color:D.getViewColor("negative"),children:c})]})}const B=e=>{const{name:t,options:n,onChange:i,singleSelectedRequired:u,selectionMode:m="single",view:y,size:q="s",pilled:F,hasBackground:j,stretch:w,orientation:c,className:A,style:p,items:C,label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,showError:T=!0}=e,f=R.useChangedFormContext(n),{control:E,rules:V,remOptions:S}=f;return r.jsx(M.Controller,{control:E,name:t,rules:V,...S,render:({field:{onChange:_,value:h,ref:d,onBlur:x,disabled:l,name:s,...z},fieldState:{error:H}})=>{const k={...z,name:t,className:A,style:p,disabled:l,size:q,view:y,pilled:F,hasBackground:j,stretch:w,orientation:c==="vertical"?"vertical":void 0,$mode:c==="vertical"?"column":"row",ref:d,onBlur:x},P=Z(h);return r.jsx(a.SegmentProvider,{defaultSelected:P,singleSelectedRequired:u,...z,children:r.jsx(U,{value:h,onRHFChange:v=>_(v),onUserChange:v=>{i==null||i(v,f)},label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,optionsRequired:n,errorMessage:H==null?void 0:H.message,groupProps:k,selectionMode:m,items:C,singleSelectedRequired:u,showError:T})},`segment-${t}-${P.join("|")}`)}})};B.displayName="FormSegmentGroup";exports.FormSegmentGroup=B;
+"use strict";const r=require("react/jsx-runtime"),a=require("@salutejs/sdds-finai"),R=require("../formComponents/utils/index.cjs"),M=require("react-hook-form"),D=require("./utils-OQNruMpn.cjs"),O=require("lodash.isequal"),X=require("react"),J=require("../components/TextField/index.cjs"),$=require("styled-components"),b={hiddenInput:"form-segment__hidden-input"},K=$.div.withConfig({displayName:"styled__SegmentGroupContainer"})(["width:100%;display:flex;flex-direction:column;gap:8px;"]),L=$(J.TextField).withConfig({displayName:"styled__HiddenTextField"})(["&&.","{.input-wrapper,.input-wrapper *{pointer-events:none;max-height:0;overflow:hidden;padding:0;margin:0;}}& > div{margin-bottom:0;}"],b.hiddenInput);function Q(e,t){return e==null||e===""?[]:Array.isArray(e)?e.map(String):t?[String(e)]:[String(e)]}function W(e,t){return t?e:e.length>0?[e[0]??""]:[]}function Y(e){const t={};return e.forEach(n=>{t[n]=(t[n]||0)+1}),e.filter(n=>t[n]<=1)}function Z(e){return e==null||e===""?[]:Array.isArray(e)?e.map(String):[String(e)]}function U({value:e,onRHFChange:t,onUserChange:n,selectionMode:i="single",label:u,titleCaption:m,hintText:y,hintTrigger:q="hover",hintHasArrow:F=!0,optionsRequired:j,groupProps:w,errorMessage:c,items:A,singleSelectedRequired:p,showError:C=!0}){const g=i==="multiple",{selectedSegmentItems:o}=a.useSegment();X.useEffect(()=>{const d=Q(e,g);if(!O([...d].sort(),[...o].sort())){const l=p?o:Y(o),s=W(l,g);t(s),n==null||n(s)}},[o,p]);const{$mode:I,className:G,style:N,ref:T,name:f,disabled:E,onBlur:V,...S}=w,_=Array.isArray(e)?e.join(", "):String(e??""),h=S.size??"s";return r.jsxs(K,{$mode:I,className:G,style:N,children:[(u||m)&&r.jsx(L,{required:R.getIsRequired(j),label:u,value:_,hintHasArrow:F,hintText:y??"",hintTrigger:q,className:b.hiddenInput,titleCaption:m,size:h}),r.jsx("input",{type:"hidden",name:f,value:String(e),ref:T,disabled:E,onBlur:V}),r.jsx(a.SegmentGroup,{...S,selectionMode:i,children:A.map(d=>{const{value:x,...l}=d,s=String(x);return r.jsx(a.SegmentItem,{value:s,type:"button",...l},s)})}),C&&c&&r.jsx(a.BodyXS,{color:D.getViewColor("negative"),children:c})]})}const B=e=>{const{name:t,options:n,onChange:i,singleSelectedRequired:u,selectionMode:m="single",view:y,size:q="s",pilled:F,hasBackground:j,stretch:w,orientation:c,className:A,style:p,items:C,label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,showError:T=!0}=e,f=R.useChangedFormContext(n),{control:E,rules:V,remOptions:S}=f;return r.jsx(M.Controller,{control:E,name:t,rules:V,...S,render:({field:{onChange:_,value:h,ref:d,onBlur:x,disabled:l,name:s,...z},fieldState:{error:H}})=>{const k={...z,name:t,className:A,style:p,disabled:l,size:q,view:y,pilled:F,hasBackground:j,stretch:w,orientation:c==="vertical"?"vertical":void 0,$mode:c==="vertical"?"column":"row",ref:d,onBlur:x},P=Z(h);return r.jsx(a.SegmentProvider,{defaultSelected:P,singleSelectedRequired:u,...z,children:r.jsx(U,{value:h,onRHFChange:v=>_(v),onUserChange:v=>{i==null||i(v,f)},label:g,titleCaption:o,hintText:I,hintTrigger:G,hintHasArrow:N,optionsRequired:n,errorMessage:H==null?void 0:H.message,groupProps:k,selectionMode:m,items:C,singleSelectedRequired:u,showError:T})},`segment-${t}-${P.join("|")}`)}})};B.displayName="FormSegmentGroup";exports.FormSegmentGroup=B;

package/chunks/{FormSegmentGroup-C9qYxYT9.mjs → FormSegmentGroup-DwTRM58f.mjs}

@@ -2,7 +2,7 @@ import { jsxs as B, jsx as n } from "react/jsx-runtime";
 import { useSegment as M, SegmentGroup as R, SegmentItem as k, BodyXS as D, SegmentProvider as O } from "@salutejs/sdds-finai";
 import { getIsRequired as X, useChangedFormContext as J } from "../formComponents/utils/index.mjs";
 import { Controller as K } from "react-hook-form";
-import { A as L } from "./utils-u1KJ37g3.mjs";
+import { A as L } from "./utils-Hu77fGGe.mjs";
 import Q from "lodash.isequal";
 import { useEffect as W } from "react";
 import { TextField as Y } from "../components/TextField/index.mjs";

package/chunks/{GridDND-DK6SAO8q.cjs → GridDND-Bwmr7gla.cjs}

@@ -1 +1 @@
-"use strict";const Q=require("react/jsx-runtime");require("react-grid-layout/css/styles.css");const ht=require("../components/IconButton/index.cjs"),l=require("react"),ze=require("./AnalyticalWidget-YytE3Rlw.cjs"),bt=require("react-grid-layout"),gt=require("./utils-ChDQGRjv.cjs"),L=require("@salutejs/sdds-themes/tokens/sdds_finai"),ye=require("styled-components"),K={gridItemWrapper:"grid-dnd__item-wrapper",gridItem:"grid-dnd__item",dragHandle:"grid-dnd__drag-handle",noDrag:"grid-dnd__no-drag"},Ge=248,I=6,kt=({item:t,actionsSlot:n,children:r})=>Q.jsxs("div",{style:{height:"100%",position:"relative"},id:t.id,className:K.gridItemWrapper,children:[n,r]});function Dt(){const t=l.useRef(null),[n,r]=l.useState(0);return l.useLayoutEffect(()=>{const d=t.current;if(!d)return;let u=0;const c=gt.createSafeResizeObserver(i=>{var h;const m=((h=i[0])==null?void 0:h.contentRect.width)??0;cancelAnimationFrame(u),u=requestAnimationFrame(()=>r(m))});return c.observe(d),()=>{cancelAnimationFrame(u),c.disconnect()}},[]),{ref:t,width:n}}function vt(t){const{onWidthChange:n,margin:r,cols:d,containerPadding:u}=t,{ref:c,width:i}=Dt(),m=l.useRef(0);return l.useEffect(()=>{i>0&&i!==m.current&&(n==null||n(i,r,d,u),m.current=i)},[i,n,r,d,u]),Q.jsx("div",{ref:c,style:{width:"100%"},children:i>0&&Q.jsx(bt.Responsive,{...t,width:i})})}const Pe=ye.css(["background-color:",";border-radius:16px;outline:1px solid ",";"],()=>L.surfaceTransparentAccent,()=>L.outlineAccent),Rt=ye.div.withConfig({displayName:"GridDNDstyled__GridDNDContainer"})(["width:100%;min-height:400px;max-width:1890px;&:has(.react-grid-placeholder){& .react-grid-item.react-grid-placeholder{"," opacity:1;}}"],Pe),Nt=ye.div.attrs(()=>({className:K.gridItem})).withConfig({displayName:"GridDNDstyled__GridItem"})(["&.react-draggable-dragging{outline:2px solid ",";box-shadow:",";cursor:grabbing;}& .","{cursor:default;}height:100%;width:100%;cursor:",";background-color:white;border-radius:16px;outline:",";box-shadow:",";overflow:hidden;"],()=>L.outlineAccentMinor,()=>L.shadowDownHardS,ze.analyticalWidgetClassNames.topSlot,t=>t.$isDraggable?"grab":"default",t=>t.$isDraggable?`2px solid ${L.outlineTransparentAccent}`:"none",()=>L.shadowDownSoftS),Ot=ye.div.withConfig({displayName:"GridDNDstyled__GridItemContent"})(["height:100%;width:100%;"]),Ke=t=>!t||t==="."||t==="-"||t===" ";function Mt(t,n,r,d){var m,h;const u=[],c=r[n],i=new Set;for(let O=0;O<t.length;O++){const M=t[O];if(!M)return u;for(let s=0;s<M.length;s++){const p=M[s];if(!p||Ke(p)||i.has(`${p}`))continue;let w=0;for(let f=s;f<M.length&&M[f]===p;f++)w++;let y=0;for(let f=O;f<t.length;f++){let k=!0;for(let v=s;v<s+w;v++)if(!((m=t[f])!=null&&m[v])||((h=t[f])==null?void 0:h[v])!==p){k=!1;break}if(!k)break;y++}for(let f=O;f<O+y;f++)for(let k=s;k<s+w;k++)i.add(`${p}`);u.push({i:p,x:s,y:O,w,h:y,minW:1,maxW:c,minH:1,isResizable:d,static:!1})}}return u}function At(t){return Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))}function Gt(t,n){const r=Object.keys(t).sort((d,u)=>{const c=t[d]||0;return(t[u]||0)-c});for(const d of r){const u=t[d];if(u!==void 0&&n>=u)return d}return r[r.length-1]}function St(t,n,r){var u,c;const d=r.indexOf(t);if(d===-1)return null;for(let i=d-1;i>=0;i--){const m=r[i];if(m&&((u=n[m])!=null&&u.length))return m}for(let i=d+1;i<r.length;i++){const m=r[i];if(m&&((c=n[m])!=null&&c.length))return m}return null}function Et(t,n){const r=[...t].map(s=>({...s,w:Math.max(1,Math.min(s.w,n))})).sort((s,p)=>s.y-p.y||s.x-p.x),d=[],u=s=>{for(;d.length<s;)d.push(Array(n).fill(!1))},c=(s,p,w,y)=>{u(p+y);for(let f=p;f<p+y;f++){const k=d[f];if(!k)return!1;for(let v=s;v<s+w;v++)if(v>=n||k[v])return!1}return!0},i=(s,p,w,y)=>{u(p+y);for(let f=p;f<p+y;f++){const k=d[f];if(k)for(let v=s;v<s+w;v++)v<k.length&&(k[v]=!0)}},m=s=>{let p=s;for(;;){u(p+1);const w=d[p];if(w&&w.some(y=>!y))return p;p++}};let h=0,O=0;const M=[];for(const s of r){let p=!1;for(let y=O;y<=n-s.w;y++)if(c(y,h,s.w,s.h)){i(y,h,s.w,s.h),M.push({...s,x:y,y:h}),O=y+s.w,O>n-1&&(h=m(h),O=0),p=!0;break}if(p)continue;h=m(h),O=0;let w=h;for(;;){let y=!1;for(let f=0;f<=n-s.w;f++)if(c(f,w,s.w,s.h)){i(f,w,s.w,s.h),M.push({...s,x:f,y:w}),w===h&&(O=f+s.w,O>n-1&&(h=m(h),O=0)),y=!0;break}if(y)break;w++}}return M}const Z=t=>t==="l"?{w:2,h:2}:t==="m"?{w:2,h:1}:{w:1,h:1};function xe(t,n){if(!t||!n||t.length!==n.length)return!1;const r=[...t].sort((u,c)=>u.i>c.i?1:-1),d=[...n].sort((u,c)=>u.i>c.i?1:-1);for(let u=0;u<r.length;u+=1){const c=r[u],i=d[u];if(!c||!i||c.i!==i.i||c.x!==i.x||c.y!==i.y||c.w!==i.w||c.h!==i.h)return!1}return!0}function he(t,n,r){for(;t.length<n;)t.push(Array(r).fill(!1))}function Ft(t,n,r){he(t,n+1,r);const d=t[n];return d?d.some(u=>!u):!1}function we(t,n,r,d=0){he(t,n+1,r);const u=t[n];if(!u)return-1;for(let c=Math.max(0,d);c<r;c++){if(c>=u.length)return-1;if(!u[c])return c}return-1}function $e(t,n,r,d,u,c){he(t,r+u,c);for(let i=r;i<r+u;i++){const m=t[i];if(!m)return!1;for(let h=n;h<n+d;h++)if(h>=c||m[h])return!1}return!0}function Wt(t,n,r,d,u,c){he(t,r+u,c);for(let i=r;i<r+u;i++){const m=t[i];if(m)for(let h=n;h<n+d;h++)h<c&&(m[h]=!0)}}function Xe(t,n,r){let d=Math.max(0,n);for(;;){if(Ft(t,d,r))return d;d++}}function Qe(t,n,r,d){const u=[],c=[];let i=0,m=0;for(const h of t){const O=n[h];if(!O)continue;const M=O,s=Math.max(1,Math.min(M.w,r)),p=Math.max(1,M.h);let w=null;for(let k=m;k<=r-s;k++)if($e(c,k,i,s,p,r)){w={x:k,y:i};break}if(!w){let k=i+1;for(;;){for(let v=0;v<=r-s;v++)if($e(c,v,k,s,p,r)){w={x:v,y:k};break}if(w)break;k++}}const{x:y,y:f}=w;if(Wt(c,y,f,s,p,r),u.push({i:h,x:y,y:f,w:s,h:p,minW:1,maxW:r,minH:1,isResizable:d,static:!1}),f>i)i=f,m=Math.max(0,we(c,i,r,0)),m===-1&&(i=Xe(c,i,r),m=we(c,i,r,0));else{const k=we(c,i,r,y+s);k===-1?(i=Xe(c,i,r),m=we(c,i,r,0)):m=k}}return u}function Se(t){return[...t].sort((n,r)=>n.y-r.y||n.x-r.x).map(n=>n.i)}const qt=t=>Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))[0]??"lg";function Ue(t,n,r,d,u=0,c=0){const i=t.reduce((s,p)=>Math.max(s,p.y+p.h),0),m=Array.from({length:Math.max(i,c)+d+1},()=>Array(n).fill(!1));for(const{x:s,y:p,w,h:y}of t)for(let f=p;f<p+y;f++){m[f]||(m[f]=Array(n).fill(!1));const k=m[f];for(let v=s;v<s+w;v++)f>=0&&v>=0&&v<n&&k&&(k[v]=!0)}const h=(s,p)=>{for(let w=p;w<p+d;w++){m[w]||(m[w]=Array(n).fill(!1));const y=m[w];for(let f=s;f<s+r;f++)if(f>=n||y&&y[f])return!1}return!0},O=(s,p)=>{for(let w=p;w<p+d;w++){m[w]||(m[w]=Array(n).fill(!1));const y=m[w];for(let f=s;f<s+r;f++)f<n&&y&&(y[f]=!0)}};let M=c;for(;;){m[M]||(m[M]=Array(n).fill(!1));for(let s=M===c?u:0;s<=n-r;s++)if(h(s,M))return O(s,M),{x:s,y:M};M++}}const Tt=t=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>t(!1)):setTimeout(()=>t(!1),0)},Ht=({children:t,className:n})=>Q.jsx(Ot,{className:n,children:t}),Ye=(...t)=>console.log("%c[GridDND]","color:#6b5b95;font-weight:600",...t),Bt=l.forwardRef(({items:t,breakpoints:n={lg:1375,md:1143,sm:911,xs:679,xxs:0},cols:r={lg:6,md:5,sm:4,xs:3,xxs:2},rowHeights:d={lg:248,md:248,sm:248,xs:248,xxs:248},isDraggable:u=!0,isResizable:c=!1,margin:i=[16,16],containerPadding:m=[0,0],preventCollision:h=!1,allowOverlap:O=!1,isBounded:M=!0,autoSize:s=!0,useCSSTransforms:p=!0,compactType:w="horizontal",smartCompact:y=!0,resizeHandles:f=["se","sw","ne","nw","s","w","e","n"],draggableHandle:k=`.${K.dragHandle}`,draggableCancel:v=`button, input, select, textarea, .${K.noDrag}, .${ze.analyticalWidgetClassNames.topSlot}, .${ht.iconButtonFilterClassNames.root}`,maxRows:Je,transformScale:Ze,onLayoutChange:A,onBreakpointChange:ee,onItemsChange:S,onWidthChange:te,onDrag:re,onDragStart:ne,onDragStop:se,children:be,dragActivationDelay:ge=0,gridItemComponent:Ee,containerStyle:Le,gridStyle:Ce,enableLogs:Fe=!1},et)=>{const[G,ie]=l.useState(()=>t.map(e=>e.id)),U=l.useRef(Object.fromEntries(t.map(e=>[e.id,Z(e.type)]))),ke=l.useRef(!1),V=l.useRef({lg:[],md:[],sm:[],xs:[],xxs:[]}),z=l.useRef("lg"),P=l.useRef([]),$=ge>0,[De,We]=l.useState(!1),[tt,ve]=l.useState(null),ce=l.useRef(null),Re=l.useRef(!1),Ne=l.useRef(null),oe=l.useRef(null),C=l.useCallback(()=>{ce.current&&(clearTimeout(ce.current),ce.current=null)},[]),le=l.useCallback(()=>{We(!1),ve(null),Re.current=!1},[]),rt=64;l.useEffect(()=>{if(!$||!Ne.current)return;const e=Ne.current;let a=null;const o=(g,R)=>{const E=W=>{const q=W.clientX-g,X=W.clientY-R;q*q+X*X>rt&&(C(),ve(null),oe.current=null,x())};document.addEventListener("pointermove",E),a=()=>{document.removeEventListener("pointermove",E),a=null}},x=()=>{a==null||a()},b=g=>{const R=g.target;return g.offsetX>R.clientWidth||g.offsetY>R.clientHeight},D=g=>{if(g._synthetic||g.button!==0||b(g))return;C(),x();const E=g.target.closest(`.${K.gridItem}`),W=E==null?void 0:E.querySelector(`.${K.gridItemWrapper}`),q=(W==null?void 0:W.id)??null,X=E==null?void 0:E.querySelector(`.${K.dragHandle}`);ve(q),oe.current={clientX:g.clientX,clientY:g.clientY,handleEl:X},o(g.clientX,g.clientY),ce.current=setTimeout(()=>{x(),We(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{const Y=oe.current;if(!(Y!=null&&Y.handleEl))return;const me=new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,clientX:Y.clientX,clientY:Y.clientY,button:0,buttons:1});me._synthetic=!0,Y.handleEl.dispatchEvent(me)})})},ge)},N=()=>{C(),x(),oe.current=null,Re.current||requestAnimationFrame(()=>{le()})};return e.addEventListener("pointerdown",D),document.addEventListener("pointerup",N),()=>{e.removeEventListener("pointerdown",D),document.removeEventListener("pointerup",N),C(),x()}},[$,ge,C,le]);const qe=$?u&&De:u,[_,Te]=l.useState({lg:[],md:[],sm:[],xs:[],xxs:[]}),[He,nt]=l.useState("lg"),[T,st]=l.useState(d.lg??Ge),[it,ue]=l.useState(w),[ct,Be]=l.useState(!1),ot=l.useMemo(()=>k.split(".").join(" "),[k]),lt=l.useMemo(()=>Ee??Ht,[Ee]),ae=l.useMemo(()=>new Map(t.map(e=>[e.id,e.type])),[t]),J=l.useRef(new Map),fe=l.useCallback(e=>J.current.get(e)??ae.get(e)??"s",[ae]),j=l.useCallback(e=>e.map(a=>({id:a,type:fe(a)})),[fe]),Oe=l.useCallback(e=>d[e]??d.md??Ge,[d]),F=l.useCallback((e,a,o)=>{const x=o??G,b=a[e]??[],D=V.current[e]??[],N=new Map(b.map(R=>[R.i,R])),g=new Map(D.map(R=>[R.i,R]));return x.map(R=>{const E=fe(R),W=N.get(R)??g.get(R)??null,q=U.current[R]??Z(E),X=W?{x:W.x,y:W.y,w:W.w,h:W.h}:{x:0,y:0,w:q.w,h:q.h};return{id:R,type:E,position:X}})},[G,fe]),_e=l.useCallback(e=>{const a=V.current[e]??[];return a.length?a:_[e]??[]},[_]),H=l.useCallback((...e)=>{Fe&&Ye(...e)},[Fe]),de=l.useCallback(e=>{V.current=e,ke.current=!0,Be(!0),Te(e),requestAnimationFrame(()=>{requestAnimationFrame(()=>{ke.current=!1,Be(!1),Ye("[GridDND] reflow window closed")})})},[]),B=l.useCallback(e=>{const a={};for(const o of Object.keys(r)){const x=r[o]??I;a[o]=Qe(e,U.current,x,c)}return H("reflowAllByOrder",{order:e,out:a}),de(a),a},[r,c,de,H]),je=l.useCallback((e,a)=>{if(!y)return;const o=Date.now();if(P.current.push({x:e,y:a,timestamp:o}),P.current=P.current.filter(D=>o-D.timestamp<=300),P.current.length<2)return;let x=0,b=0;for(let D=1;D<P.current.length;D+=1){const N=P.current[D-1],g=P.current[D];!N||!g||(x+=Math.abs(g.x-N.x),b+=Math.abs(g.y-N.y))}x+b<10||(x>b*1.5?ue("horizontal"):b>x*1.5&&ue("vertical"))},[y]),Ie=l.useCallback(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{const e=V.current,a={};for(const[o,x]of Object.entries(e))a[o]=x.map(b=>({...b}));H("[GridDND] forceSyncWithRgl → re-push target layouts"),de(a)})})},[de,H]);l.useEffect(()=>{B(t.map(e=>e.id))},[]),l.useEffect(()=>{const e=new Set([...ae.keys(),...G]);J.current.forEach((a,o)=>{e.has(o)||J.current.delete(o)})},[ae,G]),l.useEffect(()=>{t.forEach(e=>{U.current[e.id]||(U.current[e.id]=Z(e.type))})},[t]);const ut=l.useCallback((e,a,o,x,b,D)=>{P.current=[],ue(w),$&&(Re.current=!0),ne==null||ne(e,a,o,x,b,D)},[w,ne,$]),at=l.useCallback((e,a,o,x,b,D)=>{je(b.clientX,b.clientY),re==null||re(e,a,o,x,b,D)},[je,re]),ft=l.useCallback((e,a,o,x,b,D)=>{se==null||se(e,a,o,x,b,D),$&&le();const N=Se(e);H("[GridDND] dragStop: nextOrder(readingOrder)",N),ie(N);const g=B(N),R=z.current,E=F(R,g,N);S==null||S(E),A==null||A({breakpoint:R,cols:r[R]??I,rowHeight:T,items:E},g,{itemsOrder:N,itemsOrderTyped:j(N)}),ue(w);const W=e,q=g[R];xe(W,q)?H("[GridDND] dragStop: live layout == target (OK)"):(H("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"),Ie())},[se,$,le,B,F,S,A,r,T,w,Ie,H,j]),dt=l.useCallback((e,a)=>{H("RGL onLayoutChange",{cur:e,all:a});const o=z.current,x=(V.current[o]??[]).length;if(e.length===x&&xe(e,V.current[o])){H("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:o});return}if(ke.current){H("[GridDND] onLayoutChange[IGNORED: reflow-window]",{bp:o,cur:e});return}const b=r[o]??I;if(e.some(g=>typeof g.maxW=="number"&&g.maxW!==b))return;if(xe(e,V.current[o])){H("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:o});return}Te(g=>({...g,[o]:e.map(R=>({...R}))}));const N=F(o,{..._,[o]:e});A==null||A({breakpoint:o,cols:b,rowHeight:T,items:N},{..._,[o]:e},{itemsOrder:G})},[A,F,_,r,T,G,H]),mt=l.useCallback(e=>{z.current=e,nt(e),st(Oe(e));const a=B(G),o=F(e,a,G);ee==null||ee(e,{breakpoint:e,cols:r[e]??I,rowHeight:Oe(e),items:o})},[Oe,B,G,F,ee,r]),pt=l.useCallback((e,a,o,x)=>{te==null||te(e,a,o,x)},[te]),Me=l.useCallback(e=>{J.current.delete(e),delete U.current[e],ie(a=>{const o=a.filter(N=>N!==e),x=B(o),b=z.current,D=F(b,x,o);return S==null||S(D),A==null||A({breakpoint:b,cols:r[b]??I,rowHeight:T,items:D},x,{itemsOrder:o,itemsOrderTyped:j(o)}),o})},[B,F,S,A,r,T,j]),Ae=l.useCallback((e,a)=>{if(!G.includes(e))return;J.current.set(e,a);const o=z.current,x=r[o]??I,b=Z(a);U.current[e]={w:Math.max(1,Math.min(b.w,x)),h:Math.max(1,b.h)};const D=B(G),N=F(o,D,G);S==null||S(N),A==null||A({breakpoint:o,cols:x,rowHeight:T,items:N},D,{itemsOrder:G,itemsOrderTyped:j(G)})},[G,r,B,F,S,A,T,j]);l.useImperativeHandle(et,()=>({api:{getOrder:()=>G,getOrderDetailed:()=>j(G),setOrder:e=>{ie(e);const a=B(e),o=z.current,x=F(o,a,e);S==null||S(x),A==null||A({breakpoint:o,cols:r[o]??I,rowHeight:T,items:x},a,{itemsOrder:e,itemsOrderTyped:j(e)})},addItem:(e,a)=>{J.current.set(e.id,e.type);const o=Z(e.type),x=z.current,b=r[x]??I,D={w:Math.max(1,Math.min(o.w,b)),h:Math.max(1,o.h)};U.current[e.id]=D;const N=_e(x);let g=0,R=0;if(a!=null){const me=Math.max(0,Math.min(a-1,G.length-1)),xt=G[me],pe=N.find(yt=>yt.i===xt);pe&&(R=pe.y,g=pe.x+pe.w)}const E=Ue(N,b,D.w,D.h,g,R),W=N.concat([{i:e.id,x:E.x,y:E.y,w:D.w,h:D.h}]),q=Se(W);ie(q);const X=B(q),Y=F(x,X,q);S==null||S(Y),A==null||A({breakpoint:x,cols:b,rowHeight:T,items:Y},X,{itemsOrder:q,itemsOrderTyped:j(q)})},removeItem:Me,setItemType:Ae,getAllLayouts:()=>_,getCurrentLayout:()=>{const e=z.current,a=F(e,_,G);return{breakpoint:e,cols:r[e]??I,rowHeight:T,items:a}}}}),[Me,Ae,G,j,B,F,S,A,r,T,_e,_]);const wt=l.useMemo(()=>F(He,_,G),[He,_,G,F]);return Q.jsx(Rt,{ref:Ne,style:{...Le,...$&&De?{userSelect:"none",touchAction:"none"}:{}},children:Q.jsx(vt,{className:"layout",layouts:_,breakpoints:n,cols:r,rowHeight:T,margin:i,containerPadding:m,isDraggable:qe,isResizable:c,onLayoutChange:dt,onBreakpointChange:mt,autoSize:s,useCSSTransforms:p,preventCollision:h,compactType:ct?null:y?it:w,allowOverlap:O,isBounded:M,draggableHandle:k,draggableCancel:v,resizeHandles:c?f:[],maxRows:Je,transformScale:Ze,onWidthChange:pt,onDrag:at,onDragStart:ut,onDragStop:ft,style:{background:"transparent",...Ce},children:wt.map(e=>Q.jsx(Nt,{$isDraggable:$?De&&tt===e.id:u,children:Q.jsx(lt,{isDraggable:qe,className:ot,children:typeof be=="function"?be(e,()=>Me(e.id),a=>Ae(e.id,a)):be})},e.id))})})}),Ve=Object.assign(Bt,{ItemWrapper:kt});Ve.displayName="GridDND";exports.GridDND=Ve;exports.GridDNDClassNames=K;exports.convertAreaToLayoutsInit=Mt;exports.fallbackCols=I;exports.fallbackRowHeight=Ge;exports.findNearestSourceBp=St;exports.getBreakpointFromWidth=Gt;exports.gridItemPlaceholderMixin=Pe;exports.gridWrapWordLike=Et;exports.initSizeByType=Z;exports.isEmptyCell=Ke;exports.layoutsShallowEqual=xe;exports.orderBreakpointsDesc=At;exports.packByItemsOrder=Qe;exports.pickWidestBreakpoint=qt;exports.placeRectFirstFit=Ue;exports.readingOrder=Se;exports.unlockAfterFrame=Tt;
+"use strict";const Q=require("react/jsx-runtime");require("react-grid-layout/css/styles.css");const ht=require("../components/IconButton/index.cjs"),l=require("react"),ze=require("./AnalyticalWidget-Bvcm1qpU.cjs"),bt=require("react-grid-layout"),gt=require("./utils-OQNruMpn.cjs"),L=require("@salutejs/sdds-themes/tokens/sdds_finai"),ye=require("styled-components"),K={gridItemWrapper:"grid-dnd__item-wrapper",gridItem:"grid-dnd__item",dragHandle:"grid-dnd__drag-handle",noDrag:"grid-dnd__no-drag"},Ge=248,I=6,kt=({item:t,actionsSlot:n,children:r})=>Q.jsxs("div",{style:{height:"100%",position:"relative"},id:t.id,className:K.gridItemWrapper,children:[n,r]});function Dt(){const t=l.useRef(null),[n,r]=l.useState(0);return l.useLayoutEffect(()=>{const d=t.current;if(!d)return;let u=0;const c=gt.createSafeResizeObserver(i=>{var h;const m=((h=i[0])==null?void 0:h.contentRect.width)??0;cancelAnimationFrame(u),u=requestAnimationFrame(()=>r(m))});return c.observe(d),()=>{cancelAnimationFrame(u),c.disconnect()}},[]),{ref:t,width:n}}function vt(t){const{onWidthChange:n,margin:r,cols:d,containerPadding:u}=t,{ref:c,width:i}=Dt(),m=l.useRef(0);return l.useEffect(()=>{i>0&&i!==m.current&&(n==null||n(i,r,d,u),m.current=i)},[i,n,r,d,u]),Q.jsx("div",{ref:c,style:{width:"100%"},children:i>0&&Q.jsx(bt.Responsive,{...t,width:i})})}const Pe=ye.css(["background-color:",";border-radius:16px;outline:1px solid ",";"],()=>L.surfaceTransparentAccent,()=>L.outlineAccent),Rt=ye.div.withConfig({displayName:"GridDNDstyled__GridDNDContainer"})(["width:100%;min-height:400px;max-width:1890px;&:has(.react-grid-placeholder){& .react-grid-item.react-grid-placeholder{"," opacity:1;}}"],Pe),Nt=ye.div.attrs(()=>({className:K.gridItem})).withConfig({displayName:"GridDNDstyled__GridItem"})(["&.react-draggable-dragging{outline:2px solid ",";box-shadow:",";cursor:grabbing;}& .","{cursor:default;}height:100%;width:100%;cursor:",";background-color:white;border-radius:16px;outline:",";box-shadow:",";overflow:hidden;"],()=>L.outlineAccentMinor,()=>L.shadowDownHardS,ze.analyticalWidgetClassNames.topSlot,t=>t.$isDraggable?"grab":"default",t=>t.$isDraggable?`2px solid ${L.outlineTransparentAccent}`:"none",()=>L.shadowDownSoftS),Ot=ye.div.withConfig({displayName:"GridDNDstyled__GridItemContent"})(["height:100%;width:100%;"]),Ke=t=>!t||t==="."||t==="-"||t===" ";function Mt(t,n,r,d){var m,h;const u=[],c=r[n],i=new Set;for(let O=0;O<t.length;O++){const M=t[O];if(!M)return u;for(let s=0;s<M.length;s++){const p=M[s];if(!p||Ke(p)||i.has(`${p}`))continue;let w=0;for(let f=s;f<M.length&&M[f]===p;f++)w++;let y=0;for(let f=O;f<t.length;f++){let k=!0;for(let v=s;v<s+w;v++)if(!((m=t[f])!=null&&m[v])||((h=t[f])==null?void 0:h[v])!==p){k=!1;break}if(!k)break;y++}for(let f=O;f<O+y;f++)for(let k=s;k<s+w;k++)i.add(`${p}`);u.push({i:p,x:s,y:O,w,h:y,minW:1,maxW:c,minH:1,isResizable:d,static:!1})}}return u}function At(t){return Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))}function Gt(t,n){const r=Object.keys(t).sort((d,u)=>{const c=t[d]||0;return(t[u]||0)-c});for(const d of r){const u=t[d];if(u!==void 0&&n>=u)return d}return r[r.length-1]}function St(t,n,r){var u,c;const d=r.indexOf(t);if(d===-1)return null;for(let i=d-1;i>=0;i--){const m=r[i];if(m&&((u=n[m])!=null&&u.length))return m}for(let i=d+1;i<r.length;i++){const m=r[i];if(m&&((c=n[m])!=null&&c.length))return m}return null}function Et(t,n){const r=[...t].map(s=>({...s,w:Math.max(1,Math.min(s.w,n))})).sort((s,p)=>s.y-p.y||s.x-p.x),d=[],u=s=>{for(;d.length<s;)d.push(Array(n).fill(!1))},c=(s,p,w,y)=>{u(p+y);for(let f=p;f<p+y;f++){const k=d[f];if(!k)return!1;for(let v=s;v<s+w;v++)if(v>=n||k[v])return!1}return!0},i=(s,p,w,y)=>{u(p+y);for(let f=p;f<p+y;f++){const k=d[f];if(k)for(let v=s;v<s+w;v++)v<k.length&&(k[v]=!0)}},m=s=>{let p=s;for(;;){u(p+1);const w=d[p];if(w&&w.some(y=>!y))return p;p++}};let h=0,O=0;const M=[];for(const s of r){let p=!1;for(let y=O;y<=n-s.w;y++)if(c(y,h,s.w,s.h)){i(y,h,s.w,s.h),M.push({...s,x:y,y:h}),O=y+s.w,O>n-1&&(h=m(h),O=0),p=!0;break}if(p)continue;h=m(h),O=0;let w=h;for(;;){let y=!1;for(let f=0;f<=n-s.w;f++)if(c(f,w,s.w,s.h)){i(f,w,s.w,s.h),M.push({...s,x:f,y:w}),w===h&&(O=f+s.w,O>n-1&&(h=m(h),O=0)),y=!0;break}if(y)break;w++}}return M}const Z=t=>t==="l"?{w:2,h:2}:t==="m"?{w:2,h:1}:{w:1,h:1};function xe(t,n){if(!t||!n||t.length!==n.length)return!1;const r=[...t].sort((u,c)=>u.i>c.i?1:-1),d=[...n].sort((u,c)=>u.i>c.i?1:-1);for(let u=0;u<r.length;u+=1){const c=r[u],i=d[u];if(!c||!i||c.i!==i.i||c.x!==i.x||c.y!==i.y||c.w!==i.w||c.h!==i.h)return!1}return!0}function he(t,n,r){for(;t.length<n;)t.push(Array(r).fill(!1))}function Ft(t,n,r){he(t,n+1,r);const d=t[n];return d?d.some(u=>!u):!1}function we(t,n,r,d=0){he(t,n+1,r);const u=t[n];if(!u)return-1;for(let c=Math.max(0,d);c<r;c++){if(c>=u.length)return-1;if(!u[c])return c}return-1}function $e(t,n,r,d,u,c){he(t,r+u,c);for(let i=r;i<r+u;i++){const m=t[i];if(!m)return!1;for(let h=n;h<n+d;h++)if(h>=c||m[h])return!1}return!0}function Wt(t,n,r,d,u,c){he(t,r+u,c);for(let i=r;i<r+u;i++){const m=t[i];if(m)for(let h=n;h<n+d;h++)h<c&&(m[h]=!0)}}function Xe(t,n,r){let d=Math.max(0,n);for(;;){if(Ft(t,d,r))return d;d++}}function Qe(t,n,r,d){const u=[],c=[];let i=0,m=0;for(const h of t){const O=n[h];if(!O)continue;const M=O,s=Math.max(1,Math.min(M.w,r)),p=Math.max(1,M.h);let w=null;for(let k=m;k<=r-s;k++)if($e(c,k,i,s,p,r)){w={x:k,y:i};break}if(!w){let k=i+1;for(;;){for(let v=0;v<=r-s;v++)if($e(c,v,k,s,p,r)){w={x:v,y:k};break}if(w)break;k++}}const{x:y,y:f}=w;if(Wt(c,y,f,s,p,r),u.push({i:h,x:y,y:f,w:s,h:p,minW:1,maxW:r,minH:1,isResizable:d,static:!1}),f>i)i=f,m=Math.max(0,we(c,i,r,0)),m===-1&&(i=Xe(c,i,r),m=we(c,i,r,0));else{const k=we(c,i,r,y+s);k===-1?(i=Xe(c,i,r),m=we(c,i,r,0)):m=k}}return u}function Se(t){return[...t].sort((n,r)=>n.y-r.y||n.x-r.x).map(n=>n.i)}const qt=t=>Object.keys(t).sort((n,r)=>(t[r]||0)-(t[n]||0))[0]??"lg";function Ue(t,n,r,d,u=0,c=0){const i=t.reduce((s,p)=>Math.max(s,p.y+p.h),0),m=Array.from({length:Math.max(i,c)+d+1},()=>Array(n).fill(!1));for(const{x:s,y:p,w,h:y}of t)for(let f=p;f<p+y;f++){m[f]||(m[f]=Array(n).fill(!1));const k=m[f];for(let v=s;v<s+w;v++)f>=0&&v>=0&&v<n&&k&&(k[v]=!0)}const h=(s,p)=>{for(let w=p;w<p+d;w++){m[w]||(m[w]=Array(n).fill(!1));const y=m[w];for(let f=s;f<s+r;f++)if(f>=n||y&&y[f])return!1}return!0},O=(s,p)=>{for(let w=p;w<p+d;w++){m[w]||(m[w]=Array(n).fill(!1));const y=m[w];for(let f=s;f<s+r;f++)f<n&&y&&(y[f]=!0)}};let M=c;for(;;){m[M]||(m[M]=Array(n).fill(!1));for(let s=M===c?u:0;s<=n-r;s++)if(h(s,M))return O(s,M),{x:s,y:M};M++}}const Tt=t=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>t(!1)):setTimeout(()=>t(!1),0)},Ht=({children:t,className:n})=>Q.jsx(Ot,{className:n,children:t}),Ye=(...t)=>console.log("%c[GridDND]","color:#6b5b95;font-weight:600",...t),Bt=l.forwardRef(({items:t,breakpoints:n={lg:1375,md:1143,sm:911,xs:679,xxs:0},cols:r={lg:6,md:5,sm:4,xs:3,xxs:2},rowHeights:d={lg:248,md:248,sm:248,xs:248,xxs:248},isDraggable:u=!0,isResizable:c=!1,margin:i=[16,16],containerPadding:m=[0,0],preventCollision:h=!1,allowOverlap:O=!1,isBounded:M=!0,autoSize:s=!0,useCSSTransforms:p=!0,compactType:w="horizontal",smartCompact:y=!0,resizeHandles:f=["se","sw","ne","nw","s","w","e","n"],draggableHandle:k=`.${K.dragHandle}`,draggableCancel:v=`button, input, select, textarea, .${K.noDrag}, .${ze.analyticalWidgetClassNames.topSlot}, .${ht.iconButtonFilterClassNames.root}`,maxRows:Je,transformScale:Ze,onLayoutChange:A,onBreakpointChange:ee,onItemsChange:S,onWidthChange:te,onDrag:re,onDragStart:ne,onDragStop:se,children:be,dragActivationDelay:ge=0,gridItemComponent:Ee,containerStyle:Le,gridStyle:Ce,enableLogs:Fe=!1},et)=>{const[G,ie]=l.useState(()=>t.map(e=>e.id)),U=l.useRef(Object.fromEntries(t.map(e=>[e.id,Z(e.type)]))),ke=l.useRef(!1),V=l.useRef({lg:[],md:[],sm:[],xs:[],xxs:[]}),z=l.useRef("lg"),P=l.useRef([]),$=ge>0,[De,We]=l.useState(!1),[tt,ve]=l.useState(null),ce=l.useRef(null),Re=l.useRef(!1),Ne=l.useRef(null),oe=l.useRef(null),C=l.useCallback(()=>{ce.current&&(clearTimeout(ce.current),ce.current=null)},[]),le=l.useCallback(()=>{We(!1),ve(null),Re.current=!1},[]),rt=64;l.useEffect(()=>{if(!$||!Ne.current)return;const e=Ne.current;let a=null;const o=(g,R)=>{const E=W=>{const q=W.clientX-g,X=W.clientY-R;q*q+X*X>rt&&(C(),ve(null),oe.current=null,x())};document.addEventListener("pointermove",E),a=()=>{document.removeEventListener("pointermove",E),a=null}},x=()=>{a==null||a()},b=g=>{const R=g.target;return g.offsetX>R.clientWidth||g.offsetY>R.clientHeight},D=g=>{if(g._synthetic||g.button!==0||b(g))return;C(),x();const E=g.target.closest(`.${K.gridItem}`),W=E==null?void 0:E.querySelector(`.${K.gridItemWrapper}`),q=(W==null?void 0:W.id)??null,X=E==null?void 0:E.querySelector(`.${K.dragHandle}`);ve(q),oe.current={clientX:g.clientX,clientY:g.clientY,handleEl:X},o(g.clientX,g.clientY),ce.current=setTimeout(()=>{x(),We(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{const Y=oe.current;if(!(Y!=null&&Y.handleEl))return;const me=new MouseEvent("mousedown",{bubbles:!0,cancelable:!0,clientX:Y.clientX,clientY:Y.clientY,button:0,buttons:1});me._synthetic=!0,Y.handleEl.dispatchEvent(me)})})},ge)},N=()=>{C(),x(),oe.current=null,Re.current||requestAnimationFrame(()=>{le()})};return e.addEventListener("pointerdown",D),document.addEventListener("pointerup",N),()=>{e.removeEventListener("pointerdown",D),document.removeEventListener("pointerup",N),C(),x()}},[$,ge,C,le]);const qe=$?u&&De:u,[_,Te]=l.useState({lg:[],md:[],sm:[],xs:[],xxs:[]}),[He,nt]=l.useState("lg"),[T,st]=l.useState(d.lg??Ge),[it,ue]=l.useState(w),[ct,Be]=l.useState(!1),ot=l.useMemo(()=>k.split(".").join(" "),[k]),lt=l.useMemo(()=>Ee??Ht,[Ee]),ae=l.useMemo(()=>new Map(t.map(e=>[e.id,e.type])),[t]),J=l.useRef(new Map),fe=l.useCallback(e=>J.current.get(e)??ae.get(e)??"s",[ae]),j=l.useCallback(e=>e.map(a=>({id:a,type:fe(a)})),[fe]),Oe=l.useCallback(e=>d[e]??d.md??Ge,[d]),F=l.useCallback((e,a,o)=>{const x=o??G,b=a[e]??[],D=V.current[e]??[],N=new Map(b.map(R=>[R.i,R])),g=new Map(D.map(R=>[R.i,R]));return x.map(R=>{const E=fe(R),W=N.get(R)??g.get(R)??null,q=U.current[R]??Z(E),X=W?{x:W.x,y:W.y,w:W.w,h:W.h}:{x:0,y:0,w:q.w,h:q.h};return{id:R,type:E,position:X}})},[G,fe]),_e=l.useCallback(e=>{const a=V.current[e]??[];return a.length?a:_[e]??[]},[_]),H=l.useCallback((...e)=>{Fe&&Ye(...e)},[Fe]),de=l.useCallback(e=>{V.current=e,ke.current=!0,Be(!0),Te(e),requestAnimationFrame(()=>{requestAnimationFrame(()=>{ke.current=!1,Be(!1),Ye("[GridDND] reflow window closed")})})},[]),B=l.useCallback(e=>{const a={};for(const o of Object.keys(r)){const x=r[o]??I;a[o]=Qe(e,U.current,x,c)}return H("reflowAllByOrder",{order:e,out:a}),de(a),a},[r,c,de,H]),je=l.useCallback((e,a)=>{if(!y)return;const o=Date.now();if(P.current.push({x:e,y:a,timestamp:o}),P.current=P.current.filter(D=>o-D.timestamp<=300),P.current.length<2)return;let x=0,b=0;for(let D=1;D<P.current.length;D+=1){const N=P.current[D-1],g=P.current[D];!N||!g||(x+=Math.abs(g.x-N.x),b+=Math.abs(g.y-N.y))}x+b<10||(x>b*1.5?ue("horizontal"):b>x*1.5&&ue("vertical"))},[y]),Ie=l.useCallback(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{const e=V.current,a={};for(const[o,x]of Object.entries(e))a[o]=x.map(b=>({...b}));H("[GridDND] forceSyncWithRgl → re-push target layouts"),de(a)})})},[de,H]);l.useEffect(()=>{B(t.map(e=>e.id))},[]),l.useEffect(()=>{const e=new Set([...ae.keys(),...G]);J.current.forEach((a,o)=>{e.has(o)||J.current.delete(o)})},[ae,G]),l.useEffect(()=>{t.forEach(e=>{U.current[e.id]||(U.current[e.id]=Z(e.type))})},[t]);const ut=l.useCallback((e,a,o,x,b,D)=>{P.current=[],ue(w),$&&(Re.current=!0),ne==null||ne(e,a,o,x,b,D)},[w,ne,$]),at=l.useCallback((e,a,o,x,b,D)=>{je(b.clientX,b.clientY),re==null||re(e,a,o,x,b,D)},[je,re]),ft=l.useCallback((e,a,o,x,b,D)=>{se==null||se(e,a,o,x,b,D),$&&le();const N=Se(e);H("[GridDND] dragStop: nextOrder(readingOrder)",N),ie(N);const g=B(N),R=z.current,E=F(R,g,N);S==null||S(E),A==null||A({breakpoint:R,cols:r[R]??I,rowHeight:T,items:E},g,{itemsOrder:N,itemsOrderTyped:j(N)}),ue(w);const W=e,q=g[R];xe(W,q)?H("[GridDND] dragStop: live layout == target (OK)"):(H("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"),Ie())},[se,$,le,B,F,S,A,r,T,w,Ie,H,j]),dt=l.useCallback((e,a)=>{H("RGL onLayoutChange",{cur:e,all:a});const o=z.current,x=(V.current[o]??[]).length;if(e.length===x&&xe(e,V.current[o])){H("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:o});return}if(ke.current){H("[GridDND] onLayoutChange[IGNORED: reflow-window]",{bp:o,cur:e});return}const b=r[o]??I;if(e.some(g=>typeof g.maxW=="number"&&g.maxW!==b))return;if(xe(e,V.current[o])){H("[GridDND] onLayoutChange[IGNORED: equals-target]",{bp:o});return}Te(g=>({...g,[o]:e.map(R=>({...R}))}));const N=F(o,{..._,[o]:e});A==null||A({breakpoint:o,cols:b,rowHeight:T,items:N},{..._,[o]:e},{itemsOrder:G})},[A,F,_,r,T,G,H]),mt=l.useCallback(e=>{z.current=e,nt(e),st(Oe(e));const a=B(G),o=F(e,a,G);ee==null||ee(e,{breakpoint:e,cols:r[e]??I,rowHeight:Oe(e),items:o})},[Oe,B,G,F,ee,r]),pt=l.useCallback((e,a,o,x)=>{te==null||te(e,a,o,x)},[te]),Me=l.useCallback(e=>{J.current.delete(e),delete U.current[e],ie(a=>{const o=a.filter(N=>N!==e),x=B(o),b=z.current,D=F(b,x,o);return S==null||S(D),A==null||A({breakpoint:b,cols:r[b]??I,rowHeight:T,items:D},x,{itemsOrder:o,itemsOrderTyped:j(o)}),o})},[B,F,S,A,r,T,j]),Ae=l.useCallback((e,a)=>{if(!G.includes(e))return;J.current.set(e,a);const o=z.current,x=r[o]??I,b=Z(a);U.current[e]={w:Math.max(1,Math.min(b.w,x)),h:Math.max(1,b.h)};const D=B(G),N=F(o,D,G);S==null||S(N),A==null||A({breakpoint:o,cols:x,rowHeight:T,items:N},D,{itemsOrder:G,itemsOrderTyped:j(G)})},[G,r,B,F,S,A,T,j]);l.useImperativeHandle(et,()=>({api:{getOrder:()=>G,getOrderDetailed:()=>j(G),setOrder:e=>{ie(e);const a=B(e),o=z.current,x=F(o,a,e);S==null||S(x),A==null||A({breakpoint:o,cols:r[o]??I,rowHeight:T,items:x},a,{itemsOrder:e,itemsOrderTyped:j(e)})},addItem:(e,a)=>{J.current.set(e.id,e.type);const o=Z(e.type),x=z.current,b=r[x]??I,D={w:Math.max(1,Math.min(o.w,b)),h:Math.max(1,o.h)};U.current[e.id]=D;const N=_e(x);let g=0,R=0;if(a!=null){const me=Math.max(0,Math.min(a-1,G.length-1)),xt=G[me],pe=N.find(yt=>yt.i===xt);pe&&(R=pe.y,g=pe.x+pe.w)}const E=Ue(N,b,D.w,D.h,g,R),W=N.concat([{i:e.id,x:E.x,y:E.y,w:D.w,h:D.h}]),q=Se(W);ie(q);const X=B(q),Y=F(x,X,q);S==null||S(Y),A==null||A({breakpoint:x,cols:b,rowHeight:T,items:Y},X,{itemsOrder:q,itemsOrderTyped:j(q)})},removeItem:Me,setItemType:Ae,getAllLayouts:()=>_,getCurrentLayout:()=>{const e=z.current,a=F(e,_,G);return{breakpoint:e,cols:r[e]??I,rowHeight:T,items:a}}}}),[Me,Ae,G,j,B,F,S,A,r,T,_e,_]);const wt=l.useMemo(()=>F(He,_,G),[He,_,G,F]);return Q.jsx(Rt,{ref:Ne,style:{...Le,...$&&De?{userSelect:"none",touchAction:"none"}:{}},children:Q.jsx(vt,{className:"layout",layouts:_,breakpoints:n,cols:r,rowHeight:T,margin:i,containerPadding:m,isDraggable:qe,isResizable:c,onLayoutChange:dt,onBreakpointChange:mt,autoSize:s,useCSSTransforms:p,preventCollision:h,compactType:ct?null:y?it:w,allowOverlap:O,isBounded:M,draggableHandle:k,draggableCancel:v,resizeHandles:c?f:[],maxRows:Je,transformScale:Ze,onWidthChange:pt,onDrag:at,onDragStart:ut,onDragStop:ft,style:{background:"transparent",...Ce},children:wt.map(e=>Q.jsx(Nt,{$isDraggable:$?De&&tt===e.id:u,children:Q.jsx(lt,{isDraggable:qe,className:ot,children:typeof be=="function"?be(e,()=>Me(e.id),a=>Ae(e.id,a)):be})},e.id))})})}),Ve=Object.assign(Bt,{ItemWrapper:kt});Ve.displayName="GridDND";exports.GridDND=Ve;exports.GridDNDClassNames=K;exports.convertAreaToLayoutsInit=Mt;exports.fallbackCols=I;exports.fallbackRowHeight=Ge;exports.findNearestSourceBp=St;exports.getBreakpointFromWidth=Gt;exports.gridItemPlaceholderMixin=Pe;exports.gridWrapWordLike=Et;exports.initSizeByType=Z;exports.isEmptyCell=Ke;exports.layoutsShallowEqual=xe;exports.orderBreakpointsDesc=At;exports.packByItemsOrder=Qe;exports.pickWidestBreakpoint=qt;exports.placeRectFirstFit=Ue;exports.readingOrder=Se;exports.unlockAfterFrame=Tt;

package/chunks/{GridDND-CqvpXgCY.mjs → GridDND-DC5VoxEY.mjs}

@@ -2,9 +2,9 @@ import { jsxs as xe, jsx as Z } from "react/jsx-runtime";
 import "react-grid-layout/css/styles.css";
 import { iconButtonFilterClassNames as ye } from "../components/IconButton/index.mjs";
 import { useRef as B, useState as P, useLayoutEffect as he, useEffect as et, forwardRef as ge, useCallback as G, useMemo as yt, useImperativeHandle as be } from "react";
-import { b as Qt } from "./AnalyticalWidget-BtyWKJuu.mjs";
+import { a as Qt } from "./AnalyticalWidget-CRfihris.mjs";
 import { Responsive as De } from "react-grid-layout";
-import { c as ve } from "./utils-u1KJ37g3.mjs";
+import { c as ve } from "./utils-Hu77fGGe.mjs";
 import { surfaceTransparentAccent as ke, outlineAccent as Oe, outlineAccentMinor as Ne, shadowDownHardS as Ae, outlineTransparentAccent as Me, shadowDownSoftS as Re } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import Et, { css as Ge } from "styled-components";
 const J = {
@@ -26,8 +26,8 @@ const J = {
 function Ee() {
   const e = B(null), [n, r] = P(0);
   return he(() => {
-    const a = e.current;
-    if (!a)
+    const u = e.current;
+    if (!u)
       return;
     let l = 0;
     const o = ve((s) => {
@@ -35,7 +35,7 @@ function Ee() {
       const d = ((y = s[0]) == null ? void 0 : y.contentRect.width) ?? 0;
       cancelAnimationFrame(l), l = requestAnimationFrame(() => r(d));
     });
-    return o.observe(a), () => {
+    return o.observe(u), () => {
       cancelAnimationFrame(l), o.disconnect();
     };
   }, []), {
@@ -47,15 +47,15 @@ function He(e) {
   const {
     onWidthChange: n,
     margin: r,
-    cols: a,
+    cols: u,
     containerPadding: l
   } = e, {
     ref: o,
     width: s
   } = Ee(), d = B(0);
   return et(() => {
-    s > 0 && s !== d.current && (n == null || n(s, r, a, l), d.current = s);
-  }, [s, n, r, a, l]), /* @__PURE__ */ Z("div", { ref: o, style: {
+    s > 0 && s !== d.current && (n == null || n(s, r, u, l), d.current = s);
+  }, [s, n, r, u, l]), /* @__PURE__ */ Z("div", { ref: o, style: {
     width: "100%"
   }, children: s > 0 && /* @__PURE__ */ Z(De, { ...e, width: s }) });
 }
@@ -68,7 +68,7 @@ const Te = Ge(["background-color:", ";border-radius:16px;outline:1px solid ", ";
 })(["&.react-draggable-dragging{outline:2px solid ", ";box-shadow:", ";cursor:grabbing;}& .", "{cursor:default;}height:100%;width:100%;cursor:", ";background-color:white;border-radius:16px;outline:", ";box-shadow:", ";overflow:hidden;"], () => Ne, () => Ae, Qt.topSlot, (e) => e.$isDraggable ? "grab" : "default", (e) => e.$isDraggable ? `2px solid ${Me}` : "none", () => Re), _e = Et.div.withConfig({
   displayName: "GridDNDstyled__GridItemContent"
 })(["height:100%;width:100%;"]), qe = (e) => !e || e === "." || e === "-" || e === " ";
-function tr(e, n, r, a) {
+function tr(e, n, r, u) {
   var d, y;
   const l = [], o = r[n], s = /* @__PURE__ */ new Set();
   for (let N = 0; N < e.length; N++) {
@@ -80,13 +80,13 @@ function tr(e, n, r, a) {
       if (!m || qe(m) || s.has(`${m}`))
         continue;
       let p = 0;
-      for (let u = i; u < A.length && A[u] === m; u++)
+      for (let a = i; a < A.length && A[a] === m; a++)
         p++;
       let x = 0;
-      for (let u = N; u < e.length; u++) {
+      for (let a = N; a < e.length; a++) {
         let b = !0;
         for (let v = i; v < i + p; v++)
-          if (!((d = e[u]) != null && d[v]) || ((y = e[u]) == null ? void 0 : y[v]) !== m) {
+          if (!((d = e[a]) != null && d[v]) || ((y = e[a]) == null ? void 0 : y[v]) !== m) {
             b = !1;
             break;
           }
@@ -94,7 +94,7 @@ function tr(e, n, r, a) {
           break;
         x++;
       }
-      for (let u = N; u < N + x; u++)
+      for (let a = N; a < N + x; a++)
         for (let b = i; b < i + p; b++)
           s.add(`${m}`);
       l.push({
@@ -114,7 +114,7 @@ function tr(e, n, r, a) {
         // Максимальная ширина (ограничена количеством колонок)
         minH: 1,
         // Минимальная высота
-        isResizable: a,
+        isResizable: u,
         // Можно ли изменять размер
         static: !1
         // Элемент не статичный (можно перемещать)
@@ -127,28 +127,28 @@ function er(e) {
   return Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0));
 }
 function rr(e, n) {
-  const r = Object.keys(e).sort((a, l) => {
-    const o = e[a] || 0;
+  const r = Object.keys(e).sort((u, l) => {
+    const o = e[u] || 0;
     return (e[l] || 0) - o;
   });
-  for (const a of r) {
-    const l = e[a];
+  for (const u of r) {
+    const l = e[u];
     if (l !== void 0 && n >= l)
-      return a;
+      return u;
   }
   return r[r.length - 1];
 }
 function nr(e, n, r) {
   var l, o;
-  const a = r.indexOf(e);
-  if (a === -1)
+  const u = r.indexOf(e);
+  if (u === -1)
     return null;
-  for (let s = a - 1; s >= 0; s--) {
+  for (let s = u - 1; s >= 0; s--) {
     const d = r[s];
     if (d && ((l = n[d]) != null && l.length))
       return d;
   }
-  for (let s = a + 1; s < r.length; s++) {
+  for (let s = u + 1; s < r.length; s++) {
     const d = r[s];
     if (d && ((o = n[d]) != null && o.length))
       return d;
@@ -161,13 +161,13 @@ function ir(e, n) {
     // Ограничиваем ширину элемента количеством колонок
     w: Math.max(1, Math.min(i.w, n))
     // Старые координаты не важны - будем раскладывать заново
-  })).sort((i, m) => i.y - m.y || i.x - m.x), a = [], l = (i) => {
-    for (; a.length < i; )
-      a.push(Array(n).fill(!1));
+  })).sort((i, m) => i.y - m.y || i.x - m.x), u = [], l = (i) => {
+    for (; u.length < i; )
+      u.push(Array(n).fill(!1));
   }, o = (i, m, p, x) => {
     l(m + x);
-    for (let u = m; u < m + x; u++) {
-      const b = a[u];
+    for (let a = m; a < m + x; a++) {
+      const b = u[a];
       if (!b)
         return !1;
       for (let v = i; v < i + p; v++)
@@ -177,8 +177,8 @@ function ir(e, n) {
     return !0;
   }, s = (i, m, p, x) => {
     l(m + x);
-    for (let u = m; u < m + x; u++) {
-      const b = a[u];
+    for (let a = m; a < m + x; a++) {
+      const b = u[a];
       if (b)
         for (let v = i; v < i + p; v++)
           v < b.length && (b[v] = !0);
@@ -187,7 +187,7 @@ function ir(e, n) {
     let m = i;
     for (; ; ) {
       l(m + 1);
-      const p = a[m];
+      const p = u[m];
       if (p && p.some((x) => !x))
         return m;
       m++;
@@ -212,13 +212,13 @@ function ir(e, n) {
     let p = y;
     for (; ; ) {
       let x = !1;
-      for (let u = 0; u <= n - i.w; u++)
-        if (o(u, p, i.w, i.h)) {
-          s(u, p, i.w, i.h), A.push({
+      for (let a = 0; a <= n - i.w; a++)
+        if (o(a, p, i.w, i.h)) {
+          s(a, p, i.w, i.h), A.push({
             ...i,
-            x: u,
+            x: a,
             y: p
-          }), p === y && (N = u + i.w, N > n - 1 && (y = d(y), N = 0)), x = !0;
+          }), p === y && (N = a + i.w, N > n - 1 && (y = d(y), N = 0)), x = !0;
           break;
         }
       if (x)
@@ -241,9 +241,9 @@ const tt = (e) => e === "l" ? {
 function Ft(e, n) {
   if (!e || !n || e.length !== n.length)
     return !1;
-  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), a = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
+  const r = [...e].sort((l, o) => l.i > o.i ? 1 : -1), u = [...n].sort((l, o) => l.i > o.i ? 1 : -1);
   for (let l = 0; l < r.length; l += 1) {
-    const o = r[l], s = a[l];
+    const o = r[l], s = u[l];
     if (!o || !s || o.i !== s.i || o.x !== s.x || o.y !== s.y || o.w !== s.w || o.h !== s.h)
       return !1;
   }
@@ -255,15 +255,15 @@ function gt(e, n, r) {
 }
 function Be(e, n, r) {
   gt(e, n + 1, r);
-  const a = e[n];
-  return a ? a.some((l) => !l) : !1;
+  const u = e[n];
+  return u ? u.some((l) => !l) : !1;
 }
-function ht(e, n, r, a = 0) {
+function ht(e, n, r, u = 0) {
   gt(e, n + 1, r);
   const l = e[n];
   if (!l)
     return -1;
-  for (let o = Math.max(0, a); o < r; o++) {
+  for (let o = Math.max(0, u); o < r; o++) {
     if (o >= l.length)
       return -1;
     if (!l[o])
@@ -271,36 +271,36 @@ function ht(e, n, r, a = 0) {
   }
   return -1;
 }
-function Yt(e, n, r, a, l, o) {
+function Yt(e, n, r, u, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (!d)
       return !1;
-    for (let y = n; y < n + a; y++)
+    for (let y = n; y < n + u; y++)
       if (y >= o || d[y])
         return !1;
   }
   return !0;
 }
-function Ie(e, n, r, a, l, o) {
+function Ie(e, n, r, u, l, o) {
   gt(e, r + l, o);
   for (let s = r; s < r + l; s++) {
     const d = e[s];
     if (d)
-      for (let y = n; y < n + a; y++)
+      for (let y = n; y < n + u; y++)
         y < o && (d[y] = !0);
   }
 }
 function zt(e, n, r) {
-  let a = Math.max(0, n);
+  let u = Math.max(0, n);
   for (; ; ) {
-    if (Be(e, a, r))
-      return a;
-    a++;
+    if (Be(e, u, r))
+      return u;
+    u++;
   }
 }
-function $e(e, n, r, a) {
+function $e(e, n, r, u) {
   const l = [], o = [];
   let s = 0, d = 0;
   for (const y of e) {
@@ -335,21 +335,21 @@ function $e(e, n, r, a) {
     }
     const {
       x,
-      y: u
+      y: a
     } = p;
-    if (Ie(o, x, u, i, m, r), l.push({
+    if (Ie(o, x, a, i, m, r), l.push({
       i: y,
       x,
-      y: u,
+      y: a,
       w: i,
       h: m,
       minW: 1,
       maxW: r,
       minH: 1,
-      isResizable: a,
+      isResizable: u,
       static: !1
-    }), u > s)
-      s = u, d = Math.max(0, ht(o, s, r, 0)), d === -1 && (s = zt(o, s, r), d = ht(o, s, r, 0));
+    }), a > s)
+      s = a, d = Math.max(0, ht(o, s, r, 0)), d === -1 && (s = zt(o, s, r), d = ht(o, s, r, 0));
     else {
       const b = ht(o, s, r, x + i);
       b === -1 ? (s = zt(o, s, r), d = ht(o, s, r, 0)) : d = b;
@@ -361,9 +361,9 @@ function Pt(e) {
   return [...e].sort((n, r) => n.y - r.y || n.x - r.x).map((n) => n.i);
 }
 const sr = (e) => Object.keys(e).sort((n, r) => (e[r] || 0) - (e[n] || 0))[0] ?? "lg";
-function je(e, n, r, a, l = 0, o = 0) {
+function je(e, n, r, u, l = 0, o = 0) {
   const s = e.reduce((i, m) => Math.max(i, m.y + m.h), 0), d = Array.from({
-    length: Math.max(s, o) + a + 1
+    length: Math.max(s, o) + u + 1
   }, () => Array(n).fill(!1));
   for (const {
     x: i,
@@ -371,27 +371,27 @@ function je(e, n, r, a, l = 0, o = 0) {
     w: p,
     h: x
   } of e)
-    for (let u = m; u < m + x; u++) {
-      d[u] || (d[u] = Array(n).fill(!1));
-      const b = d[u];
+    for (let a = m; a < m + x; a++) {
+      d[a] || (d[a] = Array(n).fill(!1));
+      const b = d[a];
       for (let v = i; v < i + p; v++)
-        u >= 0 && v >= 0 && v < n && b && (b[v] = !0);
+        a >= 0 && v >= 0 && v < n && b && (b[v] = !0);
     }
   const y = (i, m) => {
-    for (let p = m; p < m + a; p++) {
+    for (let p = m; p < m + u; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
-      for (let u = i; u < i + r; u++)
-        if (u >= n || x && x[u])
+      for (let a = i; a < i + r; a++)
+        if (a >= n || x && x[a])
           return !1;
     }
     return !0;
   }, N = (i, m) => {
-    for (let p = m; p < m + a; p++) {
+    for (let p = m; p < m + u; p++) {
       d[p] || (d[p] = Array(n).fill(!1));
       const x = d[p];
-      for (let u = i; u < i + r; u++)
-        u < n && x && (x[u] = !0);
+      for (let a = i; a < i + r; a++)
+        a < n && x && (x[a] = !0);
     }
   };
   let A = o;
@@ -432,7 +432,7 @@ const or = (e) => {
     xs: 3,
     xxs: 2
   },
-  rowHeights: a = {
+  rowHeights: u = {
     lg: 248,
     md: 248,
     sm: 248,
@@ -451,7 +451,7 @@ const or = (e) => {
   useCSSTransforms: m = !0,
   compactType: p = "horizontal",
   smartCompact: x = !0,
-  resizeHandles: u = ["se", "sw", "ne", "nw", "s", "w", "e", "n"],
+  resizeHandles: a = ["se", "sw", "ne", "nw", "s", "w", "e", "n"],
   draggableHandle: b = `.${J.dragHandle}`,
   draggableCancel: v = `button, input, select, textarea, .${J.noDrag}, .${Qt.topSlot}, .${ye.root}`,
   maxRows: Ut,
@@ -482,7 +482,7 @@ const or = (e) => {
     xxs: []
   }), K = B("lg"), Q = B([]), j = Dt > 0, [kt, Wt] = P(!1), [Ct, Ot] = P(null), lt = B(null), Nt = B(!1), At = B(null), ft = B(null), C = G(() => {
     lt.current && (clearTimeout(lt.current), lt.current = null);
-  }, []), ut = G(() => {
+  }, []), at = G(() => {
     Wt(!1), Ot(null), Nt.current = !1;
   }, []), te = 64;
   et(() => {
@@ -532,23 +532,23 @@ const or = (e) => {
       }, Dt);
     }, O = () => {
       C(), w(), ft.current = null, Nt.current || requestAnimationFrame(() => {
-        ut();
+        at();
       });
     };
     return t.addEventListener("pointerdown", D), document.addEventListener("pointerup", O), () => {
       t.removeEventListener("pointerdown", D), document.removeEventListener("pointerup", O), C(), w();
     };
-  }, [j, Dt, C, ut]);
+  }, [j, Dt, C, at]);
   const St = j ? l && kt : l, [I, _t] = P({
     lg: [],
     md: [],
     sm: [],
     xs: [],
     xxs: []
-  }), [qt, ee] = P("lg"), [S, re] = P(a.lg ?? Xt), [ne, at] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((f) => ({
+  }), [qt, ee] = P("lg"), [S, re] = P(u.lg ?? Xt), [ne, ut] = P(p), [ie, Bt] = P(!1), se = yt(() => b.split(".").join(" "), [b]), oe = yt(() => Ht ?? Xe, [Ht]), dt = yt(() => new Map(e.map((t) => [t.id, t.type])), [e]), L = B(/* @__PURE__ */ new Map()), mt = G((t) => L.current.get(t) ?? dt.get(t) ?? "s", [dt]), $ = G((t) => t.map((f) => ({
     id: f,
     type: mt(f)
-  })), [mt]), Mt = G((t) => a[t] ?? a.md ?? Xt, [a]), H = G((t, f, c) => {
+  })), [mt]), Mt = G((t) => u[t] ?? u.md ?? Xt, [u]), H = G((t, f, c) => {
     const w = c ?? R, h = f[t] ?? [], D = V.current[t] ?? [], O = new Map(h.map((k) => [k.i, k])), g = new Map(D.map((k) => [k.i, k]));
     return w.map((k) => {
       const E = mt(k), T = O.get(k) ?? g.get(k) ?? null, W = U.current[k] ?? tt(E), X = T ? {
@@ -608,7 +608,7 @@ const or = (e) => {
       const O = Q.current[D - 1], g = Q.current[D];
       !O || !g || (w += Math.abs(g.x - O.x), h += Math.abs(g.y - O.y));
     }
-    w + h < 10 || (w > h * 1.5 ? at("horizontal") : h > w * 1.5 && at("vertical"));
+    w + h < 10 || (w > h * 1.5 ? ut("horizontal") : h > w * 1.5 && ut("vertical"));
   }, [x]), jt = G(() => {
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -634,11 +634,11 @@ const or = (e) => {
     });
   }, [e]);
   const ce = G((t, f, c, w, h, D) => {
-    Q.current = [], at(p), j && (Nt.current = !0), st == null || st(t, f, c, w, h, D);
+    Q.current = [], ut(p), j && (Nt.current = !0), st == null || st(t, f, c, w, h, D);
   }, [p, st, j]), le = G((t, f, c, w, h, D) => {
     $t(h.clientX, h.clientY), it == null || it(t, f, c, w, h, D);
   }, [$t, it]), fe = G((t, f, c, w, h, D) => {
-    ot == null || ot(t, f, c, w, h, D), j && ut();
+    ot == null || ot(t, f, c, w, h, D), j && at();
     const O = Pt(t);
     _("[GridDND] dragStop: nextOrder(readingOrder)", O), ct(O);
     const g = q(O), k = K.current, E = H(k, g, O);
@@ -650,10 +650,10 @@ const or = (e) => {
     }, g, {
       itemsOrder: O,
       itemsOrderTyped: $(O)
-    }), at(p);
+    }), ut(p);
     const T = t, W = g[k];
     Ft(T, W) ? _("[GridDND] dragStop: live layout == target (OK)") : (_("[GridDND] dragStop: live layout != target → forceSyncWithRgl()"), jt());
-  }, [ot, j, ut, q, H, F, M, r, S, p, jt, _, $]), ue = G((t, f) => {
+  }, [ot, j, at, q, H, F, M, r, S, p, jt, _, $]), ae = G((t, f) => {
     _("RGL onLayoutChange", {
       cur: t,
       all: f
@@ -702,7 +702,7 @@ const or = (e) => {
     }, {
       itemsOrder: R
     });
-  }, [M, H, I, r, S, R, _]), ae = G((t) => {
+  }, [M, H, I, r, S, R, _]), ue = G((t) => {
     K.current = t, ee(t), re(Mt(t));
     const f = q(R), c = H(t, f, R);
     rt == null || rt(t, {
@@ -816,7 +816,7 @@ const or = (e) => {
       userSelect: "none",
       touchAction: "none"
     } : {}
-  }, children: /* @__PURE__ */ Z(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: ue, onBreakpointChange: ae, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? u : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: fe, style: {
+  }, children: /* @__PURE__ */ Z(He, { className: "layout", layouts: I, breakpoints: n, cols: r, rowHeight: S, margin: s, containerPadding: d, isDraggable: St, isResizable: o, onLayoutChange: ae, onBreakpointChange: ue, autoSize: i, useCSSTransforms: m, preventCollision: y, compactType: ie ? null : x ? ne : p, allowOverlap: N, isBounded: A, draggableHandle: b, draggableCancel: v, resizeHandles: o ? a : [], maxRows: Ut, transformScale: Vt, onWidthChange: de, onDrag: le, onDragStart: ce, onDragStop: fe, style: {
     background: "transparent",
     ...Zt
   }, children: me.map((t) => /* @__PURE__ */ Z(Se, { $isDraggable: j ? kt && Ct === t.id : l, children: /* @__PURE__ */ Z(oe, { isDraggable: St, className: se, children: typeof bt == "function" ? bt(t, () => Rt(t.id), (f) => Gt(t.id, f)) : bt }) }, t.id)) }) });

package/chunks/{LeftPanel-C5SsoRJS.mjs → LeftPanel-C10BLKIn.mjs}

@@ -4,7 +4,7 @@ import { Box as tt } from "../components/Box/index.mjs";
 import { EmbedIconButton as et } from "@salutejs/sdds-finai";
 import { spacing8x as v, surfaceSolidCard as nt, spacing12x as ot, shadowDownSoftS as it, spacing6x as st, surfaceSolidSecondary as rt, spacing16x as j, outlineSolidSecondary as at, outlineSolidSecondaryHover as lt } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import p, { css as ct } from "styled-components";
-import { t as dt, e as ut, d as pt } from "./utils-u1KJ37g3.mjs";
+import { t as dt, f as ut, e as pt } from "./utils-Hu77fGGe.mjs";
 import { useCallback as O, useEffect as M, useMemo as B, useState as A, useRef as k } from "react";
 const W = {
   icon: "left-panel__toggle-button",

package/chunks/{LeftPanel-AyuV7bGS.cjs → LeftPanel-upGFk7jM.cjs}

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),s=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),A=require("./utils-ChDQGRjv.cjs"),n=require("react"),z={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,q=240,se=540,$=.2,ie=h(Z.Box).withConfig({displayName:"styled__PanelContainer"})(["width:100%;height:100%;min-width:","px;display:flex;background-color:",";margin-right:",";border-radius:",";box-shadow:",";transition:",";max-width:",";position:relative;overflow:hidden;padding-right:",";"],({minWidth:e})=>e,()=>s.surfaceSolidCard,({$isAdaptive1280:e})=>e?s.spacing8x:s.spacing12x,s.spacing8x,()=>s.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${$}s ease-in-out, opacity ${$}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?s.spacing6x:0),oe=h.div.withConfig({displayName:"styled__PanelCrossfade"})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]),W=h.css(["grid-area:1 / 1;min-width:0;min-height:0;opacity:",";visibility:",";pointer-events:",";transition:opacity ","s ease-in-out,visibility 0s ",";"],({$active:e})=>e?1:0,({$active:e})=>e?"visible":"hidden",({$active:e})=>e?"auto":"none",$,({$active:e})=>e?"0s":`${$}s`),re=h.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],W),ae=h.div.withConfig({displayName:"styled__PanelCollapsedContent"})(["",";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:",";width:100%;"],W,({$isAdaptive1280:e,showResizeable:t})=>t?e?"6px":"10px":s.spacing8x),le=h.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],s.spacing8x),ce=h(ee.EmbedIconButton).withConfig({displayName:"styled__PanelIconButton"})(["z-index:1;position:",";top:",";right:",";width:","px !important;height:","px !important;.left-panel__toggle-button{transform:",";}"],e=>e.isAbsolute?"absolute":"static",s.spacing8x,s.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),de=h.div.withConfig({displayName:"styled__PanelSeparator"})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:",";}&::after{content:'';position:absolute;top:",";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:",";background-color:",";}&:hover{&::after{background-color:",";}}"],()=>s.surfaceSolidSecondary,`calc(50% - ${s.spacing16x} / 2)`,s.spacing16x,()=>s.outlineSolidSecondary,()=>s.outlineSolidSecondaryHover),j=({onClick:e,collapsed:t=!1,isAbsolute:o=!1,isAdaptive1280:a=!1,...u})=>c.jsx(ce,{onClick:e,$isAdaptive1280:a,collapsed:t,isAbsolute:o,view:"secondary",size:a?"s":"l",...u,children:c.jsx(Y.IconArrowBarDown,{className:z.icon})}),T=({setWidth:e,isResizingRef:t,setIsResizing:o,panelRef:a,minWidth:u,maxWidth:b,parentRef:P,isCollapsed:C,onResize:m})=>{const L=n.useCallback(()=>{var f;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,o(!0),(f=a.current)==null||f.classList.add(z.leftBlockIsResizing)},[a,t,o]);return n.useEffect(()=>{const f=()=>{var _,r;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,o(!1),(_=a.current)==null||_.classList.remove(z.leftBlockIsResizing);const g=((r=a.current)==null?void 0:r.clientWidth)??0;g>u&&g<q&&e(u)},B=g=>{if(!t.current||!a.current||!P.current)return;g.preventDefault();const d=P.current.getBoundingClientRect(),r=g.clientX-d.left,l=A.clamp(u,r,b);e(l),!C&&m&&m(l)},x=A.throttleWithLastCall(B,16);return window.addEventListener("mousemove",x),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",f)}},[e,t,o,a,u,b,P,C,m]),{startResizing:L}},X=e=>({buttonSize:e?"xs":"s"}),H=(e,t)=>t??(e?ne:te),E=(e,t)=>typeof e=="function"?e(t):e,O=({widthState:e,minWidth:t,maxWidth:o=se,disableMediaAdaptive:a=!1,collapseState:u,containerProps:b,contentProps:P,collapsedContentProps:C,expandedContent:m,collapsedContent:L,collapsedFooterContent:f,showToggleButton:B=!0,showResizeable:x=!0,onResize:g,onToggleCollapse:d})=>{const{down:_}=A.useBreakpoint(),r=!a&&_("xl"),l=H(r,t),w=n.useMemo(()=>X(r),[r]),R=n.useMemo(()=>E(m,w),[m,w]),F=n.useMemo(()=>E(L,w),[L,w]),K=n.useMemo(()=>E(f,w),[f,w]),V=n.useState(!1),[i,I]=u??V,G=n.useState(Number(i?l:o)),[y,v]=e??G,N=n.useRef(null),M=n.useRef(null),k=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=T({setWidth:v,isResizingRef:k,setIsResizing:Q,panelRef:N,minWidth:l,maxWidth:o,parentRef:M,isCollapsed:i,onResize:g});n.useEffect(()=>{if(y!==void 0){const p=y<q;p!==i&&(I(p),d&&!k.current&&d(p))}},[y,i,d,I]),n.useEffect(()=>{!k.current&&i&&y!==l&&v(l)},[i,l,v,y]);const D=n.useCallback(()=>{I(p=>{const S=!p;return d&&d(S),v(S?l:o),S})},[d,I,v,l,o]);return c.jsxs(ie,{ref:N,collapsed:i,maxWidth:o,minWidth:l,width:y,$resizing:J,$isAdaptive1280:r,showResizeable:x,...b,children:[c.jsxs(oe,{children:[c.jsxs(re,{$active:!i,"aria-hidden":i,...P,children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r,isAbsolute:!0}),R]}),c.jsxs(ae,{$active:i,"aria-hidden":!i,$isAdaptive1280:r,showResizeable:x,...C,children:[c.jsxs(le,{children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r}),F]}),K]})]}),x&&c.jsx(de,{onMouseDown:p=>{var S;p.preventDefault(),(S=N.current)!=null&&S.parentElement&&(M.current=N.current.parentElement),U()}})]})};O.LeftPanelToggleButton=j;exports.LeftPanel=O;exports.LeftPanelToggleButton=j;exports.getLeftPanelMinWidth=H;exports.getLeftPanelSlotSizes=X;exports.renderLeftPanelSlot=E;exports.toggleButtonClassNames=z;exports.useResize=T;
+"use strict";const c=require("react/jsx-runtime"),Y=require("@salutejs/plasma-icons"),Z=require("../components/Box/index.cjs"),ee=require("@salutejs/sdds-finai"),s=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),A=require("./utils-OQNruMpn.cjs"),n=require("react"),z={icon:"left-panel__toggle-button",leftBlockIsResizing:"left-panel__is-resizing"},te=72,ne=56,q=240,se=540,$=.2,ie=h(Z.Box).withConfig({displayName:"styled__PanelContainer"})(["width:100%;height:100%;min-width:","px;display:flex;background-color:",";margin-right:",";border-radius:",";box-shadow:",";transition:",";max-width:",";position:relative;overflow:hidden;padding-right:",";"],({minWidth:e})=>e,()=>s.surfaceSolidCard,({$isAdaptive1280:e})=>e?s.spacing8x:s.spacing12x,s.spacing8x,()=>s.shadowDownSoftS,e=>e.$resizing?"none":`max-width ${$}s ease-in-out, opacity ${$}s ease-in-out`,e=>e.width!==void 0?`${Math.min(e.width,e.maxWidth)}px`:`${e.minWidth}px`,({showResizeable:e})=>e?s.spacing6x:0),oe=h.div.withConfig({displayName:"styled__PanelCrossfade"})(["flex:1 1 auto;min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;"]),W=h.css(["grid-area:1 / 1;min-width:0;min-height:0;opacity:",";visibility:",";pointer-events:",";transition:opacity ","s ease-in-out,visibility 0s ",";"],({$active:e})=>e?1:0,({$active:e})=>e?"visible":"hidden",({$active:e})=>e?"auto":"none",$,({$active:e})=>e?"0s":`${$}s`),re=h.div.withConfig({displayName:"styled__PanelContent"})(["",";width:100%;height:100%;margin-top:0;position:relative;"],W),ae=h.div.withConfig({displayName:"styled__PanelCollapsedContent"})(["",";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:",";width:100%;"],W,({$isAdaptive1280:e,showResizeable:t})=>t?e?"6px":"10px":s.spacing8x),le=h.div.withConfig({displayName:"styled__PanelCollapsedBody"})(["gap:",";display:flex;flex-direction:column;"],s.spacing8x),ce=h(ee.EmbedIconButton).withConfig({displayName:"styled__PanelIconButton"})(["z-index:1;position:",";top:",";right:",";width:","px !important;height:","px !important;.left-panel__toggle-button{transform:",";}"],e=>e.isAbsolute?"absolute":"static",s.spacing8x,s.spacing8x,({$isAdaptive1280:e})=>e?32:40,({$isAdaptive1280:e})=>e?32:40,e=>e.collapsed?"rotate(270deg)":"rotate(90deg)"),de=h.div.withConfig({displayName:"styled__PanelSeparator"})(["position:absolute;top:0;right:0px;width:12px;height:100%;cursor:col-resize;z-index:10;&::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:12px;height:100%;background-color:",";}&::after{content:'';position:absolute;top:",";left:50%;transform:translateX(-50%);border-radius:95px;width:4px;height:",";background-color:",";}&:hover{&::after{background-color:",";}}"],()=>s.surfaceSolidSecondary,`calc(50% - ${s.spacing16x} / 2)`,s.spacing16x,()=>s.outlineSolidSecondary,()=>s.outlineSolidSecondaryHover),j=({onClick:e,collapsed:t=!1,isAbsolute:o=!1,isAdaptive1280:a=!1,...u})=>c.jsx(ce,{onClick:e,$isAdaptive1280:a,collapsed:t,isAbsolute:o,view:"secondary",size:a?"s":"l",...u,children:c.jsx(Y.IconArrowBarDown,{className:z.icon})}),T=({setWidth:e,isResizingRef:t,setIsResizing:o,panelRef:a,minWidth:u,maxWidth:b,parentRef:P,isCollapsed:C,onResize:m})=>{const L=n.useCallback(()=>{var f;document.body.style.cursor="col-resize",document.body.style.userSelect="none",t.current=!0,o(!0),(f=a.current)==null||f.classList.add(z.leftBlockIsResizing)},[a,t,o]);return n.useEffect(()=>{const f=()=>{var _,r;document.body.style.cursor="auto",document.body.style.userSelect="",t.current=!1,o(!1),(_=a.current)==null||_.classList.remove(z.leftBlockIsResizing);const g=((r=a.current)==null?void 0:r.clientWidth)??0;g>u&&g<q&&e(u)},B=g=>{if(!t.current||!a.current||!P.current)return;g.preventDefault();const d=P.current.getBoundingClientRect(),r=g.clientX-d.left,l=A.clamp(u,r,b);e(l),!C&&m&&m(l)},x=A.throttleWithLastCall(B,16);return window.addEventListener("mousemove",x),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",f)}},[e,t,o,a,u,b,P,C,m]),{startResizing:L}},X=e=>({buttonSize:e?"xs":"s"}),H=(e,t)=>t??(e?ne:te),E=(e,t)=>typeof e=="function"?e(t):e,O=({widthState:e,minWidth:t,maxWidth:o=se,disableMediaAdaptive:a=!1,collapseState:u,containerProps:b,contentProps:P,collapsedContentProps:C,expandedContent:m,collapsedContent:L,collapsedFooterContent:f,showToggleButton:B=!0,showResizeable:x=!0,onResize:g,onToggleCollapse:d})=>{const{down:_}=A.useBreakpoint(),r=!a&&_("xl"),l=H(r,t),w=n.useMemo(()=>X(r),[r]),R=n.useMemo(()=>E(m,w),[m,w]),F=n.useMemo(()=>E(L,w),[L,w]),K=n.useMemo(()=>E(f,w),[f,w]),V=n.useState(!1),[i,I]=u??V,G=n.useState(Number(i?l:o)),[y,v]=e??G,N=n.useRef(null),M=n.useRef(null),k=n.useRef(!1),[J,Q]=n.useState(!1),{startResizing:U}=T({setWidth:v,isResizingRef:k,setIsResizing:Q,panelRef:N,minWidth:l,maxWidth:o,parentRef:M,isCollapsed:i,onResize:g});n.useEffect(()=>{if(y!==void 0){const p=y<q;p!==i&&(I(p),d&&!k.current&&d(p))}},[y,i,d,I]),n.useEffect(()=>{!k.current&&i&&y!==l&&v(l)},[i,l,v,y]);const D=n.useCallback(()=>{I(p=>{const S=!p;return d&&d(S),v(S?l:o),S})},[d,I,v,l,o]);return c.jsxs(ie,{ref:N,collapsed:i,maxWidth:o,minWidth:l,width:y,$resizing:J,$isAdaptive1280:r,showResizeable:x,...b,children:[c.jsxs(oe,{children:[c.jsxs(re,{$active:!i,"aria-hidden":i,...P,children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r,isAbsolute:!0}),R]}),c.jsxs(ae,{$active:i,"aria-hidden":!i,$isAdaptive1280:r,showResizeable:x,...C,children:[c.jsxs(le,{children:[B&&c.jsx(j,{onClick:D,collapsed:i,isAdaptive1280:r}),F]}),K]})]}),x&&c.jsx(de,{onMouseDown:p=>{var S;p.preventDefault(),(S=N.current)!=null&&S.parentElement&&(M.current=N.current.parentElement),U()}})]})};O.LeftPanelToggleButton=j;exports.LeftPanel=O;exports.LeftPanelToggleButton=j;exports.getLeftPanelMinWidth=H;exports.getLeftPanelSlotSizes=X;exports.renderLeftPanelSlot=E;exports.toggleButtonClassNames=z;exports.useResize=T;

package/chunks/{ListOfFilters-Bd8CZHDq.mjs → ListOfFilters-CEWrWotU.mjs}

@@ -3,12 +3,12 @@ import { jsxs as E, jsx as g } from "react/jsx-runtime";
 import { Box as A } from "../components/Box/index.mjs";
 import { Chip as O, ChipGroup as F, TabItem as G, Button as M, Tabs as H } from "@salutejs/sdds-finai";
 import { Collapse as P } from "../components/Collapse/index.mjs";
-import { o as N, C as q } from "./Table-DYSssxRS.mjs";
+import { o as N, C as q } from "./Table-FrYs56BB.mjs";
 import { IconClose as K } from "@salutejs/plasma-icons";
-import { c as T, u as U } from "./utils-u1KJ37g3.mjs";
+import { c as T, u as U } from "./utils-Hu77fGGe.mjs";
 import W, { css as Z } from "styled-components";
 import { borderRadiusS as X, textPrimary as Y, onLightTextSecondary as J, bodyS as Q } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { F as tt } from "./FiltersActions-CDZSO0MM.mjs";
+import { F as tt } from "./FiltersActions-CS27WxA6.mjs";
 const x = "list-of-filters", h = {
   chipsGroup: `${x}__chip-group`,
   chipsGroupLabel: `${x}__chip-group__label`,