@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.100

package/dist-es/cascading-menu/CascadingMenuItem.js

@@ -0,0 +1,151 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makePrefixer, useIcon, Tooltip } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import '../list-deprecated/List.js';
+import '../list-deprecated/ListBase.js';
+import { ListItem as _ListItem } from '../list-deprecated/ListItem.js';
+import '../list-deprecated/ListItemBase.js';
+import '../list-deprecated/ListItemContext.js';
+import '../list-deprecated/ListStateContext.js';
+import css_248z from './CascadingMenuItem.css.js';
+
+const noop = () => void 0;
+const withBaseName = makePrefixer("saltCascadingMenuItem");
+const getIcon = (sourceItem, isDisabled = false) => {
+  const CustomIcon = sourceItem.icon;
+  if (CustomIcon) {
+    return /* @__PURE__ */ jsx(
+      CustomIcon,
+      {
+        className: clsx(withBaseName("menuItemStartAdornment"), {
+          [withBaseName("menuItemDisabled")]: isDisabled
+        })
+      }
+    );
+  }
+  return null;
+};
+const DefaultMenuItem = forwardRef(
+  (props, ref) => {
+    const {
+      blurSelected,
+      className,
+      hasEndAdornment,
+      hasScrollbar,
+      hasStartAdornment,
+      onItemClick,
+      itemToString,
+      isInteracted,
+      isNavigatingWithKeyboard,
+      isChildMenuOpen,
+      hasSubMenu,
+      sourceItem,
+      tooltipEnterDelay,
+      tooltipLeaveDelay,
+      ...restProps
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-cascading-menu-item",
+      css: css_248z,
+      window: targetWindow
+    });
+    const { ExpandGroupIcon } = useIcon();
+    const menuTextRef = useRef(null);
+    const [hasTooltip, setHasTooltip] = useState(false);
+    const menuText = itemToString(sourceItem);
+    useEffect(() => {
+      const element = menuTextRef.current;
+      if (element && menuText != null) {
+        setHasTooltip(element.offsetWidth < element.scrollWidth);
+      }
+    }, [menuText]);
+    const isDisabled = sourceItem.disabled;
+    const divider = sourceItem.divider;
+    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;
+    const handleOnClick = (event) => {
+      if (!isDisabled && !hasSubMenu) {
+        onClick == null ? void 0 : onClick(sourceItem, event);
+      }
+    };
+    const interactionClasses = isNavigatingWithKeyboard ? {
+      [withBaseName("menuItemKeyboardActive")]: !isDisabled && isInteracted && !blurSelected,
+      [withBaseName("menuItemKeyboardDisabled")]: isDisabled && isInteracted
+    } : {
+      [withBaseName("menuItemHover")]: !isDisabled && !blurSelected
+    };
+    const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;
+    const tooltipTitle = sourceItem.tooltip || menuText;
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        disableFocusListener: true,
+        disableHoverListener: true,
+        enterDelay: tooltipEnterDelay,
+        leaveDelay: tooltipLeaveDelay,
+        placement: "top",
+        disabled: !tooltipTitle || !hasTooltip || isChildMenuOpen,
+        content: tooltipTitle,
+        children: /* @__PURE__ */ jsxs(
+          _ListItem,
+          {
+            ref,
+            "aria-expanded": isChildMenuOpen || void 0,
+            className: clsx(
+              withBaseName(),
+              {
+                [withBaseName("menuItemDivider")]: divider,
+                [withBaseName("menuItemBlurSelected")]: blurSelected,
+                [withBaseName("menuItemSelected")]: !isDisabled && !hasSubMenu && isInteracted,
+                ...interactionClasses,
+                [withBaseName("menuItemWithScrollbar")]: hasScrollbar
+              },
+              className
+            ),
+            disabled: isDisabled,
+            role: "menuitem",
+            onClick: handleOnClick,
+            item: sourceItem,
+            ...restProps,
+            children: [
+              hasStartAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("menuItemStartAdornmentContainer"), children: icon }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(withBaseName("menuItemText"), {
+                    [withBaseName("menuItemDisabled")]: isDisabled
+                  }),
+                  ref: menuTextRef,
+                  children: menuText
+                }
+              ),
+              hasEndAdornment && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: clsx(withBaseName("menuItemEndAdornmentContainer"), {
+                    [withBaseName("menuItemAdornmentHidden")]: !hasSubMenu
+                  }),
+                  children: /* @__PURE__ */ jsx(
+                    ExpandGroupIcon,
+                    {
+                      className: clsx(withBaseName("menuItemEndAdornment"), {
+                        [withBaseName("menuItemDisabled")]: isDisabled
+                      })
+                    }
+                  )
+                }
+              ),
+              divider && /* @__PURE__ */ jsx("div", { role: "separator" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+
+export { DefaultMenuItem };
+//# sourceMappingURL=CascadingMenuItem.js.map

package/dist-es/cascading-menu/CascadingMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascadingMenuItem.js","sources":["../src/cascading-menu/CascadingMenuItem.tsx"],"sourcesContent":["import { makePrefixer, Tooltip, useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ListItem, type ListItemProps } from \"../list-deprecated\";\nimport cascadingMenuItemCss from \"./CascadingMenuItem.css\";\nimport type { MenuDescriptor } from \"./CascadingMenuProps\";\n\nconst noop = () => undefined;\nconst withBaseName = makePrefixer(\"saltCascadingMenuItem\");\n\nconst getIcon = (sourceItem: MenuDescriptor, isDisabled = false) => {\n  const CustomIcon = sourceItem.icon;\n  if (CustomIcon) {\n    return (\n      <CustomIcon\n        className={clsx(withBaseName(\"menuItemStartAdornment\"), {\n          [withBaseName(\"menuItemDisabled\")]: isDisabled,\n        })}\n      />\n    );\n  }\n  return null;\n};\n\nexport interface MenuItemProps extends ListItemProps<MenuDescriptor> {\n  blurSelected: boolean;\n  className?: string;\n  hasEndAdornment: boolean;\n  hasScrollbar: boolean;\n  hasStartAdornment: boolean;\n  hasSubMenu: boolean;\n  isInteracted: boolean;\n  isChildMenuOpen: boolean;\n  isNavigatingWithKeyboard: boolean;\n  itemToString: Required<ListItemProps<MenuDescriptor>>[\"itemToString\"];\n  onItemClick?: (\n    sourceItem: MenuDescriptor,\n    event: MouseEvent | KeyboardEvent,\n  ) => void;\n  sourceItem: MenuDescriptor;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const DefaultMenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  (props, ref) => {\n    const {\n      blurSelected,\n      className,\n      hasEndAdornment,\n      hasScrollbar,\n      hasStartAdornment,\n      onItemClick,\n      itemToString,\n      isInteracted,\n      isNavigatingWithKeyboard,\n      isChildMenuOpen,\n      hasSubMenu,\n      sourceItem,\n      tooltipEnterDelay,\n      tooltipLeaveDelay,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-cascading-menu-item\",\n      css: cascadingMenuItemCss,\n      window: targetWindow,\n    });\n    const { ExpandGroupIcon } = useIcon();\n    const menuTextRef = useRef<HTMLDivElement>(null);\n    const [hasTooltip, setHasTooltip] = useState(false);\n    const menuText = itemToString(sourceItem);\n\n    useEffect(() => {\n      const element = menuTextRef.current;\n      if (element && menuText != null) {\n        setHasTooltip(element.offsetWidth < element.scrollWidth);\n      }\n    }, [menuText]);\n\n    const isDisabled = sourceItem.disabled;\n    const divider = sourceItem.divider;\n\n    const onClick = isDisabled || hasSubMenu ? noop : onItemClick;\n\n    const handleOnClick = (event: MouseEvent) => {\n      if (!isDisabled && !hasSubMenu) {\n        onClick?.(sourceItem, event);\n      }\n    };\n    const interactionClasses = isNavigatingWithKeyboard\n      ? {\n          [withBaseName(\"menuItemKeyboardActive\")]:\n            !isDisabled && isInteracted && !blurSelected,\n          [withBaseName(\"menuItemKeyboardDisabled\")]:\n            isDisabled && isInteracted,\n        }\n      : {\n          [withBaseName(\"menuItemHover\")]: !isDisabled && !blurSelected,\n        };\n\n    const icon = hasStartAdornment ? getIcon(sourceItem, isDisabled) : null;\n    const tooltipTitle = sourceItem.tooltip || menuText;\n\n    return (\n      <Tooltip\n        disableFocusListener\n        disableHoverListener\n        enterDelay={tooltipEnterDelay}\n        leaveDelay={tooltipLeaveDelay}\n        placement=\"top\"\n        disabled={!tooltipTitle || !hasTooltip || isChildMenuOpen}\n        content={tooltipTitle}\n      >\n        <ListItem\n          ref={ref}\n          aria-expanded={isChildMenuOpen || undefined}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"menuItemDivider\")]: divider,\n              [withBaseName(\"menuItemBlurSelected\")]: blurSelected,\n              [withBaseName(\"menuItemSelected\")]:\n                !isDisabled && !hasSubMenu && isInteracted,\n              ...interactionClasses,\n              [withBaseName(\"menuItemWithScrollbar\")]: hasScrollbar,\n            },\n            className,\n          )}\n          disabled={isDisabled}\n          role=\"menuitem\"\n          onClick={handleOnClick}\n          item={sourceItem}\n          // TODO highlightProps - see original code?\n          {...restProps}\n        >\n          {hasStartAdornment && (\n            <div className={withBaseName(\"menuItemStartAdornmentContainer\")}>\n              {icon}\n            </div>\n          )}\n          <div\n            className={clsx(withBaseName(\"menuItemText\"), {\n              [withBaseName(\"menuItemDisabled\")]: isDisabled,\n            })}\n            ref={menuTextRef}\n          >\n            {menuText}\n          </div>\n          {hasEndAdornment && (\n            <div\n              className={clsx(withBaseName(\"menuItemEndAdornmentContainer\"), {\n                [withBaseName(\"menuItemAdornmentHidden\")]: !hasSubMenu,\n              })}\n            >\n              <ExpandGroupIcon\n                className={clsx(withBaseName(\"menuItemEndAdornment\"), {\n                  [withBaseName(\"menuItemDisabled\")]: isDisabled,\n                })}\n              />\n            </div>\n          )}\n          {/** biome-ignore lint/a11y/useAriaPropsForRole: Separator is not focusable, so it doesn't need aria-valuenow. */}\n          {divider && <div role=\"separator\" />}\n        </ListItem>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["cascadingMenuItemCss","ListItem"],"mappings":"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"}

package/dist-es/cascading-menu/CascadingMenuList.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltCascadingMenuList-popper {\n  background: var(--salt-container-primary-background);\n}\n\n.saltCascadingMenuList-popper {\n  --list-box-content: content-box;\n  --list-boxShadow: var(--salt-overlayable-shadow-popout);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=CascadingMenuList.css.js.map

package/dist-es/cascading-menu/CascadingMenuList.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascadingMenuList.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/cascading-menu/CascadingMenuList.js

@@ -0,0 +1,191 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForkRef, useFloatingUI, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState, useCallback, useEffect, useMemo } from 'react';
+import { List } from '../list-deprecated/List.js';
+import '../list-deprecated/ListBase.js';
+import '../list-deprecated/ListItem.js';
+import '../list-deprecated/ListItemBase.js';
+import '../list-deprecated/ListItemContext.js';
+import '../list-deprecated/ListStateContext.js';
+import { Portal } from '../portal/Portal.js';
+import '../window/ElectronWindow.js';
+import { useWindow as useWindow$1 } from '../window/WindowContext.js';
+import { DefaultMenuItem } from './CascadingMenuItem.js';
+import css_248z from './CascadingMenuList.css.js';
+import { CascadingMenuAction } from './internal/CascadingMenuAction.js';
+import { getKeyDownHandlers } from './internal/keydownHandlers.js';
+import { getMaxHeight, getHeight } from './internal/menuPositioning.js';
+import { hasSubMenu, hasIcon } from './internal/stateUtils.js';
+import { useMouseHandlers } from './internal/useMouseHandlers.js';
+import { stateChangeTypes } from './stateChangeTypes.js';
+
+const CascadingMenuList = forwardRef(function CascadingMenuList2(props, ref) {
+  const {
+    className,
+    maxWidth,
+    minWidth,
+    itemToString,
+    onItemClick,
+    refsManager,
+    dispatch,
+    rowHeight: rowHeightProp,
+    isNavigatingWithKeyboard,
+    data,
+    tooltipEnterDelay,
+    tooltipLeaveDelay,
+    height: heightProp,
+    isChildMenuOpen,
+    isRoot,
+    highlightedItemIndex,
+    menuId,
+    parentElement = null,
+    getScreenBounds,
+    disableMouseOutInteractions,
+    rootPlacementOffset,
+    rootPlacement = "bottom-start"
+  } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-cascading-menu-list",
+    css: css_248z,
+    window: targetWindow
+  });
+  const baseClass = "saltCascadingMenuList";
+  const [menuRef, setInternalMenuRef] = useState(null);
+  const setMenuRef = useCallback(
+    (node) => {
+      refsManager.set(menuId, node);
+    },
+    [refsManager, menuId]
+  );
+  const defaultRowHeight = 36;
+  const spacing = 8;
+  const isMenuActiveState = useState(true);
+  const [isMenuActive, setIsMenuActive] = isMenuActiveState;
+  const listRef = useForkRef(ref, setInternalMenuRef);
+  const handleRef = useForkRef(setMenuRef, listRef);
+  useEffect(() => {
+    if (menuRef == null ? void 0 : menuRef.focus) {
+      const id = setTimeout(() => {
+        menuRef.focus();
+      });
+      return () => {
+        clearTimeout(id);
+      };
+    }
+  }, [menuRef, rootPlacementOffset]);
+  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);
+  const onFocusHandler = useCallback(() => {
+    setIsMenuActive(true);
+    if (isNavigatingWithKeyboard) {
+      if (!highlightedItemIndex) {
+        dispatch({
+          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,
+          targetId: menuId,
+          highlightedItemIndex: 0
+        });
+      }
+    }
+  }, [
+    setIsMenuActive,
+    isNavigatingWithKeyboard,
+    highlightedItemIndex,
+    dispatch,
+    menuId
+  ]);
+  const [handleMouseMove, handleMouseOut] = useMouseHandlers(
+    props,
+    isMenuActiveState,
+    menuRef
+  );
+  const hasEndAdornment = useMemo(
+    () => data.menuItems.some(hasSubMenu),
+    [data]
+  );
+  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);
+  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;
+  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);
+  const calculatedMenuHeight = rowHeight * data.menuItems.length;
+  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);
+  const hasScrollbar = menuHeight >= maxHeight;
+  const menuContainerHeight = menuHeight + 2;
+  const Window = useWindow$1();
+  const { reference, floating, x, y, strategy } = useFloatingUI({
+    placement: isRoot ? rootPlacement : "right-start"
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (parentElement) {
+      reference(
+        isRoot ? parentElement : parentElement.querySelector(
+          `#${parentElement.getAttribute("aria-activedescendant")}`
+        )
+      );
+    }
+  }, [reference, isRoot, parentElement]);
+  if (parentElement === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Window,
+    {
+      className: `${baseClass}-popper`,
+      id: menuId,
+      style: {
+        top: y ?? 0,
+        left: x ?? 0,
+        position: strategy
+      },
+      ref: floating,
+      children: /* @__PURE__ */ jsx(
+        List,
+        {
+          className: clsx(baseClass, className),
+          height: menuContainerHeight,
+          highlightedIndex: highlightedItemIndex === null ? -1 : highlightedItemIndex,
+          id: menuId,
+          itemHeight: rowHeight,
+          itemToString,
+          listRef: handleRef,
+          maxWidth,
+          minWidth,
+          onFocus: onFocusHandler,
+          onKeyDown: handleKeyDown,
+          onMouseOut: disableMouseOutInteractions ? void 0 : handleMouseOut,
+          role: "menu",
+          width: "auto",
+          children: data.menuItems.map((menuItem, idx) => {
+            const isInteracted = highlightedItemIndex === idx;
+            return /* @__PURE__ */ jsx(
+              DefaultMenuItem,
+              {
+                blurSelected: !isMenuActive && isInteracted,
+                hasEndAdornment,
+                hasScrollbar,
+                hasStartAdornment,
+                hasSubMenu: hasSubMenu(menuItem),
+                isChildMenuOpen,
+                isInteracted,
+                isNavigatingWithKeyboard,
+                itemToString,
+                onItemClick,
+                onMouseMove: () => handleMouseMove(idx),
+                sourceItem: menuItem,
+                tooltipEnterDelay,
+                tooltipLeaveDelay
+              },
+              menuItem.id
+            );
+          })
+        },
+        menuId
+      )
+    }
+  ) });
+});
+
+export { CascadingMenuList };
+//# sourceMappingURL=CascadingMenuList.js.map

