@daisforge/ui 1.12.1 → 1.13.0

package/chunks/AnalyticalWidget-29tSeB0C.cjs

@@ -0,0 +1,43 @@
+"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-DKi1rqLX.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-DnHHyjnv.mjs

@@ -0,0 +1,528 @@
+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-C5SQhoON.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
+};