@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/amd/ListView-5bb45f81.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-5bb45f81.js","sources":["../../src/UNSAFE_ListView/ScrollPositionUtils.ts","../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Type for scroll position in ListView\n */\nexport type ListViewScrollPosition<K> = {\n  offsetY?: number;\n  key?: K;\n  y?: number;\n};\n\n/**\n * Returns the key for the row at the given index\n */\nconst getKeyForIndex = (root: HTMLElement, index: number) => {\n  if (root != null) {\n    const rowElements = root.querySelectorAll(`[role='row']`);\n    if (rowElements.length > index) {\n      return getKey(rowElements[index] as HTMLElement);\n    }\n  }\n  return null;\n};\n\nexport function getScrollPosition<K>(root: HTMLDivElement, newScrollTop?: number) {\n  // ensure scroll position y value is initialized\n  const scrollTop = Math.abs(newScrollTop == null ? root.scrollTop : newScrollTop);\n\n  const scrollPosition: ListViewScrollPosition<K> = {\n    y: scrollTop,\n    key: undefined,\n    offsetY: undefined\n  };\n\n  let rowBottom = 0;\n  const rowElements = root.querySelectorAll(`[role='row']`);\n  if (rowElements.length > 0) {\n    if (scrollTop === 0) {\n      scrollPosition.key = getKeyForIndex(root, 0) as K;\n      scrollPosition.offsetY = 0;\n      return scrollPosition;\n    }\n  }\n  for (let i = 0; i < rowElements.length; i++) {\n    const rowHeight = rowElements[i].getBoundingClientRect().height;\n    rowBottom += rowHeight;\n    if (scrollTop < rowBottom) {\n      scrollPosition.key = getKeyForIndex(root, i) as K;\n      scrollPosition.offsetY = rowHeight + scrollTop - rowBottom;\n      break;\n    }\n  }\n  return scrollPosition;\n}\n\n/**\n * Helper to set the scroll position on the ListView.\n */\nexport function setScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  const y = _getScrollTopFromScrollPosition(root, scrollPosition);\n  root.scrollTop = y != null ? y : 0;\n}\n\n/**\n * Helper to determine the 'y' value of a given scroll position.\n */\nfunction _getScrollTopFromScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  if (scrollPosition != null) {\n    let key;\n    let useRow = false;\n    if (scrollPosition.key != null) {\n      // key takes precedence over everything else\n      useRow = true;\n      key = scrollPosition.key;\n    } else if (scrollPosition.offsetY != null && scrollPosition.y == null) {\n      // offsetY can be used on its own if it is the only vertical aspect provided\n      useRow = true;\n      key = getScrollPosition(root).key;\n    }\n    if (useRow) {\n      if (key != null) {\n        let y = 0;\n        const rowElements = root.querySelectorAll(`[role ='row']`);\n        for (let i = 0; i < rowElements.length; i++) {\n          if (key === getKey(rowElements[i] as HTMLElement)) {\n            return y + (scrollPosition.offsetY != null ? scrollPosition.offsetY : 0);\n          }\n          y += rowElements[i].getBoundingClientRect().height;\n        }\n      }\n    } else if (scrollPosition.y != null) {\n      return scrollPosition.y;\n    }\n  }\n  // either nothing was provided, or what was provided was invalid\n  return undefined;\n}\n","import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { ITEM_SELECTOR } from '../utils/PRIVATE_collectionUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev?.children === next?.children && prev?.dragKey === next?.dragKey;\n    }\n    return false;\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { ITEM_SELECTOR, findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we \n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /* \n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.  \n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /* \n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard, \n      but should not be visible when the selection was done using mouse or touch. This would probably means menu \n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef, useLayoutEffect } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List } from '../PRIVATE_List';\nimport { ListProps, ListViewContextMenuConfig, ListViewHandle } from './List.types';\nimport {\n  getScrollPosition,\n  setScrollPosition,\n  ListViewScrollPosition\n} from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(props: Props<K, D>, ref?: ForwardedRef<ListViewHandle<K>>) => {\n    const { contextMenuConfig } = props;\n    const scrollPositionRef = useRef<ListViewScrollPosition<K>>();\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    // update scroll position if a new value is provided\n    useLayoutEffect(() => {\n      if (listRef.current && scrollPositionRef.current !== props.scrollPositionOverride) {\n        setScrollPosition(listRef.current, props.scrollPositionOverride);\n        scrollPositionRef.current = props.scrollPositionOverride;\n      }\n    }, [props.scrollPositionOverride]);\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {(context) => (\n                <MemoizeListViewReorderableItem\n                  {...reorderItemProps}\n                  itemKey={context.metadata.key}>\n                  {props.children(context)}\n                </MemoizeListViewReorderableItem>\n              )}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        <List\n          {...props}\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {props.children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ITEM_SELECTOR, dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scroller() || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["getKeyForIndex","root","index","rowElements","querySelectorAll","length","getKey","getScrollPosition","newScrollTop","scrollTop","Math","abs","scrollPosition","y","key","undefined","offsetY","rowBottom","i","rowHeight","getBoundingClientRect","height","setScrollPosition","useRow","_getScrollTopFromScrollPosition","MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","Menu","isOpen","itemsRenderer","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","scrollPositionRef","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","useImperativeHandle","focus","useLayoutEffect","scrollPositionOverride","isReorderEnabled","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollToVisible","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","scrollerRef","id","HiddenAccessible"],"mappings":"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"}

package/amd/LiveRegion-9a362373.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-b5cd4766'], (function(e,t,s,i,c){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:n="",timeout:o=100,type:u="polite"}){const a=function(e,t){const[i,c]=s.useState(""),n=s.useCallback((()=>c(e)),[e]),o=s.useCallback((()=>setTimeout(n,t)),[n,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(n,o),r=c.useTestId(e);return t.jsx("span",{"aria-live":u,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:a})}}));
+//# sourceMappingURL=LiveRegion-9a362373.js.map

package/amd/LiveRegion-9a362373.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion-9a362373.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/LoadMoreCollection-83413a59.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './Collection-46cfa244', './useViewportIntersect-b2d47a4b'], (function(e,o,t,r,n){"use strict";const i="oj-collection-loadmore",s=`.${i}`;e.LOADMORE_STYLE_CLASS=i,e.LoadMoreCollection=function({data:e,children:i,viewportConfig:c,hasMore:a,onLoadMore:l,loadMoreIndicator:d,suggestions:u,loadMoreThreshold:h=1}){return n.useViewportIntersect(c,Math.max(h,1),0,s,(()=>{e&&l()})),e?o.jsxs(t.Fragment,{children:[u,o.jsx(r.Collection,{items:e,children:i}),a&&d]}):o.jsx("div",{})}}));
+//# sourceMappingURL=LoadMoreCollection-83413a59.js.map

package/amd/LoadMoreCollection-83413a59.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-83413a59.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"6IA4Da,MAAAA,EAAuB,yBAG9BC,EAAqB,IAAID,kDAMzB,UAAgCE,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAfqB,IA+BrB,OAbAC,uBACEN,EACAO,KAAKC,IAAIH,EApBU,GAqBnB,EACAR,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}

package/amd/MaxLengthLiveRegion-bb956138.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-d07d4b20', './LiveRegion-9a362373'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({maxLength:e,testId:a,valueLength:r=0}){const s=t.useDebounce(e-r,500),u=i.useTranslationBundle("@oracle/oraclejet-preact").formControl_maxLengthRemaining({CHARACTER_COUNT:`${s}`});return n.jsx(o.LiveRegion,{testId:a,children:u})}}));
+//# sourceMappingURL=MaxLengthLiveRegion-bb956138.js.map

package/amd/MaxLengthLiveRegion-bb956138.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxLengthLiveRegion-bb956138.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return <LiveRegion testId={testId}>{remainingCharsTranslatedString}</LiveRegion>;\n}\n"],"names":["maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","remainingCharsTranslatedString","useTranslationBundle","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsx","LiveRegion","children"],"mappings":"mLAaM,UAA8BA,UAAEA,EAASC,OAAEA,EAAMC,YAAEA,EAAc,IAMrE,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAR1B,KAUxBG,EADeC,uBAAiC,4BACFC,+BAA+B,CACjFC,gBAAiB,GAAGL,MAGtB,OAAOM,EAAAA,IAACC,EAAAA,WAAW,CAAAT,OAAQA,EAAMU,SAAGN,GACtC"}