package/dist-es/cascading-menu/CascadingMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascadingMenuList.js","sources":["../src/cascading-menu/CascadingMenuList.tsx"],"sourcesContent":["import {\n  type UseFloatingUIProps,\n  useFloatingUI,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { List, type ListProps } from \"../list-deprecated\";\nimport { Portal } from \"../portal\";\nimport { useWindow as usePortalWindow } from \"../window\";\nimport { DefaultMenuItem, type MenuItemProps } from \"./CascadingMenuItem\";\nimport cascadingMenuListCss from \"./CascadingMenuList.css\";\nimport {\n  CascadingMenuAction,\n  type menuAction,\n} from \"./internal/CascadingMenuAction\";\nimport { getKeyDownHandlers } from \"./internal/keydownHandlers\";\nimport {\n  getHeight,\n  getMaxHeight,\n  type screenBounds,\n} from \"./internal/menuPositioning\";\nimport { hasIcon, hasSubMenu, type menuState } from \"./internal/stateUtils\";\nimport { useMouseHandlers } from \"./internal/useMouseHandlers\";\nimport type { refsManager } from \"./internal/useRefsManager\";\nimport { stateChangeTypes } from \"./stateChangeTypes\";\n\nexport interface CascadingMenuListProps {\n  className?: string;\n  data: menuState;\n  delay?: number;\n  disableMouseOutInteractions?: boolean;\n  // TODO any\n  dispatch: Dispatch<menuAction>;\n  getBoundingClientRect?: (element: HTMLElement) => DOMRect;\n  getScreenBounds?: () => screenBounds;\n  height?: number;\n  highlightedItemIndex: number | null;\n  isChildMenuOpen: boolean;\n  itemToString: MenuItemProps[\"itemToString\"];\n  isNavigatingWithKeyboard: boolean;\n  isRoot: boolean;\n  maxWidth?: ListProps[\"maxWidth\"];\n  menuId: string;\n  menuTriggerRef: HTMLElement | null;\n  minWidth?: ListProps[\"minWidth\"];\n  onItemClick?: MenuItemProps[\"onItemClick\"];\n  parentElement?: HTMLElement | null;\n  refsManager: refsManager;\n  rootPlacement?: UseFloatingUIProps[\"placement\"];\n  rootPlacementOffset?: string;\n  rowHeight?: number;\n  setIsNavigatingWithKeyboard: (value: boolean) => void;\n  tooltipEnterDelay: number;\n  tooltipLeaveDelay: number;\n}\n\nexport const CascadingMenuList = forwardRef<\n  HTMLDivElement,\n  CascadingMenuListProps\n>(function CascadingMenuList(props, ref) {\n  const {\n    className,\n    maxWidth,\n    minWidth,\n    itemToString,\n    onItemClick,\n    refsManager,\n    dispatch,\n    rowHeight: rowHeightProp,\n    isNavigatingWithKeyboard,\n    data,\n    tooltipEnterDelay,\n    tooltipLeaveDelay,\n    height: heightProp,\n    isChildMenuOpen,\n    isRoot,\n    highlightedItemIndex,\n    menuId,\n    parentElement = null,\n    getScreenBounds,\n    disableMouseOutInteractions,\n    rootPlacementOffset,\n    rootPlacement = \"bottom-start\",\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-cascading-menu-list\",\n    css: cascadingMenuListCss,\n    window: targetWindow,\n  });\n\n  const baseClass = \"saltCascadingMenuList\";\n\n  const [menuRef, setInternalMenuRef] = useState<HTMLElement | null>(null);\n  const setMenuRef = useCallback(\n    (node: HTMLDivElement) => {\n      refsManager.set(menuId, node);\n    },\n    [refsManager, menuId],\n  );\n\n  // TODO removed useCharacteristic here\n  const defaultRowHeight = 36;\n\n  // TODO removed useCharacteristic here\n  const spacing = 8;\n\n  const isMenuActiveState = useState(true);\n  const [isMenuActive, setIsMenuActive] = isMenuActiveState;\n  const listRef = useForkRef<HTMLDivElement>(ref, setInternalMenuRef);\n  const handleRef = useForkRef<HTMLDivElement>(setMenuRef, listRef);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: We want to run this if rootPlacementOffset changes.\n  useEffect(() => {\n    if (menuRef?.focus) {\n      // timeout prevents scrolling issue by waiting a split second\n      // and menu should be correctly positioned by then and\n      // focusing popper content offscreen will not scroll page\n      // it would be better to maybe use popper onUpdate callback\n      // or some kind of polling mechanism to confirm placement is\n      // correct before focus call\n      const id = setTimeout(() => {\n        menuRef.focus();\n      });\n      return () => {\n        clearTimeout(id);\n      };\n    }\n  }, [menuRef, rootPlacementOffset]);\n\n  const handleKeyDown = getKeyDownHandlers(props, setIsMenuActive);\n\n  const onFocusHandler = useCallback(() => {\n    setIsMenuActive(true);\n    // When navigating via keyboard on open highlight first time in the list\n    if (isNavigatingWithKeyboard) {\n      if (!highlightedItemIndex) {\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.KEYBOARD_NAV_AUTO_FOCUS,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      }\n    }\n  }, [\n    setIsMenuActive,\n    isNavigatingWithKeyboard,\n    highlightedItemIndex,\n    dispatch,\n    menuId,\n  ]);\n\n  const [handleMouseMove, handleMouseOut] = useMouseHandlers(\n    props,\n    isMenuActiveState,\n    menuRef,\n  );\n\n  const hasEndAdornment = useMemo(\n    () => data.menuItems.some(hasSubMenu),\n    [data],\n  );\n  const hasStartAdornment = useMemo(() => data.menuItems.some(hasIcon), [data]);\n  const rowHeight = rowHeightProp != null ? rowHeightProp : defaultRowHeight;\n  const maxHeight = getMaxHeight(heightProp, spacing, getScreenBounds);\n  const calculatedMenuHeight = rowHeight * data.menuItems.length;\n  const menuHeight = getHeight(heightProp, calculatedMenuHeight, maxHeight);\n  const hasScrollbar = menuHeight >= maxHeight;\n\n  // menu container size is 2px larger than the list to include the border\n  const menuContainerHeight = menuHeight + 2;\n  const Window = usePortalWindow();\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: isRoot ? rootPlacement : \"right-start\",\n  });\n  useIsomorphicLayoutEffect(() => {\n    if (parentElement) {\n      reference(\n        isRoot\n          ? parentElement\n          : parentElement.querySelector(\n              `#${\n                parentElement.getAttribute(\"aria-activedescendant\") as string\n              }`,\n            ),\n      );\n    }\n  }, [reference, isRoot, parentElement]);\n\n  if (parentElement === null) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Window\n        className={`${baseClass}-popper`}\n        id={menuId}\n        style={{\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n        }}\n        ref={floating}\n      >\n        <List\n          className={clsx(baseClass, className)}\n          height={menuContainerHeight}\n          highlightedIndex={\n            highlightedItemIndex === null ? -1 : highlightedItemIndex\n          }\n          id={menuId}\n          itemHeight={rowHeight}\n          itemToString={itemToString}\n          key={menuId}\n          listRef={handleRef}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          onFocus={onFocusHandler}\n          onKeyDown={handleKeyDown}\n          onMouseOut={disableMouseOutInteractions ? undefined : handleMouseOut}\n          role=\"menu\"\n          width=\"auto\"\n        >\n          {data.menuItems.map((menuItem, idx) => {\n            const isInteracted = highlightedItemIndex === idx;\n            return (\n              <DefaultMenuItem\n                blurSelected={!isMenuActive && isInteracted}\n                hasEndAdornment={hasEndAdornment}\n                hasScrollbar={hasScrollbar}\n                hasStartAdornment={hasStartAdornment}\n                hasSubMenu={hasSubMenu(menuItem)}\n                isChildMenuOpen={isChildMenuOpen}\n                isInteracted={isInteracted}\n                isNavigatingWithKeyboard={isNavigatingWithKeyboard}\n                itemToString={itemToString}\n                key={menuItem.id}\n                onItemClick={onItemClick}\n                onMouseMove={() => handleMouseMove(idx)}\n                sourceItem={menuItem}\n                tooltipEnterDelay={tooltipEnterDelay}\n                tooltipLeaveDelay={tooltipLeaveDelay}\n              />\n            );\n          })}\n        </List>\n      </Window>\n    </Portal>\n  );\n});\n"],"names":["CascadingMenuList","cascadingMenuListCss","usePortalWindow"],"mappings":"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"}

