@daisforge/ui 1.14.0 → 1.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daisforge/ui",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.ts",

package/shared/utils/inputs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("../../../constants/index.cjs"),a=require("@salutejs/sdds-finai"),u=require("@salutejs/plasma-icons"),d={xl:"m",l:"m",m:"m",s:"m",xs:"s"},m={s:"xs",m:"s"},x=({value:n,onClear:e,size:i="s"})=>{if(!n||!e)return;const s=d[i]??"m",t=m[s]??"s";return r.jsx(a.EmbedIconButton,{size:s,onClick:e,view:"secondary",children:r.jsx(u.IconClose,{size:t})})},I=n=>{const e=n==="xs"?"xs":"s";return r.jsx(u.IconLockOutline,{size:e})},f=({disabled:n,readOnly:e,value:i,onClear:s,size:t,contentRight:o})=>{if(n)return I(t);if(e)return o;const c=x({value:i,onClear:s,size:t});return c&&o?r.jsxs("div",{style:{display:"flex",gap:l.s.x4,alignItems:"center"},children:[c,o]}):c||o};exports.getContentRight=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@salutejs/sdds-finai"),r=require("react/jsx-runtime"),a=require("../../../constants/index.cjs"),u=require("@salutejs/plasma-icons"),d={xl:"m",l:"m",m:"m",s:"m",xs:"s"},m={s:"xs",m:"s"},x=({value:n,onClear:e,size:i="s"})=>{if(!n||!e)return;const s=d[i]??"m",t=m[s]??"s";return r.jsx(l.EmbedIconButton,{size:s,onClick:e,view:"secondary",children:r.jsx(u.IconClose,{size:t})})},I=n=>{const e=n==="xs"?"xs":"s";return r.jsx(u.IconLockOutline,{size:e})},f=({disabled:n,readOnly:e,value:i,onClear:s,size:t,contentRight:o})=>{if(n)return I(t);if(e)return o;const c=x({value:i,onClear:s,size:t});return c&&o?r.jsxs("div",{style:{display:"flex",gap:a.s.x4,alignItems:"center"},children:[c,o]}):c||o};exports.getContentRight=f;

