@workday/canvas-kit-preview-react 8.0.0-alpha.194-next.2 → 8.0.0-alpha.199-next.1

package/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts

@@ -1,109 +0,0 @@
-import {useState, useLayoutEffect} from 'react';
-import {useUniqueId, changeFocus} from '@workday/canvas-kit-react/common';
-import {
-  useCloseOnOutsideClick,
-  useCloseOnEscape,
-  usePopupModel,
-  useReturnFocus,
-  usePopupTarget,
-  usePopupPopper,
-} from '@workday/canvas-kit-react/popup';
-
-import {DropdownButtonProps} from './Button';
-import {DropdownMenuProps} from './Menu';
-import {Breadcrumb} from '../types';
-
-export const useFocusActiveItemElement = <E extends HTMLElement>(
-  activeDropdownItemRef: React.RefObject<E>
-) => {
-  useLayoutEffect(() => {
-    if (activeDropdownItemRef.current) {
-      return activeDropdownItemRef.current.focus();
-    }
-  });
-};
-
-const initialActiveItem = {
-  index: 0,
-  link: '',
-  text: '',
-  width: 0,
-} as Breadcrumb;
-
-interface UseDropdown {
-  dropdownButtonProps: Omit<DropdownButtonProps, 'aria-label'>;
-  dropdownMenuProps: DropdownMenuProps;
-  popperProps: ReturnType<typeof usePopupPopper>;
-}
-
-export const useDropdown = (
-  activeDropdownItemRef: React.RefObject<HTMLAnchorElement>,
-  items: Breadcrumb[],
-  buttonId?: string
-): UseDropdown => {
-  // state
-  const [activeDropdownItem, setActiveDropdownItem] = useState(initialActiveItem);
-  // behaviors
-  const model = usePopupModel({
-    initialFocusRef: activeDropdownItemRef,
-  });
-
-  useCloseOnOutsideClick(model);
-  useCloseOnEscape(model);
-  useReturnFocus(model);
-  useFocusActiveItemElement(activeDropdownItemRef);
-
-  const handleButtonKeyUp = (e: React.KeyboardEvent<HTMLButtonElement>) => {
-    if (e.key === 'Enter') {
-      setActiveDropdownItem(items[0]);
-    }
-  };
-
-  const resetMenuFocus = () => {
-    model.events.hide();
-    changeFocus(model.state.targetRef.current);
-  };
-
-  const findActiveDropdownItemByIndex = (index: number) => {
-    return items.filter(item => item.index === index)[0];
-  };
-
-  const toggleActiveItemUp = () => {
-    const previousItem = findActiveDropdownItemByIndex(activeDropdownItem.index - 1);
-    if (!previousItem) {
-      return resetMenuFocus();
-    }
-    return setActiveDropdownItem(previousItem);
-  };
-
-  const toggleActiveItemDown = () => {
-    const nextItem = findActiveDropdownItemByIndex(activeDropdownItem.index + 1);
-    if (!nextItem) {
-      return setActiveDropdownItem(items[0]);
-    }
-    return setActiveDropdownItem(nextItem);
-  };
-
-  const uniqueButtonId = useUniqueId(buttonId);
-
-  const dropdownButtonProps = usePopupTarget(model, {
-    id: uniqueButtonId,
-    toggled: model.state.visibility !== 'hidden',
-    onKeyUp: handleButtonKeyUp,
-  });
-
-  const dropdownMenuProps = {
-    'aria-labelledby': uniqueButtonId,
-    dropdownItems: items,
-    activeDropdownItem,
-    activeDropdownItemRef,
-    setActiveDropdownItem,
-    resetFocus: resetMenuFocus,
-    toggleActiveItemUp,
-    toggleActiveItemDown,
-  };
-
-  const popperProps = usePopupPopper(model);
-
-  return {dropdownButtonProps, dropdownMenuProps, popperProps};
-};

package/breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx

@@ -1,38 +0,0 @@
-import React from 'react';
-import {Breadcrumb} from '../types';
-import {Popper} from '@workday/canvas-kit-react/popup';
-
-import {useRTL} from '../hooks';
-import {useDropdown} from './hooks';
-import {DropdownButton, DropdownButtonProps} from './Button';
-import {DropdownMenu} from './Menu';
-
-export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
-  buttonAriaLabel: string;
-  items?: Breadcrumb[];
-}
-
-export const Dropdown = ({buttonAriaLabel, buttonIcon, items = []}: DropdownProps) => {
-  // refs
-  const activeDropdownItemRef = React.useRef<HTMLAnchorElement>(null);
-  // behaviors
-  const {dropdownButtonProps, dropdownMenuProps, popperProps} = useDropdown(
-    activeDropdownItemRef,
-    items
-  );
-  const {shouldUseRTL} = useRTL();
-  const placement = shouldUseRTL ? 'bottom-end' : 'bottom-start';
-
-  return (
-    <>
-      <DropdownButton
-        aria-label={buttonAriaLabel}
-        buttonIcon={buttonIcon}
-        {...dropdownButtonProps}
-      />
-      <Popper placement={placement} {...popperProps}>
-        <DropdownMenu {...dropdownMenuProps} />
-      </Popper>
-    </>
-  );
-};

package/breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx

@@ -1,66 +0,0 @@
-import React, {Children, useRef} from 'react';
-// local components
-import {Dropdown} from '../Dropdown';
-import {BreadcrumbsListItem} from './ListItem';
-import {BreadcrumbsList} from './index';
-// hooks
-import {useBuildCollapsedList, useCollapse} from './hooks';
-import {DropdownButtonProps} from '../Dropdown/Button';
-
-const parseListItems = (children: React.ReactNode) => {
-  const childArray = Children.toArray(children);
-  const {0: rootItem, length, [length - 1]: currentItem} = childArray;
-  const collapsibleItems = childArray.slice(1, -1);
-  return {rootItem, collapsibleItems, currentItem};
-};
-
-export interface CollapsibleListProps
-  extends React.HTMLAttributes<HTMLUListElement>,
-    Pick<DropdownButtonProps, 'buttonIcon'> {
-  /**
-   * The accessibility label for the dropdown menu button.
-   *
-   * Suggested value: "more links"
-   */
-  buttonAriaLabel: string;
-  /**
-   * The max-width before the list should collapse and render a dropdown menu
-   */
-  maxWidth: number;
-}
-
-export const CollapsibleList = ({
-  children,
-  buttonIcon,
-  buttonAriaLabel,
-  maxWidth,
-  ...props
-}: CollapsibleListProps) => {
-  // refs
-  const listRef = useRef<HTMLUListElement>(null);
-  // behaviors
-  const {shouldCollapseList} = useCollapse(listRef, maxWidth);
-  const {collapsedItems, collapsedItemIndices} = useBuildCollapsedList(listRef, children, maxWidth);
-  const {rootItem, collapsibleItems, currentItem} = parseListItems(children);
-  return (
-    <BreadcrumbsList ref={listRef} {...props}>
-      {rootItem}
-      {shouldCollapseList && (
-        <BreadcrumbsListItem>
-          <Dropdown
-            buttonAriaLabel={buttonAriaLabel}
-            buttonIcon={buttonIcon}
-            items={collapsedItems}
-          />
-        </BreadcrumbsListItem>
-      )}
-      {collapsibleItems.map((item, i) => {
-        if (collapsedItemIndices.indexOf(i + 1) !== -1) {
-          return;
-        }
-        return item;
-      })}
-      {currentItem}
-    </BreadcrumbsList>
-  );
-};

package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import {styled} from '@workday/canvas-kit-react/common';
-import {type} from '@workday/canvas-kit-react/tokens';
-import {TooltipContainer} from '@workday/canvas-kit-react/tooltip';
-import {Popper} from '@workday/canvas-kit-react/popup';
-
-import {useTruncateTooltip} from './hooks';
-import {truncateStyles} from './styles';
-
-export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
-  /**
-   * The max-width of the text
-   *
-   * @default 350px
-   */
-  maxWidth?: number;
-}
-
-const ListItem = styled('li')(
-  {
-    display: 'flex',
-    alignItems: 'center',
-    flexDirection: 'column',
-    textAlign: 'left',
-    ...type.levels.subtext.large,
-    fontWeight: 500,
-  },
-
-  ({maxWidth}: CurrentItemProps) => ({
-    ...truncateStyles(maxWidth),
-  })
-);
-
-export const CurrentItem = ({children, maxWidth, ...elemProps}: CurrentItemProps) => {
-  const ref = React.useRef<HTMLLIElement>(null);
-
-  const {
-    isTooltipOpen,
-    openTooltip,
-    closeTooltip,
-    shouldShowTooltip,
-    tooltipProps,
-  } = useTruncateTooltip(ref);
-
-  return (
-    <>
-      <ListItem
-        ref={ref}
-        maxWidth={maxWidth}
-        onMouseEnter={openTooltip}
-        onMouseLeave={closeTooltip}
-        onFocus={openTooltip}
-        onBlur={closeTooltip}
-        {...(shouldShowTooltip && {tabIndex: 0})}
-        {...elemProps}
-      >
-        {children}
-      </ListItem>
-      <Popper open={isTooltipOpen} anchorElement={ref} placement="top">
-        <TooltipContainer {...tooltipProps}>{children}</TooltipContainer>
-      </Popper>
-    </>
-  );
-};