package/dist-es/cascading-menu/internal/CascadingMenuAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascadingMenuAction.js","sources":["../src/cascading-menu/internal/CascadingMenuAction.ts"],"sourcesContent":["import type { stateChangeCause } from \"../stateChangeTypes\";\n\nexport type menuActionType =\n  | \"setCurrentInteractedItem\"\n  | \"resetMenu\"\n  | \"openMenu\"\n  | \"closeMenu\"\n  | \"closeCascadingMenu\"\n  | \"setFlipped\";\n\nexport type menuAction = {\n  type: menuActionType;\n  cause: stateChangeCause;\n  flipped?: boolean;\n  highlightedItemIndex?: number;\n  targetId: string;\n};\n\nexport const CascadingMenuAction: Record<string, menuActionType> = {\n  SET_CURRENT_INTERACTED_ITEM: \"setCurrentInteractedItem\",\n  RESET_MENU: \"resetMenu\",\n  OPEN_MENU: \"openMenu\",\n  CLOSE_MENU: \"closeMenu\",\n  CLOSE_CASCADING_MENU: \"closeCascadingMenu\",\n  SET_FLIPPED: \"setFlipped\",\n};\n"],"names":[],"mappings":"AAkBO,MAAM,mBAAA,GAAsD;AAAA,EACjE,2BAAA,EAA6B,0BAAA;AAAA,EAC7B,UAAA,EAAY,WAAA;AAAA,EACZ,SAAA,EAAW,UAAA;AAAA,EACX,UAAA,EAAY,WAAA;AAAA,EACZ,oBAAA,EAAsB,oBAAA;AAAA,EACtB,WAAA,EAAa;AACf;;;;"}

