@carto/ps-react-ui 4.17.0 → 4.17.2

package/dist/smart-tooltip-DFV6GD8R.js

@@ -0,0 +1,40 @@
+import { jsx as y } from "react/jsx-runtime";
+import { c as z } from "react/compiler-runtime";
+import { useRef as I, useState as N, useLayoutEffect as P } from "react";
+import { T as R } from "./tooltip-BDnrRKrp.js";
+const x = [];
+function j(E) {
+  const e = z(13), {
+    title: g,
+    dependencies: a,
+    timeout: h,
+    TooltipProps: c,
+    children: f
+  } = E, u = a === void 0 ? x : a, t = h === void 0 ? 500 : h, d = I(null), [S, b] = N(!1);
+  let s;
+  e[0] !== u ? (s = JSON.stringify(u), e[0] = u, e[1] = s) : s = e[1];
+  const m = s;
+  let n;
+  e[2] !== t ? (n = () => {
+    const O = () => {
+      const i = d.current;
+      i && b(i.scrollWidth > i.clientWidth || i.scrollHeight > i.clientHeight);
+    }, w = setTimeout(O, t), v = d.current, T = v && typeof ResizeObserver < "u" ? new ResizeObserver(O) : null;
+    return v && T?.observe(v), () => {
+      clearTimeout(w), T?.disconnect();
+    };
+  }, e[2] = t, e[3] = n) : n = e[3];
+  let r;
+  e[4] !== m || e[5] !== t ? (r = [m, t], e[4] = m, e[5] = t, e[6] = r) : r = e[6], P(n, r);
+  const p = S && g;
+  let o;
+  e[7] !== f ? (o = f({
+    ref: d
+  }), e[7] = f, e[8] = o) : o = e[8];
+  let l;
+  return e[9] !== c || e[10] !== p || e[11] !== o ? (l = /* @__PURE__ */ y(R, { title: p, ...c, children: o }), e[9] = c, e[10] = p, e[11] = o, e[12] = l) : l = e[12], l;
+}
+export {
+  j as S
+};
+//# sourceMappingURL=smart-tooltip-DFV6GD8R.js.map