package/breadcrumbs/lib/Breadcrumbs/List/Link.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import {styled} from '@workday/canvas-kit-react/common';
-import {Hyperlink} from '@workday/canvas-kit-react/button';
-import {type} from '@workday/canvas-kit-react/tokens';
-import {TooltipContainer} from '@workday/canvas-kit-react/tooltip';
-import {Popper} from '@workday/canvas-kit-react/popup';
-
-import {useTruncateTooltip} from './hooks';
-import {truncateStyles} from './styles';
-
-export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  /**
-   * The href url of the anchor tag
-   */
-  href: string;
-  /**
-   * The max-width of the link text
-   *
-   * @default 350px
-   */
-  maxWidth?: number;
-  /**
-   * A handler function for overriding hard-redirects with links
-   */
-  onAction?: (href: string) => void;
-}
-
-type StyledLinkProps = Pick<BreadcrumbLinkProps, 'maxWidth' | 'href'>;
-
-const {color, ...subtextLargeStyles} = type.levels.subtext.large;
-
-const StyledLink = styled(Hyperlink)(
-  {
-    ...subtextLargeStyles,
-  },
-  ({maxWidth}: StyledLinkProps) => ({
-    ...truncateStyles(maxWidth),
-  })
-);
-
-export const BreadcrumbLink = ({
-  maxWidth,
-  onAction,
-  onClick,
-  href,
-  children,
-  ...props
-}: BreadcrumbLinkProps) => {
-  const ref = React.useRef<HTMLAnchorElement>(null);
-  const {isTooltipOpen, openTooltip, closeTooltip, tooltipProps} = useTruncateTooltip(ref);
-
-  const handleClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
-    event.preventDefault();
-    // allow an override to the hard redirect
-    if (onAction) {
-      onAction(href);
-    } else {
-      // default to hard redirecting
-      window.location.href = href;
-    }
-    // don't block the onClick event if it's provided
-    if (onClick) {
-      onClick(event);
-    }
-  };
-
-  return (
-    <React.Fragment>
-      <StyledLink
-        ref={ref}
-        maxWidth={maxWidth}
-        onMouseEnter={openTooltip}
-        onMouseLeave={closeTooltip}
-        onFocus={openTooltip}
-        onBlur={closeTooltip}
-        href={href}
-        role="link"
-        onClick={handleClick}
-        {...props}
-      >
-        {children}
-      </StyledLink>
-      <Popper open={isTooltipOpen} anchorElement={ref} placement="top">
-        <TooltipContainer {...tooltipProps}>{children}</TooltipContainer>
-      </Popper>
-    </React.Fragment>
-  );
-};

package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import {SystemIcon} from '@workday/canvas-kit-react/icon';
-import {chevronLeftSmallIcon, chevronRightSmallIcon} from '@workday/canvas-system-icons-web';
-import {colors} from '@workday/canvas-kit-react/tokens';
-
-import {useRTL} from '../hooks';
-import {Flex} from '@workday/canvas-kit-react/layout';
-
-export type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
-
-export const BreadcrumbsListItem = ({children, ...props}: ListItemProps) => {
-  const {shouldUseRTL} = useRTL();
-  const icon = shouldUseRTL ? chevronLeftSmallIcon : chevronRightSmallIcon;
-
-  return (
-    <Flex as="li" alignItems="center" {...props}>
-      {children}
-      <SystemIcon
-        icon={icon}
-        color={colors.licorice200}
-        colorHover={colors.licorice200}
-        size={20}
-        height={32}
-        width={32}
-        styles={{justifyContent: 'center', alignItems: 'center', display: 'inline-flex'}}
-        aria-hidden
-      />
-    </Flex>
-  );
-};

