@daisforge/ui 1.16.0 → 1.18.0

package/chunks/{AnalyticalWidget-BWcBjoNh.mjs → AnalyticalWidget-Cdo6_s1Y.mjs}

@@ -1,14 +1,14 @@
-import { EmbeddedButton as tt } from "@salutejs/sdds-finai/beta";
-import { IconButtonFilter as et } from "../components/IconButton/index.mjs";
-import { Dropdown as it, ChipGroup as nt, Chip as lt, Tooltip as E, TextXS as at, TextS as ot, TextM as dt, TextL as rt, H5 as st, H4 as pt, H3 as ct, H2 as ht, H1 as gt, DsplS as yt, DsplM as mt, DsplL as ut, BodyXXS as xt, BodyXS as ft, BodyS as wt, BodyM as V, BodyL as St, Link as vt } from "@salutejs/sdds-finai";
-import { jsx as i, jsxs as S, Fragment as Wt } from "react/jsx-runtime";
-import { textPrimary as $, inverseTextPrimary as _t, bodyXS as Ct, textTertiary as Tt, bodyM as bt, textSecondary as C, bodyMBold as At, surfaceSolidCard as Ht } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import l, { css as b } from "styled-components";
-import { u as Nt, a as It, m as w, b as N } from "./utils-YKicAHp0.mjs";
-import { useRef as R, createElement as Rt, useState as Et, useCallback as I, useEffect as F, isValidElement as $t } from "react";
-import { IconDotsVerticalOutline as Bt, IconDotsHorizontalOutline as Lt, IconInfoCircleOutline as Dt } from "@salutejs/plasma-icons";
-import { Collapse as kt } from "../components/Collapse/index.mjs";
-const Mt = {
+import { EmbeddedButton as et } from "@salutejs/sdds-finai/beta";
+import { IconButtonFilter as it } from "../components/IconButton/index.mjs";
+import { Dropdown as nt, ChipGroup as at, Chip as lt, Tooltip as B, TextXS as ot, TextS as dt, TextM as rt, TextL as st, H5 as pt, H4 as ct, H3 as ht, H2 as gt, H1 as yt, DsplS as mt, DsplM as ut, DsplL as xt, BodyXXS as ft, BodyXS as wt, BodyS as St, BodyM as V, BodyL as vt, Link as Wt } from "@salutejs/sdds-finai";
+import { jsx as i, jsxs as v, Fragment as _t } from "react/jsx-runtime";
+import { textPrimary as E, inverseTextPrimary as Ct, bodyXS as Tt, textTertiary as bt, bodyM as At, textSecondary as T, bodyMBold as Ht, surfaceSolidCard as Nt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import a, { css as A } from "styled-components";
+import { u as It, a as Rt, m as S, b as N } from "./utils-YKicAHp0.mjs";
+import { forwardRef as Bt, useRef as R, createElement as Et, useState as $t, useCallback as I, useEffect as F, isValidElement as Lt } from "react";
+import { IconDotsVerticalOutline as Dt, IconDotsHorizontalOutline as kt, IconInfoCircleOutline as Mt } from "@salutejs/plasma-icons";
+import { Collapse as Ot } from "../components/Collapse/index.mjs";
+const zt = {
   l: {
     xl: {
       minWidth: "448px",
@@ -102,7 +102,7 @@ const Mt = {
       borderRadius: "16px"
     }
   }
-}, Ot = {
+}, Ft = {
   l: {
     topSlot: !0,
     // Filters + chips
@@ -133,7 +133,7 @@ const Mt = {
   // Маркер на корне виджета: rightSlot шапки заполнен. По нему абсолютная
   // dots-кнопка (сиблинг) поднимает top с 12 до 16 через CSS.
   hasRightSlot: "analytical-widget--has-right-slot"
-}, zt = l.div.withConfig({
+}, Gt = a.div.withConfig({
   displayName: "AnalyticalWidgetIconButtonDotsstyled__StyledAbsoluteDots"
 })(["position:absolute;top:", "px;right:", "px;.", " ~ &,&:has(~ .", "),&:has(~ * .", "){top:", "px;}"], ({
   $offset: t
@@ -141,164 +141,166 @@ const Mt = {
   $offset: t
 }) => t, r.hasRightSlot, r.hasRightSlot, r.hasRightSlot, ({
   $offset: t
-}) => t + 4), Ft = ({
+}) => t + 4), X = Bt(({
   dropdownProps: t,
   iconSize: e,
   iconOrientation: o = "vertical",
   view: d = "secondary",
-  size: a = "m",
+  size: l = "m",
   absolute: s = !1,
   absoluteOffset: n = 12,
   style: g,
   ...p
-}) => {
-  const c = /* @__PURE__ */ i(tt, { view: d, size: a, style: g, ...p, children: /* @__PURE__ */ i(o === "vertical" ? Bt : Lt, { size: e ?? "s", color: $ }) }), f = t ? /* @__PURE__ */ i(it, { ...t, children: c }) : c;
-  return s ? /* @__PURE__ */ i(zt, { $offset: n, children: f }) : f;
-}, Gt = l(lt).withConfig({
+}, y) => {
+  const f = /* @__PURE__ */ i(et, { ref: y, view: d, size: l, style: g, ...p, children: /* @__PURE__ */ i(o === "vertical" ? Dt : kt, { size: e ?? "s", color: E }) }), w = t ? /* @__PURE__ */ i(nt, { ...t, children: f }) : f;
+  return s ? /* @__PURE__ */ i(Gt, { $offset: n, children: w }) : w;
+});
+X.displayName = "AnalyticalWidgetIconButtonDots";
+const Vt = a(lt).withConfig({
   displayName: "AnalyticalWidgetChipsGroupstyled__StyledChip"
-})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Vt = l(nt).withConfig({
+})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Xt = a(at).withConfig({
   displayName: "AnalyticalWidgetChipsGroupstyled__StyledChipGroup"
-})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);padding-top:8px;"]), Xt = ({
+})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);padding-top:8px;"]), Yt = ({
   chips: t,
   commonView: e = "default",
   commonSize: o = "xs",
   opened: d = !1,
-  ...a
+  ...l
 }) => {
-  const s = Nt(d, 300, !1), n = R(t);
+  const s = It(d, 300, !1), n = R(t);
   t.length > 0 && (n.current = t);
   const g = t.length > 0 ? t : n.current;
-  return /* @__PURE__ */ i("div", { className: r.selfSpacedTopSlot, children: /* @__PURE__ */ i(kt, { isOpen: s, unMountOnClose: !0, children: /* @__PURE__ */ i(Vt, { view: e, size: o, isCommonChipStyles: !1, ...a, children: g.map(({
+  return /* @__PURE__ */ i("div", { className: r.selfSpacedTopSlot, children: /* @__PURE__ */ i(Ot, { isOpen: s, unMountOnClose: !0, children: /* @__PURE__ */ i(Xt, { view: e, size: o, isCommonChipStyles: !1, ...l, children: g.map(({
     key: p,
     view: y,
     ...c
-  }, f) => /* @__PURE__ */ Rt(Gt, { size: "xs", appearance: "transparent", ...c, key: p ?? `${c == null ? void 0 : c.name}-${f}` })) }) }) });
-}, Yt = l.div.withConfig({
+  }, f) => /* @__PURE__ */ Et(Vt, { size: "xs", appearance: "transparent", ...c, key: p ?? `${c == null ? void 0 : c.name}-${f}` })) }) }) });
+}, jt = a.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;}}"], () => _t, () => b(Ct)), jt = ({
+})(["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;}}"], () => Ct, () => A(Tt)), Pt = ({
   groupLabel: t,
   items: e
-}) => /* @__PURE__ */ S(Yt, { children: [
+}) => /* @__PURE__ */ v(jt, { children: [
   /* @__PURE__ */ i("span", { children: t }),
   /* @__PURE__ */ i("ul", { children: e.map((o, d) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ i("li", { children: o }, `${o}-${d}`)
   )) })
-] }), Pt = l.div.withConfig({
+] }), qt = a.div.withConfig({
   displayName: "TooltipList__FullWidthWrapper"
-})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ne = ({
+})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ie = ({
   groupLabel: t,
   items: e,
   children: o,
   fullWidth: d,
-  ...a
+  ...l
 }) => {
   const s = e.length > 0, n = /* @__PURE__ */ i(
-    E,
+    B,
     {
       usePortal: !0,
       size: "s",
       mouseEnterDelay: 500,
-      ...a,
-      trigger: s ? a.trigger ?? "hover" : "none",
-      text: s ? /* @__PURE__ */ i(jt, { groupLabel: t, items: e }) : null,
-      opened: s ? a.opened : !1,
+      ...l,
+      trigger: s ? l.trigger ?? "hover" : "none",
+      text: s ? /* @__PURE__ */ i(Pt, { groupLabel: t, items: e }) : null,
+      opened: s ? l.opened : !1,
       children: o
     }
   );
-  return d ? /* @__PURE__ */ i(Pt, { children: n }) : n;
-}, qt = {
-  BodyL: St,
+  return d ? /* @__PURE__ */ i(qt, { children: n }) : n;
+}, Jt = {
+  BodyL: vt,
   BodyM: V,
-  BodyS: wt,
-  BodyXS: ft,
-  BodyXXS: xt,
-  DsplL: ut,
-  DsplM: mt,
-  DsplS: yt,
-  H1: gt,
-  H2: ht,
-  H3: ct,
-  H4: pt,
-  H5: st,
-  TextL: rt,
-  TextM: dt,
-  TextS: ot,
-  TextXS: at
+  BodyS: St,
+  BodyXS: wt,
+  BodyXXS: ft,
+  DsplL: xt,
+  DsplM: ut,
+  DsplS: mt,
+  H1: yt,
+  H2: gt,
+  H3: ht,
+  H4: ct,
+  H5: pt,
+  TextL: st,
+  TextM: rt,
+  TextS: dt,
+  TextXS: ot
 };
