@daisforge/ui 1.12.1 → 1.12.2

package/chunks/AnalyticalWidget-CBi-2MtJ.mjs

@@ -0,0 +1,528 @@
+import { IconButtonFilter as nt, IconButtonDots as at } from "../components/IconButton/index.mjs";
+import { ChipGroup as lt, Chip as ot, Tooltip as O, TextXS as dt, TextS as rt, TextM as st, TextL as pt, H5 as ct, H4 as ht, H3 as yt, H2 as gt, H1 as mt, DsplS as ut, DsplM as xt, DsplL as ft, BodyXXS as wt, BodyXS as St, BodyS as vt, BodyM as P, BodyL as Wt, Link as U, IconButton as Ct, EmbedIconButton as Tt } from "@salutejs/sdds-finai";
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { inverseTextPrimary as _t, bodyXS as bt, textTertiary as At, surfaceClear as j, surfaceSolidCard as z, textSecondary as b, bodyM as Ht, textPrimary as J, bodyMBold as Nt } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import n, { css as L } from "styled-components";
+import { u as It, a as $t, c as Rt, m as v, b as X } from "./utils-C5SQhoON.mjs";
+import { createElement as Bt, useRef as R, useState as K, useCallback as D, useEffect as V, useLayoutEffect as Lt } from "react";
+import { Collapse as kt } from "../components/Collapse/index.mjs";
+import { IconInfoCircleOutline as Et, IconArrowDiagRightUp as Mt } from "@salutejs/plasma-icons";
+const Xt = n(ot).withConfig({
+  displayName: "AnalyticalWidgetChipsGroupstyled__StyledChip"
+})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]), Dt = n(lt).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 p = It(d, 300, !1);
+  return /* @__PURE__ */ i(kt, { isOpen: p, unMountOnClose: !0, children: /* @__PURE__ */ i(Dt, { view: t, size: o, isCommonChipStyles: !1, ...l, children: e.map(({
+    key: a,
+    view: u,
+    ...r
+  }, x) => /* @__PURE__ */ Bt(Xt, { size: "xs", appearance: "transparent", ...r, key: a ?? `${r == null ? void 0 : r.name}-${x}` })) }) });
+}, Ot = 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;}}"], () => _t, () => L(bt)), Gt = ({
+  groupLabel: e,
+  items: t
+}) => /* @__PURE__ */ w(Ot, { 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}`)
+  )) })
+] }), Ft = n.div.withConfig({
+  displayName: "TooltipList__FullWidthWrapper"
+})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]), Ae = ({
+  groupLabel: e,
+  items: t,
+  children: o,
+  fullWidth: d,
+  ...l
+}) => {
+  const p = t.length > 0, a = /* @__PURE__ */ i(
+    O,
+    {
+      usePortal: !0,
+      size: "s",
+      mouseEnterDelay: 500,
+      ...l,
+      trigger: p ? l.trigger ?? "hover" : "none",
+      text: p ? /* @__PURE__ */ i(Gt, { groupLabel: e, items: t }) : null,
+      opened: p ? l.opened : !1,
+      children: o
+    }
+  );
+  return d ? /* @__PURE__ */ i(Ft, { 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"
+    }
+  }
+}, jt = {
+  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"
+}, Vt = {
+  BodyL: Wt,
+  BodyM: P,
+  BodyS: vt,
+  BodyXS: St,
+  BodyXXS: wt,
+  DsplL: ft,
+  DsplM: xt,
+  DsplS: ut,
+  H1: mt,
+  H2: gt,
+  H3: yt,
+  H4: ht,
+  H5: ct,
+  TextL: pt,
+  TextM: st,
+  TextS: rt,
+  TextXS: dt
+};
+function G({
+  variant: e,
+  children: t,
+  refTypography: o,
+  ...d
+}) {
+  const l = Vt[e];
+  return /* @__PURE__ */ i(l, { ...d, ref: o, children: t });
+}
+G.displayName = "Typography";
+const B = "typography-with-auto-tooltip-root";
+let _ = !1, m = null, $ = 0;
+function Q() {
+  if (typeof document > "u")
+    return;
+  const e = document.getElementById(B);
+  e && e.querySelectorAll("[id^='plasma-popover-root']:empty").forEach((t) => t.remove());
+}
+function qt() {
+  _ || (_ = !0, m = setTimeout(() => {
+    _ = !1, m = null, Q();
+  }, 0));
+}
+function Pt() {
+  m && (clearTimeout(m), m = null), _ = !1;
+}
+function Ut() {
+  m && (clearTimeout(m), m = null), _ = !1, Q();
+}
+function Jt() {
+  if (!(typeof document > "u")) {
+    if ($ += 1, $ === 1) {
+      const e = document.createElement("div");
+      e.id = B, document.body.appendChild(e);
+    }
+    return () => {
+      if ($ -= 1, $ === 0) {
+        const e = document.getElementById(B);
+        e && (e.querySelectorAll("[id^='plasma-popover-root']").length > 0 || e.remove());
+      }
+    };
+  }
+}
+function Kt() {
+  return {
+    schedule: qt,
+    flush: Ut,
+    cancel: Pt,
+    getContainerId: () => B,
+    createContainer: Jt
+  };
+}
+const Qt = n(O).withConfig({
+  displayName: "TypographyWithAutoTooltipstyled__StyledTooltip"
+})(["&.popover-target{width:100%;}"]), Zt = 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;}"]), F = ({
+  tooltipText: e,
+  tooltipProps: t,
+  lines: o = 1,
+  className: d,
+  children: l,
+  ...p
+}) => {
+  const {
+    mouseEnterDelay: a = 500,
+    mouseLeaveDelay: u = 0,
+    ...r
+  } = t || {}, x = R(null), [W, A] = K(!1), S = R(), {
+    schedule: c,
+    getContainerId: f,
+    createContainer: H
+  } = Kt(), N = D(() => {
+    if (!x.current)
+      return !1;
+    const s = x.current;
+    if (o > 1)
+      return s.scrollHeight > s.clientHeight || s.scrollWidth > s.clientWidth;
+    if (s.scrollWidth > s.clientWidth)
+      return !0;
+    try {
+      const h = document.createRange();
+      h.selectNodeContents(s);
+      const et = h.getBoundingClientRect().width, it = s.getBoundingClientRect().width;
+      return h.detach(), et > it;
+    } catch {
+      return !1;
+    }
+  }, [o]), I = D(() => {
+    N() && (S.current = setTimeout(() => {
+      A(!0);
+    }, a));
+  }, [N, a]), C = D(() => {
+    clearTimeout(S.current), setTimeout(() => {
+      A(!1), c();
+    }, u);
+  }, [u, c]), {
+    variant: E,
+    bold: M,
+    size: T,
+    ...g
+  } = p, tt = {
+    variant: E,
+    ...M !== void 0 && {
+      bold: M
+    },
+    ...T !== void 0 && {
+      size: T
+    },
+    ...g,
+    refTypography: x,
+    onMouseEnter: (s) => {
+      var h;
+      (h = g.onMouseEnter) == null || h.call(g, s);
+    },
+    onMouseLeave: (s) => {
+      var h;
+      (h = g.onMouseLeave) == null || h.call(g, s);
+    },
+    style: {
+      ...$t({
+        lines: o
+      }),
+      ...g.style || {}
+    },
+    children: l
+  }, Y = /* @__PURE__ */ i(G, { ...tt, children: l });
+  return V(() => H(), [H]), V(() => () => {
+    clearTimeout(S.current), c();
+  }, [c]), /* @__PURE__ */ i(Zt, { className: d, onMouseEnter: I, onMouseLeave: C, children: W ? /* @__PURE__ */ i(Qt, { opened: W, text: e ?? "", target: Y, frame: f(), ...r }) : Y });
+}, te = () => L(Nt), Z = () => L(Ht), ee = 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), ie = n.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledLeftSlot"
+})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]), ne = 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:", ";"], () => te(), () => J);
+const ae = n(F).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]), le = n(F).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"
+})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]), oe = 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(), () => At), de = n.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledActionsContainer"
+})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]), re = 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, j, j, z, z);
+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 se = 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 pe = n.div.withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledRightSlot"
+})(["align-self:start;"]), ce = n(Ct).withConfig({
+  displayName: "AnalyticalWidgetHeaderstyled__StyledLinkIconButton"
+})(["&&{width:24px;height:24px;color:", ";}"], () => b), q = ({
+  title: e,
+  titleTooltipProps: t
+}) => /* @__PURE__ */ i(ae, { tooltipText: e, tooltipProps: {
+  placement: "top",
+  ...t
+}, variant: "BodyM", bold: !0, style: {
+  color: J,
+  wordBreak: "normal"
+}, lines: 1, children: e }), he = ({
+  title: e,
+  titleTooltipProps: t,
+  badge: o,
+  badgeStyles: d,
+  subtitle: l,
+  subtitleTooltipProps: p,
+  infoTooltipText: a,
+  infoTooltipProps: u,
+  href: r,
+  hrefProps: x,
+  rightSlot: W,
+  className: A,
+  titleLinkProps: S
+}) => {
+  const c = R(null), f = R(null), [H, N] = K(0);
+  return Lt(() => {
+    const I = () => {
+      if (c.current && f.current) {
+        const E = c.current.offsetWidth, T = f.current.offsetWidth - E;
+        N(T > 0 ? -T - 4 : 0);
+      }
+    }, C = Rt(I);
+    return c.current && C.observe(c.current), f.current && C.observe(f.current), I(), () => C.disconnect();
+  }, []), /* @__PURE__ */ w(ee, { className: v(y.header, A), children: [
+    /* @__PURE__ */ w(ie, { children: [
+      /* @__PURE__ */ w(ne, { children: [
+        e && S ? /* @__PURE__ */ i(se, { underline: "none", ...S, children: /* @__PURE__ */ i(q, { title: e, titleTooltipProps: t }) }) : /* @__PURE__ */ i(q, { title: e, titleTooltipProps: t }),
+        o && /* @__PURE__ */ i(oe, { style: d, children: o }),
+        /* @__PURE__ */ i(de, { ref: c, children: /* @__PURE__ */ w(re, { ref: f, $translateX: H, children: [
+          a && /* @__PURE__ */ i(O, { trigger: "hover", placement: "top", text: a, target: /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(Et, { 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(ce, { view: "clear", size: "xs", children: /* @__PURE__ */ i(Mt, { size: "xs" }) }) })
+        ] }) })
+      ] }),
+      l && /* @__PURE__ */ i(le, { variant: "BodyXS", tooltipText: l, style: {
+        color: b,
+        wordBreak: "normal"
+      }, tooltipProps: {
+        placement: "top",
+        ...p
+      }, lines: 1, children: l })
+    ] }),
+    W && /* @__PURE__ */ i(pe, { children: W })
+  ] });
+}, ye = (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);
+    `
+  };
+}, ge = 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;}}", " ", ""], z, y.headerActions, ({
+  $size: e
+}) => {
+  const t = ye(e);
+  return L(["", "  ", "  ", " "], X.exact(0, 1439)(t.md), X.exact(1440, 1919)(t.lg), X.exact(1920, 1e5)(t.xl));
+}, ({
+  $css: e
+}) => e), me = n(P).withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledTopSlot"
+})(["overflow:hidden;"]), ue = n.div.withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledMiddleSlot"
+})(["overflow:hidden;padding-top:4px;"]), xe = n.div.withConfig({
+  displayName: "AnalyticalWidgetstyled__StyledContent"
+})(["position:relative;flex:1;min-height:30px;margin-top:4px;overflow-y:", ";"], ({
+  scrollable: e
+}) => e ? "auto" : "visible"), k = ({
+  size: e = "l",
+  scrollable: t = !0,
+  headerSlot: o,
+  topSlot: d,
+  middleSlot: l,
+  contentSlot: p,
+  classes: a,
+  $css: u
+}) => {
+  const r = jt[e];
+  return /* @__PURE__ */ w(ge, { $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(me, { className: v(y.topSlot, a == null ? void 0 : a.topSlot), children: d }),
+      r.middleSlot && l && /* @__PURE__ */ i(ue, { className: v(y.middleSlot, a == null ? void 0 : a.middleSlot), children: l })
+    ] }) : null,
+    /* @__PURE__ */ i(xe, { scrollable: t, className: v(y.contentSlot, a == null ? void 0 : a.contentSlot), children: p })
+  ] });
+};
+k.Header = he;
+k.FilterIconButton = nt;
+k.DotsIconButton = at;
+k.Chips = zt;
+export {
+  k as A,
+  G as T,
+  F as a,
+  y as b,
+  Ae as c,
+  zt as d,
+  he as e
+};