package/shared/utils/inputs/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as c, jsxs as m } from "react/jsx-runtime";
-import { s as l } from "../../../constants/index.mjs";
-import { EmbedIconButton as u } from "@salutejs/sdds-finai";
+import { EmbedIconButton as m } from "@salutejs/sdds-finai";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { s as u } from "../../../constants/index.mjs";
 import { IconClose as f, IconLockOutline as x } from "@salutejs/plasma-icons";
 const I = {
   xl: "m",
@@ -19,7 +19,7 @@ const I = {
   if (!o || !n)
     return;
   const e = I[i] ?? "m", s = d[e] ?? "s";
-  return /* @__PURE__ */ c(u, { size: e, onClick: n, view: "secondary", children: /* @__PURE__ */ c(f, { size: s }) });
+  return /* @__PURE__ */ c(m, { size: e, onClick: n, view: "secondary", children: /* @__PURE__ */ c(f, { size: s }) });
 }, z = (o) => /* @__PURE__ */ c(x, { size: o === "xs" ? "xs" : "s" }), k = ({
   disabled: o,
   readOnly: n,
@@ -37,9 +37,9 @@ const I = {
     onClear: e,
     size: s
   });
-  return t && r ? /* @__PURE__ */ m("div", { style: {
+  return t && r ? /* @__PURE__ */ l("div", { style: {
     display: "flex",
-    gap: l.x4,
+    gap: u.x4,
     alignItems: "center"
   }, children: [
     t,

package/chunks/AnalyticalWidget-B6czTLSw.cjs

@@ -1,43 +0,0 @@
-"use strict";const q=require("../components/IconButton/index.cjs"),a=require("@salutejs/sdds-finai"),i=require("react/jsx-runtime"),r=require("@salutejs/sdds-themes/tokens/sdds_finai"),n=require("styled-components"),h=require("./utils-DvDFSlCG.cjs"),p=require("react"),K=require("../components/Collapse/index.cjs"),D=require("@salutejs/plasma-icons"),Q=n(a.Chip).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChip"})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]),Z=n(a.ChipGroup).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChipGroup"})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);"]),z=({chips:e,commonView:t="default",commonSize:d="xs",opened:s=!1,...o})=>{const y=h.useDebouncedValue(s,300,!1);return i.jsx(K.Collapse,{isOpen:y,unMountOnClose:!0,children:i.jsx(Z,{view:t,size:d,isCommonChipStyles:!1,...o,children:e.map(({key:l,view:S,...c},v)=>p.createElement(Q,{size:"xs",appearance:"transparent",...c,key:l??`${c==null?void 0:c.name}-${v}`}))})})},tt=n.div.withConfig({displayName:"TooltipList__StyledTooltipContent"})(["color:",";",";max-height:130px;overflow-y:auto;padding-block:2px;padding-right:2px;& > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"],()=>r.inverseTextPrimary,()=>n.css(r.bodyXS)),et=({groupLabel:e,items:t})=>i.jsxs(tt,{children:[i.jsx("span",{children:e}),i.jsx("ul",{children:t.map((d,s)=>i.jsx("li",{children:d},`${d}-${s}`))})]}),it=n.div.withConfig({displayName:"TooltipList__FullWidthWrapper"})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]),nt=({groupLabel:e,items:t,children:d,fullWidth:s,...o})=>{const y=t.length>0,l=i.jsx(a.Tooltip,{usePortal:!0,size:"s",mouseEnterDelay:500,...o,trigger:y?o.trigger??"hover":"none",text:y?i.jsx(et,{groupLabel:e,items:t}):null,opened:y?o.opened:!1,children:d});return s?i.jsx(it,{children:l}):l},at={l:{xl:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"16px",borderRadius:"16px"},lg:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"16px",borderRadius:"16px"},md:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"512px",padding:"16px",borderRadius:"16px"}},m:{xl:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"},lg:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"},md:{minWidth:"448px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"}},s:{xl:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"},lg:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"},md:{minWidth:"216px",maxWidth:"unset",width:"100%",minHeight:"248px",padding:"16px",borderRadius:"16px"}}},lt={l:{topSlot:!0,middleSlot:!0},m:{topSlot:!0,middleSlot:!1},s:{topSlot:!0,middleSlot:!1}},m={root:"analytical-widget",header:"analytical-widget__header",popoverInfo:"analytical-widget__popover-info",topSlot:"analytical-widget__top-slot",middleSlot:"analytical-widget__middle-slot",contentSlot:"analytical-widget__content",headerActions:"analytical-widget__header-actions"},ot={BodyL:a.BodyL,BodyM:a.BodyM,BodyS:a.BodyS,BodyXS:a.BodyXS,BodyXXS:a.BodyXXS,DsplL:a.DsplL,DsplM:a.DsplM,DsplS:a.DsplS,H1:a.H1,H2:a.H2,H3:a.H3,H4:a.H4,H5:a.H5,TextL:a.TextL,TextM:a.TextM,TextS:a.TextS,TextXS:a.TextXS};function $({variant:e,children:t,refTypography:d,...s}){const o=ot[e];return i.jsx(o,{...s,ref:d,children:t})}$.displayName="Typography";const L="typography-with-auto-tooltip-root";let A=!1,w=null,B=0;function G(){if(typeof document>"u")return;const e=document.getElementById(L);e&&e.querySelectorAll("[id^='plasma-popover-root']:empty").forEach(t=>t.remove())}function dt(){A||(A=!0,w=setTimeout(()=>{A=!1,w=null,G()},0))}function rt(){w&&(clearTimeout(w),w=null),A=!1}function st(){w&&(clearTimeout(w),w=null),A=!1,G()}function ct(){if(!(typeof document>"u")){if(B+=1,B===1){const e=document.createElement("div");e.id=L,document.body.appendChild(e)}return()=>{if(B-=1,B===0){const e=document.getElementById(L);e&&(e.querySelectorAll("[id^='plasma-popover-root']").length>0||e.remove())}}}}function pt(){return{schedule:dt,flush:st,cancel:rt,getContainerId:()=>L,createContainer:ct}}const ht=n(a.Tooltip).withConfig({displayName:"TypographyWithAutoTooltipstyled__StyledTooltip"})(["&.popover-target{width:100%;}"]),yt=n.div.withConfig({displayName:"TypographyWithAutoTooltipstyled__StyleTooltipWrapper"})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]),gt=1,k=({tooltipText:e,tooltipProps:t,lines:d=1,className:s,children:o,...y})=>{const{mouseEnterDelay:l=500,mouseLeaveDelay:S=0,...c}=t||{},v=p.useRef(null),[T,j]=p.useState(!1),W=p.useRef(),{schedule:u,getContainerId:C,createContainer:N}=pt(),I=p.useCallback(()=>{if(!v.current)return!1;const g=v.current;if(d>1)return g.scrollHeight>g.clientHeight||g.scrollWidth>g.clientWidth;try{const x=document.createRange();x.selectNodeContents(g);const Y=x.getBoundingClientRect().width,U=g.getBoundingClientRect().width;x.detach();const J=window.devicePixelRatio||1;return(Y-U)*J>gt}catch{return!1}},[d]),R=p.useCallback(()=>{I()&&(W.current=setTimeout(()=>{j(!0)},l))},[I,l]),_=p.useCallback(()=>{clearTimeout(W.current),setTimeout(()=>{j(!1),u()},S)},[S,u]),{variant:E,bold:M,size:b,...f}=y,V={variant:E,...M!==void 0&&{bold:M},...b!==void 0&&{size:b},...f,refTypography:v,onMouseEnter:g=>{var x;(x=f.onMouseEnter)==null||x.call(f,g)},onMouseLeave:g=>{var x;(x=f.onMouseLeave)==null||x.call(f,g)},style:{...h.truncateText({lines:d}),...f.style||{}},children:o},X=i.jsx($,{...V,children:o});return p.useEffect(()=>N(),[N]),p.useEffect(()=>()=>{clearTimeout(W.current),u()},[u]),i.jsx(yt,{className:s,onMouseEnter:R,onMouseLeave:_,children:T?i.jsx(ht,{opened:T,text:e??"",target:X,frame:C(),...c}):X})},ut=()=>n.css(r.bodyMBold),F=()=>n.css(r.bodyM),mt=n.header.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledHeader"})(["display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:40px;& .popover-wrapper:has(.","){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"],m.popoverInfo),xt=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledLeftSlot"})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]),ft=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleContainer"})(["margin:0;display:flex;flex-shrink:1;min-width:0;"]);n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitle"})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';",";color:",";"],()=>ut(),()=>r.textPrimary);const wt=n(k).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]),St=n(k).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]),vt=n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledAfterTitle"})(["flex-shrink:0;margin:0;margin-right:5px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';"," color:",";text-transform:uppercase;"],()=>F(),()=>r.textTertiary),Ct=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledActionsContainer"})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]),Wt=n.div.attrs({className:m.headerActions}).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledActionsWrapper"})(["position:absolute;display:flex;left:0;top:0;transform:translateX( ","px );padding-left:","px;opacity:0;transition:opacity 0.3s ease;background:linear-gradient( to right,"," 0%,"," 15%,"," 40%,"," 100% );"],e=>e.$translateX?e.$translateX:0,e=>e.$translateX?20:0,r.surfaceClear,r.surfaceClear,r.surfaceSolidCard,r.surfaceSolidCard);n.p.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubtitle"})([""," flex-shrink:1;margin:0;min-width:0;color:",";"],()=>F(),()=>r.textSecondary);n($).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"})(["color:",";"],()=>r.textSecondary);const Tt=n(a.Link).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleLink"})(["display:flex;min-width:0;flex-shrink:1;"]);n(k).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"})(["flex-shrink:1;margin:0;min-width:0;"]);const _t=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledRightSlot"})(["align-self:start;"]),bt=n(a.IconButton).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledLinkIconButton"})(["&&{width:24px;height:24px;color:",";}"],()=>r.textSecondary),O=({title:e,titleTooltipProps:t})=>i.jsx(wt,{tooltipText:e,tooltipProps:{placement:"top",...t},variant:"BodyM",bold:!0,style:{color:r.textPrimary,wordBreak:"normal"},lines:1,children:e}),P=({title:e,titleTooltipProps:t,badge:d,badgeStyles:s,subtitle:o,subtitleTooltipProps:y,infoTooltipText:l,infoTooltipProps:S,href:c,hrefProps:v,rightSlot:T,className:j,titleLinkProps:W})=>{const u=p.useRef(null),C=p.useRef(null),[N,I]=p.useState(0);return p.useLayoutEffect(()=>{const R=()=>{if(u.current&&C.current){const E=u.current.offsetWidth,b=C.current.offsetWidth-E;I(b>0?-b-4:0)}},_=h.createSafeResizeObserver(R);return u.current&&_.observe(u.current),C.current&&_.observe(C.current),R(),()=>_.disconnect()},[]),i.jsxs(mt,{className:h.mergeClasses(m.header,j),children:[i.jsxs(xt,{children:[i.jsxs(ft,{children:[e&&W?i.jsx(Tt,{underline:"none",...W,children:i.jsx(O,{title:e,titleTooltipProps:t})}):i.jsx(O,{title:e,titleTooltipProps:t}),d&&i.jsx(vt,{style:s,children:d}),i.jsx(Ct,{ref:u,children:i.jsxs(Wt,{ref:C,$translateX:N,children:[l&&i.jsx(a.Tooltip,{trigger:"hover",placement:"top",text:l,target:i.jsx(a.EmbedIconButton,{children:i.jsx(D.IconInfoCircleOutline,{size:"xs",style:{cursor:"pointer",color:r.textSecondary}})}),className:h.mergeClasses(m.popoverInfo),...S}),c&&i.jsx(a.Link,{href:c,style:{flexShrink:0},size:"xs",...v,children:i.jsx(bt,{view:"clear",size:"xs",children:i.jsx(D.IconArrowDiagRightUp,{size:"xs"})})})]})})]}),o&&i.jsx(St,{variant:"BodyXS",tooltipText:o,style:{color:r.textSecondary,wordBreak:"normal"},tooltipProps:{placement:"top",...y},lines:1,children:o})]}),T&&i.jsx(_t,{children:T})]})},At=e=>{const t=at[e];return{xl:`
-      --analytical-widget-padding: ${t.xl.padding};
-      --analytical-widget-br: ${t.xl.borderRadius};
-      --analytical-widget-min-height: ${t.xl.minHeight};
-      --analytical-widget-min-width: ${t.xl.minWidth||"unset"};
-      --analytical-widget-max-width: ${t.xl.maxWidth||"unset"};
-
-      width: ${t.xl.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `,lg:`
-      --analytical-widget-padding: ${t.lg.padding};
-      --analytical-widget-br: ${t.lg.borderRadius};
-      --analytical-widget-min-height: ${t.lg.minHeight};
-      --analytical-widget-min-width: ${t.lg.minWidth||"unset"};
-      --analytical-widget-max-width: ${t.lg.maxWidth||"unset"};
-
-      width: ${t.lg.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `,md:`
-      --analytical-widget-padding: ${t.md.padding};
-      --analytical-widget-br: ${t.md.borderRadius};
-      --analytical-widget-min-height: ${t.md.minHeight};
-      --analytical-widget-min-width: ${t.md.minWidth||"unset"};
-      --analytical-widget-max-width: ${t.md.maxWidth||"unset"};
-
-      width: ${t.md.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `}},Ht=n.article.withConfig({displayName:"AnalyticalWidgetstyled__StyledWidget"})(["--analytical-widget-bg:",";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.","{opacity:1;}}"," ",""],r.surfaceSolidCard,m.headerActions,({$size:e})=>{const t=At(e);return n.css(["","  ","  "," "],h.media.exact(0,1439)(t.md),h.media.exact(1440,1919)(t.lg),h.media.exact(1920,1e5)(t.xl))},({$css:e})=>e),jt=n(a.BodyM).withConfig({displayName:"AnalyticalWidgetstyled__StyledTopSlot"})(["overflow:hidden;"]),Nt=n.div.withConfig({displayName:"AnalyticalWidgetstyled__StyledMiddleSlot"})(["overflow:hidden;padding-top:4px;"]),It=n.div.withConfig({displayName:"AnalyticalWidgetstyled__StyledContent"})(["position:relative;flex:1;min-height:30px;margin-top:4px;overflow-y:",";"],({scrollable:e})=>e?"auto":"visible"),H=({size:e="l",scrollable:t=!0,headerSlot:d,topSlot:s,middleSlot:o,contentSlot:y,classes:l,$css:S})=>{const c=lt[e];return i.jsxs(Ht,{$size:e,$css:S,className:h.mergeClasses(m.root,l==null?void 0:l.root),children:[i.jsx("div",{style:{minHeight:"32px"},children:d}),c.topSlot&&s||c.middleSlot&&o?i.jsxs("div",{children:[c.topSlot&&s&&i.jsx(jt,{className:h.mergeClasses(m.topSlot,l==null?void 0:l.topSlot),children:s}),c.middleSlot&&o&&i.jsx(Nt,{className:h.mergeClasses(m.middleSlot,l==null?void 0:l.middleSlot),children:o})]}):null,i.jsx(It,{scrollable:t,className:h.mergeClasses(m.contentSlot,l==null?void 0:l.contentSlot),children:y})]})};H.Header=P;H.FilterIconButton=q.IconButtonFilter;H.DotsIconButton=q.IconButtonDots;H.Chips=z;exports.AnalyticalWidget=H;exports.AnalyticalWidgetChipsGroup=z;exports.AnalyticalWidgetHeader=P;exports.TooltipList=nt;exports.Typography=$;exports.TypographyWithAutoTooltip=k;exports.analyticalWidgetClassNames=m;

package/chunks/AnalyticalWidget-BWggL9xa.mjs

@@ -1,528 +0,0 @@
-import { IconButtonFilter as at, IconButtonDots as lt } from "../components/IconButton/index.mjs";
-import { ChipGroup as ot, Chip as dt, Tooltip as z, TextXS as rt, TextS as st, TextM as pt, TextL as ct, H5 as ht, H4 as yt, H3 as gt, H2 as mt, H1 as ut, DsplS as xt, DsplM as ft, DsplL as wt, BodyXXS as St, BodyXS as vt, BodyS as Wt, BodyM as q, BodyL as Ct, Link as U, IconButton as _t, EmbedIconButton as Tt } from "@salutejs/sdds-finai";
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
-import { inverseTextPrimary as bt, bodyXS as At, textTertiary as Ht, surfaceClear as Y, surfaceSolidCard as X, textSecondary as b, bodyM as Nt, textPrimary as J, bodyMBold as It } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import n, { css as B } from "styled-components";
-import { u as Rt, a as $t, c as Lt, m as v, b as D } from "./utils-D4eJY8pa.mjs";
-import { createElement as Bt, useRef as $, useState as K, useCallback as O, useEffect as P, useLayoutEffect as Et } from "react";
-import { Collapse as kt } from "../components/Collapse/index.mjs";
-import { IconInfoCircleOutline as Mt, IconArrowDiagRightUp as Dt } from "@salutejs/plasma-icons";
-const Ot = n(dt).withConfig({
-  displayName: "AnalyticalWidgetChipsGroupstyled__StyledChip"
-})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Xt = n(ot).withConfig({
-  displayName: "AnalyticalWidgetChipsGroupstyled__StyledChipGroup"
-})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);"]), zt = ({
-  chips: e,
-  commonView: t = "default",
-  commonSize: o = "xs",
-  opened: d = !1,
-  ...l
-}) => {
-  const s = Rt(d, 300, !1);
-  return /* @__PURE__ */ i(kt, { isOpen: s, unMountOnClose: !0, children: /* @__PURE__ */ i(Xt, { view: t, size: o, isCommonChipStyles: !1, ...l, children: e.map(({
-    key: a,
-    view: u,
-    ...r
-  }, x) => /* @__PURE__ */ Bt(Ot, { size: "xs", appearance: "transparent", ...r, key: a ?? `${r == null ? void 0 : r.name}-${x}` })) }) });
-}, Gt = n.div.withConfig({
-  displayName: "TooltipList__StyledTooltipContent"
-})(["color:", ";", ";max-height:130px;overflow-y:auto;padding-block:2px;padding-right:2px;& > ul{padding-top:1px;display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;}& li{padding-left:12px;position:relative;&::before{content:'•';position:absolute;left:2px;}}"], () => bt, () => B(At)), Ft = ({
-  groupLabel: e,
-  items: t
-}) => /* @__PURE__ */ w(Gt, { children: [
-  /* @__PURE__ */ i("span", { children: e }),
-  /* @__PURE__ */ i("ul", { children: t.map((o, d) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ i("li", { children: o }, `${o}-${d}`)
-  )) })
-] }), Vt = n.div.withConfig({
-  displayName: "TooltipList__FullWidthWrapper"
-})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ne = ({
-  groupLabel: e,
-  items: t,
-  children: o,
-  fullWidth: d,
-  ...l
-}) => {
-  const s = t.length > 0, a = /* @__PURE__ */ i(
-    z,
-    {
-      usePortal: !0,
-      size: "s",
-      mouseEnterDelay: 500,
-      ...l,
-      trigger: s ? l.trigger ?? "hover" : "none",
-      text: s ? /* @__PURE__ */ i(Ft, { groupLabel: e, items: t }) : null,
-      opened: s ? l.opened : !1,
-      children: o
-    }
-  );
-  return d ? /* @__PURE__ */ i(Vt, { children: a }) : a;
-}, Yt = {
-  l: {
-    xl: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "512px",
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    lg: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "512px",
-      // 432px
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    md: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "512px",
-      // 344px
-      padding: "16px",
-      borderRadius: "16px"
-    }
-  },
-  m: {
-    xl: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "248px",
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    lg: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "248px",
-      // 208px
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    md: {
-      minWidth: "448px",
-      maxWidth: "unset",
-      // 608
-      width: "100%",
-      minHeight: "248px",
-      // 172px
-      padding: "16px",
-      borderRadius: "16px"
-    }
-  },
-  s: {
-    xl: {
-      minWidth: "216px",
-      maxWidth: "unset",
-      // 296px
-      width: "100%",
-      minHeight: "248px",
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    lg: {
-      minWidth: "216px",
-      maxWidth: "unset",
-      // 296px
-      width: "100%",
-      minHeight: "248px",
-      // 208px
-      padding: "16px",
-      borderRadius: "16px"
-    },
-    md: {
-      minWidth: "216px",
-      maxWidth: "unset",
-      // 296px
-      width: "100%",
-      minHeight: "248px",
-      // 172px
-      padding: "16px",
-      borderRadius: "16px"
-    }
-  }
-}, Pt = {
-  l: {
-    topSlot: !0,
-    // Filters + chips
-    middleSlot: !0
-    // Tabs
-  },
-  m: {
-    topSlot: !0,
-    // Filters + chips
-    middleSlot: !1
-    // Tabs
-  },
-  s: {
-    topSlot: !0,
-    // Filters + chips
-    middleSlot: !1
-    // Tabs
-  }
-}, y = {
-  root: "analytical-widget",
-  header: "analytical-widget__header",
-  popoverInfo: "analytical-widget__popover-info",
-  topSlot: "analytical-widget__top-slot",
-  middleSlot: "analytical-widget__middle-slot",
-  contentSlot: "analytical-widget__content",
-  headerActions: "analytical-widget__header-actions"
-}, jt = {
-  BodyL: Ct,
-  BodyM: q,
-  BodyS: Wt,
-  BodyXS: vt,
-  BodyXXS: St,
-  DsplL: wt,
-  DsplM: ft,
-  DsplS: xt,
-  H1: ut,
-  H2: mt,
-  H3: gt,
-  H4: yt,
-  H5: ht,
-  TextL: ct,
-  TextM: pt,
-  TextS: st,
-  TextXS: rt
-};
-function G({
-  variant: e,
-  children: t,
-  refTypography: o,
-  ...d
-}) {
-  const l = jt[e];
-  return /* @__PURE__ */ i(l, { ...d, ref: o, children: t });
-}
-G.displayName = "Typography";
-const L = "typography-with-auto-tooltip-root";
-let T = !1, m = null, R = 0;
-function Q() {
-  if (typeof document > "u")
-    return;
-  const e = document.getElementById(L);
-  e && e.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((t) => t.remove());
-}
-function qt() {
-  T || (T = !0, m = setTimeout(() => {
-    T = !1, m = null, Q();
-  }, 0));
-}
-function Ut() {
-  m && (clearTimeout(m), m = null), T = !1;
-}
-function Jt() {
-  m && (clearTimeout(m), m = null), T = !1, Q();
-}
-function Kt() {
-  if (!(typeof document > "u")) {
-    if (R += 1, R === 1) {
-      const e = document.createElement("div");
-      e.id = L, document.body.appendChild(e);
-    }
-    return () => {
-      if (R -= 1, R === 0) {
-        const e = document.getElementById(L);
-        e && (e.querySelectorAll("[id^='plasma-popover-root']").length > 0 || e.remove());
-      }
-    };
-  }
-}
-function Qt() {
-  return {
-    schedule: qt,
-    flush: Jt,
-    cancel: Ut,
-    getContainerId: () => L,
-    createContainer: Kt
-  };
-}
-const Zt = n(z).withConfig({
-  displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
-})(["&.popover-target{width:100%;}"]), te = n.div.withConfig({
-  displayName: "TypographyWithAutoTooltipstyled__StyleTooltipWrapper"
-})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]), ee = 1, F = ({
-  tooltipText: e,
-  tooltipProps: t,
-  lines: o = 1,
-  className: d,
-  children: l,
-  ...s
-}) => {
-  const {
-    mouseEnterDelay: a = 500,
-    mouseLeaveDelay: u = 0,
-    ...r
-  } = t || {}, x = $(null), [W, A] = K(!1), S = $(), {
-    schedule: c,
-    getContainerId: f,
-    createContainer: H
-  } = Qt(), N = O(() => {
-    if (!x.current)
-      return !1;
-    const p = x.current;
-    if (o > 1)
-      return p.scrollHeight > p.clientHeight || p.scrollWidth > p.clientWidth;
-    try {
-      const h = document.createRange();
-      h.selectNodeContents(p);
-      const et = h.getBoundingClientRect().width, it = p.getBoundingClientRect().width;
-      h.detach();
-      const nt = window.devicePixelRatio || 1;
-      return (et - it) * nt > ee;
-    } catch {
-      return !1;
-    }
-  }, [o]), I = O(() => {
-    N() && (S.current = setTimeout(() => {
-      A(!0);
-    }, a));
-  }, [N, a]), C = O(() => {
-    clearTimeout(S.current), setTimeout(() => {
-      A(!1), c();
-    }, u);
-  }, [u, c]), {
-    variant: k,
-    bold: M,
-    size: _,
-    ...g
-  } = s, tt = {
-    variant: k,
-    ...M !== void 0 && {
-      bold: M
-    },
-    ..._ !== void 0 && {
-      size: _
-    },
-    ...g,
-    refTypography: x,
-    onMouseEnter: (p) => {
-      var h;
-      (h = g.onMouseEnter) == null || h.call(g, p);
-    },
-    onMouseLeave: (p) => {
-      var h;
-      (h = g.onMouseLeave) == null || h.call(g, p);
-    },
-    style: {
-      ...$t({
-        lines: o
-      }),
-      ...g.style || {}
-    },
-    children: l
-  }, V = /* @__PURE__ */ i(G, { ...tt, children: l });
-  return P(() => H(), [H]), P(() => () => {
-    clearTimeout(S.current), c();
-  }, [c]), /* @__PURE__ */ i(te, { className: d, onMouseEnter: I, onMouseLeave: C, children: W ? /* @__PURE__ */ i(Zt, { opened: W, text: e ?? "", target: V, frame: f(), ...r }) : V });
-}, ie = () => B(It), Z = () => B(Nt), ne = n.header.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledHeader"
-})(["display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:40px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], y.popoverInfo), ae = n.div.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledLeftSlot"
-})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]), le = n.div.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleContainer"
-})(["margin:0;display:flex;flex-shrink:1;min-width:0;"]);
-n.p.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledTitle"
-})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => ie(), () => J);
-const oe = n(F).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), de = n(F).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]), re = n.p.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledAfterTitle"
-})(["flex-shrink:0;margin:0;margin-right:5px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => Z(), () => Ht), se = n.div.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledActionsContainer"
-})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]), pe = n.div.attrs({
-  className: y.headerActions
-}).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledActionsWrapper"
-})(["position:absolute;display:flex;left:0;top:0;transform:translateX( ", "px );padding-left:", "px;opacity:0;transition:opacity 0.3s ease;background:linear-gradient( to right,", " 0%,", " 15%,", " 40%,", " 100% );"], (e) => e.$translateX ? e.$translateX : 0, (e) => e.$translateX ? 20 : 0, Y, Y, X, X);
-n.p.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitle"
-})(["", " flex-shrink:1;margin:0;min-width:0;color:", ";"], () => Z(), () => b);
-n(G).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"
-})(["color:", ";"], () => b);
-const ce = n(U).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleLink"
-})(["display:flex;min-width:0;flex-shrink:1;"]);
-n(F).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"
-})(["flex-shrink:1;margin:0;min-width:0;"]);
-const he = n.div.withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledRightSlot"
-})(["align-self:start;"]), ye = n(_t).withConfig({
-  displayName: "AnalyticalWidgetHeaderstyled__StyledLinkIconButton"
-})(["&&{width:24px;height:24px;color:", ";}"], () => b), j = ({
-  title: e,
-  titleTooltipProps: t
-}) => /* @__PURE__ */ i(oe, { tooltipText: e, tooltipProps: {
-  placement: "top",
-  ...t
-}, variant: "BodyM", bold: !0, style: {
-  color: J,
-  wordBreak: "normal"
-}, lines: 1, children: e }), ge = ({
-  title: e,
-  titleTooltipProps: t,
-  badge: o,
-  badgeStyles: d,
-  subtitle: l,
-  subtitleTooltipProps: s,
-  infoTooltipText: a,
-  infoTooltipProps: u,
-  href: r,
-  hrefProps: x,
-  rightSlot: W,
-  className: A,
-  titleLinkProps: S
-}) => {
-  const c = $(null), f = $(null), [H, N] = K(0);
-  return Et(() => {
-    const I = () => {
-      if (c.current && f.current) {
-        const k = c.current.offsetWidth, _ = f.current.offsetWidth - k;
-        N(_ > 0 ? -_ - 4 : 0);
-      }
-    }, C = Lt(I);
-    return c.current && C.observe(c.current), f.current && C.observe(f.current), I(), () => C.disconnect();
-  }, []), /* @__PURE__ */ w(ne, { className: v(y.header, A), children: [
-    /* @__PURE__ */ w(ae, { children: [
-      /* @__PURE__ */ w(le, { children: [
-        e && S ? /* @__PURE__ */ i(ce, { underline: "none", ...S, children: /* @__PURE__ */ i(j, { title: e, titleTooltipProps: t }) }) : /* @__PURE__ */ i(j, { title: e, titleTooltipProps: t }),
-        o && /* @__PURE__ */ i(re, { style: d, children: o }),
-        /* @__PURE__ */ i(se, { ref: c, children: /* @__PURE__ */ w(pe, { ref: f, $translateX: H, children: [
-          a && /* @__PURE__ */ i(z, { trigger: "hover", placement: "top", text: a, target: /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(Mt, { size: "xs", style: {
-            cursor: "pointer",
-            color: b
-          } }) }), className: v(y.popoverInfo), ...u }),
-          r && /* @__PURE__ */ i(U, { href: r, style: {
-            flexShrink: 0
-          }, size: "xs", ...x, children: /* @__PURE__ */ i(ye, { view: "clear", size: "xs", children: /* @__PURE__ */ i(Dt, { size: "xs" }) }) })
-        ] }) })
-      ] }),
-      l && /* @__PURE__ */ i(de, { variant: "BodyXS", tooltipText: l, style: {
-        color: b,
-        wordBreak: "normal"
-      }, tooltipProps: {
-        placement: "top",
-        ...s
-      }, lines: 1, children: l })
-    ] }),
-    W && /* @__PURE__ */ i(he, { children: W })
-  ] });
-}, me = (e) => {
-  const t = Yt[e];
-  return {
-    xl: `
-      --analytical-widget-padding: ${t.xl.padding};
-      --analytical-widget-br: ${t.xl.borderRadius};
-      --analytical-widget-min-height: ${t.xl.minHeight};
-      --analytical-widget-min-width: ${t.xl.minWidth || "unset"};
-      --analytical-widget-max-width: ${t.xl.maxWidth || "unset"};
-
-      width: ${t.xl.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `,
-    lg: `
-      --analytical-widget-padding: ${t.lg.padding};
-      --analytical-widget-br: ${t.lg.borderRadius};
-      --analytical-widget-min-height: ${t.lg.minHeight};
-      --analytical-widget-min-width: ${t.lg.minWidth || "unset"};
-      --analytical-widget-max-width: ${t.lg.maxWidth || "unset"};
-
-      width: ${t.lg.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `,
-    md: `
-      --analytical-widget-padding: ${t.md.padding};
-      --analytical-widget-br: ${t.md.borderRadius};
-      --analytical-widget-min-height: ${t.md.minHeight};
-      --analytical-widget-min-width: ${t.md.minWidth || "unset"};
-      --analytical-widget-max-width: ${t.md.maxWidth || "unset"};
-
-      width: ${t.md.width};
-      min-height: var(--analytical-widget-min-height);
-      height: 100%;
-      min-width: var(--analytical-widget-min-width);
-      max-width: var(--analytical-widget-max-width);
-      padding: var(--analytical-widget-padding);
-      border-radius: var(--analytical-widget-br);
-    `
-  };
-}, ue = n.article.withConfig({
-  displayName: "AnalyticalWidgetstyled__StyledWidget"
-})(["--analytical-widget-bg:", ";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.", "{opacity:1;}}", " ", ""], X, y.headerActions, ({
-  $size: e
-}) => {
-  const t = me(e);
-  return B(["", "  ", "  ", " "], D.exact(0, 1439)(t.md), D.exact(1440, 1919)(t.lg), D.exact(1920, 1e5)(t.xl));
-}, ({
-  $css: e
-}) => e), xe = n(q).withConfig({
-  displayName: "AnalyticalWidgetstyled__StyledTopSlot"
-})(["overflow:hidden;"]), fe = n.div.withConfig({
-  displayName: "AnalyticalWidgetstyled__StyledMiddleSlot"
-})(["overflow:hidden;padding-top:4px;"]), we = n.div.withConfig({
-  displayName: "AnalyticalWidgetstyled__StyledContent"
-})(["position:relative;flex:1;min-height:30px;margin-top:4px;overflow-y:", ";"], ({
-  scrollable: e
-}) => e ? "auto" : "visible"), E = ({
-  size: e = "l",
-  scrollable: t = !0,
-  headerSlot: o,
-  topSlot: d,
-  middleSlot: l,
-  contentSlot: s,
-  classes: a,
-  $css: u
-}) => {
-  const r = Pt[e];
-  return /* @__PURE__ */ w(ue, { $size: e, $css: u, className: v(y.root, a == null ? void 0 : a.root), children: [
-    /* @__PURE__ */ i("div", { style: {
-      minHeight: "32px"
-    }, children: o }),
-    r.topSlot && d || r.middleSlot && l ? /* @__PURE__ */ w("div", { children: [
-      r.topSlot && d && /* @__PURE__ */ i(xe, { className: v(y.topSlot, a == null ? void 0 : a.topSlot), children: d }),
-      r.middleSlot && l && /* @__PURE__ */ i(fe, { className: v(y.middleSlot, a == null ? void 0 : a.middleSlot), children: l })
-    ] }) : null,
-    /* @__PURE__ */ i(we, { scrollable: t, className: v(y.contentSlot, a == null ? void 0 : a.contentSlot), children: s })
-  ] });
-};
-E.Header = ge;
-E.FilterIconButton = at;
-E.DotsIconButton = lt;
-E.Chips = zt;
-export {
-  E as A,
-  G as T,
-  F as a,
-  y as b,
-  Ne as c,
-  zt as d,
-  ge as e
-};