-function B({
+function $({
   variant: t,
   children: e,
   refTypography: o,
   ...d
 }) {
-  const a = qt[t];
-  return /* @__PURE__ */ i(a, { ...d, ref: o, children: e });
+  const l = Jt[t];
+  return /* @__PURE__ */ i(l, { ...d, ref: o, children: e });
 }
-B.displayName = "Typography";
-const T = "typography-with-auto-tooltip-root";
-let v = !1, x = null, _ = 0;
-function X() {
+$.displayName = "Typography";
+const b = "typography-with-auto-tooltip-root";
+let W = !1, x = null, C = 0;
+function Y() {
   if (typeof document > "u")
     return;
-  const t = document.getElementById(T);
+  const t = document.getElementById(b);
   t && t.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((e) => e.remove());
 }
-function Jt() {
-  v || (v = !0, x = setTimeout(() => {
-    v = !1, x = null, X();
-  }, 0));
-}
 function Kt() {
-  x && (clearTimeout(x), x = null), v = !1;
+  W || (W = !0, x = setTimeout(() => {
+    W = !1, x = null, Y();
+  }, 0));
 }
 function Qt() {
-  x && (clearTimeout(x), x = null), v = !1, X();
+  x && (clearTimeout(x), x = null), W = !1;
 }
 function Ut() {
+  x && (clearTimeout(x), x = null), W = !1, Y();
+}
+function Zt() {
   if (!(typeof document > "u")) {
-    if (_ += 1, _ === 1) {
+    if (C += 1, C === 1) {
       const t = document.createElement("div");
-      t.id = T, document.body.appendChild(t);
+      t.id = b, document.body.appendChild(t);
     }
     return () => {
-      if (_ -= 1, _ === 0) {
-        const t = document.getElementById(T);
+      if (C -= 1, C === 0) {
+        const t = document.getElementById(b);
         t && (t.querySelectorAll("[id^='plasma-popover-root']").length > 0 || t.remove());
       }
     };
   }
 }
-function Zt() {
+function te() {
   return {
-    schedule: Jt,
-    flush: Qt,
-    cancel: Kt,
-    getContainerId: () => T,
-    createContainer: Ut
+    schedule: Kt,
+    flush: Ut,
+    cancel: Qt,
+    getContainerId: () => b,
+    createContainer: Zt
   };
 }
-const te = l(E).withConfig({
+const ee = a(B).withConfig({
   displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
-})(["&.popover-target{width:100%;}"]), ee = l.div.withConfig({
+})(["&.popover-target{width:100%;}"]), ie = a.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;}"]), ie = 1, L = ({
+})(["display:flex;align-items:center;min-width:0;& .popover-target{width:100%;}& .popover-wrapper{overflow:hidden;width:100%;display:flex;}"]), ne = 1, L = ({
   tooltipText: t,
   tooltipProps: e,
   lines: o = 1,
   className: d,
-  children: a,
+  children: l,
   ...s
 }) => {
   const {
     mouseEnterDelay: n = 500,
     mouseLeaveDelay: g = 0,
     ...p
-  } = e || {}, y = R(null), [c, f] = Et(!1), H = R(), {
-    schedule: W,
-    getContainerId: j,
+  } = e || {}, y = R(null), [c, f] = $t(!1), w = R(), {
+    schedule: _,
+    getContainerId: P,
     createContainer: D
-  } = Zt(), k = I(() => {
+  } = te(), k = I(() => {
     if (!y.current)
       return !1;
     const h = y.current;
@@ -307,28 +309,28 @@ const te = l(E).withConfig({
     try {
       const m = document.createRange();
       m.selectNodeContents(h);
-      const Q = m.getBoundingClientRect().width, U = h.getBoundingClientRect().width;
+      const U = m.getBoundingClientRect().width, Z = h.getBoundingClientRect().width;
       m.detach();
-      const Z = window.devicePixelRatio || 1;
-      return (Q - U) * Z > ie;
+      const tt = window.devicePixelRatio || 1;
+      return (U - Z) * tt > ne;
     } catch {
       return !1;
     }
-  }, [o]), P = I(() => {
-    k() && (H.current = setTimeout(() => {
+  }, [o]), q = I(() => {
+    k() && (w.current = setTimeout(() => {
       f(!0);
     }, n));
-  }, [k, n]), q = I(() => {
-    clearTimeout(H.current), setTimeout(() => {
-      f(!1), W();
+  }, [k, n]), J = I(() => {
+    clearTimeout(w.current), setTimeout(() => {
+      f(!1), _();
     }, g);
-  }, [g, W]), {
-    variant: J,
+  }, [g, _]), {
+    variant: K,
     bold: M,
     size: O,
     ...u
-  } = s, K = {
-    variant: J,
+  } = s, Q = {
+    variant: K,
     ...M !== void 0 && {
       bold: M
     },
@@ -346,93 +348,93 @@ const te = l(E).withConfig({
       (m = u.onMouseLeave) == null || m.call(u, h);
     },
     style: {
-      ...It({
+      ...Rt({
         lines: o
       }),
       ...u.style || {}
     },
-    children: a
-  }, z = /* @__PURE__ */ i(B, { ...K, children: a });
+    children: l
+  }, z = /* @__PURE__ */ i($, { ...Q, children: l });
   return F(() => D(), [D]), F(() => () => {
-    clearTimeout(H.current), W();
-  }, [W]), /* @__PURE__ */ i(ee, { className: d, onMouseEnter: P, onMouseLeave: q, children: c ? /* @__PURE__ */ i(te, { opened: c, text: t ?? "", target: z, frame: j(), ...p }) : z });
-}, ne = () => b(At), Y = () => b(bt), le = l.header.withConfig({
+    clearTimeout(w.current), _();
+  }, [_]), /* @__PURE__ */ i(ie, { className: d, onMouseEnter: q, onMouseLeave: J, children: c ? /* @__PURE__ */ i(ee, { opened: c, text: t ?? "", target: z, frame: P(), ...p }) : z });
+}, ae = () => A(Ht), j = () => A(At), le = a.header.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledHeader"
-})(["display:flex;justify-content:space-between;align-items:center;padding-right:24px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], r.popoverInfo), ae = l.div.withConfig({
+})(["display:flex;justify-content:space-between;align-items:center;padding-right:24px;& .popover-wrapper:has(.", "){display:flex;flex-shrink:0;height:100%;align-items:center;transition:none;}"], r.popoverInfo), oe = a.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledLeftSlot"
-})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;margin-right:16px;"]), oe = l.div.withConfig({
+})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;margin-right:16px;"]), de = a.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleContainer"
 })(["margin:0;display:flex;align-items:center;flex-shrink:1;min-width:0;"]);
-l.p.withConfig({
+a.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitle"
-})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => ne(), () => $);
-const de = l(L).withConfig({
+})(["margin:0;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", ";color:", ";"], () => ae(), () => E);
+const re = a(L).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), re = l(L).withConfig({
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), se = a(L).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"
-})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), se = l.p.withConfig({
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), pe = a.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledAfterTitle"
-})(["flex-shrink:0;margin:0;margin-right:4px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => Y(), () => Tt), pe = l.div.attrs({
+})(["flex-shrink:0;margin:0;margin-right:4px;white-space:'nowrap';overflow:'hidden';text-overflow:'ellipsis';", " color:", ";text-transform:uppercase;"], () => j(), () => bt), ce = a.div.attrs({
   className: r.headerActions
 }).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledHeaderActions"
 })(["display:inline-flex;align-items:center;flex-shrink:0;opacity:0;transition:opacity 0.3s ease;"]);