package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts

@@ -1,114 +0,0 @@
-import React, {Children, useLayoutEffect, useState, useEffect} from 'react';
-
-import {BreadcrumbLink} from './Link';
-import {Breadcrumb} from '../types';
-
-export const useCollapse = <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth = 0) => {
-  const [shouldCollapseList, setShouldCollapseList] = useState<boolean>(false);
-
-  useLayoutEffect(() => {
-    const listWidth = listEl.current?.clientWidth || 0;
-    setShouldCollapseList(listWidth > maxWidth);
-  }, [listEl, maxWidth]);
-
-  return {shouldCollapseList};
-};
-
-const getBreadcrumbLink = (breadcrumb: React.ReactElement) => {
-  return Children.toArray(breadcrumb.props.children).filter(child => {
-    return React.isValidElement(child) && child.type === BreadcrumbLink;
-  })[0] as React.ReactElement;
-};
-
-const buildCollapsedList = (
-  list: Breadcrumb[],
-  containerWidth: number,
-  maxWidth: number,
-  collapsedList: Breadcrumb[] = []
-): Breadcrumb[] => {
-  // TODO: Calculate expander width dynamically
-  const EXPANDER_WIDTH = 66;
-  // recurse over the breadcrumb items until the containerWidth is less than or equal to the maxWidth
-  if (!list.length || containerWidth + EXPANDER_WIDTH <= maxWidth) {
-    return collapsedList;
-  }
-
-  const [firstCrumb, ...restList] = list;
-  const updatedCollapsedList = collapsedList.concat(firstCrumb);
-  const adjustedWidth = containerWidth - firstCrumb.width;
-  return buildCollapsedList(restList, adjustedWidth, maxWidth, updatedCollapsedList);
-};
-
-export const useBuildCollapsedList = <E extends HTMLElement>(
-  listEl: React.RefObject<E>,
-  children: React.ReactNode,
-  maxWidth: number
-) => {
-  const [collapsedItems, setCollapsedItems] = useState<Breadcrumb[]>([]);
-
-  useLayoutEffect(() => {
-    const listItemNodes = listEl.current ? listEl.current.querySelectorAll('li') : [];
-    const containerWidth = listEl.current ? listEl.current.clientWidth : 0;
-    const listItems: Breadcrumb[] = [];
-    Children.forEach(children, (child, index) => {
-      if (!React.isValidElement(child)) {
-        return;
-      }
-      const breadcrumbLink = getBreadcrumbLink(child);
-      // We should make this match work better
-      const listItemNode = listItemNodes[index];
-
-      // We might need to allow folks to spread more props from the link
-      listItems.push({
-        index: index, // TODO: use unique identifiers instead of indices
-        link: breadcrumbLink?.props?.href || '',
-        text: listItemNode ? listItemNode.innerText : '',
-        width: listItemNode ? listItemNode.clientWidth : 0,
-        onAction: breadcrumbLink?.props?.onAction,
-      } as Breadcrumb);
-    });
-
-    // don't collapse the root breadcrumb
-    const collapsibleListItems = listItems.slice(1);
-    const collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
-    setCollapsedItems(collapsedList);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [maxWidth]);
-
-  const collapsedItemIndices = collapsedItems.map(child => child.index);
-  return {collapsedItems, collapsedItemIndices};
-};
-
-export const useTruncateTooltip = (ref?: React.RefObject<HTMLSpanElement>) => {
-  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
-  const [shouldShowTooltip, setShouldShowTooltip] = useState(false);
-  useEffect(() => {
-    if (ref?.current) {
-      setShouldShowTooltip(ref.current.scrollWidth > ref.current.clientWidth);
-    }
-  }, [ref]);
-
-  const openTooltip = (event: React.MouseEvent | React.FocusEvent) => {
-    const {currentTarget} = event;
-    // if the target is truncated, show the tooltip
-    if (currentTarget.scrollWidth > currentTarget.clientWidth) {
-      setIsTooltipOpen(true);
-    }
-  };
-
-  const closeTooltip = () => {
-    setIsTooltipOpen(false);
-  };
-
-  const tooltipProps = {
-    role: 'tooltip',
-  };
-
-  return {
-    isTooltipOpen,
-    openTooltip,
-    closeTooltip,
-    shouldShowTooltip,
-    tooltipProps,
-  };
-};

package/breadcrumbs/lib/Breadcrumbs/List/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import {createComponent} from '@workday/canvas-kit-react/common';
-import {Flex} from '@workday/canvas-kit-react/layout';
-
-export type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
-
-export const BreadcrumbsList = createComponent('ul')({
-  displayName: 'BreadcrumbsList',
-  Component: (elemProps: BreadcrumbsListProps, ref, Element) => {
-    return (
-      <Flex
-        as={Element}
-        padding="zero"
-        margin="zero"
-        display="inline-flex"
-        alignItems="center"
-        minHeight={40}
-        listStyle="none"
-        style={{boxSizing: 'border-box'}}
-        role="list"
-        ref={ref}
-        {...elemProps}
-      />
-    );
-  },
-});

package/breadcrumbs/lib/Breadcrumbs/List/styles.ts

@@ -1,12 +0,0 @@
-import {CSSObject} from '@emotion/styled';
-
-// default max-width for truncating text
-const DEFAULT_MAX_WIDTH = 350;
-
-export const truncateStyles = (maxWidth: number = DEFAULT_MAX_WIDTH): CSSObject => ({
-  display: 'inline-block',
-  maxWidth,
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-});

package/breadcrumbs/lib/Breadcrumbs/Nav.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
-  /**
-   * The accessibility label to indicate the type of navigation.
-   *
-   * Suggested value: "breadcrumb"
-   */
-  'aria-label': string;
-}
-
-export const BreadcrumbsNav = ({'aria-label': ariaLabel, ...elemProps}: BreadcrumbsNavProps) => {
-  return <nav role="navigation" aria-label={ariaLabel} {...elemProps} />;
-};