package/dist/smart-tooltip-DFV6GD8R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-tooltip-DFV6GD8R.js","sources":["../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nconst EMPTY_DEPENDENCIES: unknown[] = []\n\n/**\n * An intelligent tooltip wrapper that automatically detects text overflow and displays a tooltip only when content is truncated.\n *\n * @remarks\n * Uses a render prop pattern. The child function receives a `ref` that must be attached to the element being monitored for overflow. Use the `dependencies` array to trigger re-evaluation when content or container size changes.\n *\n * @example\n * ```tsx\n * <SmartTooltip title=\"This is a long text that might get truncated\">\n *   {({ ref }) => (\n *     <Typography ref={ref} noWrap sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n *       This is a long text that might get truncated\n *     </Typography>\n *   )}\n * </SmartTooltip>\n * ```\n */\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n  // Call sites pass a fresh `dependencies={[…]}` literal each render; key by\n  // value so the effect does not churn ResizeObserver on referential churn.\n  const dependenciesKey = JSON.stringify(dependencies)\n\n  useLayoutEffect(() => {\n    const checkOverflow = () => {\n      const el = ref.current\n      if (!el) return\n      setIsOverflowing(\n        el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight,\n      )\n    }\n\n    // Initial measure after layout settles (fonts, flex collapse, …).\n    const timerId = setTimeout(checkOverflow, timeout)\n    // Re-measure when the element is resized (e.g. legend title reflows as\n    // hover-faded actions collapse/expand).\n    const el = ref.current\n    const resizeObserver =\n      el && typeof ResizeObserver !== 'undefined'\n        ? new ResizeObserver(checkOverflow)\n        : null\n    if (el) resizeObserver?.observe(el)\n\n    return () => {\n      clearTimeout(timerId)\n      resizeObserver?.disconnect()\n    }\n  }, [dependenciesKey, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"names":["EMPTY_DEPENDENCIES","SmartTooltip","t0","$","_c","title","dependencies","t1","timeout","t2","TooltipProps","children","undefined","ref","useRef","isOverflowing","setIsOverflowing","useState","t3","JSON","stringify","dependenciesKey","t4","checkOverflow","el","current","scrollWidth","clientWidth","scrollHeight","clientHeight","timerId","setTimeout","el_0","resizeObserver","ResizeObserver","observe","clearTimeout","disconnect","t5","useLayoutEffect","t6","t7","t8","Tooltip"],"mappings":";;;;AAIA,MAAMA,IAAgC,CAAA;AAmB/B,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6C;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAT,GAElDI,IAAAC,MAAAK,SAAAZ,IAAAO,GACAC,IAAAC,MAAAG,SAAA,MAAAH,GAUAI,IAAYC,EAAU,IAAI,GAC1B,CAAAC,GAAAC,CAAA,IAA0CC,EAAS,EAAK;AAAC,MAAAC;AAAA,EAAAf,SAAAG,KAGjCY,IAAAC,KAAIC,UAAWd,CAAY,GAACH,OAAAG,GAAAH,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAApD,QAAAkB,IAAwBH;AAA4B,MAAAI;AAAA,EAAAnB,SAAAK,KAEpCc,IAAAA,MAAA;AACd,UAAAC,IAAsBA,MAAA;AACpB,YAAAC,IAAWX,EAAGY;AACd,MAAKD,KACLR,EACEQ,EAAEE,cAAeF,EAAEG,eAAgBH,EAAEI,eAAgBJ,EAAEK,YACzD;AAAA,IAAC,GAIHC,IAAgBC,WAAWR,GAAef,CAAO,GAGjDwB,IAAWnB,EAAGY,SACdQ,IACED,KAAM,OAAOE,iBAAmB,MAAhC,IACQA,eAAeX,CAChB,IAFP;AAGF,WAAIC,KAAIS,GAAcE,QAAUX,CAAE,GAE3B,MAAA;AACLY,mBAAaN,CAAO,GACpBG,GAAcI,WAAAA;AAAAA,IAAc;AAAA,EAC7B,GACFlC,OAAAK,GAAAL,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAmC;AAAA,EAAAnC,EAAA,CAAA,MAAAkB,KAAAlB,SAAAK,KAAE8B,IAAA,CAACjB,GAAiBb,CAAO,GAACL,OAAAkB,GAAAlB,OAAAK,GAAAL,OAAAmC,KAAAA,IAAAnC,EAAA,CAAA,GAxB7BoC,EAAgBjB,GAwBbgB,CAA0B;AAGX,QAAAE,IAAAzB,KAAAV;AAAsB,MAAAoC;AAAA,EAAAtC,SAAAQ,KACnC8B,IAAA9B,EAAS;AAAA,IAAAE,KAAAA;AAAAA,EAAAA,CAAO,GAACV,OAAAQ,GAAAR,OAAAsC,KAAAA,IAAAtC,EAAA,CAAA;AAAA,MAAAuC;AAAA,SAAAvC,EAAA,CAAA,MAAAO,KAAAP,UAAAqC,KAAArC,EAAA,EAAA,MAAAsC,KADpBC,sBAACC,GAAA,EAAe,OAAAH,GAAsB,GAAM9B,GACzC+B,UAAAA,GACH,GAAUtC,OAAAO,GAAAP,QAAAqC,GAAArC,QAAAsC,GAAAtC,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA,GAFVuC;AAEU;"}

package/dist/types/legend/components/legend-group/styles.d.ts