package/dist-es/cascading-menu/internal/keydownHandlers.js

@@ -0,0 +1,192 @@
+import { stateChangeTypes } from '../stateChangeTypes.js';
+import { CascadingMenuAction } from './CascadingMenuAction.js';
+import { isMenuItem, hasSubMenu } from './stateUtils.js';
+
+function getKeyDownHandlers(props, setIsMenuActive) {
+  const {
+    keyDownHandlersOverride,
+    onItemClick,
+    dispatch,
+    isNavigatingWithKeyboard,
+    setIsNavigatingWithKeyboard,
+    data,
+    menuTriggerRef,
+    highlightedItemIndex,
+    menuId,
+    parentElement,
+    isRoot
+  } = props;
+  const rowCount = data.menuItems.length;
+  const isIndexDisabled = () => {
+    var _a, _b;
+    return highlightedItemIndex ? (_b = (_a = data.menuItems) == null ? void 0 : _a[highlightedItemIndex]) == null ? void 0 : _b.disabled : false;
+  };
+  const handlers = {
+    Enter(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (highlightedItemIndex === null || isIndexDisabled()) {
+        return;
+      }
+      const selectedItem = data.menuItems[highlightedItemIndex];
+      const subMenuId = data.childMenus[highlightedItemIndex];
+      if (isMenuItem(selectedItem)) {
+        onItemClick == null ? void 0 : onItemClick(selectedItem, event);
+        dispatch({
+          type: CascadingMenuAction.CLOSE_CASCADING_MENU,
+          cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,
+          targetId: menuId
+        });
+        if (menuTriggerRef == null ? void 0 : menuTriggerRef.focus) {
+          menuTriggerRef.focus();
+        }
+      } else if (hasSubMenu(selectedItem)) {
+        setIsMenuActive(false);
+        dispatch({
+          type: CascadingMenuAction.OPEN_MENU,
+          cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,
+          targetId: subMenuId
+        });
+      }
+    },
+    ArrowRight(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {
+        dispatch({
+          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,
+          targetId: menuId,
+          highlightedItemIndex: 0
+        });
+        return;
+      }
+      if (highlightedItemIndex === null || isIndexDisabled()) {
+        return;
+      }
+      const selectedItem = data.menuItems[highlightedItemIndex];
+      const subMenuId = data.childMenus[highlightedItemIndex];
+      if (hasSubMenu(selectedItem)) {
+        setIsMenuActive(false);
+        dispatch({
+          type: CascadingMenuAction.OPEN_MENU,
+          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,
+          targetId: subMenuId
+        });
+      }
+    },
+    " ": (event) => {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (highlightedItemIndex === null || isIndexDisabled()) {
+        return;
+      }
+      const selectedItem = data.menuItems[highlightedItemIndex];
+      const subMenuId = data.childMenus[highlightedItemIndex];
+      if (isMenuItem(selectedItem)) {
+        onItemClick == null ? void 0 : onItemClick(selectedItem, event);
+      } else if (hasSubMenu(selectedItem)) {
+        setIsMenuActive(false);
+        dispatch({
+          type: CascadingMenuAction.OPEN_MENU,
+          cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,
+          targetId: subMenuId
+        });
+      }
+    },
+    Tab() {
+      setIsNavigatingWithKeyboard(true);
+      dispatch({
+        type: CascadingMenuAction.CLOSE_CASCADING_MENU,
+        cause: stateChangeTypes.ITEM_KEYDOWN_TAB,
+        targetId: menuId
+      });
+      if (menuTriggerRef == null ? void 0 : menuTriggerRef.focus) {
+        menuTriggerRef.focus();
+      }
+    },
+    ArrowLeft(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (parentElement && !isRoot) {
+        parentElement.focus();
+        dispatch({
+          type: CascadingMenuAction.CLOSE_MENU,
+          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,
+          targetId: menuId
+        });
+      }
+    },
+    Escape(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      dispatch({
+        type: CascadingMenuAction.CLOSE_MENU,
+        cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,
+        targetId: menuId
+      });
+      if (parentElement) {
+        parentElement.focus();
+      }
+    },
+    ArrowDown(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      let indexAfterMovement = highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;
+      indexAfterMovement = indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;
+      dispatch({
+        type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+        cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,
+        targetId: menuId,
+        highlightedItemIndex: indexAfterMovement
+      });
+    },
+    ArrowUp(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      let indexAfterMovement = highlightedItemIndex === null ? rowCount - 1 : highlightedItemIndex - 1;
+      indexAfterMovement = indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;
+      dispatch({
+        type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+        cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,
+        targetId: menuId,
+        highlightedItemIndex: indexAfterMovement
+      });
+    },
+    Home(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (highlightedItemIndex === 0) {
+        return;
+      }
+      dispatch({
+        type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+        cause: stateChangeTypes.ITEM_KEYDOWN_HOME,
+        targetId: menuId,
+        highlightedItemIndex: 0
+      });
+    },
+    End(event) {
+      event.preventDefault();
+      setIsNavigatingWithKeyboard(true);
+      if (highlightedItemIndex === rowCount - 1) {
+        return;
+      }
+      dispatch({
+        type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,
+        cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,
+        targetId: menuId,
+        highlightedItemIndex: rowCount - 1
+      });
+    },
+    ...keyDownHandlersOverride
+  };
+  const handleKeyDown = (event) => {
+    var _a;
+    (_a = handlers[event.key]) == null ? void 0 : _a.call(handlers, event);
+  };
+  return handleKeyDown;
+}
+
+export { getKeyDownHandlers };
+//# sourceMappingURL=keydownHandlers.js.map

