@allxsmith/bestax-bulma 5.48.1 → 5.49.1

package/dist/esm/layout/Splitter.js

@@ -0,0 +1,374 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+import { jsx } from 'react/jsx-runtime';
+import React, { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect } from 'react';
+import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
+import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { flattenChildren } from '../helpers/flattenChildren.js';
+import { withSubComponents } from '../helpers/withSubComponents.js';
+import { useClientLayoutEffect } from '../helpers/useClientLayoutEffect.js';
+import { warnOnce } from '../helpers/devWarnings.js';
+import { limitToPercent, defaultSizes, fitSizes, primaryOf, primaryRange, resizePair, sameSizes } from '../helpers/splitterLayout.js';
+
+const PaneContext = createContext(null);
+/**
+ * One pane of a Splitter, sized by the splitter around it.
+ *
+ * @function
+ * @param {SplitterPaneProps} props - Props for Splitter.Pane.
+ * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the pane's `<div>`.
+ * @returns {JSX.Element} The rendered pane.
+ */
+const SplitterPane = forwardRef(({ className, textColor, bgColor, label: _label, defaultSize: _defaultSize, minSize: _minSize, maxSize: _maxSize, collapsible: _collapsible, collapsed: _collapsed, defaultCollapsed: _defaultCollapsed, onCollapsedChange: _onCollapsedChange, style, children, ...props }, ref) => {
+    const state = useContext(PaneContext);
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    const paneClass = usePrefixedClassNames('splitter-pane', {
+        'is-collapsed': !!state?.collapsed,
+    });
+    return (jsx("div", { ref: ref, className: classNames(paneClass, bulmaHelperClasses, className), ...rest, id: state?.id ?? rest.id, 
+        // A percentage over a zero basis, so the server and the client lay
+        // it out the same, with no measuring.
+        style: state ? { ...style, flex: `${state.size} 1 0px` } : style, hidden: state?.collapsed || rest.hidden, children: children }));
+});
+SplitterPane.displayName = 'Splitter.Pane';
+const isPane = (child) => React.isValidElement(child) && child.type === SplitterPane;
+/** The bounds with pane `i`'s changed, for a move that mustn't snap it shut. */
+const withBound = (bounds, i, change) => bounds.map((bound, j) => (j === i ? { ...bound, ...change } : bound));
+/** The bounds with neither pane beside handle `h` able to shut. */
+const opened = (bounds, h) => withBound(withBound(bounds, h, { collapsible: false }), h + 1, {
+    collapsible: false,
+});
+/**
+ * The handle a pane's collapse goes through: the one that speaks for it. A
+ * collapsible pane that isn't last always has the handle after it, so the
+ * one left without is a last pane whose neighbour can collapse too, and it
+ * goes through the handle before it.
+ */
+const handleFor = (pane, bounds) => pane < bounds.length - 1 && primaryOf(pane, bounds) === pane
+    ? pane
+    : pane - 1;
+/**
+ * The `Splitter` component lays out two or more panes side by side or one above the other, with a handle between each pair to drag or move by keyboard.
+ *
+ * Each handle is a focusable `separator`, named by the `label` of the pane
+ * it speaks for. Sizes are percentages, so the server renders the layout
+ * the browser does, and `minSize` and `maxSize` also take `px` and `rem`. A
+ * `collapsible` pane shuts when dragged below half its minimum, and Enter on
+ * its handle shuts it and brings it back. It doesn't store sizes itself:
+ * keep them with `sizes` and `onSizesChange`.
+ *
+ * @function
+ * @param {SplitterProps} props - Props for the Splitter component.
+ * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root `<div>`.
+ * @returns {JSX.Element} The rendered splitter.
+ *
+ * @example
+ * <Splitter height={480}>
+ *   <Splitter.Pane label="Files" defaultSize={25} minSize="12rem">…</Splitter.Pane>
+ *   <Splitter.Pane label="Editor">…</Splitter.Pane>
+ * </Splitter>
+ */
+const SplitterRoot = forwardRef(({ className, style, textColor, bgColor, orientation = 'horizontal', height, sizes: sizesProp, onSizesChange, step = 1, children, ...props }, ref) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor,
+        backgroundColor: bgColor,
+        ...props,
+    });
+    const vertical = orientation === 'vertical';
+    const rootClass = usePrefixedClassNames('splitter', {
+        'is-vertical': vertical,
+    });
+    const handleClass = usePrefixedClassNames('splitter-handle');
+    const activeClass = usePrefixedClassNames('is-active');
+    const panes = flattenChildren(children).filter(isPane);
+    const baseId = useId();
+    const ids = panes.map((pane, i) => pane.props.id ?? `${baseId}-pane-${i}`);
+    // The room the panes share, in pixels, and a rem, both measured in the
+    // browser. Until then, only percentage limits apply.
+    const [length, setLength] = useState(null);
+    const [remPx, setRemPx] = useState(16);
+    const bounds = panes.map(({ props: pane }) => ({
+        min: Math.max(0, limitToPercent(pane.minSize, length, remPx) ?? 0),
+        max: Math.min(100, limitToPercent(pane.maxSize, length, remPx) ?? 100),
+        collapsible: !!pane.collapsible,
+    }));
+    const boundsKey = JSON.stringify(bounds);
+    // Shuts pane `i`, giving its room to the pane across the handle that
+    // speaks for it, when that pane can take it within its maximum, as a
+    // drag would. A lone pane has no handle and nowhere to give its room.
+    const collapseIn = (current, i) => {
+        if (current.length < 2)
+            return current;
+        const h = handleFor(i, bounds);
+        const across = h === i ? i + 1 : h;
+        if (current[across] + current[i] > bounds[across].max + 1e-6) {
+            return current;
+        }
+        const next = [...current];
+        next[across] += next[i];
+        next[i] = 0;
+        return next;
+    };
+    const startSizes = () => {
+        const base = defaultSizes(panes.map(pane => pane.props.defaultSize));
+        let next = fitSizes(base, bounds);
+        panes.forEach(({ props: pane }, i) => {
+            if (pane.collapsible && (pane.collapsed ?? pane.defaultCollapsed)) {
+                next = collapseIn(next, i);
+            }
+        });
+        return next;
+    };
+    const paneKey = ids.join('|');
+    const [state, setState] = useState(() => ({
+        key: paneKey,
+        sizes: startSizes(),
+    }));
+    // A different set of panes starts over from the defaults.
+    let uncontrolled = state.sizes;
+    if (state.key !== paneKey) {
+        uncontrolled = startSizes();
+        setState({ key: paneKey, sizes: uncontrolled });
+    }
+    const sizes = sizesProp && sizesProp.length === panes.length ? sizesProp : uncontrolled;
+    // The size each pane comes back at after it's shut: the last size it had
+    // open, or its default.
+    const restoreRef = useRef([]);
+    const defaults = defaultSizes(panes.map(pane => pane.props.defaultSize));
+    sizes.forEach((size, i) => {
+        var _a;
+        if (size > 0)
+            restoreRef.current[i] = size;
+        else
+            (_a = restoreRef.current)[i] ?? (_a[i] = defaults[i]);
+    });
+    const collapsedAt = (layout) => layout.map((size, i) => bounds[i].collapsible && size <= 1e-6);
+    // Moves the layout on, telling the app and each pane whose collapse
+    // changed, unless the change came from its own `collapsed`. A move that
+    // would collapse or open a pane whose `collapsed` the app holds only
+    // asks: the app's answer comes back through `collapsed`.
+    const sizesRef = useRef(sizes);
+    sizesRef.current = sizes;
+    const panesRef = useRef(panes);
+    panesRef.current = panes;
+    const commit = (next, fromProp = false) => {
+        const previous = sizesRef.current;
+        if (sameSizes(previous, next))
+            return;
+        const before = collapsedAt(previous);
+        const after = collapsedAt(next);
+        const flipped = after.flatMap((shut, i) => shut !== before[i] ? [i] : []);
+        if (!fromProp &&
+            flipped.some(i => panesRef.current[i].props.collapsed !== undefined)) {
+            flipped.forEach(i => panesRef.current[i].props.onCollapsedChange?.(after[i]));
+            return;
+        }
+        sizesRef.current = next;
+        if (!sizesProp)
+            setState(current => ({ ...current, sizes: next }));
+        onSizesChange?.(next);
+        if (!fromProp) {
+            flipped.forEach(i => panesRef.current[i].props.onCollapsedChange?.(after[i]));
+        }
+    };
+    // Brings pane `i` back at its restore size, taken from across the handle
+    // that speaks for it.
+    // A lone pane never shuts, so there's always a handle here.
+    const expand = (current, i) => {
+        const h = handleFor(i, bounds);
+        const target = restoreRef.current[i];
+        const total = current[h] + current[h + 1];
+        return resizePair(current, h, h === i ? target : total - target, 
+        // Opening one pane snaps neither shut: it stops at the limits.
+        opened(bounds, h));
+    };
+    // A pane's own `collapsed` moving: shut it or bring it back, before the
+    // browser paints.
+    const collapsedProps = panes.map(pane => pane.props.collapsible ? pane.props.collapsed : undefined);
+    const collapsedKey = JSON.stringify(collapsedProps);
+    useClientLayoutEffect(() => {
+        const current = sizesRef.current;
+        const shut = collapsedAt(current);
+        let next = current;
+        collapsedProps.forEach((wanted, i) => {
+            if (wanted === undefined || wanted === shut[i])
+                return;
+            next = wanted ? collapseIn(next, i) : expand(next, i);
+        });
+        commit(next, true);
+        // collapsedKey stands for collapsedProps.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [collapsedKey]);
+    // Measuring: the room the panes share, so `px` and `rem` limits can turn
+    // into percentages, then the layout fitted to them.
+    const rootRef = useRef(null);
+    const setRefs = useCallback((node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function')
+            return ref(node);
+        if (ref)
+            ref.current = node;
+    }, [ref]);
+    // The room the panes share: the root's length less its handles'.
+    const roomOf = useCallback(() => {
+        const root = rootRef.current;
+        /* istanbul ignore next: measuring only runs while it's mounted */
+        if (!root)
+            return null;
+        const along = (el) => {
+            const rect = el.getBoundingClientRect();
+            return vertical ? rect.height : rect.width;
+        };
+        const handles = Array.from(root.children).filter(child => child.matches('[role="separator"]'));
+        const room = along(root) - handles.reduce((sum, handle) => sum + along(handle), 0);
+        return room > 0 ? room : null;
+    }, [vertical]);
+    const measure = useCallback(() => {
+        setLength(roomOf());
+        setRemPx(parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
+    }, [roomOf]);
+    useClientLayoutEffect(() => {
+        measure();
+        const root = rootRef.current;
+        if (!root || typeof ResizeObserver === 'undefined')
+            return;
+        const resizes = new ResizeObserver(measure);
+        resizes.observe(root);
+        return () => resizes.disconnect();
+    }, [measure]);
+    // Limits that changed, from measuring or from props: fit the layout.
+    useClientLayoutEffect(() => {
+        commit(fitSizes(sizesRef.current, bounds));
+        // boundsKey stands for bounds.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [boundsKey]);
+    const rtl = () => !vertical &&
+        !!rootRef.current &&
+        getComputedStyle(rootRef.current).direction === 'rtl';
+    // ---- Dragging ----
+    const [dragging, setDragging] = useState(null);
+    const dragRef = useRef(null);
+    const onPointerDown = (h) => (event) => {
+        if (event.button !== 0)
+            return;
+        const pixels = roomOf();
+        if (!pixels)
+            return;
+        event.currentTarget.setPointerCapture?.(event.pointerId);
+        dragRef.current = {
+            handle: h,
+            start: vertical ? event.clientY : event.clientX,
+            startSizes: sizesRef.current,
+            pixels,
+            flip: rtl(),
+        };
+        setDragging(h);
+    };
+    const onPointerMove = (event) => {
+        const drag = dragRef.current;
+        if (!drag)
+            return;
+        const moved = (vertical ? event.clientY : event.clientX) - drag.start;
+        const delta = ((drag.flip ? -moved : moved) / drag.pixels) * 100;
+        commit(resizePair(sizesRef.current, drag.handle, drag.startSizes[drag.handle] + delta, bounds));
+    };
+    const endDrag = (event) => {
+        if (!dragRef.current)
+            return;
+        dragRef.current = null;
+        event.currentTarget.releasePointerCapture?.(event.pointerId);
+        setDragging(null);
+    };
+    // While dragging, the resize cursor shows wherever the pointer goes.
+    useEffect(() => {
+        if (dragging === null)
+            return;
+        const body = document.body.style;
+        const { cursor, userSelect } = body;
+        body.cursor = vertical ? 'row-resize' : 'col-resize';
+        body.userSelect = 'none';
+        return () => {
+            body.cursor = cursor;
+            body.userSelect = userSelect;
+        };
+    }, [dragging, vertical]);
+    // Double-click: the two panes back to their default share of the room.
+    const onDoubleClick = (h) => () => {
+        const current = sizesRef.current;
+        const total = current[h] + current[h + 1];
+        const pair = defaults[h] + defaults[h + 1];
+        const target = pair > 0 ? (defaults[h] / pair) * total : total / 2;
+        const next = [...current];
+        next[h] = target;
+        next[h + 1] = total - target;
+        commit(fitSizes(next, bounds));
+    };
+    // ---- Keys ----
+    const onKeyDown = (h) => (event) => {
+        const current = sizesRef.current;
+        const primary = primaryOf(h, bounds);
+        const by = event.shiftKey ? step * 10 : step;
+        const back = vertical ? 'ArrowUp' : 'ArrowLeft';
+        const forward = vertical ? 'ArrowDown' : 'ArrowRight';
+        // The line moves the way the key points, so right to left, moving
+        // right shrinks the pane before, which sits on the right.
+        const sign = rtl() ? -1 : 1;
+        // Keys move within the limits; Enter is what shuts a pane.
+        const open = opened(bounds, h);
+        let next = null;
+        if (event.key === back || event.key === forward) {
+            const direction = (event.key === forward ? 1 : -1) * sign;
+            next = resizePair(current, h, current[h] + direction * by, open);
+        }
+        else if (event.key === 'Home' || event.key === 'End') {
+            const range = primaryRange(current, h, primary, open);
+            const size = event.key === 'Home' ? range.min : range.max;
+            const total = current[h] + current[h + 1];
+            next = resizePair(current, h, primary === h ? size : total - size, open);
+        }
+        else if (event.key === 'Enter' && bounds[primary].collapsible) {
+            next =
+                current[primary] > 1e-6
+                    ? collapseIn(current, primary)
+                    : expand(current, primary);
+        }
+        if (!next)
+            return;
+        event.preventDefault();
+        commit(next);
+    };
+    // A handle names its pane, so a pane without a label leaves it nameless.
+    const unnamed = panes
+        .slice(0, -1)
+        .some((_, h) => !panes[primaryOf(h, bounds)].props.label);
+    useEffect(() => {
+        if (unnamed) {
+            warnOnce('Splitter:unlabelled', '[bestax-bulma] <Splitter> has a handle whose pane has no label. ' +
+                'Give each Splitter.Pane a label, so a screen reader can say ' +
+                'which pane a handle resizes.');
+        }
+    }, [unnamed]);
+    const collapsed = collapsedAt(sizes);
+    const items = [];
+    panes.forEach((pane, i) => {
+        items.push(jsx(PaneContext.Provider
+        // Children.toArray, under flattenChildren, keys every child.
+        , { value: { id: ids[i], size: sizes[i], collapsed: collapsed[i] }, children: pane }, `pane-${String(pane.key)}`));
+        if (i === panes.length - 1)
+            return;
+        const primary = primaryOf(i, bounds);
+        const range = primaryRange(sizes, i, primary, bounds);
+        items.push(jsx("div", { className: classNames(handleClass, dragging === i && activeClass), role: "separator", tabIndex: 0, "aria-orientation": vertical ? 'horizontal' : 'vertical', "aria-valuenow": Math.round(range.now), "aria-valuemin": Math.round(range.min), "aria-valuemax": Math.round(range.max), "aria-controls": ids[primary], "aria-label": panes[primary].props.label, onPointerDown: onPointerDown(i), onPointerMove: onPointerMove, onPointerUp: endDrag, onPointerCancel: endDrag, onDoubleClick: onDoubleClick(i), onKeyDown: onKeyDown(i) }, `handle-${i}`));
+    });
+    return (jsx("div", { ref: setRefs, className: classNames(rootClass, bulmaHelperClasses, className), style: height !== undefined ? { ...style, height } : style, ...rest, children: items }));
+});
+SplitterRoot.displayName = 'Splitter';
+const Splitter = withSubComponents(SplitterRoot, {
+    Pane: SplitterPane,
+});
+
+export { Splitter, SplitterPane };
+//# sourceMappingURL=Splitter.js.map

package/dist/esm/layout/Splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.js","sources":["../../../src/layout/Splitter.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport {\n  useBulmaClasses,\n  BulmaClassesProps,\n  validColors,\n} from '../helpers/useBulmaClasses';\nimport { flattenChildren } from '../helpers/flattenChildren';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { warnOnce } from '../helpers/devWarnings';\nimport {\n  defaultSizes,\n  fitSizes,\n  limitToPercent,\n  PaneBounds,\n  primaryOf,\n  primaryRange,\n  resizePair,\n  sameSizes,\n  SplitterLimit,\n} from '../helpers/splitterLayout';\n\n/** The way the panes run: side by side, or one above the other. */\nexport type SplitterOrientation = 'horizontal' | 'vertical';\n\n/**\n * Props for Splitter.Pane, one of the panes. The helper props, the other\n * attributes and the `ref` land on its `<div>`.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the pane's `<div>`.\n * @extraProp {string} [id] - The pane's id, which its handle's `aria-controls` points at. The splitter makes one when there's none.\n */\nexport interface SplitterPaneProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * What the pane is, such as \"Files\". It names the handle that speaks for\n   * this pane, which is announced as \"Files, separator, 25\". That's the\n   * handle after it, or the one before it when only this pane, of the two\n   * beside that handle, can collapse. A development build warns when a\n   * handle's pane has none.\n   */\n  label?: string;\n  /**\n   * Its starting size, in percent of the room the panes share. Panes without\n   * one share what's left equally, and a total over 100 is scaled down.\n   */\n  defaultSize?: number;\n  /**\n   * The smallest it can be dragged: a percentage, or a CSS length in `px` or\n   * `rem` such as `\"12rem\"`. A length applies once the splitter has measured\n   * itself in the browser, so the server renders the default size.\n   */\n  minSize?: SplitterLimit;\n  /** The largest it can be dragged, in the same units as `minSize`. */\n  maxSize?: SplitterLimit;\n  /**\n   * Lets it collapse: dragging it below half its `minSize` shuts it, and\n   * Enter on its handle shuts it and brings it back at the size it had. It\n   * collapses only when the pane across its handle can take its room within\n   * that pane's `maxSize`, since a handle moves only the two panes beside it.\n   * A collapsed pane stays mounted, hidden, so it keeps its state.\n   */\n  collapsible?: boolean;\n  /**\n   * Whether it's collapsed, for a `collapsible` pane. With it, the state is\n   * yours: a drag, a key or a double-click that would collapse it or bring\n   * it back calls `onCollapsedChange` and leaves it as it is, and it changes\n   * when `collapsed` does.\n   */\n  collapsed?: boolean;\n  /** Whether a `collapsible` pane starts collapsed. */\n  defaultCollapsed?: boolean;\n  /**\n   * Called when a drag, a key or a double-click collapses it or brings it\n   * back, or, with `collapsed`, would. Not called for a change you made with\n   * `collapsed`.\n   */\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** What's in it. Content that scrolls belongs in a `ScrollArea`, so a keyboard can reach it. */\n  children?: React.ReactNode;\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/**\n * Props for the Splitter component. The helper props, the other attributes\n * and the `ref` land on the root `<div>`.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the root `<div>`.\n */\nexport interface SplitterProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /**\n   * `Splitter.Pane`s, two or more, each a direct child, with Fragments\n   * opened up. A handle goes between each pair. Changing which panes there\n   * are puts every pane back to its default size.\n   */\n  children?: React.ReactNode;\n  /**\n   * The way the panes run: side by side (`horizontal`) or one above the\n   * other (`vertical`).\n   */\n  orientation?: SplitterOrientation;\n  /**\n   * The splitter's height. A number is pixels, and a string any CSS length.\n   * A vertical splitter needs a height to split.\n   */\n  height?: number | string;\n  /**\n   * Each pane's size, in percent, in order, adding up to 100. With it, the\n   * sizes are yours: update them from `onSizesChange`. Without it, each\n   * pane starts at its `defaultSize`.\n   */\n  sizes?: number[];\n  /**\n   * Called with every pane's size, in percent, whenever they change: on\n   * each step of a drag or a key, on a collapse and on a reset.\n   */\n  onSizesChange?: (sizes: number[]) => void;\n  /**\n   * How far an arrow key moves a handle, in percent. Shift moves ten times\n   * as far.\n   */\n  step?: number;\n  /** Text color helper. */\n  textColor?: (typeof validColors)[number] | 'inherit' | 'current';\n  /** Background color helper. */\n  bgColor?: (typeof validColors)[number] | 'inherit' | 'current';\n}\n\n/** What the splitter tells each pane it renders. */\ninterface PaneState {\n  id: string;\n  size: number;\n  collapsed: boolean;\n}\n\nconst PaneContext = createContext<PaneState | null>(null);\n\n/**\n * One pane of a Splitter, sized by the splitter around it.\n *\n * @function\n * @param {SplitterPaneProps} props - Props for Splitter.Pane.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the pane's `<div>`.\n * @returns {JSX.Element} The rendered pane.\n */\nexport const SplitterPane = forwardRef<HTMLDivElement, SplitterPaneProps>(\n  (\n    {\n      className,\n      textColor,\n      bgColor,\n      label: _label,\n      defaultSize: _defaultSize,\n      minSize: _minSize,\n      maxSize: _maxSize,\n      collapsible: _collapsible,\n      collapsed: _collapsed,\n      defaultCollapsed: _defaultCollapsed,\n      onCollapsedChange: _onCollapsedChange,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const state = useContext(PaneContext);\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n    const paneClass = usePrefixedClassNames('splitter-pane', {\n      'is-collapsed': !!state?.collapsed,\n    });\n    return (\n      <div\n        ref={ref}\n        className={classNames(paneClass, bulmaHelperClasses, className)}\n        {...rest}\n        id={state?.id ?? rest.id}\n        // A percentage over a zero basis, so the server and the client lay\n        // it out the same, with no measuring.\n        style={state ? { ...style, flex: `${state.size} 1 0px` } : style}\n        hidden={state?.collapsed || rest.hidden}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nSplitterPane.displayName = 'Splitter.Pane';\n\n/** A pane's props as the splitter reads them off its child. */\ntype PaneElement = React.ReactElement<SplitterPaneProps>;\n\nconst isPane = (child: React.ReactNode): child is PaneElement =>\n  React.isValidElement(child) && child.type === SplitterPane;\n\n/** The bounds with pane `i`'s changed, for a move that mustn't snap it shut. */\nconst withBound = (\n  bounds: PaneBounds[],\n  i: number,\n  change: Partial<PaneBounds>\n) => bounds.map((bound, j) => (j === i ? { ...bound, ...change } : bound));\n\n/** The bounds with neither pane beside handle `h` able to shut. */\nconst opened = (bounds: PaneBounds[], h: number) =>\n  withBound(withBound(bounds, h, { collapsible: false }), h + 1, {\n    collapsible: false,\n  });\n\n/**\n * The handle a pane's collapse goes through: the one that speaks for it. A\n * collapsible pane that isn't last always has the handle after it, so the\n * one left without is a last pane whose neighbour can collapse too, and it\n * goes through the handle before it.\n */\nconst handleFor = (pane: number, bounds: PaneBounds[]) =>\n  pane < bounds.length - 1 && primaryOf(pane, bounds) === pane\n    ? pane\n    : pane - 1;\n\n/**\n * The `Splitter` component lays out two or more panes side by side or one above the other, with a handle between each pair to drag or move by keyboard.\n *\n * Each handle is a focusable `separator`, named by the `label` of the pane\n * it speaks for. Sizes are percentages, so the server renders the layout\n * the browser does, and `minSize` and `maxSize` also take `px` and `rem`. A\n * `collapsible` pane shuts when dragged below half its minimum, and Enter on\n * its handle shuts it and brings it back. It doesn't store sizes itself:\n * keep them with `sizes` and `onSizesChange`.\n *\n * @function\n * @param {SplitterProps} props - Props for the Splitter component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the root `<div>`.\n * @returns {JSX.Element} The rendered splitter.\n *\n * @example\n * <Splitter height={480}>\n *   <Splitter.Pane label=\"Files\" defaultSize={25} minSize=\"12rem\">…</Splitter.Pane>\n *   <Splitter.Pane label=\"Editor\">…</Splitter.Pane>\n * </Splitter>\n */\nconst SplitterRoot = forwardRef<HTMLDivElement, SplitterProps>(\n  (\n    {\n      className,\n      style,\n      textColor,\n      bgColor,\n      orientation = 'horizontal',\n      height,\n      sizes: sizesProp,\n      onSizesChange,\n      step = 1,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { bulmaHelperClasses, rest } = useBulmaClasses({\n      color: textColor,\n      backgroundColor: bgColor,\n      ...props,\n    });\n    const vertical = orientation === 'vertical';\n    const rootClass = usePrefixedClassNames('splitter', {\n      'is-vertical': vertical,\n    });\n    const handleClass = usePrefixedClassNames('splitter-handle');\n    const activeClass = usePrefixedClassNames('is-active');\n\n    const panes = flattenChildren(children).filter(isPane);\n    const baseId = useId();\n    const ids = panes.map((pane, i) => pane.props.id ?? `${baseId}-pane-${i}`);\n\n    // The room the panes share, in pixels, and a rem, both measured in the\n    // browser. Until then, only percentage limits apply.\n    const [length, setLength] = useState<number | null>(null);\n    const [remPx, setRemPx] = useState(16);\n    const bounds: PaneBounds[] = panes.map(({ props: pane }) => ({\n      min: Math.max(0, limitToPercent(pane.minSize, length, remPx) ?? 0),\n      max: Math.min(100, limitToPercent(pane.maxSize, length, remPx) ?? 100),\n      collapsible: !!pane.collapsible,\n    }));\n    const boundsKey = JSON.stringify(bounds);\n\n    // Shuts pane `i`, giving its room to the pane across the handle that\n    // speaks for it, when that pane can take it within its maximum, as a\n    // drag would. A lone pane has no handle and nowhere to give its room.\n    const collapseIn = (current: number[], i: number) => {\n      if (current.length < 2) return current;\n      const h = handleFor(i, bounds);\n      const across = h === i ? i + 1 : h;\n      if (current[across] + current[i] > bounds[across].max + 1e-6) {\n        return current;\n      }\n      const next = [...current];\n      next[across] += next[i];\n      next[i] = 0;\n      return next;\n    };\n\n    const startSizes = () => {\n      const base = defaultSizes(panes.map(pane => pane.props.defaultSize));\n      let next = fitSizes(base, bounds);\n      panes.forEach(({ props: pane }, i) => {\n        if (pane.collapsible && (pane.collapsed ?? pane.defaultCollapsed)) {\n          next = collapseIn(next, i);\n        }\n      });\n      return next;\n    };\n\n    const paneKey = ids.join('|');\n    const [state, setState] = useState(() => ({\n      key: paneKey,\n      sizes: startSizes(),\n    }));\n    // A different set of panes starts over from the defaults.\n    let uncontrolled = state.sizes;\n    if (state.key !== paneKey) {\n      uncontrolled = startSizes();\n      setState({ key: paneKey, sizes: uncontrolled });\n    }\n    const sizes =\n      sizesProp && sizesProp.length === panes.length ? sizesProp : uncontrolled;\n\n    // The size each pane comes back at after it's shut: the last size it had\n    // open, or its default.\n    const restoreRef = useRef<number[]>([]);\n    const defaults = defaultSizes(panes.map(pane => pane.props.defaultSize));\n    sizes.forEach((size, i) => {\n      if (size > 0) restoreRef.current[i] = size;\n      else restoreRef.current[i] ??= defaults[i];\n    });\n\n    const collapsedAt = (layout: number[]) =>\n      layout.map((size, i) => bounds[i].collapsible && size <= 1e-6);\n\n    // Moves the layout on, telling the app and each pane whose collapse\n    // changed, unless the change came from its own `collapsed`. A move that\n    // would collapse or open a pane whose `collapsed` the app holds only\n    // asks: the app's answer comes back through `collapsed`.\n    const sizesRef = useRef(sizes);\n    sizesRef.current = sizes;\n    const panesRef = useRef(panes);\n    panesRef.current = panes;\n    const commit = (next: number[], fromProp = false) => {\n      const previous = sizesRef.current;\n      if (sameSizes(previous, next)) return;\n      const before = collapsedAt(previous);\n      const after = collapsedAt(next);\n      const flipped = after.flatMap((shut, i) =>\n        shut !== before[i] ? [i] : []\n      );\n      if (\n        !fromProp &&\n        flipped.some(i => panesRef.current[i].props.collapsed !== undefined)\n      ) {\n        flipped.forEach(i =>\n          panesRef.current[i].props.onCollapsedChange?.(after[i])\n        );\n        return;\n      }\n      sizesRef.current = next;\n      if (!sizesProp) setState(current => ({ ...current, sizes: next }));\n      onSizesChange?.(next);\n      if (!fromProp) {\n        flipped.forEach(i =>\n          panesRef.current[i].props.onCollapsedChange?.(after[i])\n        );\n      }\n    };\n\n    // Brings pane `i` back at its restore size, taken from across the handle\n    // that speaks for it.\n    // A lone pane never shuts, so there's always a handle here.\n    const expand = (current: number[], i: number) => {\n      const h = handleFor(i, bounds);\n      const target = restoreRef.current[i];\n      const total = current[h] + current[h + 1];\n      return resizePair(\n        current,\n        h,\n        h === i ? target : total - target,\n        // Opening one pane snaps neither shut: it stops at the limits.\n        opened(bounds, h)\n      );\n    };\n\n    // A pane's own `collapsed` moving: shut it or bring it back, before the\n    // browser paints.\n    const collapsedProps = panes.map(pane =>\n      pane.props.collapsible ? pane.props.collapsed : undefined\n    );\n    const collapsedKey = JSON.stringify(collapsedProps);\n    useClientLayoutEffect(() => {\n      const current = sizesRef.current;\n      const shut = collapsedAt(current);\n      let next = current;\n      collapsedProps.forEach((wanted, i) => {\n        if (wanted === undefined || wanted === shut[i]) return;\n        next = wanted ? collapseIn(next, i) : expand(next, i);\n      });\n      commit(next, true);\n      // collapsedKey stands for collapsedProps.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [collapsedKey]);\n\n    // Measuring: the room the panes share, so `px` and `rem` limits can turn\n    // into percentages, then the layout fitted to them.\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLDivElement | null) => {\n        rootRef.current = node;\n        if (typeof ref === 'function') return ref(node);\n        if (ref) ref.current = node;\n      },\n      [ref]\n    );\n    // The room the panes share: the root's length less its handles'.\n    const roomOf = useCallback(() => {\n      const root = rootRef.current;\n      /* istanbul ignore next: measuring only runs while it's mounted */\n      if (!root) return null;\n      const along = (el: Element) => {\n        const rect = el.getBoundingClientRect();\n        return vertical ? rect.height : rect.width;\n      };\n      const handles = Array.from(root.children).filter(child =>\n        child.matches('[role=\"separator\"]')\n      );\n      const room =\n        along(root) - handles.reduce((sum, handle) => sum + along(handle), 0);\n      return room > 0 ? room : null;\n    }, [vertical]);\n    const measure = useCallback(() => {\n      setLength(roomOf());\n      setRemPx(\n        parseFloat(getComputedStyle(document.documentElement).fontSize) || 16\n      );\n    }, [roomOf]);\n    useClientLayoutEffect(() => {\n      measure();\n      const root = rootRef.current;\n      if (!root || typeof ResizeObserver === 'undefined') return;\n      const resizes = new ResizeObserver(measure);\n      resizes.observe(root);\n      return () => resizes.disconnect();\n    }, [measure]);\n    // Limits that changed, from measuring or from props: fit the layout.\n    useClientLayoutEffect(() => {\n      commit(fitSizes(sizesRef.current, bounds));\n      // boundsKey stands for bounds.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [boundsKey]);\n\n    const rtl = () =>\n      !vertical &&\n      !!rootRef.current &&\n      getComputedStyle(rootRef.current).direction === 'rtl';\n\n    // ---- Dragging ----\n    const [dragging, setDragging] = useState<number | null>(null);\n    const dragRef = useRef<{\n      handle: number;\n      start: number;\n      startSizes: number[];\n      pixels: number;\n      flip: boolean;\n    } | null>(null);\n    const onPointerDown =\n      (h: number) => (event: React.PointerEvent<HTMLDivElement>) => {\n        if (event.button !== 0) return;\n        const pixels = roomOf();\n        if (!pixels) return;\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n        dragRef.current = {\n          handle: h,\n          start: vertical ? event.clientY : event.clientX,\n          startSizes: sizesRef.current,\n          pixels,\n          flip: rtl(),\n        };\n        setDragging(h);\n      };\n    const onPointerMove = (event: React.PointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag) return;\n      const moved = (vertical ? event.clientY : event.clientX) - drag.start;\n      const delta = ((drag.flip ? -moved : moved) / drag.pixels) * 100;\n      commit(\n        resizePair(\n          sizesRef.current,\n          drag.handle,\n          drag.startSizes[drag.handle] + delta,\n          bounds\n        )\n      );\n    };\n    const endDrag = (event: React.PointerEvent<HTMLDivElement>) => {\n      if (!dragRef.current) return;\n      dragRef.current = null;\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n      setDragging(null);\n    };\n    // While dragging, the resize cursor shows wherever the pointer goes.\n    useEffect(() => {\n      if (dragging === null) return;\n      const body = document.body.style;\n      const { cursor, userSelect } = body;\n      body.cursor = vertical ? 'row-resize' : 'col-resize';\n      body.userSelect = 'none';\n      return () => {\n        body.cursor = cursor;\n        body.userSelect = userSelect;\n      };\n    }, [dragging, vertical]);\n\n    // Double-click: the two panes back to their default share of the room.\n    const onDoubleClick = (h: number) => () => {\n      const current = sizesRef.current;\n      const total = current[h] + current[h + 1];\n      const pair = defaults[h] + defaults[h + 1];\n      const target = pair > 0 ? (defaults[h] / pair) * total : total / 2;\n      const next = [...current];\n      next[h] = target;\n      next[h + 1] = total - target;\n      commit(fitSizes(next, bounds));\n    };\n\n    // ---- Keys ----\n    const onKeyDown =\n      (h: number) => (event: React.KeyboardEvent<HTMLDivElement>) => {\n        const current = sizesRef.current;\n        const primary = primaryOf(h, bounds);\n        const by = event.shiftKey ? step * 10 : step;\n        const back = vertical ? 'ArrowUp' : 'ArrowLeft';\n        const forward = vertical ? 'ArrowDown' : 'ArrowRight';\n        // The line moves the way the key points, so right to left, moving\n        // right shrinks the pane before, which sits on the right.\n        const sign = rtl() ? -1 : 1;\n        // Keys move within the limits; Enter is what shuts a pane.\n        const open = opened(bounds, h);\n        let next: number[] | null = null;\n        if (event.key === back || event.key === forward) {\n          const direction = (event.key === forward ? 1 : -1) * sign;\n          next = resizePair(current, h, current[h] + direction * by, open);\n        } else if (event.key === 'Home' || event.key === 'End') {\n          const range = primaryRange(current, h, primary, open);\n          const size = event.key === 'Home' ? range.min : range.max;\n          const total = current[h] + current[h + 1];\n          next = resizePair(\n            current,\n            h,\n            primary === h ? size : total - size,\n            open\n          );\n        } else if (event.key === 'Enter' && bounds[primary].collapsible) {\n          next =\n            current[primary] > 1e-6\n              ? collapseIn(current, primary)\n              : expand(current, primary);\n        }\n        if (!next) return;\n        event.preventDefault();\n        commit(next);\n      };\n\n    // A handle names its pane, so a pane without a label leaves it nameless.\n    const unnamed = panes\n      .slice(0, -1)\n      .some((_, h) => !panes[primaryOf(h, bounds)].props.label);\n    useEffect(() => {\n      if (unnamed) {\n        warnOnce(\n          'Splitter:unlabelled',\n          '[bestax-bulma] <Splitter> has a handle whose pane has no label. ' +\n            'Give each Splitter.Pane a label, so a screen reader can say ' +\n            'which pane a handle resizes.'\n        );\n      }\n    }, [unnamed]);\n\n    const collapsed = collapsedAt(sizes);\n    const items: React.ReactNode[] = [];\n    panes.forEach((pane, i) => {\n      items.push(\n        <PaneContext.Provider\n          // Children.toArray, under flattenChildren, keys every child.\n          key={`pane-${String(pane.key)}`}\n          value={{ id: ids[i], size: sizes[i], collapsed: collapsed[i] }}\n        >\n          {pane}\n        </PaneContext.Provider>\n      );\n      if (i === panes.length - 1) return;\n      const primary = primaryOf(i, bounds);\n      const range = primaryRange(sizes, i, primary, bounds);\n      items.push(\n        <div\n          key={`handle-${i}`}\n          className={classNames(handleClass, dragging === i && activeClass)}\n          role=\"separator\"\n          tabIndex={0}\n          aria-orientation={vertical ? 'horizontal' : 'vertical'}\n          aria-valuenow={Math.round(range.now)}\n          aria-valuemin={Math.round(range.min)}\n          aria-valuemax={Math.round(range.max)}\n          aria-controls={ids[primary]}\n          aria-label={panes[primary].props.label}\n          onPointerDown={onPointerDown(i)}\n          onPointerMove={onPointerMove}\n          onPointerUp={endDrag}\n          onPointerCancel={endDrag}\n          onDoubleClick={onDoubleClick(i)}\n          onKeyDown={onKeyDown(i)}\n        />\n      );\n    });\n\n    return (\n      <div\n        ref={setRefs}\n        className={classNames(rootClass, bulmaHelperClasses, className)}\n        style={height !== undefined ? { ...style, height } : style}\n        {...rest}\n      >\n        {items}\n      </div>\n    );\n  }\n);\n\nSplitterRoot.displayName = 'Splitter';\n\nexport const Splitter = withSubComponents(SplitterRoot, {\n  Pane: SplitterPane,\n});\n\nexport default Splitter;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AA6JA,MAAM,WAAW,GAAG,aAAa,CAAmB,IAAI,CAAC;AAEzD;;;;;;;AAOG;AACI,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,EACjB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,UAAU,EACrB,gBAAgB,EAAE,iBAAiB,EACnC,iBAAiB,EAAE,kBAAkB,EACrC,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC;AACrC,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;AACnD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AACF,IAAA,MAAM,SAAS,GAAG,qBAAqB,CAAC,eAAe,EAAE;AACvD,QAAA,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS;AACnC,KAAA,CAAC;IACF,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAAA,GAC3D,IAAI,EACR,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE;;;AAGxB,QAAA,KAAK,EAAE,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,MAAA,CAAQ,EAAE,GAAG,KAAK,EAChE,MAAM,EAAE,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,MAAM,EAAA,QAAA,EAEtC,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,eAAe;AAK1C,MAAM,MAAM,GAAG,CAAC,KAAsB,KACpC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY;AAE5D;AACA,MAAM,SAAS,GAAG,CAChB,MAAoB,EACpB,CAAS,EACT,MAA2B,KACxB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;AAE1E;AACA,MAAM,MAAM,GAAG,CAAC,MAAoB,EAAE,CAAS,KAC7C,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;AAC7D,IAAA,WAAW,EAAE,KAAK;AACnB,CAAA,CAAC;AAEJ;;;;;AAKG;AACH,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,MAAoB,KACnD,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK;AACtD,MAAE;AACF,MAAE,IAAI,GAAG,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,GAAG,YAAY,EAC1B,MAAM,EACN,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC;AACnD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,eAAe,EAAE,OAAO;AACxB,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AACF,IAAA,MAAM,QAAQ,GAAG,WAAW,KAAK,UAAU;AAC3C,IAAA,MAAM,SAAS,GAAG,qBAAqB,CAAC,UAAU,EAAE;AAClD,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,iBAAiB,CAAC;AAC5D,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,WAAW,CAAC;IAEtD,MAAM,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACtD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;IACtB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAA,EAAG,MAAM,CAAA,MAAA,EAAS,CAAC,CAAA,CAAE,CAAC;;;IAI1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AACtC,IAAA,MAAM,MAAM,GAAiB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;AAC3D,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;AAClE,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;AACtE,QAAA,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW;AAChC,KAAA,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;;;AAKxC,IAAA,MAAM,UAAU,GAAG,CAAC,OAAiB,EAAE,CAAS,KAAI;AAClD,QAAA,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,OAAO,OAAO;QACtC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;AAC9B,QAAA,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;AAClC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,EAAE;AAC5D,YAAA,OAAO,OAAO;QAChB;AACA,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;AACvB,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AACX,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;AACjC,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,KAAI;AACnC,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,EAAE;AACjE,gBAAA,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;YAC5B;AACF,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO;AACxC,QAAA,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,UAAU,EAAE;AACpB,KAAA,CAAC,CAAC;;AAEH,IAAA,IAAI,YAAY,GAAG,KAAK,CAAC,KAAK;AAC9B,IAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;QACzB,YAAY,GAAG,UAAU,EAAE;QAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;IACjD;AACA,IAAA,MAAM,KAAK,GACT,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,YAAY;;;AAI3E,IAAA,MAAM,UAAU,GAAG,MAAM,CAAW,EAAE,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACxE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;;QACxB,IAAI,IAAI,GAAG,CAAC;AAAE,YAAA,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;;AACrC,YAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,EAAC,CAAC,CAAA,KAAA,EAAA,CAAD,CAAC,CAAA,GAAM,QAAQ,CAAC,CAAC,CAAC,CAAA;AAC5C,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,CAAC,MAAgB,KACnC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC;;;;;AAMhE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AAC9B,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK;AACxB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AAC9B,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK;IACxB,MAAM,MAAM,GAAG,CAAC,IAAc,EAAE,QAAQ,GAAG,KAAK,KAAI;AAClD,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO;AACjC,QAAA,IAAI,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC;YAAE;AAC/B,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC;AACpC,QAAA,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;AAC/B,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,KACpC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAC9B;AACD,QAAA,IACE,CAAC,QAAQ;YACT,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,EACpE;YACA,OAAO,CAAC,OAAO,CAAC,CAAC,IACf,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CACxD;YACD;QACF;AACA,QAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,SAAS;AAAE,YAAA,QAAQ,CAAC,OAAO,KAAK,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAClE,QAAA,aAAa,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,CAAC,OAAO,CAAC,CAAC,IACf,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CACxD;QACH;AACF,IAAA,CAAC;;;;AAKD,IAAA,MAAM,MAAM,GAAG,CAAC,OAAiB,EAAE,CAAS,KAAI;QAC9C,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;QAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;AACzC,QAAA,OAAO,UAAU,CACf,OAAO,EACP,CAAC,EACD,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM;;AAEjC,QAAA,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAClB;AACH,IAAA,CAAC;;;AAID,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,IACnC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAC1D;IACD,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;IACnD,qBAAqB,CAAC,MAAK;AACzB,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;AAChC,QAAA,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;QACjC,IAAI,IAAI,GAAG,OAAO;QAClB,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,KAAI;YACnC,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC;gBAAE;YAChD,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;AACvD,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;;;AAGpB,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;;;AAIlB,IAAA,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC;AACnD,IAAA,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAA2B,KAAI;AAC9B,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;QACtB,IAAI,OAAO,GAAG,KAAK,UAAU;AAAE,YAAA,OAAO,GAAG,CAAC,IAAI,CAAC;AAC/C,QAAA,IAAI,GAAG;AAAE,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;AAC7B,IAAA,CAAC,EACD,CAAC,GAAG,CAAC,CACN;;AAED,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAK;AAC9B,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;;AAE5B,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;AACtB,QAAA,MAAM,KAAK,GAAG,CAAC,EAAW,KAAI;AAC5B,YAAA,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE;AACvC,YAAA,OAAO,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK;AAC5C,QAAA,CAAC;QACD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,IACpD,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACpC;QACD,MAAM,IAAI,GACR,KAAK,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACvE,OAAO,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI;AAC/B,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AACd,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;AAC/B,QAAA,SAAS,CAAC,MAAM,EAAE,CAAC;AACnB,QAAA,QAAQ,CACN,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CACtE;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IACZ,qBAAqB,CAAC,MAAK;AACzB,QAAA,OAAO,EAAE;AACT,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE;AACpD,QAAA,MAAM,OAAO,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC;AAC3C,QAAA,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,OAAO,MAAM,OAAO,CAAC,UAAU,EAAE;AACnC,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;;IAEb,qBAAqB,CAAC,MAAK;QACzB,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;;;AAG5C,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,GAAG,GAAG,MACV,CAAC,QAAQ;QACT,CAAC,CAAC,OAAO,CAAC,OAAO;QACjB,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK,KAAK;;IAGvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;AAC7D,IAAA,MAAM,OAAO,GAAG,MAAM,CAMZ,IAAI,CAAC;IACf,MAAM,aAAa,GACjB,CAAC,CAAS,KAAK,CAAC,KAAyC,KAAI;AAC3D,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE;AACxB,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,IAAI,CAAC,MAAM;YAAE;QACb,KAAK,CAAC,aAAa,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;QACxD,OAAO,CAAC,OAAO,GAAG;AAChB,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;YAC/C,UAAU,EAAE,QAAQ,CAAC,OAAO;YAC5B,MAAM;YACN,IAAI,EAAE,GAAG,EAAE;SACZ;QACD,WAAW,CAAC,CAAC,CAAC;AAChB,IAAA,CAAC;AACH,IAAA,MAAM,aAAa,GAAG,CAAC,KAAyC,KAAI;AAClE,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,IAAI,CAAC,IAAI;YAAE;QACX,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK;QACrE,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG;QAChE,MAAM,CACJ,UAAU,CACR,QAAQ,CAAC,OAAO,EAChB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,EACpC,MAAM,CACP,CACF;AACH,IAAA,CAAC;AACD,IAAA,MAAM,OAAO,GAAG,CAAC,KAAyC,KAAI;QAC5D,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;AACtB,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;QACtB,KAAK,CAAC,aAAa,CAAC,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5D,WAAW,CAAC,IAAI,CAAC;AACnB,IAAA,CAAC;;IAED,SAAS,CAAC,MAAK;QACb,IAAI,QAAQ,KAAK,IAAI;YAAE;AACvB,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK;AAChC,QAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI;AACnC,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,YAAY;AACpD,QAAA,IAAI,CAAC,UAAU,GAAG,MAAM;AACxB,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,UAAU;AAC9B,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;;IAGxB,MAAM,aAAa,GAAG,CAAC,CAAS,KAAK,MAAK;AACxC,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;AAChC,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;AACzC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,GAAG,CAAC;AAClE,QAAA,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC;AACzB,QAAA,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM;QAChB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,MAAM;QAC5B,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChC,IAAA,CAAC;;IAGD,MAAM,SAAS,GACb,CAAC,CAAS,KAAK,CAAC,KAA0C,KAAI;AAC5D,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAChC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;AACpC,QAAA,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,GAAG,IAAI;QAC5C,MAAM,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW;QAC/C,MAAM,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY;;;AAGrD,QAAA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;;QAE3B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9B,IAAI,IAAI,GAAoB,IAAI;AAChC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YAC/C,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,GAAG,CAAC,GAAG,EAAE,IAAI,IAAI;AACzD,YAAA,IAAI,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,IAAI,CAAC;QAClE;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACtD,YAAA,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC;AACrD,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG;AACzD,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,GAAG,UAAU,CACf,OAAO,EACP,CAAC,EACD,OAAO,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,EACnC,IAAI,CACL;QACH;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE;YAC/D,IAAI;AACF,gBAAA,OAAO,CAAC,OAAO,CAAC,GAAG;AACjB,sBAAE,UAAU,CAAC,OAAO,EAAE,OAAO;AAC7B,sBAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;QAChC;AACA,QAAA,IAAI,CAAC,IAAI;YAAE;QACX,KAAK,CAAC,cAAc,EAAE;QACtB,MAAM,CAAC,IAAI,CAAC;AACd,IAAA,CAAC;;IAGH,MAAM,OAAO,GAAG;AACb,SAAA,KAAK,CAAC,CAAC,EAAE,EAAE;SACX,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC3D,SAAS,CAAC,MAAK;QACb,IAAI,OAAO,EAAE;YACX,QAAQ,CACN,qBAAqB,EACrB,kEAAkE;gBAChE,8DAA8D;AAC9D,gBAAA,8BAA8B,CACjC;QACH;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC;IACpC,MAAM,KAAK,GAAsB,EAAE;IACnC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACxB,QAAA,KAAK,CAAC,IAAI,CACRA,GAAA,CAAC,WAAW,CAAC;;AAGX,UAAA,EAAA,KAAK,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EAAA,QAAA,EAE7D,IAAI,IAHA,CAAA,KAAA,EAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE,CAIV,CACxB;AACD,QAAA,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;YAAE;QAC5B,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;AACpC,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC;QACrD,KAAK,CAAC,IAAI,CACRA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,QAAQ,KAAK,CAAC,IAAI,WAAW,CAAC,EACjE,IAAI,EAAC,WAAW,EAChB,QAAQ,EAAE,CAAC,EAAA,kBAAA,EACO,QAAQ,GAAG,YAAY,GAAG,UAAU,EAAA,eAAA,EACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAA,eAAA,EACrB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAA,eAAA,EACrB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAA,eAAA,EACrB,GAAG,CAAC,OAAO,CAAC,EAAA,YAAA,EACf,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,EACtC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,EAC/B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,OAAO,EACpB,eAAe,EAAE,OAAO,EACxB,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,EAC/B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,EAAA,EAflB,CAAA,OAAA,EAAU,CAAC,CAAA,CAAE,CAgBlB,CACH;AACH,IAAA,CAAC,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAC/D,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAA,GACtD,IAAI,YAEP,KAAK,EAAA,CACF;AAEV,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAE9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,YAAY,EAAE;AACtD,IAAA,IAAI,EAAE,YAAY;AACnB,CAAA;;"}