package/amd/Menu-5d447084.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './Dropdown-4b421eff', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-85c781ea', './MenuItem-87cd59b8', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-3a316499', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Sheet-46782f99', './useModal-536cb7ff', './Layer-447c68e6', './LayerHost-e95c5f30', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,n,s,t,o,r,a,u,l,c,i,d,m,f,p,h,b){"use strict";const y=({children:e,"aria-label":s,currentFocus:t="menu",display:d,closeSubmenu:m,menuId:f,menuLevel:p,anchorRef:h})=>{const{onClose:b,testId:y}=l.useMenuContext(),{direction:v}=u.useUser(),x=o.useRef(null),k=o.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),[C,S]=o.useState(),[g,w]=o.useState(!1),[j,E]=o.useState(!1),F=o.useCallback((e=>{S(e.key),"keyboard"===e.reason?w(!0):w(!1)}),[]),I=o.useCallback((()=>{const e=n=>{const s=l.keyElemExtractor(n.target),t=s?.key,o=s?.elem;if(t&&o){k.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),x.current?.removeEventListener("mousemove",e)}};x.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:L}=function(e,n,s,t,r){const a=o.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:t})),[n,e,s,t]),u=o.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const s=n();s&&r({key:s,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(l.getPrevNext(x.current,!0,C),l.getPrevNext(x.current,!1,C),(()=>l.getNVisible(x.current,0)),(()=>l.getLastVisible(x.current)),F);o.useEffect((()=>{const e=x.current;let n;if("none"!==t&&e)if("menu"===t){F({key:void 0,reason:"click"});const s=()=>{e.focus()};"sheet"===d?s():n=setTimeout((()=>{s()}),M)}else if("firstItem"===t){const e=l.getNVisible(x.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===t){const e=l.getNVisible(x.current,1);e&&F({key:e,reason:"keyboard"})}return()=>{clearTimeout(n)}}),[F,t,p,d,h]),o.useEffect((()=>{I()}),[I]);const P=i.useTestId(y);return n.jsx("div",{...f&&{id:f},ref:x,tabIndex:C||"main"!==p&&"sheet"!==d?-1:0,role:"menu","aria-label":s,class:a.classNames([c.menuStyles.menuContainerStyle,c.menuStyles[`${d}MenuContainerStyle`]]),...r.mergeProps(L,l.getKeyboardCloseProps(b,p),l.getCloseSubmenuEvent(v,m),l.getMenuContainerFocusMethods((()=>{x.current?.contains(document.activeElement)||(w(!1),E(!1))}),(()=>{E(!0)})),l.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(k.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),x.current?.focus())})),l.getMenuPointerDown()),...P,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:x,currentKey:C,showFocusRing:g,changeKey:F,menuContainerGeneralInformation:k,isContainerFocused:j},children:e})})},M=0,v=s.forwardRef((({anchorRef:e,defaultPlacement:o,offsetValue:r,closeSubmenu:a,children:u,"aria-label":c,currentFocus:i,menuId:m,menuLevel:f,flipOptions:p,isOpen:h},b)=>{const{onClose:M}=l.useMenuContext(),v=s.useCallback((e=>{if("sub"!==f&&"outsideMousedown"===e.reason){const n=l.keyElemExtractor(e.target)?.key;n||M?.({reason:"outsideClick",target:e.target})}}),[M,f]);return n.jsx(t.Dropdown,{onClose:v,isOpen:h,placement:o,anchorRef:e,flipOptions:p,offset:r,shiftOptions:{mainAxis:!1,crossAxis:!1},children:n.jsx("div",{class:d.dropdownMenuStyles.base,style:{minWidth:x},ref:b,children:n.jsx(y,{menuLevel:f,closeSubmenu:a,"aria-label":c,currentFocus:i,menuId:m,display:"dropdown",anchorRef:e,children:u})})})})),x=200,k=({children:e})=>n.jsx("div",{class:b.sheetMenuStyles.modalWrapper,children:e}),C=s.forwardRef((({children:e},s)=>n.jsx("div",{class:b.sheetMenuStyles.modalContainer,ref:s,children:e}))),S=({backdropVisible:e=!1})=>n.jsx("div",{class:a.classNames([b.sheetMenuStyles.modalBackdrop,e&&b.sheetMenuStyles.modalBackdropVisible])}),g=({children:e,"aria-label":s,currentFocus:t,anchorRef:r,closeSubmenu:a,menuLevel:u})=>{const{onClose:c}=l.useMenuContext();o.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const i=o.useCallback((()=>{c?.({reason:"dismissed"})}),[c]),{backdropRef:d}=f.useModal({isOpen:!0,onBackdropClick:i}),{swipeProps:h}=m.useSheetSwipe(i);return n.jsx(p.Layer,{logicalParentRef:r,children:n.jsxs(k,{children:[n.jsx(S,{backdropVisible:"main"===u}),n.jsx(C,{ref:d,children:n.jsx("div",{class:b.sheetMenuStyles.sheetMenuContainerWrapper,...h,children:n.jsx(y,{"aria-label":s,currentFocus:t,display:"sheet",closeSubmenu:a,menuLevel:u,children:e})})})]})})},w=l.getIsMobile();e.DropdownMenu=v,e.Menu=({onClose:e,isOpen:s,testId:t,initialFocus:o="menu",placement:r,offsetValue:a,...u})=>n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:w,testId:t},children:n.jsx(n.Fragment,{children:w?n.jsx(n.Fragment,{children:s?n.jsx(g,{...u,currentFocus:o,menuLevel:"main"}):null}):n.jsx(v,{...u,isOpen:s,currentFocus:o,menuLevel:"main",defaultPlacement:r,offsetValue:a,flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}})})}),e.SheetMenu=g}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './Dropdown-abcacf49', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-3ef25571', './MenuItem-87cd59b8', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-b5cd4766', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './Sheet-0b58b0a5', './useModal-536cb7ff', './Layer-6f29b67f', './LayerHost-639b3284', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,n,s,t,o,r,a,u,l,c,i,d,m,f,b,p,h){"use strict";const y=({children:e,"aria-label":s,currentFocus:t="menu",display:d,closeSubmenu:m,menuId:f,menuLevel:b,anchorRef:p})=>{const{onClose:h,testId:y}=l.useMenuContext(),{direction:v}=u.useUser(),x=o.useRef(null),k=o.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),[C,S]=o.useState(),[g,w]=o.useState(!1),[j,E]=o.useState(!1),F=o.useCallback((e=>{S(e.key),"keyboard"===e.reason?w(!0):w(!1)}),[]),I=o.useCallback((()=>{const e=n=>{const s=l.keyElemExtractor(n.target),t=s?.key,o=s?.elem;if(t&&o){k.current.wasMouseMoved=!0;const n=new MouseEvent("mouseenter");o.dispatchEvent(n),x.current?.removeEventListener("mousemove",e)}};x.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:L}=function(e,n,s,t,r){const a=o.useMemo((()=>({ArrowDown:n,ArrowUp:e,Home:s,End:t})),[n,e,s,t]),u=o.useCallback((e=>{if(r){const n=a[e.key];if(n&&!e.shiftKey){const s=n();s&&r({key:s,reason:"keyboard"}),e.preventDefault()}}}),[r,a]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(l.getPrevNext(x.current,!0,C),l.getPrevNext(x.current,!1,C),(()=>l.getNVisible(x.current,0)),(()=>l.getLastVisible(x.current)),F);o.useEffect((()=>{const e=x.current;let n;if("none"!==t&&e)if("menu"===t){F({key:void 0,reason:"click"});const s=()=>{e.focus()};"sheet"===d?s():n=setTimeout((()=>{s()}),M)}else if("firstItem"===t){const e=l.getNVisible(x.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===t){const e=l.getNVisible(x.current,1);e&&F({key:e,reason:"keyboard"})}return()=>{clearTimeout(n)}}),[F,t,b,d,p]),o.useEffect((()=>{I()}),[I]);const P=i.useTestId(y);return n.jsx("div",{...f&&{id:f},ref:x,tabIndex:C||"main"!==b&&"sheet"!==d?-1:0,role:"menu","aria-label":s,class:a.classNames([c.menuStyles.menuContainerStyle,c.menuStyles[`${d}MenuContainerStyle`]]),...r.mergeProps(L,l.getKeyboardCloseProps(h,b),l.getCloseSubmenuEvent(v,m),l.getMenuContainerFocusMethods((()=>{x.current?.contains(document.activeElement)||(w(!1),E(!1))}),(()=>{E(!0)})),l.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(k.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),x.current?.focus())})),l.getMenuPointerDown()),...P,children:n.jsx(l.MenuContainerContext.Provider,{value:{menuContainerRef:x,currentKey:C,showFocusRing:g,changeKey:F,menuContainerGeneralInformation:k,isContainerFocused:j},children:e})})},M=0,v=s.forwardRef((({anchorRef:e,defaultPlacement:o,offsetValue:r,closeSubmenu:a,children:u,"aria-label":c,currentFocus:i,menuId:m,menuLevel:f,flipOptions:b,isOpen:p},h)=>{const{onClose:M}=l.useMenuContext(),v=s.useCallback((e=>{if("sub"!==f&&"outsideMousedown"===e.reason){const n=l.keyElemExtractor(e.target)?.key;n||M?.({reason:"outsideClick",target:e.target})}}),[M,f]);return n.jsx(t.Dropdown,{onClose:v,isOpen:p,placement:o,anchorRef:e,flipOptions:b,offset:r,shiftOptions:{mainAxis:!1,crossAxis:!1},children:n.jsx("div",{class:d.dropdownMenuStyles.base,style:{minWidth:x},ref:h,children:n.jsx(y,{menuLevel:f,closeSubmenu:a,"aria-label":c,currentFocus:i,menuId:m,display:"dropdown",anchorRef:e,children:u})})})})),x=200,k=({children:e})=>n.jsx("div",{class:h.sheetMenuStyles.modalWrapper,children:e}),C=s.forwardRef((({children:e},s)=>n.jsx("div",{class:h.sheetMenuStyles.modalContainer,ref:s,children:e}))),S=({backdropVisible:e=!1})=>n.jsx("div",{class:a.classNames([h.sheetMenuStyles.modalBackdrop,e&&h.sheetMenuStyles.modalBackdropVisible])}),g=({children:e,"aria-label":s,currentFocus:t,anchorRef:r,closeSubmenu:a,menuLevel:u})=>{const{onClose:c}=l.useMenuContext();o.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const i=o.useCallback((()=>{c?.({reason:"dismissed"})}),[c]),{backdropRef:d}=f.useModal({isOpen:!0,onBackdropClick:i}),{swipeProps:p}=m.useSheetSwipe(i);return n.jsx(b.Layer,{logicalParentRef:r,children:n.jsxs(k,{children:[n.jsx(S,{backdropVisible:"main"===u}),n.jsx(C,{ref:d,children:n.jsx("div",{class:h.sheetMenuStyles.sheetMenuContainerWrapper,...p,children:n.jsx(y,{"aria-label":s,currentFocus:t,display:"sheet",closeSubmenu:a,menuLevel:u,children:e})})})]})})},w=l.getIsMobile();e.DropdownMenu=v,e.Menu=({onClose:e,isOpen:s,testId:t,initialFocus:o="menu",placement:r,offsetValue:a,...u})=>n.jsx(l.MenuContext.Provider,{value:{onClose:e,isMobile:w,testId:t},children:n.jsx(n.Fragment,{children:w?n.jsx(n.Fragment,{children:s?n.jsx(g,{...u,currentFocus:o,menuLevel:"main"}):null}):n.jsx(v,{...u,isOpen:s,currentFocus:o,menuLevel:"main",defaultPlacement:r,offsetValue:a,flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}})})}),e.SheetMenu=g}));
 //# sourceMappingURL=Menu-5d447084.js.map

package/amd/MenuButton-410aa4e1.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-2e0e8d09', './ChevronDown-64f938c5', './Menu-5d447084', './MenuItem-87cd59b8', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useMenuAction-700f6c20', './BaseButton-19a622bc'], (function(e,t,o,s,n,a,r,u,i,l,c,d,p,h,M,f,m,y,b,S,T,g,B,x){"use strict";const v=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:M="md",type:f="button",width:m,icon:y,testId:b,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:j}=B.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),C={type:"button",buttonType:f},D={onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},N=t.jsx(x.BaseButton,{...i.mergeProps(L,D),styling:p?["min","active"]:["min"],elementDetails:C,isDisabled:d,variant:c,width:m,size:M,ref:I,testId:b,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(o.ButtonLabelLayout,{display:"all",suffix:l,startIcon:y,endIcon:t.jsx(s.SvgChevronDown,{}),size:M,children:a})});return d?N:t.jsxs(u.Fragment,{children:[N,t.jsx(n.Menu,{...j,"aria-label":a,offsetValue:4,children:e})]})}));v.displayName="MenuButton",e.MenuButton=v}));
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-2e0e8d09', './ChevronDown-64f938c5', './Menu-5d447084', './MenuItem-87cd59b8', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useMenuAction-700f6c20', './BaseButton-19a622bc'], (function(e,t,o,s,n,a,r,u,i,l,c,d,p,h,b,M,m,y,f,S,T,g,B,x){"use strict";const v=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:b="md",type:M="button",width:m,icon:y,testId:f,"aria-describedby":S,onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:j}=B.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),C={type:"button",buttonType:M},D={onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},N=t.jsx(x.BaseButton,{...i.mergeProps(L,D),styling:p?["min","active"]:["min"],elementDetails:C,isDisabled:d,variant:c,width:m,size:b,ref:I,testId:f,"aria-label":l?`${a} ${l}`:a,"aria-describedby":S,children:t.jsx(o.ButtonLabelLayout,{display:"all",suffix:l,startIcon:y,endIcon:t.jsx(s.SvgChevronDown,{}),size:b,children:a})});return d?N:t.jsxs(u.Fragment,{children:[N,t.jsx(n.Menu,{...j,"aria-label":a,offsetValue:4,children:e})]})}));v.displayName="MenuButton",e.MenuButton=v}));
 //# sourceMappingURL=MenuButton-410aa4e1.js.map