package/chunks/AnalyticalWidget-fBDe37Ur.cjs

@@ -0,0 +1,43 @@
+"use strict";const z=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"),y=require("./utils-DKi1rqLX.cjs"),h=require("react"),J=require("../components/Collapse/index.cjs"),D=require("@salutejs/plasma-icons"),K=n(a.Chip).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChip"})(["max-height:20px;max-width:180px;border-radius:12px;padding-inline:8px;"]),Q=n(a.ChipGroup).withConfig({displayName:"AnalyticalWidgetChipsGroupstyled__StyledChipGroup"})(["--analytical-widget-chips-gap:4px;gap:var(--analytical-widget-chips-gap);"]),O=({chips:e,commonView:t="default",commonSize:o="xs",opened:s=!1,...d})=>{const g=y.useDebouncedValue(s,300,!1);return i.jsx(J.Collapse,{isOpen:g,unMountOnClose:!0,children:i.jsx(Q,{view:t,size:o,isCommonChipStyles:!1,...d,children:e.map(({key:l,view:S,...c},v)=>h.createElement(K,{size:"xs",appearance:"transparent",...c,key:l??`${c==null?void 0:c.name}-${v}`}))})})},Z=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)),tt=({groupLabel:e,items:t})=>i.jsxs(Z,{children:[i.jsx("span",{children:e}),i.jsx("ul",{children:t.map((o,s)=>i.jsx("li",{children:o},`${o}-${s}`))})]}),et=n.div.withConfig({displayName:"TooltipList__FullWidthWrapper"})(["width:100%;& .popover-target,& .popover-wrapper{width:100%;}"]),it=({groupLabel:e,items:t,children:o,fullWidth:s,...d})=>{const g=t.length>0,l=i.jsx(a.Tooltip,{usePortal:!0,size:"s",mouseEnterDelay:500,...d,trigger:g?d.trigger??"hover":"none",text:g?i.jsx(tt,{groupLabel:e,items:t}):null,opened:g?d.opened:!1,children:o});return s?i.jsx(et,{children:l}):l},nt={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"}}},at={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"},lt={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:o,...s}){const d=lt[e];return i.jsx(d,{...s,ref:o,children:t})}$.displayName="Typography";const L="typography-with-auto-tooltip-root";let A=!1,w=null,R=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 ot(){w&&(clearTimeout(w),w=null),A=!1}function rt(){w&&(clearTimeout(w),w=null),A=!1,G()}function st(){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 ct(){return{schedule:dt,flush:rt,cancel:ot,getContainerId:()=>L,createContainer:st}}const pt=n(a.Tooltip).withConfig({displayName:"TypographyWithAutoTooltipstyled__StyledTooltip"})(["&.popover-target{width:100%;}"]),ht=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;}"]),k=({tooltipText:e,tooltipProps:t,lines:o=1,className:s,children:d,...g})=>{const{mouseEnterDelay:l=500,mouseLeaveDelay:S=0,...c}=t||{},v=h.useRef(null),[T,j]=h.useState(!1),C=h.useRef(),{schedule:u,getContainerId:W,createContainer:N}=ct(),I=h.useCallback(()=>{if(!v.current)return!1;const p=v.current;if(o>1)return p.scrollHeight>p.clientHeight||p.scrollWidth>p.clientWidth;if(p.scrollWidth>p.clientWidth)return!0;try{const x=document.createRange();x.selectNodeContents(p);const V=x.getBoundingClientRect().width,U=p.getBoundingClientRect().width;return x.detach(),V>U}catch{return!1}},[o]),B=h.useCallback(()=>{I()&&(C.current=setTimeout(()=>{j(!0)},l))},[I,l]),_=h.useCallback(()=>{clearTimeout(C.current),setTimeout(()=>{j(!1),u()},S)},[S,u]),{variant:M,bold:E,size:b,...f}=g,P={variant:M,...E!==void 0&&{bold:E},...b!==void 0&&{size:b},...f,refTypography:v,onMouseEnter:p=>{var x;(x=f.onMouseEnter)==null||x.call(f,p)},onMouseLeave:p=>{var x;(x=f.onMouseLeave)==null||x.call(f,p)},style:{...y.truncateText({lines:o}),...f.style||{}},children:d},X=i.jsx($,{...P,children:d});return h.useEffect(()=>N(),[N]),h.useEffect(()=>()=>{clearTimeout(C.current),u()},[u]),i.jsx(ht,{className:s,onMouseEnter:B,onMouseLeave:_,children:T?i.jsx(pt,{opened:T,text:e??"",target:X,frame:W(),...c}):X})},yt=()=>n.css(r.bodyMBold),F=()=>n.css(r.bodyM),gt=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),ut=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledLeftSlot"})(["display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:2px;min-height:32px;"]),mt=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:",";"],()=>yt(),()=>r.textPrimary);const xt=n(k).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;"]),ft=n(k).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledSubTitleWithTooltip"})(["display:flex;flex-shrink:1;align-items:center;min-width:0;margin-right:4px;padding-bottom:4px;"]),wt=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),St=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledActionsContainer"})(["display:flex;align-items:center;min-width:0;flex:1;position:relative;"]),vt=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 Wt=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 Ct=n.div.withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledRightSlot"})(["align-self:start;"]),Tt=n(a.IconButton).withConfig({displayName:"AnalyticalWidgetHeaderstyled__StyledLinkIconButton"})(["&&{width:24px;height:24px;color:",";}"],()=>r.textSecondary),q=({title:e,titleTooltipProps:t})=>i.jsx(xt,{tooltipText:e,tooltipProps:{placement:"top",...t},variant:"BodyM",bold:!0,style:{color:r.textPrimary,wordBreak:"normal"},lines:1,children:e}),Y=({title:e,titleTooltipProps:t,badge:o,badgeStyles:s,subtitle:d,subtitleTooltipProps:g,infoTooltipText:l,infoTooltipProps:S,href:c,hrefProps:v,rightSlot:T,className:j,titleLinkProps:C})=>{const u=h.useRef(null),W=h.useRef(null),[N,I]=h.useState(0);return h.useLayoutEffect(()=>{const B=()=>{if(u.current&&W.current){const M=u.current.offsetWidth,b=W.current.offsetWidth-M;I(b>0?-b-4:0)}},_=y.createSafeResizeObserver(B);return u.current&&_.observe(u.current),W.current&&_.observe(W.current),B(),()=>_.disconnect()},[]),i.jsxs(gt,{className:y.mergeClasses(m.header,j),children:[i.jsxs(ut,{children:[i.jsxs(mt,{children:[e&&C?i.jsx(Wt,{underline:"none",...C,children:i.jsx(q,{title:e,titleTooltipProps:t})}):i.jsx(q,{title:e,titleTooltipProps:t}),o&&i.jsx(wt,{style:s,children:o}),i.jsx(St,{ref:u,children:i.jsxs(vt,{ref:W,$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:y.mergeClasses(m.popoverInfo),...S}),c&&i.jsx(a.Link,{href:c,style:{flexShrink:0},size:"xs",...v,children:i.jsx(Tt,{view:"clear",size:"xs",children:i.jsx(D.IconArrowDiagRightUp,{size:"xs"})})})]})})]}),d&&i.jsx(ft,{variant:"BodyXS",tooltipText:d,style:{color:r.textSecondary,wordBreak:"normal"},tooltipProps:{placement:"top",...g},lines:1,children:d})]}),T&&i.jsx(Ct,{children:T})]})},_t=e=>{const t=nt[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);
+    `}},bt=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=_t(e);return n.css(["","  ","  "," "],y.media.exact(0,1439)(t.md),y.media.exact(1440,1919)(t.lg),y.media.exact(1920,1e5)(t.xl))},({$css:e})=>e),At=n(a.BodyM).withConfig({displayName:"AnalyticalWidgetstyled__StyledTopSlot"})(["overflow:hidden;"]),Ht=n.div.withConfig({displayName:"AnalyticalWidgetstyled__StyledMiddleSlot"})(["overflow:hidden;padding-top:4px;"]),jt=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:o,topSlot:s,middleSlot:d,contentSlot:g,classes:l,$css:S})=>{const c=at[e];return i.jsxs(bt,{$size:e,$css:S,className:y.mergeClasses(m.root,l==null?void 0:l.root),children:[i.jsx("div",{style:{minHeight:"32px"},children:o}),c.topSlot&&s||c.middleSlot&&d?i.jsxs("div",{children:[c.topSlot&&s&&i.jsx(At,{className:y.mergeClasses(m.topSlot,l==null?void 0:l.topSlot),children:s}),c.middleSlot&&d&&i.jsx(Ht,{className:y.mergeClasses(m.middleSlot,l==null?void 0:l.middleSlot),children:d})]}):null,i.jsx(jt,{scrollable:t,className:y.mergeClasses(m.contentSlot,l==null?void 0:l.contentSlot),children:g})]})};H.Header=Y;H.FilterIconButton=z.IconButtonFilter;H.DotsIconButton=z.IconButtonDots;H.Chips=O;exports.AnalyticalWidget=H;exports.AnalyticalWidgetChipsGroup=O;exports.AnalyticalWidgetHeader=Y;exports.TooltipList=it;exports.Typography=$;exports.TypographyWithAutoTooltip=k;exports.analyticalWidgetClassNames=m;