@@ -26,6 +26,22 @@ export declare const styles: {
         '&:hover .PsLegend-groupFade > *, &:focus-within .PsLegend-groupFade > *': {
             opacity: number;
         };
+        '@media (hover: hover)': {
+            '& .PsLegend-groupActions:not(:has(.active))': {
+                width: number;
+                minWidth: number;
+                overflow: "hidden";
+                marginInlineStart: ({ spacing }: Theme) => string;
+                pointerEvents: "none";
+            };
+        };
+        '&:hover .PsLegend-groupActions, &:focus-within .PsLegend-groupActions': {
+            width: string;
+            minWidth: number;
+            overflow: "visible";
+            marginInlineStart: number;
+            pointerEvents: "auto";
+        };
         '& .PsLegend-dragHandle-group > *': {
             opacity: number;
             transition: ({ transitions }: Theme) => string;
@@ -72,6 +88,7 @@ export declare const styles: {
         color: "text.secondary";
     };
     label: {
+        flex: number;
         minWidth: number;
         overflow: "hidden";
         textOverflow: "ellipsis";

package/dist/types/legend/components/legend-row/styles.d.ts

@@ -21,6 +21,22 @@ export declare const styles: {
         '&:hover .PsLegend-rowFade > *, &:focus-within .PsLegend-rowFade > *': {
             opacity: number;
         };
+        '@media (hover: hover)': {
+            '& .PsLegend-rowActions:not(:has(.active))': {
+                width: number;
+                minWidth: number;
+                overflow: "hidden";
+                marginInlineStart: ({ spacing }: Theme) => string;
+                pointerEvents: "none";
+            };
+        };
+        '&:hover .PsLegend-rowActions, &:focus-within .PsLegend-rowActions': {
+            width: string;
+            minWidth: number;
+            overflow: "visible";
+            marginInlineStart: number;
+            pointerEvents: "auto";
+        };
         '&:hover .PsLegend-value, &:focus-within .PsLegend-value': {
             opacity: number;
         };
@@ -70,6 +86,7 @@ export declare const styles: {
         gap: number;
     };
     title: {
+        flex: number;
         minWidth: number;
         overflow: "hidden";
         textOverflow: "ellipsis";

package/dist/widgets/wrapper.js

@@ -5,7 +5,7 @@ import { MoreVert as D } from "@mui/icons-material";
 import { useState as H, useLayoutEffect as G } from "react";
 import "../lasso-tool-YLFRgb-S.js";
 import "../cjs-D4KH3azB.js";
-import { S as U } from "../smart-tooltip-D4vwQpFf.js";
+import { S as U } from "../smart-tooltip-DFV6GD8R.js";
 import "@carto/ps-utils";
 import { u as V } from "../use-widget-selector-DFl2hW0R.js";
 import { w as M } from "../widget-store-Bw5zRUGg.js";

package/dist/widgets-v2.js

@@ -6,7 +6,7 @@ import { j as we, i as Ee, e as Ce, n as Te, r as ke, q as _e, v as Ie, u as Le,
 import "zustand";
 import { Box as W, LinearProgress as We, Typography as Z, AccordionSummary as $e, AccordionDetails as De, Accordion as Fe, AlertTitle as Be, Alert as Oe, Button as Re, IconButton as Me, Divider as Pe, Popper as Ue, Grow as Ne, Paper as je, Link as pe } from "@mui/material";
 import { ExpandMore as ze, Close as He } from "@mui/icons-material";
-import { S as Ve } from "./smart-tooltip-D4vwQpFf.js";
+import { S as Ve } from "./smart-tooltip-DFV6GD8R.js";
 import { createPortal as Ge } from "react-dom";
 import { WidgetOptions as qe } from "@carto/meridian-ds/custom-icons";
 import "./lasso-tool-YLFRgb-S.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.17.0",
+  "version": "4.17.2",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {
@@ -17,8 +17,8 @@
     "react-dom": "19.2.4",
     "react-markdown": "10.1.0",
     "zustand": "5.0.12",
-    "@carto/ps-common-types": "1.0.0",
-    "@carto/ps-utils": "2.1.0"
+    "@carto/ps-utils": "2.1.0",
+    "@carto/ps-common-types": "1.0.0"
   },
   "peerDependencies": {
     "@carto/meridian-ds": "^2.0.0",

package/src/components/smart-tooltip/smart-tooltip.tsx

@@ -36,20 +36,35 @@ export function SmartTooltip<T extends HTMLElement>({
 }) {
   const ref = useRef<T>(null)
   const [isOverflowing, setIsOverflowing] = useState(false)
+  // Call sites pass a fresh `dependencies={[…]}` literal each render; key by
+  // value so the effect does not churn ResizeObserver on referential churn.
+  const dependenciesKey = JSON.stringify(dependencies)
 
   useLayoutEffect(() => {
-    const timerId = setTimeout(() => {
-      if (ref.current) {
-        const isOverflowing =
-          ref.current.scrollWidth > ref.current.clientWidth ||
-          ref.current.scrollHeight > ref.current.clientHeight
+    const checkOverflow = () => {
+      const el = ref.current
+      if (!el) return
+      setIsOverflowing(
+        el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight,
+      )
+    }
 
-        setIsOverflowing(isOverflowing)
-      }
-    }, timeout)
+    // Initial measure after layout settles (fonts, flex collapse, …).
+    const timerId = setTimeout(checkOverflow, timeout)
+    // Re-measure when the element is resized (e.g. legend title reflows as
+    // hover-faded actions collapse/expand).
+    const el = ref.current
+    const resizeObserver =
+      el && typeof ResizeObserver !== 'undefined'
+        ? new ResizeObserver(checkOverflow)
+        : null
+    if (el) resizeObserver?.observe(el)
 
-    return () => clearTimeout(timerId)
-  }, [dependencies, timeout])
+    return () => {
+      clearTimeout(timerId)
+      resizeObserver?.disconnect()
+    }
+  }, [dependenciesKey, timeout])
 
   return (
     <Tooltip title={isOverflowing && title} {...TooltipProps}>

package/src/legend/components/legend-group/legend-group.tsx

@@ -97,7 +97,9 @@ export function LegendGroup({ groupId, children }: LegendGroupProps) {
             />
           </Box>
 
-          <Box sx={styles.actions}>{actions}</Box>
+          <Box className='PsLegend-groupActions' sx={styles.actions}>
+            {actions}
+          </Box>
         </Box>
 
         <Collapse in={!group.collapsed}>

package/src/legend/components/legend-group/styles.ts

@@ -38,6 +38,27 @@ export const styles = {
     '&:hover .PsLegend-groupFade > *, &:focus-within .PsLegend-groupFade > *': {
       opacity: 1,
     },
+    // Faded actions don't reserve flex space on fine-pointer devices — the
+    // label grows to the trailing edge. Hover/focus-within restores the slot
+    // so the label reflows with the buttons; a dirty `.active` child keeps
+    // the slot open even outside hover.
+    '@media (hover: hover)': {
+      '& .PsLegend-groupActions:not(:has(.active))': {
+        width: 0,
+        minWidth: 0,
+        overflow: 'hidden',
+        // Cancel the header gap so nothing is left behind the label.
+        marginInlineStart: ({ spacing }: Theme) => `calc(-1 * ${spacing(1)})`,
+        pointerEvents: 'none',
+      },
+    },
+    '&:hover .PsLegend-groupActions, &:focus-within .PsLegend-groupActions': {
+      width: 'auto',
+      minWidth: 0,
+      overflow: 'visible',
+      marginInlineStart: 0,
+      pointerEvents: 'auto',
+    },
     // Drag handle (Legend.Sortable): absolutely positioned (no reserved flex
     // slot, so it never shifts the title/icon); the button inside fades in
     // on hover/focus and is always visible on touch devices.
@@ -103,6 +124,7 @@ export const styles = {
     color: 'text.secondary',
   },
   label: {
+    flex: 1,
     minWidth: 0,
     overflow: 'hidden',
     textOverflow: 'ellipsis',

package/src/legend/components/legend-opacity/styles.ts

@@ -24,7 +24,7 @@ export const styles = {
   },
   // Wide enough for "100 %" — the value must never ellipsize.
   input: {
-    width: 68,
+    width: 72,
     flexShrink: 0,
     '& input': {
       textAlign: 'right',

package/src/legend/components/legend-row/legend-row.tsx

@@ -115,7 +115,9 @@ export function LegendRow({ layerId, children }: LegendRowProps) {
             )}
           </Box>
 
-          <Box sx={styles.actions}>{actions}</Box>
+          <Box className='PsLegend-rowActions' sx={styles.actions}>
+            {actions}
+          </Box>
         </Box>
 
         <Collapse in={!effectivelyCollapsed}>

package/src/legend/components/legend-row/styles.ts

@@ -16,7 +16,9 @@ export const styles = {
     // `.PsLegend-rowFade` are hidden on fine-pointer devices and fade in when
     // the row is hovered or holds focus; a control carrying `.active` (dirty
     // state — hidden layer, open menu, opacity ≠ 1) stays visible. Coarse-
-    // pointer (touch) devices always show them. The collapse chevron sits
+    // pointer (touch) devices always show them. The actions slot itself also
+    // collapses to zero width while faded (see `PsLegend-rowActions` below)
+    // so the title can grow to the trailing edge. The collapse chevron sits
     // outside the fade group and never fades.
     '& .PsLegend-rowFade > *': {
       opacity: 1,
@@ -35,6 +37,27 @@ export const styles = {
     '&:hover .PsLegend-rowFade > *, &:focus-within .PsLegend-rowFade > *': {
       opacity: 1,
     },
+    // Faded actions don't reserve flex space on fine-pointer devices — the
+    // title grows to the trailing edge. Hover/focus-within restores the slot
+    // so the title reflows with the buttons; a dirty `.active` child keeps
+    // the slot open even outside hover.
+    '@media (hover: hover)': {
+      '& .PsLegend-rowActions:not(:has(.active))': {
+        width: 0,
+        minWidth: 0,
+        overflow: 'hidden',
+        // Cancel the header gap so nothing is left behind the title.
+        marginInlineStart: ({ spacing }: Theme) => `calc(-1 * ${spacing(0.5)})`,
+        pointerEvents: 'none',
+      },
+    },
+    '&:hover .PsLegend-rowActions, &:focus-within .PsLegend-rowActions': {
+      width: 'auto',
+      minWidth: 0,
+      overflow: 'visible',
+      marginInlineStart: 0,
+      pointerEvents: 'auto',
+    },
     // Hovering anywhere in the row also reveals the category/icon values
     // (the renderers keep their own list-scoped rule for standalone usage).
     '&:hover .PsLegend-value, &:focus-within .PsLegend-value': {
@@ -108,6 +131,7 @@ export const styles = {
     gap: 0.5,
   },
   title: {
+    flex: 1,
     minWidth: 0,
     overflow: 'hidden',
     textOverflow: 'ellipsis',

package/dist/smart-tooltip-D4vwQpFf.js

@@ -1,37 +0,0 @@
-import { jsx as v } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { useRef as w, useState as I, useLayoutEffect as O } from "react";
-import { T as P } from "./tooltip-BDnrRKrp.js";
-const x = [];
-function _(p) {
-  const t = S(11), {
-    title: a,
-    dependencies: m,
-    timeout: d,
-    TooltipProps: l,
-    children: c
-  } = p, f = m === void 0 ? x : m, e = d === void 0 ? 500 : d, o = w(null), [T, h] = I(!1);
-  let r;
-  t[0] !== e ? (r = () => {
-    const E = setTimeout(() => {
-      if (o.current) {
-        const g = o.current.scrollWidth > o.current.clientWidth || o.current.scrollHeight > o.current.clientHeight;
-        h(g);
-      }
-    }, e);
-    return () => clearTimeout(E);
-  }, t[0] = e, t[1] = r) : r = t[1];
-  let n;
-  t[2] !== f || t[3] !== e ? (n = [f, e], t[2] = f, t[3] = e, t[4] = n) : n = t[4], O(r, n);
-  const u = T && a;
-  let i;
-  t[5] !== c ? (i = c({
-    ref: o
-  }), t[5] = c, t[6] = i) : i = t[6];
-  let s;
-  return t[7] !== l || t[8] !== u || t[9] !== i ? (s = /* @__PURE__ */ v(P, { title: u, ...l, children: i }), t[7] = l, t[8] = u, t[9] = i, t[10] = s) : s = t[10], s;
-}
-export {
-  _ as S
-};
-//# sourceMappingURL=smart-tooltip-D4vwQpFf.js.map

package/dist/smart-tooltip-D4vwQpFf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"smart-tooltip-D4vwQpFf.js","sources":["../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nconst EMPTY_DEPENDENCIES: unknown[] = []\n\n/**\n * An intelligent tooltip wrapper that automatically detects text overflow and displays a tooltip only when content is truncated.\n *\n * @remarks\n * Uses a render prop pattern. The child function receives a `ref` that must be attached to the element being monitored for overflow. Use the `dependencies` array to trigger re-evaluation when content or container size changes.\n *\n * @example\n * ```tsx\n * <SmartTooltip title=\"This is a long text that might get truncated\">\n *   {({ ref }) => (\n *     <Typography ref={ref} noWrap sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n *       This is a long text that might get truncated\n *     </Typography>\n *   )}\n * </SmartTooltip>\n * ```\n */\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n\n  useLayoutEffect(() => {\n    const timerId = setTimeout(() => {\n      if (ref.current) {\n        const isOverflowing =\n          ref.current.scrollWidth > ref.current.clientWidth ||\n          ref.current.scrollHeight > ref.current.clientHeight\n\n        setIsOverflowing(isOverflowing)\n      }\n    }, timeout)\n\n    return () => clearTimeout(timerId)\n  }, [dependencies, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"names":["EMPTY_DEPENDENCIES","SmartTooltip","t0","$","_c","title","dependencies","t1","timeout","t2","TooltipProps","children","undefined","ref","useRef","isOverflowing","setIsOverflowing","useState","t3","timerId","setTimeout","current","isOverflowing_0","scrollWidth","clientWidth","scrollHeight","clientHeight","clearTimeout","t4","useLayoutEffect","t5","t6","t7","Tooltip"],"mappings":";;;;AAIA,MAAMA,IAAgC,CAAA;AAmB/B,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6C;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAT,GAElDI,IAAAC,MAAAK,SAAAZ,IAAAO,GACAC,IAAAC,MAAAG,SAAA,MAAAH,GAUAI,IAAYC,EAAU,IAAI,GAC1B,CAAAC,GAAAC,CAAA,IAA0CC,EAAS,EAAK;AAAC,MAAAC;AAAA,EAAAf,SAAAK,KAEzCU,IAAAA,MAAA;AACd,UAAAC,IAAgBC,WAAW,MAAA;AACzB,UAAIP,EAAGQ,SAAQ;AACb,cAAAC,IACET,EAAGQ,QAAQE,cAAeV,EAAGQ,QAAQG,eACrCX,EAAGQ,QAAQI,eAAgBZ,EAAGQ,QAAQK;AAExCV,QAAAA,EAAiBD,CAAa;AAAA,MAAC;AAAA,IAChC,GACAP,CAAO;AAAC,WAEJ,MAAMmB,aAAaR,CAAO;AAAA,EAAC,GACnChB,OAAAK,GAAAL,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAyB;AAAA,EAAAzB,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAEoB,IAAA,CAACtB,GAAcE,CAAO,GAACL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GAZ1B0B,EAAgBX,GAYbU,CAAuB;AAGR,QAAAE,IAAAf,KAAAV;AAAsB,MAAA0B;AAAA,EAAA5B,SAAAQ,KACnCoB,IAAApB,EAAS;AAAA,IAAAE,KAAAA;AAAAA,EAAAA,CAAO,GAACV,OAAAQ,GAAAR,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAO,KAAAP,SAAA2B,KAAA3B,EAAA,CAAA,MAAA4B,KADpBC,sBAACC,GAAA,EAAe,OAAAH,GAAsB,GAAMpB,GACzCqB,UAAAA,GACH,GAAU5B,OAAAO,GAAAP,OAAA2B,GAAA3B,OAAA4B,GAAA5B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAFV6B;AAEU;"}