package/amd/MenuItem-87cd59b8.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-cd61a065', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-85c781ea', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-76a64325', 'preact', 'preact/compat', './clientHints-4f5a07b0', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,l,c,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},b=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},v=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(v)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:v=!1,variant:I="standard",type:w,hoverInfo:j,openSubmenu:S,menuItemLabelWeight:T="normal",isSubmenuOpen:P,submenuId:R,submenuRef:E,itemKey:F},L)=>{const{onClose:A}=x(),{currentKey:D,changeKey:K,showFocusRing:N,menuContainerRef:U,menuContainerGeneralInformation:O,isContainerFocused:q}=k(),B=t.useRef(null),{direction:G}=i.useUser(),H=D===e,V=t.useCallback((e=>{"submenu"!==w&&A?.({reason:"itemAction"}),p?.(e)}),[w,A,p]),{hoverProps:z}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&O.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),O.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),K({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(U.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(O.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:W}=u.usePress(V,{isDisabled:v});t.useLayoutEffect((()=>{H&&B.current?.focus()}),[H]);const{interactionProps:$}=m.useInteractionStyle({isDisabled:v}),{classes:_,styles:{iconLabelContainer:J,iconContainer:Q,startIconContainer:X,labelContainer:Y,endIconContainer:Z}}=l.useComponentTheme(h.MenuItemRedwoodTheme,{current:H?"isCurrent":"notCurrent",focusRing:N?"isFocusRing":"notFocusRing",variant:v?"disabled":I,containerFocused:q?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),ee=c.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ne,...te}=ee({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ee({flex:"0 0 auto",alignSelf:"center"}),se=r.classNames([oe,J,Q,X]),ae=r.classNames([ne,J,Y]),ue=r.classNames([oe,J,Q,Z]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{B.current=e,"function"==typeof L?L(e):L&&(L.current=e)},"data-oj-label":s,"data-oj-key":F,class:_,...a.mergeProps($,z,W,b(G,S),(ie=e,le=K,{onClick:()=>{le({key:ie,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":"bold"===T||!!P},...v&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:H?0:-1,children:[f&&n.jsx("span",{style:re,class:se,children:f}),n.jsx("span",{style:te,class:ae,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:T,children:s})}),g&&n.jsx("span",{style:re,class:ue,children:g})]})});var ie,le}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=v,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Text-cd61a065', './classNames-08d99695', './useId-c9578d26', './mergeProps-bcfa6a92', './usePress-949a0d03', './useUser-3ef25571', './useComponentTheme-5aa41a8f', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './useInteractionStyle-76a64325', 'preact', 'preact/compat', './clientHints-4f5a07b0', './useToggle-a29f97af', './UNSAFE_Menu/themes/redwood/MenuItemTheme'], (function(e,n,t,o,r,s,a,u,i,l,c,d,m,p,f,g,y,h){"use strict";const C=e=>e.dataset.ojMenuItemKey,M=e=>{const n=e.closest("[data-oj-menu-item-key]");if(n){const e=C(n);return void 0===e?null:{key:e,elem:n}}return null},b=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{"ltr"===e?"ArrowRight"===t.key&&n?.():"ArrowLeft"===t.key&&n?.()}}},v=p.createContext({isMobile:!1,onClose:()=>null,testId:""});function x(){return t.useContext(v)}const I=p.createContext({menuContainerRef:{current:null},currentKey:void 0,showFocusRing:!1,changeKey:()=>{},isContainerFocused:!1,menuContainerGeneralInformation:{current:{wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}}});function k(){return t.useContext(I)}const w=f.forwardRef((({id:e,label:s,onAction:p,startIcon:f,endIcon:g,role:C,isChecked:M,isDisabled:v=!1,variant:I="standard",type:w,hoverInfo:j,openSubmenu:S,menuItemLabelWeight:T="normal",isSubmenuOpen:P,submenuId:R,submenuRef:E,itemKey:F},L)=>{const{onClose:A}=x(),{currentKey:D,changeKey:K,showFocusRing:N,menuContainerRef:U,menuContainerGeneralInformation:O,isContainerFocused:q}=k(),B=t.useRef(null),{direction:G}=i.useUser(),H=D===e,V=t.useCallback((e=>{"submenu"!==w&&A?.({reason:"itemAction"}),p?.(e)}),[w,A,p]),{hoverProps:z}=function(e){const{bool:n,setTrue:t,setFalse:o}=y.useToggle(!1);return{hoverProps:{ontouchend:t,onMouseEnter:t=>{n?o():e.onMouseEnter(t)},onMouseLeave:n=>{e.onMouseLeave(n)}}}}({onMouseEnter:n=>{j?.hoverStatus.current.recentClose||j?.hoverStatus.current.pendingUnhover||(j&&O.current.wasMouseMoved&&(j.hoverStatus.current.pendingUnhover=!0),O.current.wasMouseMoved&&(j?.hoverProps.onMouseEnter(n),K({key:e,reason:"mouseEnter"})))},onMouseLeave:e=>{j&&(j.hoverStatus.current.pendingUnhover=!1),(U.current?.contains(e.relatedTarget)||E?.current?.parentElement?.contains(e.relatedTarget))&&(O.current.lastMouseLeaveMenuItemdRelatedTarget=e.relatedTarget)}}),{pressProps:W}=u.usePress(V,{isDisabled:v});t.useLayoutEffect((()=>{H&&B.current?.focus()}),[H]);const{interactionProps:$}=m.useInteractionStyle({isDisabled:v}),{classes:_,styles:{iconLabelContainer:J,iconContainer:Q,startIconContainer:X,labelContainer:Y,endIconContainer:Z}}=l.useComponentTheme(h.MenuItemRedwoodTheme,{current:H?"isCurrent":"notCurrent",focusRing:N?"isFocusRing":"notFocusRing",variant:v?"disabled":I,containerFocused:q?"isContainerFocused":"notContainerFocused",submenuOpen:P?"isSubmenuOpen":"notSubmenuOpen"}),ee=c.mergeInterpolations([...Object.values(d.flexitemInterpolations)]),{class:ne,...te}=ee({flex:"1 1 auto",alignSelf:"center"}),{class:oe,...re}=ee({flex:"0 0 auto",alignSelf:"center"}),se=r.classNames([oe,J,Q,X]),ae=r.classNames([ne,J,Y]),ue=r.classNames([oe,J,Q,Z]);return n.jsx("div",{role:"presentation",...void 0!==R&&"submenu"===w&&{"aria-owns":R},children:n.jsxs("a",{ref:e=>{B.current=e,"function"==typeof L?L(e):L&&(L.current=e)},"data-oj-label":s,"data-oj-key":F,class:_,...a.mergeProps($,z,W,b(G,S),(ie=e,le=K,{onClick:()=>{le({key:ie,reason:"click"})}})),role:C,"data-oj-menu-item-key":e,..."submenu"===w&&{"aria-haspopup":!0,"aria-expanded":"bold"===T||!!P},...v&&{"aria-disabled":!0},..."select"===w&&{"aria-checked":!!M},tabIndex:H?0:-1,children:[f&&n.jsx("span",{style:re,class:se,children:f}),n.jsx("span",{style:te,class:ae,children:n.jsx(o.Text,{variant:"inherit",size:"md",weight:T,children:s})}),g&&n.jsx("span",{style:re,class:ue,children:g})]})});var ie,le}));e.BaseMenuItem=w,e.MenuContainerContext=I,e.MenuContext=v,e.MenuItem=function(e){const o=s.useId(),r=t.useMemo((()=>`oj-menu-item-${o}`),[o]);return n.jsx(w,{...e,role:"menuitem",type:"simple",id:r})},e.getCloseSubmenuEvent=(e,n)=>{if(!n)return{};return{onKeyDown:t=>{("Escape"===t.key||"ltr"===e&&"ArrowLeft"===t.key||"rtl"===e&&"ArrowRight"===t.key)&&(t.stopPropagation(),n?.())}}},e.getIsMobile=()=>{const{deviceType:e}=g.getClientHints();return"phone"===e},e.getKeyboardCloseProps=(e,n)=>({onKeyDown:t=>{"Tab"===t.key?(t.stopPropagation(),e?.({reason:"dismissed"}),t.preventDefault()):"Escape"===t.key&&"main"===n&&(t.stopPropagation(),e?.({reason:"dismissed"}))}}),e.getLastVisible=e=>{if(e){const n=e.querySelectorAll("[data-oj-menu-item-key]"),t=n[n.length-1];if(t){const e=C(t);if(e)return e}}return null},e.getMenuContainerFocusMethods=(e,n)=>({onBlur:()=>{setTimeout((()=>{e()}),100)},onFocus:()=>{n()}}),e.getMenuContainerMouseLeave=e=>({onMouseLeave:n=>{e(n)}}),e.getMenuPointerDown=()=>({onPointerDown:e=>{const n=M(e.target);n?.key||e.preventDefault()}}),e.getNVisible=(e,n)=>{if(e){const t=e.querySelectorAll("[data-oj-menu-item-key]")[n];if(t){const e=C(t);if(e)return e}}return null},e.getPrevNext=(e,n,t)=>()=>{if(e){const o=Array.from(e.querySelectorAll("[data-oj-menu-item-key]"));let r=o.findIndex((e=>C(e)===t))+(n?-1:1);const s=o.length-1;r<0&&(r=s),r>s&&(r=0);const a=C(o[r]);return a||null}return null},e.keyElemExtractor=M,e.useMenuContainerContext=k,e.useMenuContext=x}));
 //# sourceMappingURL=MenuItem-87cd59b8.js.map

package/amd/Message-621fb578.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-04d8a398', './IconButton-ae9a01ce', './useTranslationBundle-516b1b83', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './utils-5077c092'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,y,v){"use strict";function f({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function p({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function x(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function b({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??x)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:x="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(x),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&y.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==x&&y.severityBasedStyleClass(B,I),"sectionBanner"===x&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(p,{item:c,renderer:i}):h(B)?s.jsx(y.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:v.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(y.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==x&&s.jsx(S,{variant:I,value:k})]}),s.jsx(b,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(f,{variant:I,onAction:N})]})})},e.MessageCloseButton=f,e.MessageDetail=b,e.MessageTimestamp=S}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-3421f0df', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-04d8a398', './IconButton-ae9a01ce', './useTranslationBundle-d07d4b20', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './utils-5077c092'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,y,f){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function p({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function x(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function b({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??x)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:x="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(x),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&y.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==x&&y.severityBasedStyleClass(B,I),"sectionBanner"===x&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(p,{item:c,renderer:i}):h(B)?s.jsx(y.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:f.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(y.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==x&&s.jsx(S,{variant:I,value:k})]}),s.jsx(b,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=b,e.MessageTimestamp=S}));
 //# sourceMappingURL=Message-621fb578.js.map

package/amd/MessageLayer-8bac8c50.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-3421f0df', './WindowOverlay-43c10424', './useUser-3ef25571', './Layer-6f29b67f', 'preact/compat', './LayerHost-639b3284'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let p;p="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:d}=r.useUser(),m="ltr"===d;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:p,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
+//# sourceMappingURL=MessageLayer-8bac8c50.js.map

package/amd/MessageLayer-8bac8c50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLayer-8bac8c50.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}

