@daisforge/ui 1.14.1 → 1.16.0

package/chunks/AnalyticalWidget-BWggL9xa.mjs

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

package/chunks/GridDND-CVAlpElj.cjs

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

package/chunks/Stories-e_CX_1CS.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),J=require("@salutejs/sdds-finai"),ne=require("@salutejs/plasma-icons"),s=require("react"),fe=require("react-dom"),Ie=require("./EmptyState-Du-RIjie.cjs"),Y=require("./utils-DvDFSlCG.cjs"),G=require("@salutejs/sdds-themes/tokens/sdds_finai"),l=require("styled-components"),_e=require("./AnalyticalWidget-B6czTLSw.cjs"),Ce=({controller:e,pauseHoldDelay:n,tapPrevZone:r,isOpen:o})=>{const i=s.useRef(),y=s.useRef(!1),u=s.useRef("next"),p=()=>{i.current&&(clearTimeout(i.current),i.current=void 0)},v=f=>{const c=f.currentTarget.getBoundingClientRect(),_=c.width>0?(f.clientX-c.left)/c.width:1;u.current=_<r?"prev":"next",y.current=!1,p(),i.current=setTimeout(()=>{y.current=!0,e.pause()},n)},I=()=>{if(p(),y.current){y.current=!1,e.resume();return}u.current==="prev"?e.prev():e.next()},d=()=>{p(),y.current&&(y.current=!1,e.resume())};return s.useEffect(()=>{if(!o)return;const f=c=>{c.key==="ArrowLeft"?(c.preventDefault(),e.prev()):c.key==="ArrowRight"?(c.preventDefault(),e.next()):c.key==="Escape"&&(c.preventDefault(),e.close())};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[o,e]),{onPointerDown:v,onPointerUp:I,onPointerLeave:d,onPointerCancel:d}},ge=s.createContext(null),Re=ge.Provider,Z=()=>{const e=s.useContext(ge);if(!e)throw new Error("Компоненты Stories должны использоваться внутри <Stories>.");return e},K=e=>s.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot),R={root:"df-stories",preview:"df-stories-preview",previewRing:"df-stories-preview__ring",previewGap:"df-stories-preview__gap",previewBody:"df-stories-preview__body",previewTitle:"df-stories-preview__title",viewer:"df-stories-viewer",overlay:"df-stories-viewer__overlay",stage:"df-stories-viewer__stage",banner:"df-stories-banner",progress:"df-stories-progress",progressItem:"df-stories-progress__item",content:"df-stories-content",action:"df-stories-banner__action",arrowPrev:"df-stories-viewer__arrow-prev",arrowNext:"df-stories-viewer__arrow-next",close:"df-stories-viewer__close"},ke="linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)",Ne="#ecf6fc",L="df-stories-banner",q={duration:5e3,pauseHoldDelay:200,tapPrevZone:1/3,overlayColor:"#060a0c47",zIndex:9e3},m={circle:98,ring:2,titleGap:6,rectRadiusOuter:12,rectRadiusBody:8,bannerMaxWidth:430,bannerMaxHeight:900,bannerRadius:16,bannerPadding:28,stageWidth:558,progressHeight:4,progressRadius:2,progressFillRadius:6,progressGap:4},je="StoriesPreview",ce=l.div.withConfig({displayName:"StoriesContentstyled__StyledContent"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:",";"],G.surfaceSolidCard),Pe=l.img.withConfig({displayName:"StoriesContentstyled__StyledImage"})(["width:100%;height:100%;object-fit:",";opacity:",";transition:opacity 0.2s ease;user-select:none;"],({$objectFit:e})=>e,({$loaded:e})=>e?1:0),Ee=l.div.withConfig({displayName:"StoriesContentstyled__StyledSpinner"})(["position:absolute;display:flex;align-items:center;justify-content:center;"]),Te=l.div.withConfig({displayName:"StoriesContentstyled__StyledErrorSlot"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:","px;"],m.bannerPadding),ye=({slide:e,status:n,errorNode:r})=>{const o=e.objectFit??"cover",i=n==="loaded";return n==="error"?t.jsx(ce,{className:R.content,children:t.jsx(Te,{children:r})}):t.jsxs(ce,{className:R.content,children:[t.jsx(Pe,{src:e.src,alt:"",draggable:!1,$objectFit:o,$loaded:i}),n==="loading"?t.jsx(Ee,{children:t.jsx(J.Spinner,{view:"default",size:"l"})}):null]})},ue=(e,n)=>{e&&(e.style.transform=`scaleX(${n})`)},Oe=({fillRef:e,active:n,duration:r,isPlaying:o,isReady:i,resetKey:y,onComplete:u})=>{const p=s.useRef(0),v=s.useRef(u);v.current=u,s.useEffect(()=>{p.current=0,ue(e.current,0)},[y,e]),s.useEffect(()=>{if(!n||!o||!i||r<=0)return;let I=0,d=performance.now();const f=c=>{p.current+=c-d,d=c;const _=Math.min(1,p.current/r);if(ue(e.current,_),_>=1){v.current();return}I=requestAnimationFrame(f)};return I=requestAnimationFrame(f),()=>cancelAnimationFrame(I)},[n,o,i,r,y,e])},Ae=l.div.withConfig({displayName:"StoriesProgressstyled__StyledProgress"})(["display:flex;gap:","px;width:100%;"],m.progressGap),ze=l.div.withConfig({displayName:"StoriesProgressstyled__StyledItem"})(["position:relative;flex:1 1 0;height:","px;border-radius:","px;overflow:hidden;background:",";"],m.progressHeight,m.progressRadius,({$bg:e})=>e),De=l.span.withConfig({displayName:"StoriesProgressstyled__StyledFill"})(["position:absolute;inset:0;border-radius:","px;background:",";transform:scaleX(0);transform-origin:left center;will-change:transform;"],m.progressFillRadius,({$color:e})=>e),xe=({isReady:e})=>{var O;const{store:n,controller:r,groups:o,defaultDuration:i,mode:y}=Z(),{groupIndex:u,slideIndex:p,isPlaying:v,isOpen:I}=K(n),d=Y.useActiveTheme(),c=(y??d)==="dark",_=c?G.onLightSurfaceTransparentTertiary:G.onDarkSurfaceTransparentTertiary,S=c?G.onLightSurfaceTransparentDeep:G.onDarkSurfaceTransparentDeep,b=o[u],h=(b==null?void 0:b.slides)??[],z=s.useRef(null),P=((O=h[p])==null?void 0:O.duration)??(b==null?void 0:b.defaultDuration)??i;return Oe({fillRef:z,active:I,duration:P,isPlaying:v,isReady:e,resetKey:`${u}-${p}`,onComplete:r.next}),t.jsx(Ae,{className:R.progress,children:h.map((D,E)=>{const T=D.id??`${u}-${E}`,N=E<p,V=E===p;return t.jsx(ze,{className:R.progressItem,$bg:N?S:_,children:V?t.jsx(De,{ref:z,$color:S}):null},T)})})},$e=l.keyframes(["from{opacity:0;transform:scale(0.92) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}"]),Be=l.keyframes(["from{opacity:1;transform:scale(1) translateY(0);}to{opacity:0;transform:scale(0.96) translateY(6px);}"]),Ge=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBanner"})(["position:relative;height:100%;width:auto;aspect-ratio:"," / ",";max-width:calc( 100vw - ","px );border-radius:","px;overflow:hidden;view-transition-name:",";animation:"," "," ease forwards;"],m.bannerMaxWidth,m.bannerMaxHeight,m.stageWidth-m.bannerMaxWidth,m.bannerRadius,L,({$closing:e})=>e?Be:$e,({$closing:e})=>e?"0.2s":"0.24s"),Ve=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTapLayer"})(["position:absolute;inset:0;z-index:1;touch-action:none;"]),Le=l.div.withConfig({displayName:"StoriesBannerstyled__StyledTop"})(["position:absolute;top:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],m.bannerPadding),Fe=l.div.withConfig({displayName:"StoriesBannerstyled__StyledBottom"})(["position:absolute;bottom:0;left:0;right:0;z-index:2;padding:","px;pointer-events:none;"],m.bannerPadding),He=l.div.withConfig({displayName:"StoriesBannerstyled__StyledActionSlot"})(["pointer-events:auto;"]),me=({closing:e,onAnimationEnd:n})=>{const{store:r,controller:o,groups:i,pauseHoldDelay:y,tapPrevZone:u,loadingDelay:p,onError:v,renderError:I}=Z(),{groupIndex:d,slideIndex:f,isOpen:c}=K(r),_=i[d],S=_==null?void 0:_.slides[f],{status:b,reload:h}=Y.useImageLoader(S==null?void 0:S.src,p),z=Ce({controller:o,pauseHoldDelay:y,tapPrevZone:u,isOpen:c}),P=s.useRef();s.useEffect(()=>{if(b!=="error"||!S)return;const N=`${d}-${f}`;P.current!==N&&(P.current=N,v==null||v({groupIndex:d,slideIndex:f,slide:S,retry:h}))},[b,d,f,S,v,h]);const O=N=>N.stopPropagation(),D=N=>{N.target===N.currentTarget&&n()};if(!S)return null;const{footer:E}=S,T=I?I({groupIndex:d,slideIndex:f,slide:S,retry:h}):t.jsx(Ie.EmptyState,{size:"s",variant:"loading",title:"Не удалось загрузить",centered:!0,buttons:[{type:"link",props:{text:"Обновить",view:"accent",onClick:h}}]});return t.jsxs(Ge,{className:R.banner,$closing:e,onClick:O,onAnimationEnd:D,children:[t.jsx(ye,{slide:S,status:b,errorNode:T}),b==="error"?null:t.jsx(Ve,{...z}),t.jsx(Le,{children:t.jsx(xe,{isReady:b==="loaded"})}),E?t.jsx(Fe,{children:t.jsx(He,{className:R.action,children:E})}):null]})},se={ring:()=>ke,fallback:()=>Ne,boxShadow:()=>G.shadowDownSoftL},re=(e,n)=>e==="circle"?"50%":`${{outer:m.rectRadiusOuter,body:m.rectRadiusBody}[n]}px`,Me=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledPreview"})(["display:flex;flex-direction:column;align-items:center;width:","px;"],({$width:e})=>e),We=l.button.withConfig({displayName:"StoriesPreviewstyled__StyledTrigger"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:",";outline:none;&:focus-visible{outline:2px solid ",";outline-offset:2px;}"],({$width:e})=>e,({$height:e})=>e,({$shape:e})=>re(e,"outer"),G.textAccent),Xe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledRing"})(["position:absolute;inset:0;box-sizing:border-box;padding:","px;background:",";border-radius:",";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;"],m.ring,se.ring,({$shape:e})=>re(e,"outer")),qe=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledBody"})(["position:absolute;inset:","px;box-sizing:border-box;box-shadow:",";background-color:",";background-position:center;background-size:cover;background-repeat:no-repeat;"," border-radius:",";"],({$viewed:e})=>e?0:m.ring*2,se.boxShadow,se.fallback,({$image:e})=>e&&l.css(["background-image:url('","');"],e),({$shape:e,$viewed:n})=>re(e,n?"outer":"body")),Ye=l.div.withConfig({displayName:"StoriesPreviewstyled__StyledTitle"})(["margin-top:","px;width:100%;text-align:",";& > *{width:100%;}"],m.titleGap,({$align:e})=>e),oe=e=>{var $;const{slides:n,shape:r="circle",title:o,titleProps:i,image:y,viewed:u=!1,size:p=m.circle,width:v,height:I,renderTrigger:d,className:f,__index:c=0}=e,{store:_,controller:S,preloadOnHover:b}=Z(),h=K(_),z=h.isOpen&&h.groupIndex===c,P=r==="rect"?v??p:p,O=r==="rect"?I??p:p,D=()=>S.open(c),E=()=>{b&&n[0]&&Y.preloadImage(n[0].src)},T=()=>d?d({index:c,viewed:u,isActive:z}):t.jsxs(t.Fragment,{children:[u?null:t.jsx(Xe,{className:R.previewRing,$shape:r}),t.jsx(qe,{className:R.previewBody,$shape:r,$viewed:u,$image:y})]}),N={variant:"BodyXXS",bold:!0,lines:2,tooltipText:o,color:G.textPrimary,...i,children:o},V=(($=i==null?void 0:i.style)==null?void 0:$.textAlign)??"center";return t.jsxs(Me,{className:[R.preview,f].filter(Boolean).join(" "),"data-component":je,$width:P,children:[t.jsx(We,{type:"button","aria-label":o,$width:P,$height:O,$shape:r,onClick:D,onMouseEnter:E,children:T()}),o?t.jsx(Ye,{className:R.previewTitle,style:{maxWidth:P},$align:V,children:t.jsx(_e.TypographyWithAutoTooltip,{...N})}):null]})},Ze=l.keyframes(["from{opacity:0;}to{opacity:1;}"]),Ke=l.keyframes(["from{opacity:1;}to{opacity:0;}"]),Se=e=>l.css(["animation:"," "," ease forwards;"],e?Ke:Ze,e?"0.2s":"0.24s"),Ue=l.div.withConfig({displayName:"StoriesViewerstyled__StyledRoot"})(["position:fixed;inset:0;z-index:",";display:flex;align-items:center;justify-content:center;"],({$zIndex:e})=>e),Je=l.div.withConfig({displayName:"StoriesViewerstyled__StyledOverlay"})(["position:absolute;inset:0;background:",";opacity:",";transition:opacity 0.24s ease;"],({$color:e})=>e,({$closing:e})=>e?0:1),Qe=l.div.withConfig({displayName:"StoriesViewerstyled__StyledStage"})(["position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;max-width:min(","px,100vw);height:min(","px,calc(100vh - 32px));padding:0 ","px;outline:none;"],m.stageWidth,m.bannerMaxHeight,(m.stageWidth-m.bannerMaxWidth)/2),pe=l.div.withConfig({displayName:"StoriesViewerstyled__StyledArrow"})(["position:absolute;top:50%;"," z-index:3;transform:translateY(-50%);",""],({$side:e})=>e==="prev"?"left: 0;":"right: 0;",({$closing:e})=>Se(e)),et=l.div.withConfig({displayName:"StoriesViewerstyled__StyledClose"})(["position:absolute;top:0;right:0;z-index:3;",""],({$closing:e})=>Se(e)),tt=l.keyframes(["from{transform:translateX(24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),nt=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(-24px);opacity:0;}"]),st=l.keyframes(["from{transform:translateX(-24px);opacity:0;}to{transform:translateX(0);opacity:1;}"]),rt=l.keyframes(["from{transform:translateX(0);opacity:1;}to{transform:translateX(24px);opacity:0;}"]),ot=l.createGlobalStyle(["::view-transition-old(","),::view-transition-new(","){animation-duration:0.3s;animation-timing-function:ease;}html[data-df-stories-dir='next']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='next']::view-transition-old(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-new(","){animation-name:",";}html[data-df-stories-dir='prev']::view-transition-old(","){animation-name:",";}"],L,L,L,tt,L,nt,L,st,L,rt),he=()=>{var F;const{store:e,controller:n,groups:r,overlay:o,overlayColor:i,zIndex:y,groupTransition:u,arrows:p,hideDisabledArrows:v,preloadGroup:I}=Z(),{isOpen:d,groupIndex:f,slideIndex:c}=K(e),[_,S]=s.useState(d),b=s.useRef(null);s.useEffect(()=>{d&&S(!0)},[d]),s.useEffect(()=>{var A;d&&((A=b.current)==null||A.focus())},[d]),s.useEffect(()=>{d&&I(f)},[d,f,I]);const h=_&&!d,z=s.useCallback(()=>{h&&S(!1)},[h]);if(!_||typeof document>"u")return null;const P=((F=r[f])==null?void 0:F.slides.length)??0,O=f>0||c>0,D=c+1<P||f+1<r.length,E=r.reduce((A,H)=>A+H.slides.length,0),T=p==="always"||p==="auto"&&E>1,N=T&&(O||!v),V=T&&(D||!v),$=A=>A.stopPropagation(),Q=t.jsxs(Ue,{className:R.viewer,$zIndex:y,onClick:()=>n.close(),children:[o?t.jsx(Je,{className:R.overlay,$color:i,$closing:h}):null,u==="slide"?t.jsx(ot,{}):null,t.jsxs(Qe,{ref:b,tabIndex:-1,className:R.stage,children:[N?t.jsx(pe,{className:R.arrowPrev,$side:"prev",$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Назад",disabled:!O,onClick:()=>n.prev(),children:t.jsx(ne.IconDisclosureLeftOutline,{size:"s"})})}):null,t.jsx(me,{closing:h,onAnimationEnd:z}),V?t.jsx(pe,{className:R.arrowNext,$side:"next",$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Вперёд",disabled:!D,onClick:()=>n.next(),children:t.jsx(ne.IconDisclosureRightOutline,{size:"s"})})}):null,t.jsx(et,{className:R.close,$closing:h,onClick:$,children:t.jsx(J.IconButton,{size:"s",view:"white",pin:"circle-circle","aria-label":"Закрыть",onClick:()=>n.close(),children:t.jsx(ne.IconClose,{size:"s"})})})]})]});return fe.createPortal(Q,document.body)},it=Object.freeze(Object.defineProperty({__proto__:null,StoriesViewer:he},Symbol.toStringTag,{value:"Module"})),we=s.lazy(()=>Promise.resolve().then(()=>it).then(e=>({default:e.StoriesViewer}))),at=e=>{const n=s.useRef(e);return n.current=e,s.useCallback(r=>{const o=n.current[r];if(!o)return;o.slides.forEach(y=>Y.preloadImage(y.src));const i=n.current[r+1];i!=null&&i.slides[0]&&Y.preloadImage(i.slides[0].src)},[])},lt={isOpen:!1,groupIndex:0,slideIndex:0,isPlaying:!0,direction:"next"},dt=e=>{let n={...lt,...e};const r=new Set;return{getSnapshot:()=>n,subscribe:o=>(r.add(o),()=>{r.delete(o)}),setState:o=>{Object.keys(o).some(u=>n[u]!==o[u])&&(n={...n,...o},r.forEach(u=>u()))}}},ct=()=>typeof document<"u"&&typeof document.startViewTransition=="function",ut=(e,n)=>{const{direction:r="next",enabled:o=!0}=n??{};if(!o||!ct()){e();return}const i=document;i.documentElement.dataset.dfStoriesDir=r,i.startViewTransition(()=>fe.flushSync(e)).finished.finally(()=>{delete i.documentElement.dataset.dfStoriesDir})},pt=l.div.withConfig({displayName:"Storiesstyled__StyledStories"})(["display:flex;align-items:flex-start;gap:16px;"]),ft=e=>s.isValidElement(e)&&e.type===oe,gt=()=>{const{store:e}=Z(),{isOpen:n}=K(e),[r,o]=s.useState(n);return s.useEffect(()=>{n&&o(!0)},[n]),r?t.jsx(s.Suspense,{fallback:null,children:t.jsx(we,{})}):null},yt=(e,n)=>{const{children:r,defaultDuration:o=q.duration,open:i,defaultOpen:y,activeGroupIndex:u,activeSlideIndex:p,onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_,onError:S,renderError:b,overlay:h=!0,overlayColor:z=q.overlayColor,zIndex:P=q.zIndex,preloadOnHover:O=!0,loadingDelay:D=0,pauseHoldDelay:E=q.pauseHoldDelay,groupTransition:T="slide",arrows:N="auto",hideDisabledArrows:V=!0,mode:$,className:Q}=e,F=s.Children.toArray(r).filter(ft),A=F.map(C=>({slides:C.props.slides??[],defaultDuration:C.props.defaultDuration})),H=s.useRef();H.current||(H.current=dt({isOpen:y??!1}));const g=H.current,U=s.useRef(A);U.current=A;const ae=s.useRef({groupTransition:T});ae.current={groupTransition:T};const M=s.useRef({onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_});M.current={onOpenChange:v,onGroupChange:I,onSlideChange:d,onComplete:f,onGroupComplete:c,onClose:_};const ee=s.useRef();if(!ee.current){const C=(a,k)=>g.setState({slideIndex:a,direction:k,isPlaying:!0}),x=(a,k,j)=>ut(()=>g.setState({groupIndex:a,slideIndex:k,direction:j,isPlaying:!0}),{direction:j,enabled:ae.current.groupTransition!=="none"}),w=()=>{var a,k;(k=(a=M.current).onComplete)==null||k.call(a),g.setState({isOpen:!1,isPlaying:!1})};ee.current={open:(a,k)=>{const j=g.getSnapshot();g.setState({isOpen:!0,groupIndex:a??j.groupIndex,slideIndex:k??0,isPlaying:!0,direction:"next"})},close:()=>g.setState({isOpen:!1,isPlaying:!1}),next:()=>{var j,B,W,X,de;const a=g.getSnapshot(),k=((j=U.current[a.groupIndex])==null?void 0:j.slides.length)??0;a.slideIndex+1<k?C(a.slideIndex+1,"next"):a.groupIndex+1<U.current.length?((W=(B=M.current).onGroupComplete)==null||W.call(B,a.groupIndex),x(a.groupIndex+1,0,"next")):((de=(X=M.current).onGroupComplete)==null||de.call(X,a.groupIndex),w())},prev:()=>{const a=g.getSnapshot();a.slideIndex>0?C(a.slideIndex-1,"prev"):a.groupIndex>0&&x(a.groupIndex-1,0,"prev")},nextGroup:()=>{const a=g.getSnapshot();a.groupIndex+1<U.current.length&&x(a.groupIndex+1,0,"next")},prevGroup:()=>{const a=g.getSnapshot();a.groupIndex>0&&x(a.groupIndex-1,0,"prev")},goTo:(a,k)=>{const j=g.getSnapshot(),B=a<j.groupIndex?"prev":"next";a===j.groupIndex?C(k??0,B):x(a,k??0,B)},pause:()=>g.setState({isPlaying:!1}),resume:()=>g.setState({isPlaying:!0})}}const te=ee.current,ve=at(A),le=s.useRef(g.getSnapshot());s.useEffect(()=>g.subscribe(()=>{var a,k,j,B,W,X;const C=le.current,x=g.getSnapshot();le.current=x;const w=M.current;if(C.isOpen!==x.isOpen){(a=w.onOpenChange)==null||a.call(w,x.isOpen,{groupIndex:x.groupIndex}),x.isOpen?((k=w.onGroupChange)==null||k.call(w,x.groupIndex),(j=w.onSlideChange)==null||j.call(w,x.groupIndex,x.slideIndex)):(B=w.onClose)==null||B.call(w);return}x.isOpen&&(C.groupIndex!==x.groupIndex&&((W=w.onGroupChange)==null||W.call(w,x.groupIndex)),(C.groupIndex!==x.groupIndex||C.slideIndex!==x.slideIndex)&&((X=w.onSlideChange)==null||X.call(w,x.groupIndex,x.slideIndex)))}),[g]),s.useEffect(()=>{i!==void 0&&g.setState({isOpen:i})},[i,g]),s.useEffect(()=>{u!==void 0&&g.setState({groupIndex:u})},[u,g]),s.useEffect(()=>{p!==void 0&&g.setState({slideIndex:p})},[p,g]),s.useImperativeHandle(n,()=>({...te,getState:()=>{const C=g.getSnapshot();return{isOpen:C.isOpen,groupIndex:C.groupIndex,slideIndex:C.slideIndex,isPlaying:C.isPlaying}}}),[te,g]);const be={store:g,controller:te,groups:A,defaultDuration:o,pauseHoldDelay:E,tapPrevZone:q.tapPrevZone,preloadGroup:ve,preloadOnHover:O,loadingDelay:D,overlay:h,overlayColor:z,zIndex:P,groupTransition:T,arrows:N,hideDisabledArrows:V,mode:$,onError:S,renderError:b};return t.jsxs(Re,{value:be,children:[t.jsx(pt,{className:[R.root,Q].filter(Boolean).join(" "),children:F.map((C,x)=>s.cloneElement(C,{__index:x}))}),t.jsx(gt,{})]})},ie=s.forwardRef(yt);ie.Preview=oe;ie.displayName="Stories";exports.Stories=ie;exports.StoriesBanner=me;exports.StoriesContent=ye;exports.StoriesPreview=oe;exports.StoriesProgress=xe;exports.StoriesViewer=he;exports.StoriesViewerLazy=we;exports.storiesClassNames=R;