package/dist-es/cascading-menu/internal/keydownHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keydownHandlers.js","sources":["../src/cascading-menu/internal/keydownHandlers.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport type { CascadingMenuListProps } from \"../CascadingMenuList\";\nimport { stateChangeTypes } from \"../stateChangeTypes\";\nimport { CascadingMenuAction } from \"./CascadingMenuAction\";\nimport { hasSubMenu, isMenuItem } from \"./stateUtils\";\n\ninterface getKeyDownHandlersProps extends CascadingMenuListProps {\n  keyDownHandlersOverride?: Record<string, (event: Event) => void>;\n}\n\nexport function getKeyDownHandlers(\n  props: getKeyDownHandlersProps,\n  setIsMenuActive: Dispatch<SetStateAction<boolean>>,\n) {\n  const {\n    keyDownHandlersOverride,\n    onItemClick,\n    dispatch,\n    isNavigatingWithKeyboard,\n    setIsNavigatingWithKeyboard,\n    data,\n    menuTriggerRef,\n    highlightedItemIndex,\n    menuId,\n    parentElement,\n    isRoot,\n  } = props;\n\n  const rowCount = data.menuItems.length;\n  const isIndexDisabled = () =>\n    highlightedItemIndex\n      ? data.menuItems?.[highlightedItemIndex]?.disabled\n      : false;\n\n  const handlers: Record<string, (event: KeyboardEvent<HTMLElement>) => void> =\n    {\n      Enter(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n        // If it is an actionable item -> execute action, close cascading menu and move focus to menu trigger\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n\n          dispatch({\n            type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: menuId,\n          });\n          if (menuTriggerRef?.focus) {\n            menuTriggerRef.focus();\n          }\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ENTER,\n            targetId: subMenuId,\n          });\n        }\n      },\n      ArrowRight(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        // User is switching from mouse to keyboard interaction\n        if (highlightedItemIndex === null && !isNavigatingWithKeyboard) {\n          // Move focus to first item in the list\n          dispatch({\n            type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: menuId,\n            highlightedItemIndex: 0,\n          });\n          return;\n        }\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_RIGHT,\n            targetId: subMenuId,\n          });\n        }\n      },\n      \" \": (event: KeyboardEvent<HTMLElement>) => {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n\n        if (highlightedItemIndex === null || isIndexDisabled()) {\n          return;\n        }\n\n        const selectedItem = data.menuItems[highlightedItemIndex];\n        const subMenuId = data.childMenus[highlightedItemIndex];\n        if (isMenuItem(selectedItem)) {\n          onItemClick?.(selectedItem, event);\n        } else if (hasSubMenu(selectedItem)) {\n          setIsMenuActive(false);\n          dispatch({\n            type: CascadingMenuAction.OPEN_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_SPACEBAR,\n            targetId: subMenuId,\n          });\n        }\n      },\n      Tab() {\n        // On tab close the cascading menu and focus the menu trigger so that focus event bubbling can either select\n        // next element in tab order for Tab key or previous one for Tab + Shift key\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_CASCADING_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_TAB,\n          targetId: menuId,\n        });\n        if (menuTriggerRef?.focus) {\n          menuTriggerRef.focus();\n        }\n      },\n      ArrowLeft(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (parentElement && !isRoot) {\n          parentElement.focus();\n          dispatch({\n            type: CascadingMenuAction.CLOSE_MENU,\n            cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_LEFT,\n            targetId: menuId,\n          });\n        }\n      },\n      Escape(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        dispatch({\n          type: CascadingMenuAction.CLOSE_MENU,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n        });\n\n        if (parentElement) {\n          parentElement.focus();\n        }\n      },\n      ArrowDown(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null ? 0 : highlightedItemIndex + 1;\n        indexAfterMovement =\n          indexAfterMovement > rowCount - 1 ? 0 : indexAfterMovement;\n\n        // Move to next item or first item if at the end of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_DOWN,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      ArrowUp(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        let indexAfterMovement =\n          highlightedItemIndex === null\n            ? rowCount - 1\n            : highlightedItemIndex - 1;\n        indexAfterMovement =\n          indexAfterMovement < 0 ? rowCount - 1 : indexAfterMovement;\n\n        // Move to previous item or last item if at the start of the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ARROW_UP,\n          targetId: menuId,\n          highlightedItemIndex: indexAfterMovement,\n        });\n      },\n      Home(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === 0) {\n          return;\n        }\n\n        // Move focus to first item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_HOME,\n          targetId: menuId,\n          highlightedItemIndex: 0,\n        });\n      },\n\n      End(event: KeyboardEvent<HTMLElement>) {\n        event.preventDefault();\n        setIsNavigatingWithKeyboard(true);\n        if (highlightedItemIndex === rowCount - 1) {\n          return;\n        }\n\n        // Move focus to last item in the list\n        dispatch({\n          type: CascadingMenuAction.SET_CURRENT_INTERACTED_ITEM,\n          cause: stateChangeTypes.ITEM_KEYDOWN_ESCAPE,\n          targetId: menuId,\n          highlightedItemIndex: rowCount - 1,\n        });\n      },\n      ...keyDownHandlersOverride,\n    };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    handlers[event.key]?.(event);\n  };\n\n  return handleKeyDown;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/cascading-menu/internal/menuPositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPositioning.js","sources":["../src/cascading-menu/internal/menuPositioning.ts"],"sourcesContent":["export type screenBounds = {\n  clientHeight: number;\n  clientWidth: number;\n};\n\nexport function getMaxHeight(\n  heightProp: number | undefined,\n  menuMargin: number | undefined = 0,\n  getScreenBounds: () => screenBounds = defaultGetScreenBounds,\n) {\n  const { clientHeight } = getScreenBounds();\n\n  let suggestedHeight = clientHeight - menuMargin;\n  if (heightProp) {\n    suggestedHeight = Math.min(heightProp, clientHeight) - menuMargin;\n  }\n\n  return Math.max(suggestedHeight, 0);\n}\n\nexport function getHeight(\n  heightProp: number | undefined,\n  calculatedMenuHeight: number,\n  maxHeight: number,\n): number {\n  if (heightProp) {\n    return Math.min(heightProp, calculatedMenuHeight, maxHeight);\n  }\n\n  return Math.min(calculatedMenuHeight, maxHeight);\n}\n\nexport const defaultGetScreenBounds = (): screenBounds => {\n  const { clientHeight, clientWidth } = document.documentElement;\n  return { clientHeight, clientWidth };\n};\n"],"names":[],"mappings":"AAKO,SAAS,YAAA,CACd,UAAA,EACA,UAAA,GAAiC,CAAA,EACjC,kBAAsC,sBAAA,EACtC;AACA,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,eAAA,EAAgB;AAEzC,EAAA,IAAI,kBAAkB,YAAA,GAAe,UAAA;AACrC,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,eAAA,GAAkB,IAAA,CAAK,GAAA,CAAI,UAAA,EAAY,YAAY,CAAA,GAAI,UAAA;AAAA,EACzD;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,CAAC,CAAA;AACpC;AAEO,SAAS,SAAA,CACd,UAAA,EACA,oBAAA,EACA,SAAA,EACQ;AACR,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,IAAA,CAAK,GAAA,CAAI,UAAA,EAAY,oBAAA,EAAsB,SAAS,CAAA;AAAA,EAC7D;AAEA,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,oBAAA,EAAsB,SAAS,CAAA;AACjD;AAEO,MAAM,yBAAyB,MAAoB;AACxD,EAAA,MAAM,EAAE,YAAA,EAAc,WAAA,EAAY,GAAI,QAAA,CAAS,eAAA;AAC/C,EAAA,OAAO,EAAE,cAAc,WAAA,EAAY;AACrC;;;;"}