-l.p.withConfig({
+a.p.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitle"
-})(["", " flex-shrink:1;margin:0;min-width:0;color:", ";"], () => Y(), () => C);
-l(B).withConfig({
+})(["", " flex-shrink:1;margin:0;min-width:0;color:", ";"], () => j(), () => T);
+a($).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledSubtitleTypography"
-})(["color:", ";"], () => C);
-const ce = l(vt).withConfig({
+})(["color:", ";"], () => T);
+const he = a(Wt).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledTitleLink"
 })(["display:flex;min-width:0;flex-shrink:1;"]);
-l(L).withConfig({
+a(L).withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyleSubtitledWithTooltip"
 })(["flex-shrink:1;margin:0;min-width:0;"]);
-const he = l.div.withConfig({
+const ge = a.div.withConfig({
   displayName: "AnalyticalWidgetHeaderstyled__StyledRightSlot"
 })(["align-self:start;flex-shrink:0;"]), G = ({
   title: t,
   titleTooltipProps: e
-}) => typeof t != "string" ? /* @__PURE__ */ i(Wt, { children: t }) : /* @__PURE__ */ i(de, { tooltipText: t, tooltipProps: {
+}) => typeof t != "string" ? /* @__PURE__ */ i(_t, { children: t }) : /* @__PURE__ */ i(re, { tooltipText: t, tooltipProps: {
   placement: "top",
   ...e
 }, variant: "BodyM", bold: !0, style: {
-  color: $,
+  color: E,
   wordBreak: "normal"
-}, lines: 1, children: t }), ge = ({
+}, lines: 1, children: t }), ye = ({
   title: t,
   titleTooltipProps: e,
   badge: o,
   badgeStyles: d,
-  subtitle: a,
+  subtitle: l,
   subtitleTooltipProps: s,
   infoTooltipText: n,
   infoTooltipProps: g,
   rightSlot: p,
   className: y,
   titleLinkProps: c
-}) => /* @__PURE__ */ S(le, { className: w(r.header, y), children: [
-  /* @__PURE__ */ S(ae, { children: [
-    /* @__PURE__ */ S(oe, { children: [
-      t && c ? /* @__PURE__ */ i(ce, { underline: "none", ...c, children: /* @__PURE__ */ i(G, { title: t, titleTooltipProps: e }) }) : /* @__PURE__ */ i(G, { title: t, titleTooltipProps: e }),
-      o && /* @__PURE__ */ i(se, { style: d, children: o }),
-      n && /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(E, { trigger: "hover", placement: "top", text: n, target: /* @__PURE__ */ i(Dt, { size: "xs", style: {
+}) => /* @__PURE__ */ v(le, { className: S(r.header, y), children: [
+  /* @__PURE__ */ v(oe, { children: [
+    /* @__PURE__ */ v(de, { children: [
+      t && c ? /* @__PURE__ */ i(he, { underline: "none", ...c, children: /* @__PURE__ */ i(G, { title: t, titleTooltipProps: e }) }) : /* @__PURE__ */ i(G, { title: t, titleTooltipProps: e }),
+      o && /* @__PURE__ */ i(pe, { style: d, children: o }),
+      n && /* @__PURE__ */ i(ce, { children: /* @__PURE__ */ i(B, { trigger: "hover", placement: "top", text: n, target: /* @__PURE__ */ i(Mt, { size: "xs", style: {
         cursor: "pointer",
-        color: C
-      } }), className: w(r.popoverInfo), ...g }) })
+        color: T
+      } }), className: S(r.popoverInfo), ...g }) })
     ] }),
-    a && (typeof a == "string" ? /* @__PURE__ */ i(re, { variant: "BodyXS", tooltipText: a, style: {
-      color: C,
+    l && (typeof l == "string" ? /* @__PURE__ */ i(se, { variant: "BodyXS", tooltipText: l, style: {
+      color: T,
       wordBreak: "normal"
     }, tooltipProps: {
       placement: "top",
       ...s
-    }, lines: 1, children: a }) : a)
+    }, lines: 1, children: l }) : l)
   ] }),
-  p && /* @__PURE__ */ i(he, { children: p })
-] }), ye = (t) => {
-  const e = Mt[t];
+  p && /* @__PURE__ */ i(ge, { children: p })
+] }), me = (t) => {
+  const e = zt[t];
   return {
     xl: `
       --analytical-widget-padding: ${e.xl.padding};
@@ -480,56 +482,56 @@ const he = l.div.withConfig({
       border-radius: var(--analytical-widget-br);
     `
   };
-}, me = l.article.withConfig({
+}, ue = a.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;}}", " ", ""], Ht, r.headerActions, ({
+})(["--analytical-widget-bg:", ";display:flex;flex-direction:column;box-sizing:border-box;background:var(--analytical-widget-bg);&:hover{.", "{opacity:1;}}", " ", ""], Nt, r.headerActions, ({
   $size: t
 }) => {
-  const e = ye(t);
-  return b(["", "  ", "  ", " "], N.exact(0, 1439)(e.md), N.exact(1440, 1919)(e.lg), N.exact(1920, 1e5)(e.xl));
+  const e = me(t);
+  return A(["", "  ", "  ", " "], N.exact(0, 1439)(e.md), N.exact(1440, 1919)(e.lg), N.exact(1920, 1e5)(e.xl));
 }, ({
   $css: t
-}) => t), ue = l(V).withConfig({
+}) => t), xe = a(V).withConfig({
   displayName: "AnalyticalWidgetstyled__StyledTopSlot"
-})(["overflow:hidden;margin-top:8px;&:empty{margin-top:0;}&:has(.", "){margin-top:0;}"], r.selfSpacedTopSlot), xe = l.div.withConfig({
+})(["overflow:hidden;margin-top:8px;&:empty{margin-top:0;}&:has(.", "){margin-top:0;}"], r.selfSpacedTopSlot), fe = a.div.withConfig({
   displayName: "AnalyticalWidgetstyled__StyledMiddleSlot"
-})(["overflow:hidden;padding-top:8px;"]), fe = l.div.withConfig({
+})(["overflow:hidden;padding-top:8px;"]), we = a.div.withConfig({
   displayName: "AnalyticalWidgetstyled__StyledContent"
 })(["position:relative;flex:1;min-height:30px;margin-top:8px;overflow-y:", ";"], ({
   scrollable: t
-}) => t ? "auto" : "visible"), A = ({
+}) => t ? "auto" : "visible"), H = ({
   size: t = "l",
   scrollable: e = !0,
   headerSlot: o,
   topSlot: d,
-  middleSlot: a,
+  middleSlot: l,
   contentSlot: s,
   classes: n,
   $css: g
 }) => {
-  const p = Ot[t], y = $t(o) && !!o.props.rightSlot;
-  return /* @__PURE__ */ S(me, { $size: t, $css: g, className: w(r.root, y ? r.hasRightSlot : void 0, n == null ? void 0 : n.root), children: [
+  const p = Ft[t], y = Lt(o) && !!o.props.rightSlot;
+  return /* @__PURE__ */ v(ue, { $size: t, $css: g, className: S(r.root, y ? r.hasRightSlot : void 0, n == null ? void 0 : n.root), children: [
     /* @__PURE__ */ i("div", { style: {
       minHeight: "32px"
     }, children: o }),
-    p.topSlot && d || p.middleSlot && a ? /* @__PURE__ */ S("div", { children: [
-      p.topSlot && d && /* @__PURE__ */ i(ue, { className: w(r.topSlot, n == null ? void 0 : n.topSlot), children: d }),
-      p.middleSlot && a && /* @__PURE__ */ i(xe, { className: w(r.middleSlot, n == null ? void 0 : n.middleSlot), children: a })
+    p.topSlot && d || p.middleSlot && l ? /* @__PURE__ */ v("div", { children: [
+      p.topSlot && d && /* @__PURE__ */ i(xe, { className: S(r.topSlot, n == null ? void 0 : n.topSlot), children: d }),
+      p.middleSlot && l && /* @__PURE__ */ i(fe, { className: S(r.middleSlot, n == null ? void 0 : n.middleSlot), children: l })
     ] }) : null,
-    /* @__PURE__ */ i(fe, { scrollable: e, className: w(r.contentSlot, n == null ? void 0 : n.contentSlot), children: s })
+    /* @__PURE__ */ i(we, { scrollable: e, className: S(r.contentSlot, n == null ? void 0 : n.contentSlot), children: s })
   ] });
 };
-A.Header = ge;
-A.FilterIconButton = et;
-A.DotsIconButton = Ft;
-A.Chips = Xt;
+H.Header = ye;
+H.FilterIconButton = it;
+H.DotsIconButton = X;
+H.Chips = Yt;
 export {
-  A,
-  B as T,
+  H as A,
+  $ as T,
   L as a,
   r as b,
-  Ne as c,
-  Ft as d,
-  Xt as e,
-  ge as f
+  Ie as c,
+  X as d,
+  Yt as e,
+  ye as f
 };

package/chunks/AnalyticalWidget-wke3Jm3X.cjs

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