package/amd/MessageToast-06773c79.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-e95c5f30', './EnvironmentProvider-8f6fc388', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-516b1b83', './Message-621fb578', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-3a316499', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './Flex-56ecdf4c', './FocusTrap-60520575', './LiveRegion-8142ed0d', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-ba56f7e2'], (function(e,s,t,n,o,a,r,i,l,c,u,d,g,m,f,h,p,y,M,v,x,T,R,F,b,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:h,offset:p,position:y,testId:M}){const v=f.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=a.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setTimeout((()=>K.restorePriorFocus()),0));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:16+("number"==typeof p?p:p?.vertical??0)},lg:{horizontal:"number"==typeof p?p:p?.horizontal??0,vertical:24+("number"==typeof p?p:p?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(b.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(F.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:F.getRenderer(e,n,d),iconRenderer:F.getRenderer(e,i,d),onClose:h,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './LayerHost-639b3284', './EnvironmentProvider-c0e1e39b', './useMessagesFocusManager-8777bce0', './useBreakpointValues-3a067093', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './useTranslationBundle-d07d4b20', './Message-621fb578', 'preact', './utils-5077c092', './useComponentTheme-5aa41a8f', './useTestId-b5cd4766', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-e5bdb734', 'css!./IconStyle.styles.css', './IconButton-ae9a01ce', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './Flex-3421f0df', './FocusTrap-60520575', './LiveRegion-9a362373', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './MessageLayer-8bac8c50'], (function(e,s,t,n,o,a,r,i,l,c,u,d,g,m,h,p,f,y,M,v,x,T,R,b,F,k,C,S,j){"use strict";const E={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},U={opacity:0};e.MessageToast=function({data:e,detailRendererKey:n,iconRendererKey:i,renderers:d,onClose:p,offset:f,position:y,testId:M}){const v=h.useTestId(M),x=t.useRef(new Map),T=t.useRef(null),R=t.useRef(null),I=t.useRef(null),[L,w]=t.useState(),[B,_]=t.useState(e.length>0),[z,A]=t.useState(!1),N=c.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=l.useMessagesContext(),$=t.useRef(e.length),H=t.useRef(0);$.current=e.length,t.useImperativeHandle(I,(()=>({focus:()=>!!e.length&&(T.current=x.current.get(e[0].key)??null,A(!0),!0),contains:s=>!(!e.length||!s)&&(R.current?.contains(s)??!1)})),[e]);const{controller:K,handlers:P}=a.useMessageFocusManager(I,{onFocus:t.useCallback((()=>{w(N.message_navigationFromMessagesRegion())}),[N]),onFocusLeave:t.useCallback((()=>{A(!1)}),[])},{handleEscapeKey:!1}),W=t.useCallback(((s,t,n)=>{const o=n?.contains(document.activeElement);if(0===$.current)return _(!1),A(!1),void(o&&setTimeout((()=>K.restorePriorFocus()),0));const a=t+1<e.length?t+1:t-1;if(a>-1&&o){const s=e[a].key;x.current.get(s)?.focus()}}),[K,e]),D=t.useCallback((e=>s=>x.current.set(e,s)),[]);t.useEffect((()=>{const s=H.current;if(H.current=e.length,e.length)return _(!0),e.length>s&&w(N.message_navigationToMessagesRegion()),void K.prioritize();w(s?N.messageToast_allMessagesClosed():"")}),[K,e.length,N]);const q=r.useBreakpointValues({sm:`calc(100vw - ${g.xUnits(8)})`,md:`calc(100vw - ${g.xUnits(12)})`,lg:`calc(150 * ${g.xUnits(1)})`}),G=r.useBreakpointValues({sm:{horizontal:"number"==typeof f?f:f?.horizontal??0,vertical:16+("number"==typeof f?f:f?.vertical??0)},lg:{horizontal:"number"==typeof f?f:f?.horizontal??0,vertical:24+("number"==typeof f?f:f?.vertical??0)}}),{classes:J}=m.useComponentTheme(S.MessageToastRedwoodTheme);return B||0!==e.length?s.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[s.jsx(j.MessageLayer,{offset:G,position:y,children:s.jsx("div",{class:J,ref:R,tabIndex:-1,id:V,...P,...v,children:s.jsx(k.FocusTrap,{autoFocusRef:T,isDisabled:!z,children:s.jsx(F.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:q,children:s.jsx(b.MessagesManager,{animationStates:E,initialAnimationStyles:U,data:e,onMessageWillRemove:W,children:({item:e})=>s.jsx(u.Message,{messageRef:D(e.key),item:e,detailRenderer:b.getRenderer(e,n,d),iconRenderer:b.getRenderer(e,i,d),onClose:p,variant:"toast"},e.key)})})})})}),s.jsx(C.LiveRegion,{children:L})]}):s.jsx(C.LiveRegion,{children:L})}}));
 //# sourceMappingURL=MessageToast-06773c79.js.map

package/amd/MessagesManager-d5686336.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-c5d520d2', './ErrorS-d2efaf06', './InformationS-2f6b535d', './WarningS-2b4729ba', './Flex-56ecdf4c', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-516b1b83', './useTestId-3a316499', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5a74955f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const I=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=b[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){I(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){I(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './SuccessS-c5d520d2', './ErrorS-d2efaf06', './InformationS-2f6b535d', './WarningS-2b4729ba', './Flex-3421f0df', './PRIVATE_Message/themes/MessageStyles.css', './useTranslationBundle-d07d4b20', './useTestId-b5cd4766', './logger-0f873e29', './soundUtils-f6535f03', './MessageFormattingUtils-2e19d8de', 'preact', 'preact/hooks', './TransitionGroup-3b9d81b6', './useAnimation-5a74955f', './MessagesContext-602a69a2', './useMessagesContext-1395a997', './Transition-04efcc49'], (function(e,n,t,a,s,i,r,o,c,l,u,d,g,m,f,y,S,v,x,h,p){"use strict";const b={confirmation:a.SvgSuccessS,error:s.SvgErrorS,info:i.SvgInformationS,warning:r.SvgWarningS};const I=(e,n="common")=>d.warn(`JET Message(${n}): ${e}`);function j(e,n="common"){throw new Error(`JET Message(${n}) - ${e}`)}const E={};function M({animationStates:e=E,initialAnimationStyles:t,onEntering:a,onExiting:s,...i}){const[r,o]=y.useState("entering"),c=y.useRef(),l=y.useRef(),{controller:u,nodeRef:d}=v.useAnimation(r,{animationStates:e,isAnimatedOnMount:!0,onAnimationEnd:y.useCallback((()=>{c.current?.(),c.current=void 0,l.current?.(),l.current=void 0}),[])}),{addBusyState:g}=h.useMessagesContext(),m=y.useCallback(((n,t,s)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,a?.(n,void 0,s),o("entering"),void 0!==e.entering||void 0!==e["exiting => entering"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,a]),f=y.useCallback(((n,t,a)=>{c.current&&(c.current=void 0,u.cancel()),l.current?.(),l.current=void 0,s?.(n,void 0,a),o("exiting"),void 0!==e.exiting||void 0!==e["entering => exiting"]?(c.current=t,l.current=g?.("messages animating")):t?.()}),[e,u,g,s]);return y.useLayoutEffect((()=>()=>l.current?.()),[]),n.jsx("div",{ref:d,style:t,children:n.jsx(p.Transition,{...i,onEntering:m,onExiting:f})})}e.MessageStartIcon=function({severity:e,testId:a,variant:s="banner"}){const i=b[e],r=l.useTranslationBundle("@oracle/oraclejet-preact"),d={confirmation:r.message_confirmation(),error:r.message_error(),info:r.message_info(),warning:r.message_warning()},g=u.useTestId(a),m="inline"!==s?n.jsx(o.Flex,{align:"center",height:"100%",children:n.jsx("span",{class:c.startIconContainerStyles[s],role:"img","aria-label":d[e],children:n.jsx(i,{})})}):n.jsx("span",{class:c.startIconContainerStyles.inline,role:"img","aria-label":d[e],children:n.jsx(i,{})});return n.jsx("div",{class:t.classNames([c.messageStartIconStyles.base,c.messageStartIconStyles[s],c.severityIconStyles[s]]),role:"presentation",...g,children:m})},e.MessageSummary=function({"aria-level":e,role:a,text:s,testId:i,variant:r="banner"}){const o=u.useTestId(i),l=t.classNames([c.messageSummaryStyles.base,c.messageSummaryStyles[r]]);return n.jsx("div",{"aria-level":e,role:a,class:l,...o,children:s})},e.MessagesManager=function({data:e,animationStates:t,children:a,initialAnimationStyles:s,onMessageWillRemove:i}){const r=y.useCallback((async(e,n)=>{n&&i?.(n.key,n.index,e)}),[i]);return n.jsx(S.TransitionGroup,{elementType:f.Fragment,children:e.map(((e,i)=>n.jsx(M,{animationStates:t,initialAnimationStyles:s,metadata:{index:i,key:e.key},onExited:r,children:a?.({index:i,item:e})},e.key)))})},e.getRenderer=function(e,n,t,a){if(!n||!t)return;const s="function"==typeof n?n(e):n;return null!=s?(s in t||j(`${s} is not a valid template name for the message with key=${e.key}`,a),t[s]):void 0},e.isSeverityIconNeeded=function(e){return m.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await g.playAudioFromURL(e)}catch(n){I(`Failed to play the audio from the url ${e}. ${n}.`)}else try{g.playDefaultNotificationSound()}catch(e){I(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,n){return m.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${n}-${e}`:""},e.throwError=j}));
 //# sourceMappingURL=MessagesManager-d5686336.js.map

package/amd/MeterBar-e1b4a93b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-2b033ae7', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-85c781ea', './useMeterDatatip-fff3c329', './useKeyboardEvents-d87e3587', './meterUtils-9d026b15', './utils-5077c092', './UNSAFE_MeterBar/themes/MeterBarContract.css', './size-a75b3f13', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-a4c75cb2', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-3a316499', './useTextDimensions-83dd9415', './useCssVars-c043f8da', './Common/themes/themeContract.css', './LinearMeter-d1e744c1'], (function(e,t,r,a,i,n,s,o,l,c,h,d,u,m,x,f,p,g,$,b,S,y,z,v){"use strict";const T=15,C=5,k=4;function M(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const B=function(e,t,r,a,i,n){const s=[];return e.start&&s.push(t?r:a),e.end&&s.push(t?i:n),s},L=function(e,t,r,a){return r&&(e.start&&!a&&(r-=16),e.end&&!a&&(r-=16)),t&&r&&(r-=2*t+2*k),r},V=function(e,t,r,a){return r&&(e.start&&a&&(r-=16),e.end&&a&&(r-=16)),t&&r&&(r-=2*t+2*k),r},w=function(e,t,r){const a=`${h.xUnits(4)} + ${k}px`;return r?`calc(${a} + ${t}px) 0 calc(${a} + ${t}px) 0`:`0 calc(${a} + ${e}px) 0 calc(${a} + ${e}px)`};function j(e,t,r,a,i,n,s){const o=n||h.xUnits(C),l=`calc(${o} - ${s||d.meterBarVars.size})`;return r?i?`${e?"-50%":"50%"} calc(-100% - ${l} - ${k}px)`:`${e?"-50%":"50%"} calc(${o} + ${k}px)`:a?i?`calc(100% + ${l} + ${k}px) ${t?"50%":"-50%"}`:`calc(0px - ${o} - ${k}px) ${t?"50%":"-50%"}`:i?`calc(-100% - ${l} - ${k}px) ${t?"50%":"-50%"}`:`calc(${o} + ${k}px) ${t?"50%":"-50%"}`}function R(e,t,r,a,i){const n=`calc(${h.xUnits(C)} - ${d.meterBarVars.size})`,s=k,o=e.start&&e.end;if(a)return t?`calc(${i.height+s}px + ${n}) 0 calc(${i.height+s}px + ${n}) 0`:`0 calc(${i.width+s}px + ${n}) 0 calc(${i.width+s}px + ${n})`;if(r){if(o)return t?`${n} 0 ${n}`:`0 ${n} 0 ${n}`;if(e.start&&!e.end)return t?`${n} 0 0 0`:`0 ${n} 0 0`;if(!e.start&&e.end)return t?`0 0 ${n} 0`:`0 0 0 ${n}`}}function F(e,t,r,a,i,n){return{width:e?n:t?u.sizeToCSS(r):void 0,height:e?i:t?void 0:u.sizeToCSS(r),margin:e?w(a.width,a.height,t):void 0}}function H(e,t,r,a){return{left:e?`max(${r}px, ${t?100-a:a}%)`:void 0,right:e?void 0:`max(${r}px, ${t?a:100-a}%)`}}function U(e,t,r){if(0!==r||t)return 100===r?t?e?"3px":"0 3px":e?"-2px":"0 2px":e?t?"1px 0":"-1px 0":t?"0 -1px":"0 1px"}function D(e,t,r,a,i,n,s){return{...e?H(t,a,n/2,i):{},bottom:e?void 0:r?`max(${s/2-k}px, ${i}%)`:void 0,top:e||r?void 0:`max(${s/2-k}px, ${100-i}%)`,maxWidth:e?void 0:h.xUnits(T)}}function I({orientation:e,percent:r,color:i,position:n,length:o,label:l,maxLabelWidth:c,maxLabelHeight:h,trackSize:d,labelStyle:u}){const f="horizontal"===e,{direction:p}=s.useUser(),g="rtl"===p,$="start"===n,b=`${r}%`,S=f?void 0:o,y=f?o:void 0,z=r<50&&!g||r>50&&g,v=r<50;return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:a.classNames([m.styles.referenceLinesBaseStyle,f?m.styles.referenceLinesHorizontalStyle:m.styles.referenceLinesVerticalStyle,$?f?m.styles.referenceLinesHoriontalStartStyle:g?m.styles.referenceLinesVerticalStartRtlStyle:m.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:f&&!g?b:void 0,right:f&&g?b:void 0,bottom:f?void 0:b,backgroundColor:x.getVisThresholdColor(i),width:S,height:y,translate:U(f,g,r)}}),l&&t.jsx("div",{className:m.styles.labelDivStyle,style:{...D(f,z,v,g,r,c,h),translate:j(z,v,f,g,$,o,d),...u},children:l})]})}function N({color:e,length:r,orientation:i,...n}){const{direction:o}=s.useUser(),l="horizontal"===i,c="rtl"===o;return t.jsx("div",{class:a.classNames([m.styles.thresholdBarBaseStyle,l?c?m.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:m.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:m.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:x.getVisThresholdColor(e)}})}function E({max:e=100,min:r=0,value:u=0,step:m=1,length:x="100%",width:f,height:T,size:C,orientation:k="horizontal",isTrackRendered:w=!0,thresholdDisplay:j="all",indicatorSize:H=1,testId:U,baseline:D,...E}){const P=b.useTestId(U);c.validateRange(r,e,u,m,D);const A=n.useRef(),W="horizontal"===k,_=n.useRef(null),K=n.useRef(M(null)),{direction:X,forcedColors:Y}=s.useUser(),q="rtl"===X;n.useEffect((()=>{(E.onCommit||E.onInput)&&(K.current=M(_.current))}),[C,x,k,E.onCommit,E.onInput]);const{textMeasureContent:G,getTextDimensions:J}=S.useTextDimensions(),O=n.useRef(!1),Q=o.usePointerEvents(u,(t=>{if(t.target==_.current)return function(e,t,r,a,i,n,s){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(s?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/i)*i,Math.max(r,Math.min(a,l))}(t,K,r,e,m,k,q)}),_,A,O,E.onCommit,E.onInput),Z=l.useKeyboardEvents(u,r,e,m,A,E.onCommit,E.onInput),{datatipContent:ee,datatipProps:te}=o.useMeterDatatip(u,O,E.datatip,E["aria-describedby"]),re=c.getMeterAriaProps(u,r,e,E["aria-label"],E["aria-labelledby"],E.thresholds),ae=i.mergeProps(Q,Z,te,re),ie=100*((void 0!==D?Math.max(r,Math.min(D,e)):r)-r)/(e-r),ne=100*(u-r)/(e-r),se=Math.min(ie,ne),oe=`${Math.abs(ie-ne)}%`,le=100*Math.max(0,Math.min(1,H))+"%",{trackColor:ce,indicatorColor:he}=c.getTrackAndIndicatorColor(u,j,E.trackColor,E.indicatorColor,E.thresholds),de=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(E.referenceLines),ue=E.onCommit||E.onInput,{isTabbable:me}=p.useTabbableMode(),{classes:xe,styles:{interactiveStyle:fe,barValueBaseStyle:pe,barValueVerticalStyle:ge,barValueHorizontalStyle:$e,barValueHighContrastStyle:be,barTrackBaseStyle:Se,barTrackHorizontalSizeStyle:ye,barTrackVerticalSizeStyle:ze,barTrackBorderStyle:ve,barTrackMarginTopFitStyle:Te,barTrackMarginStartFitStyle:Ce,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:Me,trackSectionHorizontalFirstStyle:Be,trackSectionHorizontalLastStyle:Le,trackSectionVerticalFirstStyle:Ve,trackSectionVerticalLastStyle:we,trackSectionRoundedCornersStyle:je}}=g.useComponentTheme($.MeterBarRedwoodTheme,{size:C,orientation:k}),Re="fit"===C,Fe=c.hasLabelledReferenceLine(E.referenceLines),He=c.getDefaultReferenceLineLabelFontSize("sm"),Ue=n.useMemo((()=>[{tokenVar:He,key:"labelFontSize",cssProp:"font-size"},{tokenVar:z.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[He]),{resolvedVars:De,cssContent:Ie}=y.useCssVars(Ue),{dims:Ne,maxRefLabelDims:Ee}=c.getMaxRefLabelDims(De.fontSize,De.lineHeight,E.referenceLines,J),Pe=L(de,Ee.width,f,W),Ae=V(de,Ee.height,T,W),We=W?Ae:Pe;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:me?0:-1,...P,...ae,style:F(Re,W,x,Ee,Ae,Pe),class:a.classNames([xe,...Re?B(de,W,Te,Ce,ke,Me):[]]),children:t.jsxs(v.BarTrack,{ref:_,orientation:k,color:!w||"all"===j&&E.thresholds?"transparent":ce,class:a.classNames([Se,ue?fe:"",W?ye:ze,!w||"all"===j&&E.thresholds?void 0:ve]),style:{margin:Re?void 0:R(de,W,!!E.referenceLines?.length,Fe,Ee)},children:["all"===j&&E.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,i,n)=>{const s=0===i?a.max-r:a.max-n[i-1].max,o=W?Le:we;let l=0===i?W?Be:Ve:"";return a.max===e&&(l=0===i?je:o),t.jsxs(t.Fragment,{children:[t.jsx(N,{class:l,orientation:k,length:100*s/(e-r)+"%",color:a.color}),w&&i===n.length-1&&a.max<e?t.jsx(N,{class:o,color:ce,orientation:k,length:100*(e-n[i].max)/(e-r)+"%"}):""]})})),t.jsx(v.BarValue,{left:W&&!q?`${se}%`:void 0,bottom:W?void 0:`${se}%`,right:W&&q?`${se}%`:void 0,width:W?oe:"100%",height:W?"100%":oe,length:oe,size:le,orientation:k,class:a.classNames([pe,W?$e:ge,"active"===Y?be:""]),color:he}),E.referenceLines?.map(((a,i)=>t.jsx(I,{label:a.label,labelStyle:{fontSize:De.labelFontSize,...a.labelStyle},color:a.color,maxLabelWidth:Ne[i]?.width,maxLabelHeight:Ne[i]?.height,orientation:k,percent:100*(a.value-r)/(e-r),position:a.position,trackSize:Re?`${We}px`:d.meterBarVars.size,length:Re?`calc(${h.xUnits(4)} + ${We}px)`:void 0})))]})}),Ie,ee,G]})}e.MeterBar=function({orientation:e,length:a,size:i,...n}){return t.jsx(t.Fragment,{children:"fit"===i?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(E,{width:r,height:a,orientation:e,size:i,...n})}):t.jsx(E,{size:i,length:a,orientation:e,...n})})}}));
+define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-2b033ae7', './classNames-08d99695', './mergeProps-bcfa6a92', 'preact/hooks', './useUser-3ef25571', './useMeterDatatip-173593b4', './useKeyboardEvents-8ada7a1f', './meterUtils-9d026b15', './utils-5077c092', './UNSAFE_MeterBar/themes/MeterBarContract.css', './size-a75b3f13', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './utils-a4c75cb2', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './useTestId-b5cd4766', './useTextDimensions-83dd9415', './useCssVars-dc52806c', './Common/themes/themeContract.css', './LinearMeter-d1e744c1'], (function(e,t,r,a,i,n,s,o,l,c,h,d,u,m,x,f,p,b,g,$,S,y,z,v){"use strict";const T=15,C=5,k=4;function M(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}const B=function(e,t,r,a,i,n){const s=[];return e.start&&s.push(t?r:a),e.end&&s.push(t?i:n),s},L=function(e,t,r,a){return r&&(e.start&&!a&&(r-=16),e.end&&!a&&(r-=16)),t&&r&&(r-=2*t+2*k),r},V=function(e,t,r,a){return r&&(e.start&&a&&(r-=16),e.end&&a&&(r-=16)),t&&r&&(r-=2*t+2*k),r},w=function(e,t,r){const a=`${h.xUnits(4)} + ${k}px`;return r?`calc(${a} + ${t}px) 0 calc(${a} + ${t}px) 0`:`0 calc(${a} + ${e}px) 0 calc(${a} + ${e}px)`};function j(e,t,r,a,i,n,s){const o=n||h.xUnits(C),l=`calc(${o} - ${s||d.meterBarVars.size})`;return r?i?`${e?"-50%":"50%"} calc(-100% - ${l} - ${k}px)`:`${e?"-50%":"50%"} calc(${o} + ${k}px)`:a?i?`calc(100% + ${l} + ${k}px) ${t?"50%":"-50%"}`:`calc(0px - ${o} - ${k}px) ${t?"50%":"-50%"}`:i?`calc(-100% - ${l} - ${k}px) ${t?"50%":"-50%"}`:`calc(${o} + ${k}px) ${t?"50%":"-50%"}`}function R(e,t,r,a,i){const n=`calc(${h.xUnits(C)} - ${d.meterBarVars.size})`,s=k,o=e.start&&e.end;if(a)return t?`calc(${i.height+s}px + ${n}) 0 calc(${i.height+s}px + ${n}) 0`:`0 calc(${i.width+s}px + ${n}) 0 calc(${i.width+s}px + ${n})`;if(r){if(o)return t?`${n} 0 ${n}`:`0 ${n} 0 ${n}`;if(e.start&&!e.end)return t?`${n} 0 0 0`:`0 ${n} 0 0`;if(!e.start&&e.end)return t?`0 0 ${n} 0`:`0 0 0 ${n}`}}function F(e,t,r,a,i,n){return{width:e?n:t?u.sizeToCSS(r):void 0,height:e?i:t?void 0:u.sizeToCSS(r),margin:e?w(a.width,a.height,t):void 0}}function H(e,t,r,a){return{left:e?`max(${r}px, ${t?100-a:a}%)`:void 0,right:e?void 0:`max(${r}px, ${t?a:100-a}%)`}}function U(e,t,r){if(0!==r||t)return 100===r?t?e?"3px":"0 3px":e?"-2px":"0 2px":e?t?"1px 0":"-1px 0":t?"0 -1px":"0 1px"}function D(e,t,r,a,i,n,s){return{...e?H(t,a,n/2,i):{},bottom:e?void 0:r?`max(${s/2-k}px, ${i}%)`:void 0,top:e||r?void 0:`max(${s/2-k}px, ${100-i}%)`,maxWidth:e?void 0:h.xUnits(T)}}function I({orientation:e,percent:r,color:i,position:n,length:o,label:l,maxLabelWidth:c,maxLabelHeight:h,trackSize:d,labelStyle:u}){const f="horizontal"===e,{direction:p}=s.useUser(),b="rtl"===p,g="start"===n,$=`${r}%`,S=f?void 0:o,y=f?o:void 0,z=r<50&&!b||r>50&&b,v=r<50;return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:a.classNames([m.styles.referenceLinesBaseStyle,f?m.styles.referenceLinesHorizontalStyle:m.styles.referenceLinesVerticalStyle,g?f?m.styles.referenceLinesHoriontalStartStyle:b?m.styles.referenceLinesVerticalStartRtlStyle:m.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:f&&!b?$:void 0,right:f&&b?$:void 0,bottom:f?void 0:$,backgroundColor:x.getVisThresholdColor(i),width:S,height:y,translate:U(f,b,r)}}),l&&t.jsx("div",{className:m.styles.labelDivStyle,style:{...D(f,z,v,b,r,c,h),translate:j(z,v,f,b,g,o,d),...u},children:l})]})}function N({color:e,length:r,orientation:i,...n}){const{direction:o}=s.useUser(),l="horizontal"===i,c="rtl"===o;return t.jsx("div",{class:a.classNames([m.styles.thresholdBarBaseStyle,l?c?m.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:m.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:m.styles.thresholdBarVerticalBarTrackSectionStyle,n.class]),style:{width:l?r:"100%",height:l?"100%":r,backgroundColor:x.getVisThresholdColor(e)}})}function E({max:e=100,min:r=0,value:u=0,step:m=1,length:x="100%",width:f,height:T,size:C,orientation:k="horizontal",isTrackRendered:w=!0,thresholdDisplay:j="all",indicatorSize:H=1,testId:U,baseline:D,...E}){const P=$.useTestId(U);c.validateRange(r,e,u,m,D);const A=n.useRef(),W="horizontal"===k,_=n.useRef(null),K=n.useRef(M(null)),{direction:X,forcedColors:Y}=s.useUser(),q="rtl"===X;n.useEffect((()=>{(E.onCommit||E.onInput)&&(K.current=M(_.current))}),[C,x,k,E.onCommit,E.onInput]);const{textMeasureContent:G,getTextDimensions:J}=S.useTextDimensions(),O=n.useRef(!1),Q=o.usePointerEvents(u,(t=>{if(t.target==_.current)return function(e,t,r,a,i,n,s){const o=t.current;if(!o||0===o.width)return;let l;if("horizontal"===n){const t=e.offsetX;l=r+(a-r)*(s?o.width-t:t)/o.width}else l=r+(a-r)*(o.height-e.offsetY)/o.height;return l=Math.round(l/i)*i,Math.max(r,Math.min(a,l))}(t,K,r,e,m,k,q)}),_,A,O,E.onCommit,E.onInput),Z=l.useKeyboardEvents(u,r,e,m,A,E.onCommit,E.onInput),{datatipContent:ee,datatipProps:te}=o.useMeterDatatip(u,O,E.datatip,E["aria-describedby"]),re=c.getMeterAriaProps(u,r,e,E["aria-label"],E["aria-labelledby"],E.thresholds),ae=i.mergeProps(Q,Z,te,re),ie=100*((void 0!==D?Math.max(r,Math.min(D,e)):r)-r)/(e-r),ne=100*(u-r)/(e-r),se=Math.min(ie,ne),oe=`${Math.abs(ie-ne)}%`,le=100*Math.max(0,Math.min(1,H))+"%",{trackColor:ce,indicatorColor:he}=c.getTrackAndIndicatorColor(u,j,E.trackColor,E.indicatorColor,E.thresholds),de=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(E.referenceLines),ue=E.onCommit||E.onInput,{isTabbable:me}=p.useTabbableMode(),{classes:xe,styles:{interactiveStyle:fe,barValueBaseStyle:pe,barValueVerticalStyle:be,barValueHorizontalStyle:ge,barValueHighContrastStyle:$e,barTrackBaseStyle:Se,barTrackHorizontalSizeStyle:ye,barTrackVerticalSizeStyle:ze,barTrackBorderStyle:ve,barTrackMarginTopFitStyle:Te,barTrackMarginStartFitStyle:Ce,barTrackMarginBottomFitStyle:ke,barTrackMarginEndFitStyle:Me,trackSectionHorizontalFirstStyle:Be,trackSectionHorizontalLastStyle:Le,trackSectionVerticalFirstStyle:Ve,trackSectionVerticalLastStyle:we,trackSectionRoundedCornersStyle:je}}=b.useComponentTheme(g.MeterBarRedwoodTheme,{size:C,orientation:k}),Re="fit"===C,Fe=c.hasLabelledReferenceLine(E.referenceLines),He=c.getDefaultReferenceLineLabelFontSize("sm"),Ue=n.useMemo((()=>[{tokenVar:He,key:"labelFontSize",cssProp:"font-size"},{tokenVar:z.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[He]),{resolvedVars:De,cssContent:Ie}=y.useCssVars(Ue),{dims:Ne,maxRefLabelDims:Ee}=c.getMaxRefLabelDims(De.fontSize,De.lineHeight,E.referenceLines,J),Pe=L(de,Ee.width,f,W),Ae=V(de,Ee.height,T,W),We=W?Ae:Pe;return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:me?0:-1,...P,...ae,style:F(Re,W,x,Ee,Ae,Pe),class:a.classNames([xe,...Re?B(de,W,Te,Ce,ke,Me):[]]),children:t.jsxs(v.BarTrack,{ref:_,orientation:k,color:!w||"all"===j&&E.thresholds?"transparent":ce,class:a.classNames([Se,ue?fe:"",W?ye:ze,!w||"all"===j&&E.thresholds?void 0:ve]),style:{margin:Re?void 0:R(de,W,!!E.referenceLines?.length,Fe,Ee)},children:["all"===j&&E.thresholds?.filter((t=>t.max>r&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((a,i,n)=>{const s=0===i?a.max-r:a.max-n[i-1].max,o=W?Le:we;let l=0===i?W?Be:Ve:"";return a.max===e&&(l=0===i?je:o),t.jsxs(t.Fragment,{children:[t.jsx(N,{class:l,orientation:k,length:100*s/(e-r)+"%",color:a.color}),w&&i===n.length-1&&a.max<e?t.jsx(N,{class:o,color:ce,orientation:k,length:100*(e-n[i].max)/(e-r)+"%"}):""]})})),t.jsx(v.BarValue,{left:W&&!q?`${se}%`:void 0,bottom:W?void 0:`${se}%`,right:W&&q?`${se}%`:void 0,width:W?oe:"100%",height:W?"100%":oe,length:oe,size:le,orientation:k,class:a.classNames([pe,W?ge:be,"active"===Y?$e:""]),color:he}),E.referenceLines?.map(((a,i)=>t.jsx(I,{label:a.label,labelStyle:{fontSize:De.labelFontSize,...a.labelStyle},color:a.color,maxLabelWidth:Ne[i]?.width,maxLabelHeight:Ne[i]?.height,orientation:k,percent:100*(a.value-r)/(e-r),position:a.position,trackSize:Re?`${We}px`:d.meterBarVars.size,length:Re?`calc(${h.xUnits(4)} + ${We}px)`:void 0})))]})}),Ie,ee,G]})}e.MeterBar=function({orientation:e,length:a,size:i,...n}){return t.jsx(t.Fragment,{children:"fit"===i?t.jsx(r.TrackResizeContainer,{width:"100%",height:"100%",children:(r,a)=>t.jsx(E,{width:r,height:a,orientation:e,size:i,...n})}):t.jsx(E,{size:i,length:a,orientation:e,...n})})}}));
 //# sourceMappingURL=MeterBar-e1b4a93b.js.map

package/amd/MeterCircle-9887cf28.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './useUser-85c781ea', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './utils-a4c75cb2', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-5077c092', './TrackResizeContainer-2b033ae7', './useMeterDatatip-fff3c329', './useKeyboardEvents-d87e3587', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-3a316499', './useCssVars-c043f8da', './useTextDimensions-83dd9415', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,c,o,h,u,d,f,m,g,x,p,$,C,b,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,c,o){const h=i.current;if(!h)return;const u=l.getCenterCoord(c),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(o&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!o){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,c,o,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,o=Math.sqrt(2)*n.innerRadius,h="full"===t?o:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),c="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,o=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,c=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:c,width:o,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5),A=16;function L(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${L(e,n)} * ${t/2})`:`(${L(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${L(e,n)} * ${1-t} / 2)`:V(e)}function E(e,t,n,s,i,r){const{min:a,max:o,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${D(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=o)).sort(((e,t)=>e.max-t.max)),C=$.length;for(let e=0;e<C;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,o,h,u,m),b=P(r,a,o,u);const{startOffset:y,extentOffset:R}=F(g,u,0===e,t.max===o,m),M=l.getClipPath(d+y,b+R,m,f);if(p.push({clipPath:M,color:c.getVisThresholdColor(t.color),size:x,section:f}),e===C-1&&t.max<o&&n){d+=(m?1:-1)*b,b=P(o-t.max,a,o,u);const{startOffset:e,extentOffset:n}=F(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,b+n,m,f),color:s,size:x,section:f})}}return p}function O(e,t,n,s,i,r,a){const{startAngle:c,angleExtent:o,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(c,o,f,d),size:`calc(${D(h,i,a)})`}}function N(e,t,n,s){const{value:i,min:r,max:a,startAngle:c,angleExtent:o,size:h,section:u,isRtl:d}=e,f=(i-r)*o/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${D(h,n,s)} * ${m})`,$=`${L(h,s)} - ((1 - ${m}) * ${D(h,n,s)})`,C=`(${$}) / 2`;return{section:u,width:g?`calc(${C})`:`calc(${$})`,height:x?`calc(${C})`:`calc(${$})`,size:p,clipPath:l.getClipPath(c,f,d,u)}}function F(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function U(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function B(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function H(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function W(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function q(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function K(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*A}function X({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=B(g,n,s),{xOffset:$,yOffset:C}=B(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([o.styles.referenceBaseLineStyle,e?void 0:o.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?c.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:o.styles.referenceLineLabelContainerStyle,style:{left:$,top:C,maxWidth:u,translate:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:c,size:o,isRtl:h}=e;return{radius:j(o,n,i),length:G(o,n,s,i),angle:T(t.value,r,a,l,c,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({max:e=100,min:c=0,value:o=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,...L}){const V=b.useTestId(A);a.validateRange(c,e,o,h);const j=L.onCommit||L.onInput,{classes:D,styles:F}=$.useComponentTheme(C.MeterCircleRedwoodTheme,{size:d,interaction:j?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([D,F.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const C=a.hasLabelledReferenceLine(L.referenceLines),{textMeasureContent:b,getTextDimensions:A}=R.useTextDimensions(),{direction:B}=n.useUser(),H="rtl"===B;let W=x;H&&(W=l.getPositiveAngle(180-W));const q=l.getCircleSection(W,v,H),{width:Y,height:G}=U(f,$,q),ne=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Y,G)),se=a.getDefaultReferenceLineLabelFontSize(ne),ie=s.useMemo((()=>[{tokenVar:se,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[se]),{resolvedVars:re,cssContent:ae}=y.useCssVars(ie),{maxRefLabelDims:le}=a.getMaxRefLabelDims(re.fontSize,re.lineHeight,L.referenceLines,A),ce="xs"===ne||"min"===ne,oe=L.innerRadius??ee,{width:he,height:ue,overHang:de}=Q(f,$,!!L.referenceLines?.length,ne,C,le),{width:fe,height:me}=U(he,ue,q),ge="full"===q?Math.min(fe,me)/2:Math.min(fe,me),xe=2*ge,pe=s.useRef(),$e=s.useRef(S(null,q)),Ce=s.useRef(null),[be,ye]=s.useState(!1);s.useEffect((()=>{(L.onCommit||L.onInput||L.children)&&($e.current=S(Ce.current,q),ye(!0))}),[q]);const Re=s.useRef(!1),Me=m.usePointerEvents(o,(t=>{const n=Ce.current;if(t.target==n)return z(t,c,e,h,$e,W,v,q,H)}),Ce,pe,Re,L.onCommit,L.onInput),Se=g.useKeyboardEvents(o,c,e,h,pe,L.onCommit,L.onInput),{datatipContent:ve,datatipProps:ze}=m.useMeterDatatip(o,Re,L.datatip,L["aria-describedby"]),Pe=a.getMeterAriaProps(o,c,e,L["aria-label"],L["aria-labelledby"],L.thresholds),Te=i.mergeProps(Me,Se,ze,Pe),{trackColor:Ie,indicatorColor:ke}=a.getTrackAndIndicatorColor(o,T,L.trackColor,L.indicatorColor,L.thresholds),we={min:c,max:e,value:o,startAngle:W,angleExtent:v,size:d,section:q,isRtl:H,innerRadius:$e.current.innerRadius},{isTabbable:Ae}=p.useTabbableMode(),Le=I($e,q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([D,"full"===q?F.meterCircleFullSizeStyle:"",F.textAlignInitial]),style:{width:f,height:$},tabIndex:Ae?0:-1,...V,...Te,children:t.jsxs(M.CircleWrapper,{wrapperRef:Ce,class:r.classNames([F.circleWrapperBaseStyle,j?F.interactiveStyle:"",L.referenceLines&&L.referenceLines.length>0?d&&F[`${q}Fit${ce?"Sm":"Lg"}Style`]:"",H?F.centerDivRtl:F.centerDivLtr]),style:{width:`${fe}px`,height:`${me}px`,transform:`translate(${K(q,de,H)})`},children:[t.jsx(M.CircleInner,{width:`${fe}px`,height:`${me}px`,class:r.classNames([F.circleTrackBaseStyle,F[`${q}Style`]]),...O(we,P,T,Ie,oe,L.thresholds,xe)}),"all"===T&&L.thresholds&&E(we,L.thresholds,P,Ie,oe,xe).map((e=>t.jsx(M.CircleInner,{class:r.classNames([F.circleTrackBaseStyle,F[`${q}Style`]]),...e,width:`${fe}px`,height:`${me}px`}))),t.jsx(M.CircleInner,{color:ke,class:r.classNames([F.circleValueBaseStyle,F[`circleValue${q}Style`],F[`${q}Style`]]),...N(we,w,oe,2*ge)}),L.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(we,e,oe,ce,xe),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(q,f,i,xe/2+de+Z(ne,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:re.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(ne,i),color:r,section:q,halfMeterOffset:_(f,xe/2,q,H)})})),be&&L.children&&Le&&t.jsx("div",{class:r.classNames([F.meterCircleCenterContent]),children:L.children(Le)})]})}),ve,b,ae]})}})}function se({max:e=100,min:c=0,value:o=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,...L}){const V=b.useTestId(A);a.validateRange(c,e,o,d);const j=s.useRef(),{direction:D}=n.useUser(),F="rtl"===D;let U=x;F&&(U=l.getPositiveAngle(180-U));const B=l.getCircleSection(U,v,F),H=s.useRef(S(null,B)),K=s.useRef(null),[_,Y]=s.useState(!1);s.useEffect((()=>{(L.onCommit||L.onInput||L.children)&&(H.current=S(K.current,B),Y(!0))}),[f,B,L.onCommit,L.onInput,L.children]);const{textMeasureContent:G,getTextDimensions:Q}=R.useTextDimensions(),ee=s.useRef(!1),te=m.usePointerEvents(o,(t=>{const n=K.current;if(t.target==n)return z(t,c,e,d,H,U,v,B,F)}),K,j,ee,L.onCommit,L.onInput),ne=g.useKeyboardEvents(o,c,e,d,j,L.onCommit,L.onInput),{datatipContent:se,datatipProps:ie}=m.useMeterDatatip(o,ee,L.datatip,L["aria-describedby"]),re=a.getMeterAriaProps(o,c,e,L["aria-label"],L["aria-labelledby"],L.thresholds),ae=i.mergeProps(te,ne,ie,re),{trackColor:le,indicatorColor:ce}=a.getTrackAndIndicatorColor(o,T,L.trackColor,L.indicatorColor,L.thresholds),oe="bottom"===B||"top"===B?"Horizontal":"left"===B||"right"===B?"Vertical":"Full",he={min:c,max:e,value:o,startAngle:U,angleExtent:v,size:f,section:B,isRtl:F,innerRadius:H.current.innerRadius},ue=L.onCommit||L.onInput,{classes:de,styles:fe}=$.useComponentTheme(C.MeterCircleRedwoodTheme,{size:f,interaction:ue?"isInteractive":void 0}),{isTabbable:me}=p.useTabbableMode(),ge=I(H,B),xe=N(he,k,L.innerRadius),pe=a.hasLabelledReferenceLine(L.referenceLines),$e="lg"===f?"sm":"min",Ce=a.getDefaultReferenceLineLabelFontSize($e),be=s.useMemo((()=>[{tokenVar:Ce,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[Ce]),{resolvedVars:ye,cssContent:Re}=y.useCssVars(be),{maxRefLabelDims:Me}=a.getMaxRefLabelDims(ye.fontSize,ye.lineHeight,L.referenceLines,Q),Se=O(he,P,T,le,L.innerRadius,L.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([de]),tabIndex:me?0:-1,...V,...ae,children:t.jsxs(M.CircleWrapper,{wrapperRef:K,class:r.classNames([fe.circleWrapperBaseStyle,ue?fe.interactiveStyle:"",fe[`meterCircle${oe}SizeStyle`]]),style:{margin:q(f,B,!!L.referenceLines?.length,pe,Me)},children:[t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...Se}),"all"===T&&L.thresholds&&E(he,L.thresholds,P,le,L.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...e}))),t.jsx(M.CircleInner,{color:ce,class:r.classNames([fe.circleValueBaseStyle,fe[`circleValue${B}Style`],fe[`${B}Style`]]),...xe}),L.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(he,e,L.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:ye.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${Se.size} + ${Z($e,i)}px)`),radius:n,labelOffset:Z($e,i),length:s,angle:i,color:r,halfMeterOffset:w,section:B})})),_&&L.children&&ge&&t.jsx("div",{class:r.classNames([fe.meterCircleCenterContent]),children:L.children(ge)})]})}),se,G,Re]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:c=!0,thresholdDisplay:o="all",indicatorSize:h=1,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u})}}));
+define(['exports', 'preact/jsx-runtime', './useUser-3ef25571', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './utils-a4c75cb2', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-5077c092', './TrackResizeContainer-2b033ae7', './useMeterDatatip-173593b4', './useKeyboardEvents-8ada7a1f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useComponentTheme-5aa41a8f', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './useTestId-b5cd4766', './useCssVars-dc52806c', './useTextDimensions-83dd9415', './CircularMeter-b754580a'], (function(e,t,n,s,i,r,a,l,c,o,h,u,d,f,m,g,x,p,$,b,C,y,R,M){"use strict";function S(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const n=e.children[0],s=n.getBoundingClientRect();return{width:Math.round(s.width),height:Math.round(s.height),...v(n,s,t)}}function v(e,t,n){const s=e.clientWidth,i=e.clientHeight;return"bottom"===n||"top"===n?{outerRadius:t.width/2,innerRadius:i}:"left"===n||"right"===n?{outerRadius:t.height/2,innerRadius:s}:{innerRadius:s/2,outerRadius:t.width/2}}function z(e,t,n,s,i,r,a,c,o){const h=i.current;if(!h)return;const u=l.getCenterCoord(c),{angle:d}=l.convertToPolar(h.width*u.x,h.height*u.y,e.offsetX,e.offsetY),f=l.getPositiveAngle(d);let m;if(o&&r+a>f&&(m=l.getPositiveAngle(d-r)/a*(n-t)),!o){const e=l.getPositiveAngle(r-f);e<=a&&(m=e*(n-t)/a)}return null!=m&&(m=Math.round(m/s)*s,m=Math.max(Math.min(n,m),t)),m}function P(e,t,n,s){return e*s/(n-t)}function T(e,t,n,s,i,r){return s+(r?1:-1)*P(e-t,t,n,i)}function I(e,t){const n=e.current;if(!n)return;const s=l.getCenterCoord(t),i=s.x*n.width,r=s.y*n.height;let a,c,o,h,u,d,f,m;return"top"===t||"bottom"===t||"full"===t?(f=2*n.innerRadius,m="full"===t?2*n.innerRadius:n.innerRadius,u=i-n.innerRadius,d="bottom"===t?0:r-n.innerRadius,o=Math.sqrt(2)*n.innerRadius,h="full"===t?o:n.innerRadius/Math.sqrt(2),a=i-n.innerRadius/Math.sqrt(2),c="bottom"===t?0:r-n.innerRadius/Math.sqrt(2)):(m=2*n.innerRadius,f=n.innerRadius,u="left"===t?i-n.innerRadius:0,d=r-n.innerRadius,h=Math.sqrt(2)*n.innerRadius,o=n.innerRadius/Math.sqrt(2),a="left"===t?i-n.innerRadius/Math.sqrt(2):0,c=r-n.innerRadius/Math.sqrt(2)),{outerBounds:{x:u,y:d,width:f,height:m},innerBounds:{x:a,y:c,width:o,height:h}}}const k=d.xUnits(2),w=d.xUnits(7.5),A=16;function L(e,t){return e?"fit"===e?`${t}px`:h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function V(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function j(e,t,n){return null!=t?`(${L(e,n)} * ${t/2})`:`(${L(e,n)} * 0.5 - ${V(e)})`}function D(e,t,n){return null!=t?`(${L(e,n)} * ${1-t} / 2)`:V(e)}function E(e,t,n,s,i,r){const{min:a,max:o,startAngle:h,angleExtent:u,size:d,section:f,isRtl:m,innerRadius:g}=e,x=`calc(${D(d,i,r)})`,p=[],$=t.filter((e=>e.max>a&&e.max<=o)).sort(((e,t)=>e.max-t.max)),b=$.length;for(let e=0;e<b;e++){const t=$[e],i=0===e?a:$[e-1].max,r=0===e?t.max:t.max-$[e-1].max;let d=T(i,a,o,h,u,m),C=P(r,a,o,u);const{startOffset:y,extentOffset:R}=F(g,u,0===e,t.max===o,m),M=l.getClipPath(d+y,C+R,m,f);if(p.push({clipPath:M,color:c.getVisThresholdColor(t.color),size:x,section:f}),e===b-1&&t.max<o&&n){d+=(m?1:-1)*C,C=P(o-t.max,a,o,u);const{startOffset:e,extentOffset:n}=F(g,u,!1,!0,m);p.push({clipPath:l.getClipPath(d+e,C+n,m,f),color:s,size:x,section:f})}}return p}function O(e,t,n,s,i,r,a){const{startAngle:c,angleExtent:o,size:h,section:d,isRtl:f}=e;return{section:d,color:t?"all"===n&&r?`${u.colorSchemeVars.dvt.contrastLine}`:s:"transparent",clipPath:l.getClipPath(c,o,f,d),size:`calc(${D(h,i,a)})`}}function N(e,t,n,s){const{value:i,min:r,max:a,startAngle:c,angleExtent:o,size:h,section:u,isRtl:d}=e,f=(i-r)*o/(a-r),m=Math.min(Math.max(0,t),1),g="left"===u||"right"===u,x="top"===u||"bottom"===u,p=`calc(${D(h,n,s)} * ${m})`,$=`${L(h,s)} - ((1 - ${m}) * ${D(h,n,s)})`,b=`(${$}) / 2`;return{section:u,width:g?`calc(${b})`:`calc(${$})`,height:x?`calc(${b})`:`calc(${$})`,size:p,clipPath:l.getClipPath(c,f,d,u)}}function F(e,t,n,s,i){if(!e)return{startOffset:0,extentOffset:0};const r=360/(2*Math.PI*e);let a=r/2*(i?1:-1),l=-1*r;return n&&t<360&&(a=0,l=-.5*r),s&&t<360&&(l=-.5*r),{startOffset:a,extentOffset:l}}function U(e,t,n){return"top"===n||"bottom"===n?{height:Math.min(t,e/2),width:2*Math.min(t,e/2)}:"left"===n||"right"===n?{width:Math.min(e,t/2),height:2*Math.min(e,t/2)}:{width:Math.min(e,t),height:Math.min(e,t)}}function B(e,t,n){const s=`calc(${100*e.y}% - ((${Math.sin(2*t*Math.PI/360)} * ${n} )))`;return{xOffset:`calc(${100*e.x}%  + ((${Math.cos(2*t*Math.PI/360)} * ${n} )))`,yOffset:s}}function H(e,t,n){let s="-50%";const i=l.getPositiveAngle(e);return 90!==i&&270!==i||(n="string"==typeof n?n:`${Math.abs(n)}px`,"left"===t?s=`min(-50%, calc(-100% + ${n}))`:"right"===t&&(s=`max(-50%, calc(-1 *  ${n}))`)),i<=72||i>=288?"0 -50%":i>=108&&i<=252?"-100% -50%":i<=108&&i>=72?`${s} -100%`:`${s} 0`}function W(e,t,n){return(t=l.getPositiveAngle(t))<108&&t>72||t<288&&t>252?`calc(${e} * 1.4)`:`calc( (${e} * 0.7 ) - (${Math.abs(Math.cos(2*t*Math.PI/360))} * ${n} ))`}function q(e,t,n,s,i){let r="";return n||n?(s?r=`calc(${h.meterCircleVars.size} / ${"lg"===e||"md"===e?3:2} )`:n&&("sm"===e?r=d.xUnits(4):"md"===e?r=d.xUnits(3):"lg"===e&&(r=d.xUnits(2))),"bottom"===t?`${i.height/2}px ${r} ${r} ${r}`:"top"===t?`${r} ${r} ${i.height/2}px ${r}`:"left"===t?`${r} ${w} ${r} ${r}`:"right"===t?`${r} ${r} ${r} ${w}`:r):""}function K(e,t,n){const s="full"===e?t/2:t;return"top"===e?n?"50% -50%":"-50%, -50%":n?`calc(50% + ${s}px), calc(-50% - ${s}px)`:`calc(-50% - ${s}px), calc(-50% - ${s}px)`}function _(e,t,n,s){return(e-t)/2+(!s&&"right"===n||s&&"left"===n?-.5:.5)*A}function X({color:e,angle:n,radius:s,length:i,section:a="full",label:h,labelMaxWidth:u,labelOffset:d,labelStyle:f,halfMeterOffset:m}){const g=l.getCenterCoord(a),{xOffset:x,yOffset:p}=B(g,n,s),{xOffset:$,yOffset:b}=B(g,n,`calc(${i} + ${s} + ${d}px)`);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([o.styles.referenceBaseLineStyle,e?void 0:o.styles.referenceBorderStyle]),style:{left:x,top:p,width:`calc(${i})`,transform:`translate(0, -1px) rotate(${360-n}deg)`,backgroundColor:e?c.getVisThresholdColor(e):void 0}}),h&&t.jsx("div",{className:o.styles.referenceLineLabelContainerStyle,style:{left:$,top:b,maxWidth:u,translate:H(n,a,m),...f},children:h})]})}const Y=4;function G(e,t,n,s){return`${D(e,t,s)} +  ${d.xUnits("fit"!==e||n?2:4)}`}function J(e,t,n,s,i){const{min:r,max:a,startAngle:l,angleExtent:c,size:o,isRtl:h}=e;return{radius:j(o,n,i),length:G(o,n,s,i),angle:T(t.value,r,a,l,c,h),color:t.color}}function Q(e,t,n,s,i,r){if(!n)return{width:e,height:t,overHang:0};const a=function(e){return"min"===e||"xs"===e?2*Y:4*Y}(s),l=Z(s);return{width:e*(i?.6:1)-2*a,height:t-2*a-2*(r.height+l),overHang:a}}function Z(e,t){const n="min"===e||"xs"===e;return null!=t&&(t<108&&t>72||t<288&&t>252)?n?0:Y:null==t||t<108&&t>72&&!(t<288&&t>252)?n?Y/2:Y:1.5*Y}const ee=.8,te=8;function ne({max:e=100,min:c=0,value:o=0,step:h=1,size:d="fit",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:w=1,testId:A,...L}){const V=C.useTestId(A);a.validateRange(c,e,o,h);const j=L.onCommit||L.onInput,{classes:D,styles:F}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:d,interaction:j?"isInteractive":void 0});return t.jsx(f.TrackResizeContainer,{class:r.classNames([D,F.textAlignCenter]),width:"100%",height:"100%",children:function(f,$){f-=te,$-=te;const b=a.hasLabelledReferenceLine(L.referenceLines),{textMeasureContent:C,getTextDimensions:A}=R.useTextDimensions(),{direction:B}=n.useUser(),H="rtl"===B;let W=x;H&&(W=l.getPositiveAngle(180-W));const q=l.getCircleSection(W,v,H),{width:Y,height:G}=U(f,$,q),ne=function(e){return e<200?"min":e<320?"xs":e<360?"sm":"md"}(Math.max(Y,G)),se=a.getDefaultReferenceLineLabelFontSize(ne),ie=s.useMemo((()=>[{tokenVar:se,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[se]),{resolvedVars:re,cssContent:ae}=y.useCssVars(ie),{maxRefLabelDims:le}=a.getMaxRefLabelDims(re.fontSize,re.lineHeight,L.referenceLines,A),ce="xs"===ne||"min"===ne,oe=L.innerRadius??ee,{width:he,height:ue,overHang:de}=Q(f,$,!!L.referenceLines?.length,ne,b,le),{width:fe,height:me}=U(he,ue,q),ge="full"===q?Math.min(fe,me)/2:Math.min(fe,me),xe=2*ge,pe=s.useRef(),$e=s.useRef(S(null,q)),be=s.useRef(null),[Ce,ye]=s.useState(!1);s.useEffect((()=>{(L.onCommit||L.onInput||L.children)&&($e.current=S(be.current,q),ye(!0))}),[q]);const Re=s.useRef(!1),Me=m.usePointerEvents(o,(t=>{const n=be.current;if(t.target==n)return z(t,c,e,h,$e,W,v,q,H)}),be,pe,Re,L.onCommit,L.onInput),Se=g.useKeyboardEvents(o,c,e,h,pe,L.onCommit,L.onInput),{datatipContent:ve,datatipProps:ze}=m.useMeterDatatip(o,Re,L.datatip,L["aria-describedby"]),Pe=a.getMeterAriaProps(o,c,e,L["aria-label"],L["aria-labelledby"],L.thresholds),Te=i.mergeProps(Me,Se,ze,Pe),{trackColor:Ie,indicatorColor:ke}=a.getTrackAndIndicatorColor(o,T,L.trackColor,L.indicatorColor,L.thresholds),we={min:c,max:e,value:o,startAngle:W,angleExtent:v,size:d,section:q,isRtl:H,innerRadius:$e.current.innerRadius},{isTabbable:Ae}=p.useTabbableMode(),Le=I($e,q);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([D,"full"===q?F.meterCircleFullSizeStyle:"",F.textAlignInitial]),style:{width:f,height:$},tabIndex:Ae?0:-1,...V,...Te,children:t.jsxs(M.CircleWrapper,{wrapperRef:be,class:r.classNames([F.circleWrapperBaseStyle,j?F.interactiveStyle:"",L.referenceLines&&L.referenceLines.length>0?d&&F[`${q}Fit${ce?"Sm":"Lg"}Style`]:"",H?F.centerDivRtl:F.centerDivLtr]),style:{width:`${fe}px`,height:`${me}px`,transform:`translate(${K(q,de,H)})`},children:[t.jsx(M.CircleInner,{width:`${fe}px`,height:`${me}px`,class:r.classNames([F.circleTrackBaseStyle,F[`${q}Style`]]),...O(we,P,T,Ie,oe,L.thresholds,xe)}),"all"===T&&L.thresholds&&E(we,L.thresholds,P,Ie,oe,xe).map((e=>t.jsx(M.CircleInner,{class:r.classNames([F.circleTrackBaseStyle,F[`${q}Style`]]),...e,width:`${fe}px`,height:`${me}px`}))),t.jsx(M.CircleInner,{color:ke,class:r.classNames([F.circleValueBaseStyle,F[`circleValue${q}Style`],F[`${q}Style`]]),...N(we,w,oe,2*ge)}),L.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(we,e,oe,ce,xe),a=function(e,t,n,s){return n=l.getPositiveAngle(n),"full"===e||"bottom"===e||"top"===e?n<108&&n>72||n<288&&n>252?`calc(${t}px - ${k})`:`calc(${t/2-Math.abs(Math.cos(2*n*Math.PI/360))*s}px - ${k})`:90===n||270===n?`calc(${t}px - ${k})`:`calc(${t/2+s/2-s*Math.abs(Math.cos(2*n*Math.PI/360))}px - ${k})`}(q,f,i,xe/2+de+Z(ne,i));return t.jsx(X,{label:e.label,labelStyle:{fontSize:re.labelFontSize,lineHeight:u.typographyVars.body.md.lineHeight,...e.labelStyle},labelMaxWidth:a,radius:n,length:s,angle:i,labelOffset:Z(ne,i),color:r,section:q,halfMeterOffset:_(f,xe/2,q,H)})})),Ce&&L.children&&Le&&t.jsx("div",{class:r.classNames([F.meterCircleCenterContent]),children:L.children(Le)})]})}),ve,C,ae]})}})}function se({max:e=100,min:c=0,value:o=0,step:d=1,size:f="lg",startAngle:x=90,angleExtent:v=360,isTrackRendered:P=!0,thresholdDisplay:T="all",indicatorSize:k=1,testId:A,...L}){const V=C.useTestId(A);a.validateRange(c,e,o,d);const j=s.useRef(),{direction:D}=n.useUser(),F="rtl"===D;let U=x;F&&(U=l.getPositiveAngle(180-U));const B=l.getCircleSection(U,v,F),H=s.useRef(S(null,B)),K=s.useRef(null),[_,Y]=s.useState(!1);s.useEffect((()=>{(L.onCommit||L.onInput||L.children)&&(H.current=S(K.current,B),Y(!0))}),[f,B,L.onCommit,L.onInput,L.children]);const{textMeasureContent:G,getTextDimensions:Q}=R.useTextDimensions(),ee=s.useRef(!1),te=m.usePointerEvents(o,(t=>{const n=K.current;if(t.target==n)return z(t,c,e,d,H,U,v,B,F)}),K,j,ee,L.onCommit,L.onInput),ne=g.useKeyboardEvents(o,c,e,d,j,L.onCommit,L.onInput),{datatipContent:se,datatipProps:ie}=m.useMeterDatatip(o,ee,L.datatip,L["aria-describedby"]),re=a.getMeterAriaProps(o,c,e,L["aria-label"],L["aria-labelledby"],L.thresholds),ae=i.mergeProps(te,ne,ie,re),{trackColor:le,indicatorColor:ce}=a.getTrackAndIndicatorColor(o,T,L.trackColor,L.indicatorColor,L.thresholds),oe="bottom"===B||"top"===B?"Horizontal":"left"===B||"right"===B?"Vertical":"Full",he={min:c,max:e,value:o,startAngle:U,angleExtent:v,size:f,section:B,isRtl:F,innerRadius:H.current.innerRadius},ue=L.onCommit||L.onInput,{classes:de,styles:fe}=$.useComponentTheme(b.MeterCircleRedwoodTheme,{size:f,interaction:ue?"isInteractive":void 0}),{isTabbable:me}=p.useTabbableMode(),ge=I(H,B),xe=N(he,k,L.innerRadius),pe=a.hasLabelledReferenceLine(L.referenceLines),$e="lg"===f?"sm":"min",be=a.getDefaultReferenceLineLabelFontSize($e),Ce=s.useMemo((()=>[{tokenVar:be,key:"labelFontSize",cssProp:"font-size"},{tokenVar:u.typographyVars.body.md.lineHeight,key:"lineHeight",cssProp:"line-height"}]),[be]),{resolvedVars:ye,cssContent:Re}=y.useCssVars(Ce),{maxRefLabelDims:Me}=a.getMaxRefLabelDims(ye.fontSize,ye.lineHeight,L.referenceLines,Q),Se=O(he,P,T,le,L.innerRadius,L.thresholds);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:r.classNames([de]),tabIndex:me?0:-1,...V,...ae,children:t.jsxs(M.CircleWrapper,{wrapperRef:K,class:r.classNames([fe.circleWrapperBaseStyle,ue?fe.interactiveStyle:"",fe[`meterCircle${oe}SizeStyle`]]),style:{margin:q(f,B,!!L.referenceLines?.length,pe,Me)},children:[t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...Se}),"all"===T&&L.thresholds&&E(he,L.thresholds,P,le,L.innerRadius).map((e=>t.jsx(M.CircleInner,{class:r.classNames([fe.circleTrackBaseStyle,fe[`${B}Style`]]),...e}))),t.jsx(M.CircleInner,{color:ce,class:r.classNames([fe.circleValueBaseStyle,fe[`circleValue${B}Style`],fe[`${B}Style`]]),...xe}),L.referenceLines?.map((e=>{const{radius:n,length:s,angle:i,color:r}=J(he,e,L.innerRadius);return t.jsx(X,{label:e.label,labelStyle:{fontSize:ye.labelFontSize,...e.labelStyle},labelMaxWidth:W(h.meterCircleVars.size,i,`calc( ${n} + ${s} - ${Se.size} + ${Z($e,i)}px)`),radius:n,labelOffset:Z($e,i),length:s,angle:i,color:r,halfMeterOffset:w,section:B})})),_&&L.children&&ge&&t.jsx("div",{class:r.classNames([fe.meterCircleCenterContent]),children:L.children(ge)})]})}),se,G,Re]})}e.MeterCircle=function({size:e,max:n=100,min:s=0,value:i=0,step:r=1,startAngle:a=90,angleExtent:l=360,isTrackRendered:c=!0,thresholdDisplay:o="all",indicatorSize:h=1,...u}){return"fit"===e?t.jsx(ne,{min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u}):t.jsx(se,{size:e||"lg",min:s,value:i,max:n,step:r,startAngle:a,angleExtent:l,isTrackRendered:c,thresholdDisplay:o,indicatorSize:h,...u})}}));
 //# sourceMappingURL=MeterCircle-9887cf28.js.map

package/amd/Modal-7bece8d5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-536cb7ff', './Layer-6f29b67f', './LayerHost-639b3284', './UNSAFE_Modal/themes/ModalStyles.css', './tabbableUtils-85aa6918'], (function(e,t,s,o,n,r,l,a){"use strict";const i=s.forwardRef((({variant:e="scrim"},s)=>{const o=l.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:s,class:o})}));function d(e){const t=[];let s=e.previousSibling;for(;null!=s;)1===s.nodeType&&t.push(s),s=s.previousSibling;for(s=e.nextSibling;null!=s;)1===s.nodeType&&t.push(s),s=s.nextSibling;return t}function u(e){if(!e.modalRef)return[];const t=[];let s=e.modalRef.parentElement;do{if(!s)break;d(s).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),s=s.parentElement}while(s&&"body"!==s.tagName.toLowerCase());return t}const c=new class{constructor(){this.isFocusHandlerActive=!1,this.focusHandler=e=>{const t=this.getTopModal(),s=e.target;if(t&&s){const o=t.modalRef;if(o&&!o.contains(s)){a.allTabbableElements(o).length>0&&(a.focusWithin(o),e.preventDefault(),e.stopPropagation())}}},this.getTopModal=()=>this.modals.length>0?this.modals[this.modals.length-1].modal:null,this.islegacyLayerSupportAvailable=()=>null!==document.getElementById("__oj_zorder_container"),this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)){if(this.modals.push({modal:e,ariaHiddenChildren:u(e)}),1===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body,s=window.innerWidth-document.documentElement.clientWidth;if(s>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${s}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${s}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}1!==this.modals.length||this.islegacyLayerSupportAvailable()||(document.addEventListener("focus",this.focusHandler,!0),this.isFocusHandlerActive=!0)}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;this.isFocusHandlerActive&&1===this.modals.length&&document.removeEventListener("focus",this.focusHandler,!0);const s=this.modals.pop();var o;if(s&&(o=s?.ariaHiddenChildren,o.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:s})=>{t.style.setProperty(e,s)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((s,o)=>{s.modal!==e||(t=o)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:r,onBackdropClick:a,backdropVariant:d})=>{const u=c,{backdropRef:h}=o.useModal({isOpen:r,onBackdropClick:a}),p=s.useRef(null),f=s.useRef({}),m=()=>(f.current.modalRef=p.current,f.current);return s.useEffect((()=>{r&&p.current?u?.push(m()):f.current.modalRef&&u?.pop(m())}),[r,u]),s.useEffect((()=>{const e=f.current.modalRef;return()=>{e&&u?.pop(m())}}),[u]),r?t.jsx(n.Layer,{isModal:!0,children:t.jsxs("div",{ref:p,class:l.baseStyle,children:[t.jsx(i,{ref:h,variant:d}),e]})}):null}}));
+//# sourceMappingURL=Modal-7bece8d5.js.map

package/amd/Modal-7bece8d5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-7bece8d5.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","import { focusWithin, allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\n\ninterface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n  /**\n   * A flag indicating that the ModalManager's focus handler is installed\n   */\n  private isFocusHandlerActive = false;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * A focus handler to keep focus in the top-most modal.\n   */\n  private focusHandler = (event: FocusEvent) => {\n    const topModal = this.getTopModal();\n    const target = event.target as HTMLElement;\n\n    // if there is an open modal and valid focus event target...\n    if (topModal && target) {\n      const modalElement = topModal.modalRef;\n      if (modalElement && !modalElement.contains(target)) {\n        // Focus is outside of the top modal container, let's try to fix it\n        const tabbableElements = allTabbableElements(modalElement);\n        if (tabbableElements.length > 0) {\n          // re-directing focus to the element inside top modal\n          focusWithin(modalElement);\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    }\n  };\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n\n    // also install the focus handler when the first modal becomes active\n    if (this.modals.length === 1 && !this.islegacyLayerSupportAvailable()) {\n      document.addEventListener('focus', this.focusHandler, true);\n      this.isFocusHandlerActive = true;\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    // remove the focus handler when the last modal is about to be removed\n    if (this.isFocusHandlerActive && this.modals.length === 1) {\n      document.removeEventListener('focus', this.focusHandler, true);\n    }\n\n    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  getTopModal = (): Modal | null => {\n    return this.modals.length > 0 ? this.modals[this.modals.length - 1].modal : null;\n  };\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n\n  // TODO: replace with a proper API\n  /**\n   * Checks if the legacy popup service is available\n   */\n  private islegacyLayerSupportAvailable = () => {\n    return document.getElementById('__oj_zorder_container') !== null;\n  };\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // modal ref cache, required to lookup the item in modal manager when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  return isOpen ? (\n    <Layer isModal={true}>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modal","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","isFocusHandlerActive","focusHandler","event","topModal","getTopModal","target","modalElement","contains","allTabbableElements","length","focusWithin","preventDefault","stopPropagation","modals","islegacyLayerSupportAvailable","document","getElementById","styleBackup","_findModalIndex","ariaHiddenChildren","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","addEventListener","pop","modalIndex","removeEventListener","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","getModal","current","useEffect","jsx","Layer","isModal","_jsxs","baseStyle"],"mappings":"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"}

package/amd/MonthView-3d0968a1.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './dayUtils-686df37a', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-1783eb17', 'preact/hooks', './StyledDatePickerButton-e01ce5fc', 'preact/compat', './useTranslationBundle-d07d4b20', './useCellNavigation-1feec094', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-3ef25571', './Grid-8911aa0f', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,p,g,D){"use strict";const f=()=>({state:"enabled"}),w=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=f,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{state:D}=t(e),w="disabled"===D,T="restricted"===D,b=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||w||T||p(e)}),[o,w,h,T,p]),S=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:g}),x=d.useTranslationBundle("@oracle/oraclejet-preact"),C=x.datePicker_today(),M=x.datePicker_selected(),v=x.datePicker_restricted(),j=a(r.getIsoDateStr(e.year,e.month,e.day));let P=y?`${C}, ${j}`:j;P=T?`${P}, ${v}`:P,P=m?`${P}, ${M}`:P;const V=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":P,...(u||o||w||T)&&{"aria-disabled":!0},isActivable:!(o||h||w||T),isAdjacentMonth:s,isDimmed:o||w,isHidden:u,isHoverable:!(o||h||w||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:V,...b,...S}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},T=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:D.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:D.weekNumberStyles,children:a})})};function b(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:D,focusableDate:f,isFocused:k=!1,testId:S,todaysDate:x,weekDisplay:C="none"})=>{const{locale:M}=h.useUser(),v=a.getWeeksInMonth(f.year,f.month,M),{baseTheme:j,styles:P}=p.useComponentTheme(y.MonthViewRedwoodTheme,{}),V="number"===C,A=`repeat(${V?8:7}, 1fr)`,F=n.useMemo((()=>{r.checkNoCalendarExtension(M);const e={locale:M,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[M]),U=r.formatFullCalendarDate(M,f,"month");return t.jsx("div",{class:j,children:t.jsxs(m.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":U,role:"grid",testId:S,children:[(()=>{const e=a.getDaysOfWeekNames(M,"short");return t.jsx("div",{class:P.sticky,children:t.jsxs(m.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:P.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<v;n++){const h=a.getStartOfWeek(f.year,f.month,1,M),y=a.getDatesInWeek(n,h.year,h.month,h.day),p=y.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!D&&b(a,D),h=b(a,x),m=b(a,f),y=(p=f,a.month!==p.month);var p;const g=y&&"hidden"===o;return t.jsx(w,{date:a,dateFormatter:F,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&k,isHidden:g,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(m.Grid,{role:"row",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx(T,{startDateOfWeek:y[0]}),p]},n))}return s})()]})})}}));
+//# sourceMappingURL=MonthView-3d0968a1.js.map