package/breadcrumbs/lib/Breadcrumbs/hooks.ts

@@ -1,13 +0,0 @@
-import {
-  useTheme,
-  PartialEmotionCanvasTheme,
-  ContentDirection,
-} from '@workday/canvas-kit-react/common';
-
-export const useRTL = (partialTheme?: PartialEmotionCanvasTheme) => {
-  const theme = useTheme(partialTheme);
-  const shouldUseRTL = theme.canvas.direction === ContentDirection.RTL;
-  return {
-    shouldUseRTL,
-  };
-};

package/breadcrumbs/lib/Breadcrumbs/index.tsx

@@ -1,15 +0,0 @@
-import {CurrentItem} from './List/CurrentItem';
-import {BreadcrumbLink} from './List/Link';
-import {BreadcrumbsNav} from './Nav';
-import {CollapsibleList} from './List/Collapsible';
-import {BreadcrumbsListItem} from './List/ListItem';
-import {BreadcrumbsList} from './List';
-
-export const Breadcrumbs = {
-  Nav: BreadcrumbsNav,
-  CollapsibleList,
-  List: BreadcrumbsList,
-  ListItem: BreadcrumbsListItem,
-  Link: BreadcrumbLink,
-  CurrentItem,
-};

package/breadcrumbs/lib/Breadcrumbs/types.ts

@@ -1,7 +0,0 @@
-export interface Breadcrumb extends React.HTMLAttributes<HTMLAnchorElement> {
-  index: number;
-  link: string;
-  text: string;
-  width: number;
-  onAction?: (href: string) => void;
-}

package/breadcrumbs/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/commonjs/breadcrumbs",
-  "module": "../dist/es6/breadcrumbs",
-  "sideEffects": false,
-  "types": "../dist/es6/breadcrumbs"
-}

package/dist/commonjs/breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './lib/Breadcrumbs';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/commonjs/breadcrumbs/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/Breadcrumbs"), exports);

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
-export interface DropdownButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * The accessibility label for the button
-     */
-    'aria-label': string;
-    /**
-     * The Canvas System Icon for the button
-     *
-     * @default relatedActionsIcon
-     */
-    buttonIcon?: CanvasSystemIcon;
-    /**
-     * The boolean to determine whether the button should be in a 'toggled' state
-     */
-    toggled: boolean;
-}
-export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", DropdownButtonProps>;
-//# sourceMappingURL=Button.d.ts.map

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAClF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,4FA2BzB,CAAC"}