@oracle/oraclejet-preact 19.0.1 → 19.0.3

package/amd/SelectSingle-6d1f640f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSingle-6d1f640f.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleDesktopDropdown.tsx","../../src/UNSAFE_SelectSingle/SelectSingleMobileDropdown.tsx","../../src/UNSAFE_SelectSingle/useMobileDropdown.ts","../../src/UNSAFE_SelectSingle/SelectSingle.tsx","../../src/UNSAFE_SelectSingle/useSelectSingle.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 */\n\nimport {\n  Dropdown,\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  LinkItem,\n  preventDefault\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport type { CollectionRendererProps } from './SelectSingle.types';\n\ntype PickedDropdownProps = Pick<\n  ComponentProps<typeof Dropdown>,\n  'isOpen' | 'onAutoDismiss' | 'onPosition'\n>;\n\ntype PickedInlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  'assistiveText' | 'helpSourceLink' | 'helpSourceText'\n>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedDropdownProps &\n  PickedInlineUserAssistanceProps & {\n    data?: DataState<K, D> | null;\n    collectionRenderer: (props: CollectionRendererProps<K, D>) => ComponentChildren;\n    collectionRendererContext: CollectionRendererProps<K, D>;\n    dropdownId: string;\n    dropdownRef: RefObject<HTMLDivElement>;\n    isAddToListShown?: boolean;\n    isAdvancedSearchShown: boolean;\n    isDisabled?: boolean;\n    isDropdownAbove: boolean;\n    isEmptyResults: boolean;\n    isReadonly?: false;\n    label: string;\n    mainFieldRef: RefObject<HTMLDivElement>;\n    onAddToListAction?: () => void;\n    onAdvancedSearchAction?: () => void;\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\nexport function SelectSingleDesktopDropdown<\n  K extends string | number,\n  D extends Record<string, any>\n>({\n  assistiveText,\n  collectionRenderer,\n  collectionRendererContext,\n  data,\n  dropdownId,\n  dropdownRef,\n  helpSourceLink,\n  helpSourceText,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isDisabled,\n  isDropdownAbove,\n  isEmptyResults,\n  isOpen,\n  isReadonly,\n  label,\n  mainFieldRef,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onAutoDismiss,\n  onPosition,\n  userAssistanceDensity\n}: Props<K, D>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const dropdownInlineUserAssistance =\n    isOpen &&\n    !isDropdownAbove &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <TabbableModeContext.Provider value={{ isTabbable: false }}>\n        <DropdownUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          userAssistanceDensity={userAssistanceDensity}\n        />\n      </TabbableModeContext.Provider>\n    ) : undefined;\n\n  const dropdownListContent = isEmptyResults ? (\n    isAddToListShown || isAdvancedSearchShown ? undefined : (\n      <EmptyResults />\n    )\n  ) : (\n    collectionRenderer(collectionRendererContext)\n  );\n\n  const addToListContent = isAddToListShown ? (\n    <>\n      {!isEmptyResults && (\n        <div onMouseDown={preventDefault}>\n          <Separator />\n        </div>\n      )}\n      <LinkItem isHighlighted={isEmptyResults} onAction={onAddToListAction}>\n        {translations.select_addToList()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  const advancedSearchContent = isAdvancedSearchShown ? (\n    <>\n      {!isEmptyResults && (\n        <div onMouseDown={preventDefault}>\n          <Separator />\n        </div>\n      )}\n      <LinkItem isHighlighted={isEmptyResults} onAction={onAdvancedSearchAction}>\n        {translations.select_moreSearchOptions()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  return (\n    <Dropdown\n      anchorRef={mainFieldRef}\n      dropdownRef={dropdownRef}\n      id={dropdownId}\n      isOpen={isOpen}\n      onAutoDismiss={onAutoDismiss}\n      onPosition={onPosition}>\n      <DropdownList\n        hasBottomGap={dropdownInlineUserAssistance === undefined}\n        isLoading={data === null}>\n        {dropdownListContent}\n        {addToListContent}\n        {advancedSearchContent}\n      </DropdownList>\n      {dropdownInlineUserAssistance}\n    </Dropdown>\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 */\n\nimport {\n  DropdownList,\n  DropdownUserAssistance,\n  EmptyResults,\n  LinkItem,\n  SelectMobileDropdown,\n  preventDefault\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Label } from '#UNSAFE_Label';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance, type UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { ComponentChildren, ComponentProps } from 'preact';\nimport type { CollectionRendererProps } from './SelectSingle.types';\nimport { SelectSingleField } from './SelectSingleField';\nimport { SelectSingleFieldInput } from './SelectSingleFieldInput';\nimport { useMobileDropdown, type UseMobileDropdownProps } from './useMobileDropdown';\n\ntype SelectSingleFieldInputProps = ComponentProps<typeof SelectSingleFieldInput>;\n\ntype PickedInlineUserAssistanceProps = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  'assistiveText' | 'helpSourceLink' | 'helpSourceText'\n>;\ntype PickedSelectSingleFieldInputProps = Pick<\n  ComponentProps<typeof SelectSingleFieldInput>,\n  | 'aria-describedby'\n  | 'aria-label'\n  | 'displayValue'\n  | 'isAddToListShown'\n  | 'isAdvancedSearchShown'\n  | 'isRequired'\n  | 'placeholder'\n  | 'textAlign'\n  | 'virtualKeyboard'\n> & {\n  onFieldBlur?: ComponentProps<typeof SelectSingleFieldInput>['onBlur'];\n  onFieldFocus?: ComponentProps<typeof SelectSingleFieldInput>['onFocus'];\n  onFieldInput?: ComponentProps<typeof SelectSingleFieldInput>['onInput'];\n  onFieldKeyDown?: ComponentProps<typeof SelectSingleFieldInput>['onKeyDown'];\n  onFieldKeyUp?: ComponentProps<typeof SelectSingleFieldInput>['onKeyUp'];\n};\ntype PickedSelectMobileDropdownProps = Pick<ComponentProps<typeof SelectMobileDropdown>, 'isOpen'>;\ntype PickedUseMobileDropdownProps<K extends string | number, D extends Record<string, any>> = Pick<\n  UseMobileDropdownProps<K, D>,\n  'clearValue' | 'setDropdownOpen' | 'stopFiltering' | 'setUserInput'\n> & {\n  mainFieldInputRef: UseMobileDropdownProps<K, D>['inputRef'];\n};\n\ntype Props<\n  K extends string | number,\n  D extends Record<string, any>\n> = PickedInlineUserAssistanceProps &\n  PickedSelectMobileDropdownProps &\n  PickedSelectSingleFieldInputProps &\n  PickedUseMobileDropdownProps<K, D> & {\n    data?: DataState<K, D> | null;\n    collectionRenderer: (props: CollectionRendererProps<K, D>) => ComponentChildren;\n    collectionRendererContext: CollectionRendererProps<K, D>;\n    dropdownId: string;\n    isEmptyResults: boolean;\n    isFocused: boolean;\n    isLoading: boolean;\n    label: string;\n    liveRegionText?: string;\n    onAddToListAction?: () => void;\n    onAdvancedSearchAction?: () => void;\n    propIsLoading?: boolean;\n    userAssistanceDensity?: UserAssistanceDensityType;\n    userInput?: string;\n    virtualKeyboard?: SelectSingleFieldInputProps['virtualKeyboard'];\n  };\n\nexport function SelectSingleMobileDropdown<\n  K extends string | number,\n  D extends Record<string, any>\n>({\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  assistiveText,\n  clearValue,\n  collectionRenderer,\n  collectionRendererContext,\n  data,\n  displayValue,\n  dropdownId,\n  helpSourceLink,\n  helpSourceText,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isEmptyResults,\n  isFocused,\n  isLoading,\n  isOpen = false,\n  isRequired,\n  label,\n  liveRegionText,\n  mainFieldInputRef,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onFieldBlur,\n  onFieldFocus,\n  onFieldInput,\n  onFieldKeyDown,\n  onFieldKeyUp,\n  placeholder,\n  propIsLoading,\n  setDropdownOpen,\n  setUserInput,\n  stopFiltering,\n  textAlign,\n  userAssistanceDensity,\n  userInput,\n  virtualKeyboard\n}: Props<K, D>) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n    useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: false,\n      isFocused,\n      isLoading,\n      isReadonly: false,\n      isRequiredShown: false,\n      labelEdge: 'inside',\n      styleVariant: 'default',\n      value: ''\n    });\n  const { selectSingleFieldInputProps, selectSingleFieldProps } = useMobileDropdown({\n    clearValue,\n    displayValue,\n    inputRef: mainFieldInputRef,\n    isDropdownOpen: isOpen,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  });\n\n  // JET-54256 - inside label animates up on initial display with selected value\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const mobileDropdownFieldLabelProps = {\n    label: <Label {...labelProps}>{label}</Label>,\n    labelEdge: 'inside' as const\n  };\n\n  const dropdownInlineUserAssistance =\n    isOpen &&\n    (assistiveText || helpSourceLink) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <DropdownUserAssistance\n        assistiveText={assistiveText}\n        fieldLabel={label}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        userAssistanceDensity={userAssistanceDensity}\n        {...userAssistanceProps}\n      />\n    ) : undefined;\n\n  const dropdownListContent = isEmptyResults ? (\n    isAddToListShown || isAdvancedSearchShown ? undefined : (\n      <EmptyResults />\n    )\n  ) : (\n    collectionRenderer(collectionRendererContext)\n  );\n\n  const addToListContent = isAddToListShown ? (\n    <>\n      <div onMouseDown={preventDefault}>\n        <Separator />\n      </div>\n      <LinkItem onAction={onAddToListAction}>{translations.select_addToList()}</LinkItem>\n    </>\n  ) : undefined;\n\n  const advancedSearchContent = isAdvancedSearchShown ? (\n    <>\n      <div onMouseDown={preventDefault}>\n        <Separator />\n      </div>\n      <LinkItem onAction={onAdvancedSearchAction}>\n        {translations.select_moreSearchOptions()}\n      </LinkItem>\n    </>\n  ) : undefined;\n\n  return (\n    <SelectMobileDropdown\n      header={\n        <FormFieldContext.Provider value={formFieldContext}>\n          <View>\n            <SelectSingleField\n              {...textFieldProps}\n              {...mobileDropdownFieldLabelProps}\n              {...selectSingleFieldProps}\n              onFocus={onFieldFocus}\n              onBlur={onFieldBlur}>\n              <SelectSingleFieldInput\n                {...inputProps}\n                {...selectSingleFieldInputProps}\n                aria-controls={dropdownId}\n                aria-expanded={isOpen}\n                aria-label={ariaLabel}\n                isAddToListShown={isAddToListShown}\n                isAdvancedSearchShown={isAdvancedSearchShown}\n                isRequired={isRequired}\n                liveRegionText={liveRegionText}\n                placeholder={placeholder}\n                textAlign={textAlign}\n                virtualKeyboard={virtualKeyboard}\n                onInput={onFieldInput}\n                onKeyDown={onFieldKeyDown}\n                onKeyUp={onFieldKeyUp}\n              />\n            </SelectSingleField>\n          </View>\n          {dropdownInlineUserAssistance}\n          {addToListContent}\n          {advancedSearchContent}\n        </FormFieldContext.Provider>\n      }\n      hasHeaderSeparator={!(isAdvancedSearchShown && isEmptyResults)}\n      id={dropdownId}\n      isOpen={isOpen}\n      labelId={labelProps.id}>\n      <DropdownList\n        isLoading={data === null}\n        hasTopGap={!(isAddToListShown || isAdvancedSearchShown)}>\n        {dropdownListContent}\n      </DropdownList>\n    </SelectMobileDropdown>\n  );\n}\n","import { isSearchTextEmptyOrUndefined } from '#PRIVATE_SelectCommon';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport type { useSelectSingle } from './useSelectSingle';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype PickedPropsFromUseSelectSingle<K extends Key, D extends Data> = Pick<\n  ReturnType<typeof useSelectSingle<K, D>>,\n  | 'clearValue'\n  | 'inputRef'\n  | 'isDropdownOpen'\n  | 'setDropdownOpen'\n  | 'setUserInput'\n  | 'stopFiltering'\n  | 'userInput'\n>;\nexport type UseMobileDropdownProps<K extends Key, D extends Data> = PickedPropsFromUseSelectSingle<\n  K,\n  D\n> & {\n  displayValue: string;\n};\n\nexport function useMobileDropdown<K extends Key, D extends Data>({\n  clearValue,\n  displayValue,\n  inputRef,\n  isDropdownOpen,\n  userInput,\n  setDropdownOpen,\n  stopFiltering,\n  setUserInput\n}: UseMobileDropdownProps<K, D>) {\n  // Create a ref for the input in the dropdown\n  const dropdownInputRef = useRef<HTMLInputElement>(null);\n\n  const closeDropdown = useCallback(() => {\n    setDropdownOpen(false);\n    // stop filtering before closing the dropdown\n    stopFiltering();\n    // revert the focus back to the main field\n    inputRef.current?.focus();\n  }, [inputRef, setDropdownOpen, stopFiltering]);\n\n  const onBackButtonClick = useCallback(() => {\n    closeDropdown();\n  }, [closeDropdown]);\n\n  const onClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value but do not close the dropdown\n    clearValue(false);\n    // set focus to the dropdown input field\n    dropdownInputRef.current?.focus();\n  }, [clearValue, stopFiltering]);\n\n  const wasDropdownOpen = useRef(isDropdownOpen);\n  useEffect(() => {\n    // if the dropdown is open, ignore any valueItems update\n    if (isDropdownOpen) {\n      // this dropdown is opened now, so set the focus on the input field\n      setTimeout(() => dropdownInputRef.current?.focus(), 0);\n    }\n    wasDropdownOpen.current = isDropdownOpen;\n  }, [isDropdownOpen]);\n\n  const isInitialRender = useRef(true);\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setUserInput(displayValue);\n  }\n\n  return {\n    selectSingleFieldInputProps: {\n      displayValue: userInput ?? '',\n      hasEmptyLabel: false,\n      hasInsideLabel: true,\n      inputRef: dropdownInputRef,\n      isUserFiltering: true,\n      removeIcon: 'always' as const,\n      userInput\n    },\n    selectSingleFieldProps: {\n      hasInsideLabel: true,\n      isBackButtonShown: true,\n      isClearButtonShown:\n        !isSearchTextEmptyOrUndefined(userInput) || !isSearchTextEmptyOrUndefined(displayValue),\n      isDropdownArrowShown: false,\n      styleVariant: 'embedded' as const,\n      onBackButtonClick,\n      onClearButtonClick\n    }\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 */\n\nimport {\n  DefaultList,\n  SelectMobileFieldInput,\n  isBeforeDataFetch,\n  isPhone,\n  isTablet\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { Label } from '#UNSAFE_Label';\nimport { ReadonlyTextField, ReadonlyTextFieldInput } from '#UNSAFE_TextField';\nimport {\n  CompactUserAssistance,\n  InlineUserAssistance,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport type { VirtualizedListView } from '#UNSAFE_VirtualizedListView';\nimport { useFocusableTextField, type FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport type { Size } from '#utils/UNSAFE_size';\nimport type { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport {\n  Fragment,\n  type VNode,\n  type ComponentChildren,\n  type ComponentProps,\n  type Ref\n} from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { MutableRef, useCallback, useImperativeHandle, useRef } from 'preact/hooks';\nimport type { CollectionRendererProps, ItemRendererProps } from './SelectSingle.types';\nimport { SelectSingleDesktopDropdown } from './SelectSingleDesktopDropdown';\nimport { SelectSingleField } from './SelectSingleField';\nimport { SelectSingleFieldInput } from './SelectSingleFieldInput';\nimport { SelectSingleMobileDropdown } from './SelectSingleMobileDropdown';\nimport { useDisplayValue } from './useDisplayValue';\nimport { useSelectSingle } from './useSelectSingle';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\n\ntype SelectSingleFieldInputProps = ComponentProps<typeof SelectSingleFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props<K extends string | number, D extends Record<string, any>> = TestIdProps & {\n  /**\n   * Specifies whether the add to list link is shown in the dropdown when the user filters.\n   * It is up to the application to show its own UI when the link is triggered.\n   *\n   * Advanced search and add to list should not be enabled at the same time.  If both are on,\n   * advanced search will take precedence because its external UI could also potentially include\n   * the ability to add to list.\n   */\n  addToList?: 'on' | 'off';\n  /**\n   * Specifies whether the advanced search link is shown in the dropdown when the user filters.\n   * It is up to the application to show its own UI when the link is triggered.\n   *\n   * Advanced search and add to list should not be enabled at the same time.  If both are on,\n   * advanced search will take precedence because its external UI could also potentially include\n   * the ability to add to list.\n   */\n  advancedSearch?: 'on' | 'off';\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: SelectSingleFieldInputProps['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter or select.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Render function for the collection in the dropdown.\n   */\n  collectionRenderer?: (\n    collectionRendererProps: CollectionRendererProps<K, D>\n  ) => ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Specifies data for the dropdown list.\n   *\n   * Note that the <code>itemText</code> property allows for customizing the rendering\n   * of each data item.\n   */\n  data?: DataState<K, D> | null;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is waiting for <code>valueItems</code> to load.\n   * While loading, SelectSingle will show the progressive loading indicator in the text field.\n   */\n  isLoading?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * selected by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be selected by the user.\n   */\n  isRequired?: SelectSingleFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has selected a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Render function for an item in the default list in the dropdown.\n   */\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  /**\n   * Specifies how to get the text string to render for a data item.\n   * This property can be set to either:\n   * <ul>\n   * <li>a string that specifies the name of a top level data attribute to render as text, or</li>\n   * <li>a callback function that takes a properties object and returns the text string to\n   * display.</li>\n   * </ul>\n   *\n   * This text will be rendered for the selected <code>valueItems</code> of the component.\n   * It will also be rendered for each item in the dropdown.  When rendered for the\n   * dropdown items, default matching search term highlighting will still be applied.\n   */\n  itemText: ItemTextType<K, D>;\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user selects or enters a value.\n   */\n  placeholder?: SelectSingleFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: SelectSingleFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Specifies the key, data, and optional metadata for the selected value.\n   */\n  valueItem?: Item<K, D>;\n  /**\n   * The style variant of the component.\n   */\n  variant?: SelectSingleFieldInputProps['variant'];\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n  /**\n   * Callback function called when the user triggers the add to list link shown in the dropdown.\n   */\n  onAddToListAction?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function called when the user triggers the advanced search link shown in the dropdown.\n   */\n  onAdvancedSearchAction?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback invoked when the user commits the selected value.\n   *\n   * The function should set a new <code>valueItem</code> property.\n   */\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  /**\n   * Callback function to trigger loading data for the dropdown list, which may or may not be\n   * filtered by user entered search text.\n   *\n   * The function should set a new <code>DataState</code> as the <code>data</code> property.\n   */\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n  /**\n   * Callback function to handle when the viewport of the dropdown list has changed, for example\n   * by scrolling, including the case where the user scrolls to the end of the list and there are\n   * more items to load.\n   *\n   * The function should set a new <code>DataState</code> for the specified range as the\n   * <code>data</code> property.\n   */\n  onLoadRange?: ComponentProps<typeof VirtualizedListView>['onLoadRange'];\n};\n\n/**\n * A SelectSingle is a dropdown list that supports single selection and search filtering.\n */\nexport const SelectSingle = forwardRef(\n  <K extends string | number, D extends Record<string, any>>(\n    {\n      addToList = 'off',\n      advancedSearch = 'off',\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      collectionRenderer,\n      columnSpan,\n      data,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isLoading: propIsLoading,\n      isReadonly: propIsReadonly,\n      isRequired,\n      isRequiredShown,\n      itemRenderer,\n      itemText,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onAddToListAction,\n      onAdvancedSearchAction,\n      onCommit,\n      onFilter,\n      onLoadRange,\n      placeholder,\n      testId,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      valueItem,\n      variant = 'default',\n      virtualKeyboard\n    }: Props<K, D>,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused: origIsFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    useImperativeHandle(ref!, () => focusMethods, [focusMethods]);\n\n    const {\n      addToListEventHandlers,\n      advancedSearchEventHandlers,\n      clearValue,\n      collectionRendererContext,\n      dropdownArrowEventHandlers,\n      dropdownEventHandlers,\n      dropdownRef,\n      inputEventHandlers,\n      isAddToListShown,\n      isAdvancedSearchShown,\n      isDataFetched,\n      isDropdownAbove,\n      isDropdownOpen,\n      isEmptyResults,\n      isFocused,\n      isUserFiltering,\n      mainFieldRef,\n      mouseProps,\n      setDropdownOpen,\n      setUserInput,\n      stopFiltering,\n      textFieldRef,\n      userInput\n    } = useSelectSingle<K, D>({\n      addToList,\n      advancedSearch,\n      data,\n      inputRef: enabledElementRef as MutableRef<HTMLInputElement>,\n      isDisabled,\n      isFocused: origIsFocused,\n      isReadonly,\n      onAddToListAction,\n      onAdvancedSearchAction,\n      onCommit,\n      onFilter,\n      valueItem\n    });\n\n    // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n    // show the loading indicator until after a delay, because showing it immediately could result\n    // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n    // after the delay, when the timer expires, at which point we should show the loading indicator.\n    // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n    // and no loading indicator will be shown.\n    // (ListView detects its loading state by checking data === null.  While it would be nice for\n    // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n    // If valueItems === null triggers our loading state, then the selections in the dropdown\n    // are cleared for that period of time, which is undesirable.)\n    const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isLoading,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value: valueItem !== undefined ? true : undefined\n    });\n\n    // JET-54256 - inside label animates up on initial display with selected value\n    // If we're waiting for the selected values to load, the component should look like it\n    // has a value in the meantime.\n    // Use the original propIsLoading instead of isLoading because we don't want to delay\n    // the inside label position by a timer like we do the progressive loading indicator.\n    formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n    const dropdownId = `${baseId}-dropdown`;\n\n    const displayValue = useDisplayValue(itemText, valueItem);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={mainFieldRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const defaultCollectionRenderer = useCallback(\n      ({\n        onPersistCurrentRowKey,\n        onRowAction,\n        selected,\n        searchText,\n        currentRowKeyOverride\n      }: CollectionRendererProps<K, D>) => (\n        <DefaultList\n          aria-label={label ?? ''}\n          currentItemVariant=\"highlight\"\n          currentKey={currentRowKeyOverride}\n          data={data}\n          itemRenderer={itemRenderer}\n          itemText={itemText}\n          onCurrentKeyChange={onPersistCurrentRowKey}\n          onItemAction={onRowAction}\n          onLoadRange={onLoadRange}\n          searchText={isUserFiltering ? searchText : undefined}\n          selectedKeys={selected}\n          selectionMode=\"single\"\n        />\n      ),\n      [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n    );\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          value={displayValue}\n        />\n      );\n\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={mainFieldRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';\n    const liveRegionText =\n      isDropdownOpen && isDataFetched\n        ? data?.totalSize === 0\n          ? translations.select_noMatchesFound()\n          : data?.totalSize === 1\n          ? translations.select_oneMatchFound()\n          : data?.sizePrecision === 'exact'\n          ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n          : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n        : '';\n\n    const hasEmptyLabel = label === '' && labelEdge === 'none';\n    // Use the mobile field if the component is being rendered in a phone\n    // and it is not disabled.\n    const isPhoneMainFieldInput = isPhone() && !isDisabled;\n    const mainContent = !isPhoneMainFieldInput ? (\n      <SelectSingleFieldInput\n        aria-controls={dropdownId}\n        aria-expanded={isDropdownOpen}\n        aria-label={ariaLabel}\n        displayValue={displayValue}\n        hasEmptyLabel={label === '' && labelEdge === 'none'}\n        hasInsideLabel={hasInsideLabel}\n        inputRef={enabledElementRef}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isRequired={isRequired}\n        isUserFiltering={isUserFiltering}\n        liveRegionText={liveRegionText}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        userInput={userInput}\n        // In tablet, we would want to show the virtual keyboard\n        virtualKeyboard={isTablet() ? virtualKeyboard : undefined}\n        {...inputProps}\n        {...inputEventHandlers}\n      />\n    ) : (\n      <SelectMobileFieldInput\n        aria-controls={dropdownId}\n        aria-describedby={inputProps['aria-describedby']}\n        aria-expanded={isDropdownOpen}\n        aria-invalid={inputProps['aria-invalid']}\n        aria-label={ariaLabel}\n        aria-labelledby={labelProps.id}\n        displayValue={displayValue}\n        hasEmptyLabel={hasEmptyLabel}\n        hasInsideLabel={hasInsideLabel}\n        isRequired={isRequired}\n        onBlur={inputProps.onBlur}\n        onFocus={inputProps.onFocus}\n        placeholder={placeholder}\n        ref={enabledElementRef as Ref<HTMLDivElement>}\n        textAlign={textAlign}\n        variant={inputProps.variant}\n      />\n    );\n\n    const shouldShowDropdown =\n      isDropdownOpen &&\n      data !== undefined &&\n      (data === null || data.totalSize > 0 || isBeforeDataFetch<K, D>(data) || isEmptyResults);\n    const dropdown = !shouldShowDropdown ? null : isPhone() ? (\n      <SelectSingleMobileDropdown\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabel}\n        assistiveText={assistiveText}\n        clearValue={clearValue}\n        collectionRenderer={collectionRenderer ?? defaultCollectionRenderer}\n        collectionRendererContext={collectionRendererContext}\n        data={data}\n        displayValue={displayValue}\n        dropdownId={dropdownId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isEmptyResults={isEmptyResults}\n        isFocused={isFocused}\n        isLoading={isLoading}\n        isOpen={shouldShowDropdown}\n        isRequired={isRequired}\n        label={label}\n        liveRegionText={liveRegionText}\n        mainFieldInputRef={enabledElementRef}\n        onAddToListAction={addToListEventHandlers.onAction}\n        onAdvancedSearchAction={advancedSearchEventHandlers.onAction}\n        onFieldBlur={focusProps.onFocusOut}\n        onFieldFocus={focusProps.onFocusIn}\n        onFieldInput={inputEventHandlers.onInput}\n        onFieldKeyDown={inputEventHandlers.onKeyDown}\n        onFieldKeyUp={inputEventHandlers.onKeyUp}\n        placeholder={placeholder}\n        propIsLoading={propIsLoading}\n        setDropdownOpen={setDropdownOpen}\n        stopFiltering={stopFiltering}\n        setUserInput={setUserInput}\n        textAlign={textAlign}\n        userAssistanceDensity={userAssistanceDensity}\n        userInput={userInput}\n        virtualKeyboard={virtualKeyboard}\n      />\n    ) : (\n      <SelectSingleDesktopDropdown\n        {...dropdownEventHandlers}\n        assistiveText={assistiveText}\n        collectionRenderer={collectionRenderer ?? defaultCollectionRenderer}\n        collectionRendererContext={collectionRendererContext}\n        data={data}\n        dropdownId={dropdownId}\n        dropdownRef={dropdownRef}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        isAddToListShown={isAddToListShown}\n        isAdvancedSearchShown={isAdvancedSearchShown}\n        isDisabled={isDisabled}\n        isDropdownAbove={isDropdownAbove}\n        isEmptyResults={isEmptyResults}\n        isOpen={shouldShowDropdown}\n        isReadonly={isReadonly}\n        label={label}\n        mainFieldRef={mainFieldRef}\n        onAddToListAction={addToListEventHandlers.onAction}\n        onAdvancedSearchAction={advancedSearchEventHandlers.onAction}\n        userAssistanceDensity={userAssistanceDensity}\n      />\n    );\n\n    return (\n      <Fragment>\n        <FormFieldContext.Provider value={formFieldContext}>\n          <SelectSingleField\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            hasInsideLabel={hasInsideLabel}\n            inlineUserAssistance={inlineUserAssistance}\n            isDropdownArrowShown={true}\n            mainFieldRef={mainFieldRef}\n            onBlur={focusProps?.onFocusOut}\n            onDropdownArrowClick={dropdownArrowEventHandlers.onClick}\n            onFocus={focusProps?.onFocusIn}\n            rootRef={textFieldRef as Ref<HTMLElement> | undefined}\n            testId={testId}\n            {...textFieldProps}\n            {...fieldLabelProps}\n            {...mouseProps}>\n            {mainContent}\n          </SelectSingleField>\n        </FormFieldContext.Provider>\n        {dropdown}\n      </Fragment>\n    );\n  }\n) as {\n  <K extends string | number, D extends Record<string, any>>(\n    props: Props<K, D> & { ref?: Ref<FocusableHandle> }\n  ): VNode<any> | null;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.\n\nexport type SelectSingleProps<K extends string | number, D extends Record<string, any>> = Props<\n  K,\n  D\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 */\n\nimport {\n  UseCollectionRendererSelectSingleParams,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { DataState } from '#UNSAFE_Collection';\nimport { useEffectEvent } from '#hooks/PRIVATE_useEffectEvent';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { SelectSingle } from './SelectSingle';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod/useHiddenTestMethod';\n\ntype PickedPropsFromSelectSingle = Pick<\n  ComponentProps<typeof SelectSingle>,\n  | 'addToList'\n  | 'advancedSearch'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'onAddToListAction'\n  | 'onAdvancedSearchAction'\n  | 'onFilter'\n>;\ntype UseSelectSingleProps<K, D> = PickedPropsFromSelectSingle & {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLInputElement>;\n  isFocused?: boolean;\n  onCommit: (detail: ValueUpdateDetail<K>) => void;\n  valueItem?: Item<K, D>;\n};\n\n/**\n * Hook that manages SelectSingle state and behavior.  This hook creates state variables and\n * event listeners, returning properties to apply to components internally rendered by\n * SelectSingle, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isDisabled Specifies whether the component is disabled.\n * @param isFocused Specifies whether the component has focus.\n * @param isReadonly Specifies whether the component is readonly.\n * @param onCommit Callback invoked when the selected value is committed.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n * @param valueItem Specifies the key, data, and optional metadata for the selected value.\n *\n * @returns Properties to apply to internal components that SelectSingle renders, and component\n * state.\n */\nexport function useSelectSingle<K extends string | number, D extends Record<string, any>>({\n  addToList,\n  advancedSearch,\n  data,\n  inputRef,\n  isDisabled,\n  isFocused: propIsFocused,\n  isReadonly,\n  onAddToListAction,\n  onAdvancedSearchAction,\n  onCommit: propOnCommit,\n  onFilter,\n  valueItem\n}: UseSelectSingleProps<K, D>) {\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown: baseHandleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    isDropdownAbove,\n    isDropdownOpen,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    isFocused: propIsFocused,\n    onFilter\n  });\n\n  const [selectedKeys, setSelectedKeys] = useState<Set<K>>();\n  const [isBlurClearValue, setBlurClearValue] = useState(false);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [isTabbingOutOfDropdown, setTabbingOutOfDropdown] = useState(false);\n\n  // refs used by some of the effects below to determine whether the effect needs to run,\n  // for when the list of dependencies is longer than what we want the trigger to actually be\n  const prevDataRef = useRef(data);\n  const prevDropdownOpenRef = useRef(isDropdownOpen);\n  const prevSearchText = useRef(searchText);\n\n  const isAdvancedSearchShown =\n    advancedSearch === 'on' && isUserFiltering && searchText != null && searchText.length > 0;\n  const isDataFetched = data !== undefined && data !== null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n  // advanced search and add to list should not be shown at the same time, so if both are on,\n  // let advanced search win because it is shown more often than add to list in the dropdown\n  // (even when the list is not empty) and its external UI could potentially include the\n  // ability to add to list too\n  const isAddToListShown =\n    addToList === 'on' &&\n    advancedSearch !== 'on' &&\n    isUserFiltering &&\n    searchText != null &&\n    searchText.length > 0;\n\n  const handleAddToListAction = useCallback(() => {\n    setDropdownOpen(false);\n    stopFiltering();\n    onAddToListAction?.({ searchText: isUserFiltering ? searchText : undefined });\n  }, [isUserFiltering, onAddToListAction, searchText, setDropdownOpen, stopFiltering]);\n\n  const handleAdvancedSearchAction = useCallback(() => {\n    setDropdownOpen(false);\n    stopFiltering();\n    onAdvancedSearchAction?.({ searchText: isUserFiltering ? searchText : undefined });\n  }, [isUserFiltering, onAdvancedSearchAction, searchText, setDropdownOpen, stopFiltering]);\n\n  const onCommit = useCallback(\n    (value?: K) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  const clearValue = useCallback(\n    (shouldCloseDropdown = true) => {\n      if (shouldCloseDropdown) {\n        setDropdownOpen(false);\n      }\n\n      setSelectedKeys(new Set<K>());\n\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined);\n    },\n    [onCommit, setDropdownOpen]\n  );\n\n  // determine if we need to clear the value because the user has deleted all the text\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  const clearValueIfNeeded = useCallback(() => {\n    if (isClearValueNeeded()) {\n      clearValue();\n      return true;\n    }\n    return false;\n  }, [clearValue, isClearValueNeeded]);\n\n  // JET-65757 - Empty value rejected when not confirmed by Enter/Tab\n  // When the field loses focus, check to see if we need to clear the value and set a state flag\n  // to later check in a useEffect.\n  // (We have to make this check outside of the useEffect itself because by the time the useEffect\n  // is called, the state we check here to see if we need to clear the value may have already\n  // been changed.)\n  if (\n    prevIsFocused &&\n    !isFocused &&\n    !isTabbingOutOfDropdown &&\n    !isBlurClearValue &&\n    isClearValueNeeded()\n  ) {\n    setBlurClearValue(true);\n  }\n  // Create this function with useEffectEvent so that it is stable and by itself won't cause\n  // the below dependent useEffect to trigger.\n  const handleBlur_stable = useEffectEvent(() => {\n    // if we need to clear the value, do it now and reset the flag\n    if (isBlurClearValue) {\n      clearValue();\n      setBlurClearValue(false);\n    }\n    // if we were tabbing out of the dropdown, reset the flag now that we've lost focus\n    if (isTabbingOutOfDropdown) {\n      setTabbingOutOfDropdown(false);\n    }\n  });\n  // only run this effect when focus changes (handleBlur_stable has to be listed\n  // as a dependency, but it's stable and won't change across renders)\n  useEffect(() => {\n    if (!isFocused) {\n      handleBlur_stable();\n    }\n  }, [handleBlur_stable, isFocused]);\n\n  // JET-60376, JET-62113: Create a changeValue method that can be called by a test adapter to\n  // simulate a user changing the value. This method calls the onCommit callback, just like what\n  // would happen if a user (or test) made a change through the UI.\n  const textFieldRef = useRef<HTMLElement>(null);\n  const changeValue = useCallback(\n    (value?: K) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onCommit(value);\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [isDisabled, isReadonly, onCommit]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: isReadonly ? mainFieldRef : textFieldRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  const focusInput = useCallback(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  const removeDropdown = useCallback(() => {\n    dropdownRef.current?.parentElement?.removeChild(dropdownRef.current);\n  }, [dropdownRef]);\n\n  const myHandleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        if (event?.type === 'keydown') {\n          const keyboardEvent = event as KeyboardEvent;\n          switch (keyboardEvent.code) {\n            case KEYS.TAB: {\n              // if there are multiple tabbable elements in the dropdown, like the list and\n              // the advanced search link, then leave the dropdown open when tabbing among them\n              const isShift = keyboardEvent.shiftKey;\n              const tabbableElems = getDropdownTabbableElems();\n              if (tabbableElems && tabbableElems.length > 1) {\n                const firstTabbableElem = tabbableElems[0];\n                const lastTabbableElem = tabbableElems[tabbableElems.length - 1];\n                // check if tabbing forwards and focus is not on the last tabbable elem or\n                // tabbing backwards and focus is not on the first tabbable elem,\n                // then keep the dropdown open and simply return\n                if (\n                  (!isShift && document.activeElement !== lastTabbableElem) ||\n                  (isShift && document.activeElement !== firstTabbableElem)\n                ) {\n                  setDropdownOpen(true);\n                  return;\n                }\n              }\n\n              // if there is a currentRow in the dropdown, select it and commit it\n              if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n                setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n                onCommit(currentRowKeyRef.current);\n\n                // set flag that we're tabbing out of dropdown so that we can check it in a\n                // useEffect that gets executed when we lose focus\n                setTabbingOutOfDropdown(true);\n              }\n\n              // Put focus on an element in the main field, but don't kill the event, so that\n              // the browser can naturally transfer focus to the next focusable item relative\n              // to the element in the main field.\n              focusInput();\n\n              // Remove the dropdown immediately, without waiting for a rerender based on changing\n              // state, so that the open dropdown cannot get focus when the browser handles the\n              // Tab key.\n              removeDropdown();\n              break;\n            }\n            default:\n              break;\n          }\n        }\n      }\n    },\n    [\n      currentRowKeyRef,\n      data,\n      focusInput,\n      getDropdownTabbableElems,\n      isDropdownOpen,\n      onCommit,\n      removeDropdown,\n      setDropdownOpen\n    ]\n  );\n\n  const myHandleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.TAB:\n          // if we're not going to clear the value when the component loses focus,\n          // check whether we need to select the current item\n          const isValueClearedTab = isClearValueNeeded();\n          if (!isValueClearedTab && isDropdownOpen && data != null && data.data.length > 0) {\n            // JET-68215 (Error state is lost after mouse click + Tab). If the user is just tabbing\n            // to navigate between controls, we don't want to consider that a selection. Only commit\n            // if the user has interacted with the control. isUserFiltering is set to true whenever\n            // the user types to filter and will get reset when the dropdown closes.\n            if (isUserFiltering) {\n              // if there is a currentRow in the dropdown (meaning a highlighted item that would\n              // have keyboard focus if the dropdown list had physical focus, which may be different\n              // from the currently selected item), select it and commit it;\n              // otherwise commit the currently selected value again so that a valueAction event\n              // will be fired\n              if (currentRowKeyRef.current !== undefined) {\n                setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n                onCommit(currentRowKeyRef.current);\n              } else {\n                onCommit(valueItem?.key ?? undefined);\n              }\n            }\n          }\n\n          // Remove the dropdown immediately, without waiting for a rerender based on changing\n          // state, so that the open dropdown cannot get focus when the browser handles the\n          // Tab key.\n          removeDropdown();\n\n          setDropdownOpen(false);\n          break;\n\n        case KEYS.ENTER:\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) {\n            return;\n          }\n\n          // if add to list is shown and there are no results, trigger the add to list link\n          if (isAddToListShown && isEmptyResults) {\n            handleAddToListAction();\n            return;\n          }\n\n          // if advanced search is shown and there are no results, trigger the advanced\n          // search link\n          if (isAdvancedSearchShown && isEmptyResults) {\n            handleAdvancedSearchAction();\n            return;\n          }\n\n          // check whether we need to clear the value;\n          // if not, check whether we need to select the current item\n          const isValueCleared = clearValueIfNeeded();\n          if (!isValueCleared && isDropdownOpen && data != null && data.data.length > 0) {\n            setDropdownOpen(false);\n\n            // after selecting a value, the user is no longer actively filtering, so update related\n            // state accordingly so that the newly selected value appears in the field\n            stopFiltering();\n\n            // if there is a currentRow in the dropdown, select it and commit it;\n            // otherwise commit the currently selected value again\n            if (currentRowKeyRef.current !== undefined) {\n              setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n              onCommit(currentRowKeyRef.current);\n            } else {\n              onCommit(valueItem?.key ?? undefined);\n            }\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [\n      clearValueIfNeeded,\n      currentRowKeyRef,\n      data,\n      handleAddToListAction,\n      handleAdvancedSearchAction,\n      isAddToListShown,\n      isAdvancedSearchShown,\n      isClearValueNeeded,\n      isDropdownOpen,\n      isEmptyResults,\n      isUserFiltering,\n      onCommit,\n      removeDropdown,\n      setDropdownOpen,\n      stopFiltering,\n      valueItem\n    ]\n  );\n\n  // when the valueItem changes, save the new selectedKeys\n  useEffect(() => {\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }, [valueItem]);\n\n  const onItemAction = useCallback<UseCollectionRendererSelectSingleParams<K, D>['onItemAction']>(\n    (detail) => {\n      focusInput();\n      setDropdownOpen(false);\n\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey);\n    },\n    [focusInput, onCommit, setDropdownOpen, stopFiltering]\n  );\n\n  useEffect(() => {\n    // only run this effect when data changes because we need to wait for the new set of\n    // filtered data to be set before highlighting the first result\n    if (data === prevDataRef.current) {\n      return;\n    }\n\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (\n      isDropdownOpen &&\n      isUserFiltering &&\n      data != null &&\n      data.offset === 0 &&\n      data.data.length > 0\n    ) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }, [data, isDropdownOpen, isUserFiltering, searchText, setCurrentRowOverride]);\n\n  useEffect(() => {\n    // only run this effect when the state of the dropdown changes\n    if (isDropdownOpen === prevDropdownOpenRef.current) {\n      return;\n    }\n\n    // JET-66783 - <oj-c-select-single> scroll position is not at selected item when we open the list second time.\n    // set the current item to the selected item (if there is one)\n    // when the dropdown opens if there is no filter text\n    if (\n      isDropdownOpen &&\n      (!isUserFiltering || searchText === undefined || searchText.length === 0)\n    ) {\n      setCurrentRowOverride({ rowKey: [...(selectedKeys ?? [undefined])][0] });\n    }\n  }, [isDropdownOpen, isUserFiltering, searchText, selectedKeys, setCurrentRowOverride]);\n\n  const dropdownEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onAutoDismiss: baseHandleDropdownAutoDismiss,\n        onPosition: handleDropdownPosition\n      },\n      { onAutoDismiss: myHandleDropdownAutoDismiss }\n    );\n  }, [baseHandleDropdownAutoDismiss, handleDropdownPosition, myHandleDropdownAutoDismiss]);\n\n  const inputEventHandlers = useMemo(() => {\n    return mergeProps(\n      {\n        onInput: handleInput,\n        onKeyDown: baseHandleMainFieldKeyDown,\n        onKeyUp: handleMainFieldKeyUp\n      },\n      { onKeyDown: myHandleMainFieldKeyDown }\n    );\n  }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);\n\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction\n  });\n\n  if (isFocused !== prevIsFocused) {\n    setPrevIsFocused(isFocused);\n  }\n\n  // update refs used in some of the above effects in a useEffect on every render so that they\n  // update after the above effects run\n  useEffect(() => {\n    prevDataRef.current = data;\n    prevDropdownOpenRef.current = isDropdownOpen;\n    prevSearchText.current = searchText;\n  });\n\n  return {\n    addToListEventHandlers: {\n      onAction: handleAddToListAction\n    },\n    advancedSearchEventHandlers: {\n      onAction: handleAdvancedSearchAction\n    },\n    collectionRendererContext,\n    dropdownArrowEventHandlers: {\n      onClick: handleDropdownArrowClick\n    },\n    clearValue,\n    dropdownEventHandlers,\n    dropdownRef,\n    inputEventHandlers,\n    inputRef,\n    isAddToListShown,\n    isAdvancedSearchShown,\n    isDataFetched,\n    isDropdownAbove,\n    isDropdownOpen,\n    isEmptyResults,\n    isFocused,\n    isUserFiltering,\n    mainFieldRef,\n    mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    textFieldRef,\n    userInput\n  };\n}\n"],"names":["SelectSingleDesktopDropdown","assistiveText","collectionRenderer","collectionRendererContext","data","dropdownId","dropdownRef","helpSourceLink","helpSourceText","isAddToListShown","isAdvancedSearchShown","isDisabled","isDropdownAbove","isEmptyResults","isOpen","isReadonly","label","mainFieldRef","onAddToListAction","onAdvancedSearchAction","onAutoDismiss","onPosition","userAssistanceDensity","translations","useTranslationBundle","dropdownInlineUserAssistance","undefined","_jsx","TabbableModeContext","Provider","value","isTabbable","children","jsx","DropdownUserAssistance","fieldLabel","dropdownListContent","EmptyResults","addToListContent","_jsxs","onMouseDown","preventDefault","Separator","LinkItem","isHighlighted","onAction","select_addToList","advancedSearchContent","select_moreSearchOptions","Dropdown","anchorRef","id","jsxs","DropdownList","hasBottomGap","isLoading","SelectSingleMobileDropdown","ariaDescribedBy","ariaLabel","clearValue","displayValue","isFocused","isRequired","liveRegionText","mainFieldInputRef","onFieldBlur","onFieldFocus","onFieldInput","onFieldKeyDown","onFieldKeyUp","placeholder","propIsLoading","setDropdownOpen","setUserInput","stopFiltering","textAlign","userInput","virtualKeyboard","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","isRequiredShown","labelEdge","styleVariant","selectSingleFieldInputProps","selectSingleFieldProps","inputRef","isDropdownOpen","dropdownInputRef","useRef","closeDropdown","useCallback","current","focus","onBackButtonClick","onClearButtonClick","wasDropdownOpen","useEffect","setTimeout","isInitialRender","hasEmptyLabel","hasInsideLabel","isUserFiltering","removeIcon","isBackButtonShown","isClearButtonShown","isSearchTextEmptyOrUndefined","isDropdownArrowShown","useMobileDropdown","hasValue","mobileDropdownFieldLabelProps","Label","_Fragment","SelectMobileDropdown","header","FormFieldContext","View","SelectSingleField","onFocus","onBlur","SelectSingleFieldInput","onInput","onKeyDown","onKeyUp","hasHeaderSeparator","labelId","hasTopGap","SelectSingle","forwardRef","addToList","advancedSearch","columnSpan","propIsDisabled","propIsReadonly","itemRenderer","itemText","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","onFilter","onLoadRange","testId","propTextAlign","propUserAssistanceDensity","valueItem","variant","ref","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","enabledElementRef","readonlyElementRef","focusProps","origIsFocused","methods","focusMethods","useFocusableTextField","useImperativeHandle","addToListEventHandlers","advancedSearchEventHandlers","dropdownArrowEventHandlers","dropdownEventHandlers","inputEventHandlers","isDataFetched","mouseProps","textFieldRef","propIsFocused","propOnCommit","currentRowKeyRef","currentRowOverride","getDropdownTabbableElems","handleDropdownArrowClick","handleDropdownAutoDismiss","baseHandleDropdownAutoDismiss","handleDropdownPosition","handleInput","handleMainFieldKeyDown","baseHandleMainFieldKeyDown","handleMainFieldKeyUp","onCurrentKeyChange","searchText","setCurrentRowOverride","useSelectCommon","selectedKeys","setSelectedKeys","useState","isBlurClearValue","setBlurClearValue","prevIsFocused","setPrevIsFocused","isTabbingOutOfDropdown","setTabbingOutOfDropdown","prevDataRef","prevDropdownOpenRef","prevSearchText","length","isBeforeDataFetch","totalSize","handleAddToListAction","handleAdvancedSearchAction","previousValue","key","shouldCloseDropdown","Set","isClearValueNeeded","clearValueIfNeeded","handleBlur_stable","useEffectEvent","changeValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","focusInput","removeDropdown","parentElement","removeChild","myHandleDropdownAutoDismiss","event","type","keyboardEvent","code","KEYS","TAB","isShift","shiftKey","tabbableElems","firstTabbableElem","lastTabbableElem","document","activeElement","myHandleMainFieldKeyDown","isControlOrFunctionKey","ENTER","isPhone","onItemAction","detail","newKey","context","offset","rowKey","metadata","useMemo","mergeProps","useCollectionRenderer","currentKey","onClick","useSelectSingle","useLoadingIndicatorTimer","baseId","useDisplayValue","labelComp","fieldLabelProps","labelText","inlineUserAssistance","InlineUserAssistance","compactUserAssistance","CompactUserAssistance","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","DefaultList","currentItemVariant","selectionMode","mainContent","ReadonlyTextFieldInput","as","formVariant","ReadonlyTextField","role","onFocusOut","onFocusIn","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","SelectMobileFieldInput","isTablet","shouldShowDropdown","dropdown","Fragment","onDropdownArrowClick","rootRef"],"mappings":"muEAuDM,SAAUA,IAGdC,cACAA,EAAaC,mBACbA,EAAkBC,0BAClBA,EAAyBC,KACzBA,EAAIC,WACJA,EAAUC,YACVA,EAAWC,eACXA,EAAcC,eACdA,EAAcC,iBACdA,EAAgBC,sBAChBA,EAAqBC,WACrBA,EAAUC,gBACVA,EAAeC,eACfA,EAAcC,OACdA,EAAMC,WACNA,EAAUC,MACVA,EAAKC,aACLA,EAAYC,kBACZA,EAAiBC,uBACjBA,EAAsBC,cACtBA,EAAaC,WACbA,EAAUC,sBACVA,IAEA,MAAMC,EAAeC,uBAAiC,4BAEhDC,GACJX,GACCF,GACAD,GACAI,IACAd,IAAiBM,GACS,cAA1Be,GAAmE,WAA1BA,OAUtCI,EATFC,MAACC,EAAmBA,oBAACC,SAAQ,CAACC,MAAO,CAAEC,YAAY,GAAOC,SACxDL,EAACM,IAAAC,0BACCjC,cAAeA,EACfkC,WAAYnB,EACZT,eAAgBA,EAChBC,eAAgBA,EAChBc,sBAAuBA,MAKzBc,EAAsBvB,EAC1BJ,GAAoBC,OAAwBgB,EAC1CC,EAAAA,IAACU,GAAYA,aAAG,CAAA,GAGlBnC,EAAmBC,GAGfmC,EAAmB7B,EACvB8B,EAAAA,4BACI1B,GACAc,EAAAM,IAAA,MAAA,CAAKO,YAAaC,GAAAA,wBAChBd,EAAAA,IAACe,EAASA,gBAGdf,EAACM,IAAAU,EAAQA,UAACC,cAAe/B,EAAgBgC,SAAU3B,EAAiBc,SACjET,EAAauB,6BAGhBpB,EAEEqB,EAAwBrC,EAC5B6B,EAAAA,4BACI1B,GACAc,EAAAM,IAAA,MAAA,CAAKO,YAAaC,GAAAA,wBAChBd,EAAAA,IAACe,EAASA,gBAGdf,EAACM,IAAAU,EAAQA,UAACC,cAAe/B,EAAgBgC,SAAU1B,EAAsBa,SACtET,EAAayB,qCAGhBtB,EAEJ,OACEa,EAAAA,KAACU,EAAAA,SACC,CAAAC,UAAWjC,EACXX,YAAaA,EACb6C,GAAI9C,EACJS,OAAQA,EACRM,cAAeA,EACfC,WAAYA,EACZW,SAAA,CAAAO,EAAAa,KAACC,GAAYA,aAAA,CACXC,kBAA+C5B,IAAjCD,EACd8B,UAAoB,OAATnD,EAAa4B,SAAA,CACvBI,EACAE,EACAS,KAEFtB,IAGP,UCnEgB+B,IAId,mBAAoBC,EACpB,aAAcC,EAASzD,cACvBA,EAAa0D,WACbA,EAAUzD,mBACVA,EAAkBC,0BAClBA,EAAyBC,KACzBA,EAAIwD,aACJA,EAAYvD,WACZA,EAAUE,eACVA,EAAcC,eACdA,EAAcC,iBACdA,EAAgBC,sBAChBA,EAAqBG,eACrBA,EAAcgD,UACdA,EAASN,UACTA,EAASzC,OACTA,GAAS,EAAKgD,WACdA,EAAU9C,MACVA,EAAK+C,eACLA,EAAcC,kBACdA,EAAiB9C,kBACjBA,EAAiBC,uBACjBA,EAAsB8C,YACtBA,EAAWC,aACXA,EAAYC,aACZA,EAAYC,eACZA,EAAcC,aACdA,EAAYC,YACZA,EAAWC,cACXA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,cACZA,EAAaC,UACbA,EAASrD,sBACTA,EAAqBsD,UACrBA,EAASC,gBACTA,IAEA,MAAMtD,EAAeC,uBAAiC,6BAChDsD,iBAAEA,EAAgBC,WAAEA,EAAUC,WAAEA,EAAUC,eAAEA,EAAcC,oBAAEA,GAChEC,eAAa,CACX1B,kBACAlD,iBACAC,iBACAG,YAAY,EACZkD,YACAN,YACAxC,YAAY,EACZqE,iBAAiB,EACjBC,UAAW,SACXC,aAAc,UACdxD,MAAO,MAELyD,4BAAEA,EAA2BC,uBAAEA,aCxH0B7B,WAC/DA,EAAUC,aACVA,EAAY6B,SACZA,EAAQC,eACRA,EAAcd,UACdA,EAASJ,gBACTA,EAAeE,cACfA,EAAaD,aACbA,IAGA,MAAMkB,EAAmBC,SAAyB,MAE5CC,EAAgBC,EAAAA,aAAY,KAChCtB,GAAgB,GAEhBE,IAEAe,EAASM,SAASC,OAAO,GACxB,CAACP,EAAUjB,EAAiBE,IAEzBuB,EAAoBH,EAAAA,aAAY,KACpCD,GAAe,GACd,CAACA,IAEEK,EAAqBJ,EAAAA,aAAY,KAErCpB,IAEAf,GAAW,GAEXgC,EAAiBI,SAASC,OAAO,GAChC,CAACrC,EAAYe,IAEVyB,EAAkBP,SAAOF,GAC/BU,EAAAA,WAAU,KAEJV,GAEFW,YAAW,IAAMV,EAAiBI,SAASC,SAAS,GAEtDG,EAAgBJ,QAAUL,CAAc,GACvC,CAACA,IAEJ,MAAMY,EAAkBV,UAAO,GAM/B,OALIU,EAAgBP,UAClBO,EAAgBP,SAAU,EAC1BtB,EAAab,IAGR,CACL2B,4BAA6B,CAC3B3B,aAAcgB,GAAa,GAC3B2B,eAAe,EACfC,gBAAgB,EAChBf,SAAUE,EACVc,iBAAiB,EACjBC,WAAY,SACZ9B,aAEFY,uBAAwB,CACtBgB,gBAAgB,EAChBG,mBAAmB,EACnBC,oBACGC,GAAAA,6BAA6BjC,KAAeiC,GAAAA,6BAA6BjD,GAC5EkD,sBAAsB,EACtBxB,aAAc,WACdW,oBACAC,sBAGN,CDiDkEa,CAAkB,CAChFpD,aACAC,eACA6B,SAAUzB,EACV0B,eAAgB5E,EAChB0D,kBACAC,eACAC,gBACAE,cAQFE,EAAiBkC,SAAWzC,GAAiBO,EAAiBkC,SAE9D,MAAMC,EAAgC,CACpCjG,MAAOW,EAACM,IAAAiF,YAAUlC,EAAUhD,SAAGhB,IAC/BqE,UAAW,UAGP5D,IACJX,IACCb,IAAiBM,GACS,cAA1Be,GAAmE,WAA1BA,OAStCI,EARFC,MAACO,yBAAsB,CACrBjC,cAAeA,EACfkC,WAAYnB,EACZT,eAAgBA,EAChBC,eAAgBA,EAChBc,sBAAuBA,KACnB4D,IAIJ9C,GAAsBvB,EAC1BJ,GAAoBC,OAAwBgB,EAC1CC,EAAAA,IAACU,GAAYA,aAAG,CAAA,GAGlBnC,EAAmBC,GAGfmC,GAAmB7B,EACvB8B,OAAA4E,EAAAA,SAAA,CAAAnF,SAAA,CACEL,EAAKM,IAAA,MAAA,CAAAO,YAAaC,GAAAA,eAAcT,SAC9BL,EAAAA,IAACe,EAAAA,gBAEHf,EAAAA,IAACgB,EAAAA,UAASE,SAAU3B,EAAiBc,SAAGT,EAAauB,6BAErDpB,EAEEqB,GAAwBrC,EAC5B6B,OAAA4E,EAAAA,SAAA,CAAAnF,SAAA,CACEL,EAAKM,IAAA,MAAA,CAAAO,YAAaC,GAAAA,eAAcT,SAC9BL,EAAAA,IAACe,EAAAA,gBAEHf,EAAAA,IAACgB,EAAAA,UAASE,SAAU1B,EAAsBa,SACvCT,EAAayB,qCAGhBtB,EAEJ,OACEC,EAAAM,IAACmF,uBAAoB,CACnBC,OACE9E,EAAAA,KAAC+E,EAAgBA,iBAACzF,SAAQ,CAACC,MAAOgD,EAChC9C,SAAA,CAAAL,EAAAA,IAAC4F,GAAIA,KAAA,CAAAvF,SACHL,MAAC6F,GAAAA,kBACK,IAAAvC,KACAgC,KACAzB,EACJiC,QAASvD,EACTwD,OAAQzD,EACRjC,SAAAL,EAAAM,IAAC0F,0BAAsB,IACjB5C,KACAQ,EACW,gBAAAlF,EACA,gBAAAS,EACH,aAAA4C,EACZjD,iBAAkBA,EAClBC,sBAAuBA,EACvBoD,WAAYA,EACZC,eAAgBA,EAChBO,YAAaA,EACbK,UAAWA,EACXE,gBAAiBA,EACjB+C,QAASzD,EACT0D,UAAWzD,EACX0D,QAASzD,QAId5C,GACAa,GACAS,MAGLgF,qBAAsBrH,GAAyBG,GAC/CsC,GAAI9C,EACJS,OAAQA,EACRkH,QAAShD,EAAW7B,GAAEnB,SACtBL,EAAAA,IAAC0B,GAAYA,cACXE,UAAoB,OAATnD,EACX6H,YAAaxH,GAAoBC,GAChCsB,SAAAI,MAIT,CElBa,MAAA8F,GAAeC,EAAUA,YACpC,EAEIC,YAAY,MACZC,iBAAiB,MACjB,mBAAoB5E,EACpBxD,gBACAC,qBACAoI,aACAlI,OACAG,iBACAC,iBACAG,WAAY4H,EACZhF,UAAWgB,EACXxD,WAAYyH,EACZ1E,aACAsB,kBACAqD,eACAC,WACA1H,QACAqE,UAAWsD,EACXC,gBAAiBC,EACjBC,WACA5H,oBACAC,yBACA4H,WACAC,WACAC,cACA3E,cACA4E,SACAvE,UAAWwE,EACX7H,sBAAuB8H,EACvBC,YACAC,UAAU,UACVzE,mBAEF0E,KAEA,MACE5I,WAAY6I,EACZzI,WAAY0I,EACZpE,UAAWqE,EACXd,gBAAiBe,EACjBhF,UAAWiF,GACXtI,sBAAuBuI,IACrBC,EAAAA,iBAEEnJ,GAAa4H,GAAkBiB,EAC/BzI,GAAayH,GAAkBiB,EAC/BpE,GAAYsD,GAAiBe,EAC7Bd,GAAkBC,GAAuBc,EACzChF,GAAYwE,GAAiBS,IAAiBG,EAA0BA,2BAACT,GACzEhI,GAAwB8H,GAA6BS,GACrDG,GAAoBpE,SAAyB,MAC7CqE,GAAqBrE,SAAuB,OAE5CsE,WACJA,GACArG,UAAWsG,GACXC,QAASC,IACPC,wBAAwD,CAC1D3J,cACAI,cACAiJ,qBACAC,wBAGFM,EAAAA,oBAAoBhB,GAAM,IAAMc,IAAc,CAACA,KAE/C,MAAMG,uBACJA,GAAsBC,4BACtBA,GAA2B9G,WAC3BA,GAAUxD,0BACVA,GAAyBuK,2BACzBA,GAA0BC,sBAC1BA,GAAqBrK,YACrBA,GAAWsK,mBACXA,GAAkBnK,iBAClBA,GAAgBC,sBAChBA,GAAqBmK,cACrBA,GAAajK,gBACbA,GAAe8E,eACfA,GAAc7E,eACdA,GAAcgD,UACdA,GAAS4C,gBACTA,GAAexF,aACfA,GAAY6J,WACZA,GAAUtG,gBACVA,GAAeC,aACfA,GAAYC,cACZA,GAAaqG,aACbA,GAAYnG,UACZA,IC1QU,UAA0EwD,UACxFA,EAASC,eACTA,EAAcjI,KACdA,EAAIqF,SACJA,EAAQ9E,WACRA,EACAkD,UAAWmH,EAAajK,WACxBA,EAAUG,kBACVA,EAAiBC,uBACjBA,EACA4H,SAAUkC,EAAYjC,SACtBA,EAAQK,UACRA,IAEA,MAAM6B,iBACJA,EAAgBC,mBAChBA,EAAkB7K,YAClBA,EAAW8K,yBACXA,EAAwBC,yBACxBA,EACAC,0BAA2BC,EAA6BC,uBACxDA,EAAsBC,YACtBA,EACAC,uBAAwBC,EAA0BC,qBAClDA,EAAoBhL,gBACpBA,EAAe8E,eACfA,EAAc7B,UACdA,EAAS4C,gBACTA,EAAexF,aACfA,EAAY4K,mBACZA,EAAkBrJ,YAClBA,EAAWsJ,WACXA,EAAUC,sBACVA,EAAqBvH,gBACrBA,EAAeC,aACfA,EAAYC,cACZA,EAAaE,UACbA,GACEoH,GAAAA,gBAAsB,CACxB5L,OACAqF,WACA5B,UAAWmH,EACXhC,cAGKiD,EAAcC,GAAmBC,EAAQA,YACzCC,EAAkBC,GAAqBF,EAAQA,UAAC,IAChDG,EAAeC,GAAoBJ,EAAQA,SAACtI,IAC5C2I,EAAwBC,GAA2BN,EAAQA,UAAC,GAI7DO,EAAc9G,SAAOxF,GACrBuM,EAAsB/G,SAAOF,GAC7BkH,EAAiBhH,SAAOkG,GAExBpL,EACe,OAAnB2H,GAA2B5B,GAAiC,MAAdqF,GAAsBA,EAAWe,OAAS,EACpFhC,EAAgBzK,UAAwC0M,GAAAA,kBAAwB1M,GAChFS,EAAiBgK,GAAqC,IAApBzK,GAAM2M,UAKxCtM,EACU,OAAd2H,GACmB,OAAnBC,GACA5B,GACc,MAAdqF,GACAA,EAAWe,OAAS,EAEhBG,EAAwBlH,EAAAA,aAAY,KACxCtB,GAAgB,GAChBE,IACAxD,IAAoB,CAAE4K,WAAYrF,EAAkBqF,OAAapK,GAAY,GAC5E,CAAC+E,EAAiBvF,EAAmB4K,EAAYtH,EAAiBE,IAE/DuI,EAA6BnH,EAAAA,aAAY,KAC7CtB,GAAgB,GAChBE,IACAvD,IAAyB,CAAE2K,WAAYrF,EAAkBqF,OAAapK,GAAY,GACjF,CAAC+E,EAAiBtF,EAAwB2K,EAAYtH,EAAiBE,IAEpEqE,GAAWjD,eACdhE,IACCmJ,IAAe,CACbnJ,MAAOA,EACPoL,mBAA6BxL,IAAd2H,EAA0BA,EAAU8D,SAAMzL,GACzD,GAEJ,CAACuJ,EAAc5B,IAGX1F,GAAamC,EAAAA,aACjB,CAACsH,GAAsB,KACjBA,GACF5I,GAAgB,GAGlB0H,EAAgB,IAAImB,KAGpBtE,QAASrH,EAAU,GAErB,CAACqH,GAAUvE,IAIP8I,GAAqBxH,EAAAA,aAAY,IAC9BW,GAAiC,KAAd7B,QAAkClD,IAAd2H,GAC7C,CAAC5C,EAAiB7B,EAAWyE,IAE1BkE,GAAqBzH,EAAAA,aAAY,MACjCwH,OACF3J,MACO,IAGR,CAACA,GAAY2J,MASdhB,GACCzI,GACA2I,GACAJ,IACDkB,MAEAjB,GAAkB,GAIpB,MAAMmB,GAAoBC,GAAAA,gBAAe,KAEnCrB,IACFzI,KACA0I,GAAkB,IAGhBG,GACFC,GAAwB,EACzB,IAIHrG,EAAAA,WAAU,KACHvC,GACH2J,IACD,GACA,CAACA,GAAmB3J,IAKvB,MAAMkH,GAAenF,SAAoB,MACnC8H,GAAc5H,eACjBhE,GAIMf,GAAeJ,EAIbgN,QAAQC,OAAO,sCAHpB7E,GAASjH,GACF6L,QAAQE,YAInB,CAAClN,EAAYI,EAAYgI,KAG3B+E,uBAAoB,CAClBC,WAAYhN,EAAaE,EAAe8J,GACxCiD,OAAQN,GACRO,KAAM,iBAGR,MAAMC,GAAapI,EAAAA,aAAY,KAC7BL,EAASM,SAASC,OAAO,GACxB,CAACP,IAEE0I,GAAiBrI,EAAAA,aAAY,KACjCxF,EAAYyF,SAASqI,eAAeC,YAAY/N,EAAYyF,QAAQ,GACnE,CAACzF,IAEEgO,GAA8BxI,eACjCyI,IACC,GAAI7I,GACkB,YAAhB6I,GAAOC,KAAoB,CAC7B,MAAMC,EAAgBF,EACtB,OAAQE,EAAcC,MACpB,KAAKC,EAAAA,KAAKC,IAAK,CAGb,MAAMC,EAAUJ,EAAcK,SACxBC,EAAgB3D,IACtB,GAAI2D,GAAiBA,EAAclC,OAAS,EAAG,CAC7C,MAAMmC,EAAoBD,EAAc,GAClCE,EAAmBF,EAAcA,EAAclC,OAAS,GAI9D,IACIgC,GAAWK,SAASC,gBAAkBF,GACvCJ,GAAWK,SAASC,gBAAkBH,EAGvC,YADAxK,GAAgB,EAGnB,MAGgC9C,IAA7BwJ,EAAiBnF,SAAiC,MAAR3F,GAAgBA,EAAKA,KAAKyM,OAAS,IAC/EX,EAAgB,IAAImB,IAAO,CAACnC,EAAiBnF,WAC7CgD,GAASmC,EAAiBnF,SAI1B0G,GAAwB,IAM1ByB,KAKAC,KACA,KACD,EAIJ,CACF,GAEH,CACEjD,EACA9K,EACA8N,GACA9C,EACA1F,EACAqD,GACAoF,GACA3J,IAIE4K,GAA2BtJ,eAC9ByI,IAEC,IAAIc,EAAAA,uBAAuBd,GAI3B,OAAQA,EAAMG,MACZ,KAAKC,EAAIA,KAACC,KAGkBtB,MACA5H,GAA0B,MAARtF,GAAgBA,EAAKA,KAAKyM,OAAS,GAKzEpG,SAM+B/E,IAA7BwJ,EAAiBnF,SACnBmG,EAAgB,IAAImB,IAAO,CAACnC,EAAiBnF,WAC7CgD,GAASmC,EAAiBnF,UAE1BgD,GAASM,GAAW8D,UAAOzL,IAQjCyM,KAEA3J,GAAgB,GAChB,MAEF,KAAKmK,EAAIA,KAACW,MAER,GAAIC,GAAOA,UACT,OAIF,GAAI9O,GAAoBI,EAEtB,YADAmM,IAMF,GAAItM,GAAyBG,EAE3B,YADAoM,KAMqBM,MACA7H,GAA0B,MAARtF,GAAgBA,EAAKA,KAAKyM,OAAS,IAC1ErI,GAAgB,GAIhBE,SAIiChD,IAA7BwJ,EAAiBnF,SACnBmG,EAAgB,IAAImB,IAAO,CAACnC,EAAiBnF,WAC7CgD,GAASmC,EAAiBnF,UAE1BgD,GAASM,GAAW8D,UAAOzL,IAOlC,GAEH,CACE6L,GACArC,EACA9K,EACA4M,EACAC,EACAxM,EACAC,EACA4M,GACA5H,EACA7E,EACA4F,EACAsC,GACAoF,GACA3J,EACAE,EACA2E,IAKJjD,EAAAA,WAAU,KACR8F,OAA8BxK,IAAd2H,OAA0B3H,EAAY,IAAI2L,IAAI,CAAChE,EAAU8D,MAAM,GAC9E,CAAC9D,IAEJ,MAAMmG,GAAe1J,eAClB2J,IACCvB,KACA1J,GAAgB,GAIhBE,IAEA,MAAMgL,EAASD,EAAOE,QAAQxC,IAG9BjB,EAAgB,IAAImB,IAAI,CAACqC,KAEzB3G,GAAS2G,EAAO,GAElB,CAACxB,GAAYnF,GAAUvE,EAAiBE,IAG1C0B,EAAAA,WAAU,KAGJhG,IAASsM,EAAY3G,SAQvBL,GACAe,GACQ,MAARrG,GACgB,IAAhBA,EAAKwP,QACLxP,EAAKA,KAAKyM,OAAS,GAInBd,EAAsB,CACpB8D,OAAShJ,gCAA6BiF,QAA0CpK,EAA5BtB,EAAKA,KAAK,GAAG0P,SAAS3C,KAE7E,GACA,CAAC/M,EAAMsF,EAAgBe,EAAiBqF,EAAYC,IAEvD3F,EAAAA,WAAU,KAEJV,IAAmBiH,EAAoB5G,WAQzCL,GACEe,QAAkC/E,IAAfoK,GAAkD,IAAtBA,EAAWe,QAE5Dd,EAAsB,CAAE8D,OAAQ,IAAK5D,GAAgB,MAACvK,IAAa,KACpE,GACA,CAACgE,EAAgBe,EAAiBqF,EAAYG,EAAcF,IAE/D,MAAMpB,GAAwBoF,EAAAA,SAAQ,IAC7BC,cACL,CACE5O,cAAemK,EACflK,WAAYmK,GAEd,CAAEpK,cAAekN,MAElB,CAAC/C,EAA+BC,EAAwB8C,KAErD1D,GAAqBmF,EAAAA,SAAQ,IAC1BC,cACL,CACEpI,QAAS6D,EACT5D,UAAW8D,EACX7D,QAAS8D,GAEX,CAAE/D,UAAWuH,MAEd,CAACzD,EAA4BF,EAAaG,EAAsBwD,KAE7DjP,GAA4B8P,GAAAA,sBAA4B,CAC5DC,WAAY/E,EAAmB0E,OAC/B/D,aACAG,eACAJ,qBACA2D,kBAeF,OAZI3L,IAAcyI,GAChBC,EAAiB1I,GAKnBuC,EAAAA,WAAU,KACRsG,EAAY3G,QAAU3F,EACtBuM,EAAoB5G,QAAUL,EAC9BkH,EAAe7G,QAAU+F,CAAU,IAG9B,CACLtB,uBAAwB,CACtB3H,SAAUmK,GAEZvC,4BAA6B,CAC3B5H,SAAUoK,GAEZ9M,6BACAuK,2BAA4B,CAC1ByF,QAAS9E,GAEX1H,cACAgH,yBACArK,cACAsK,sBACAnF,WACAhF,mBACAC,wBACAmK,gBACAjK,kBACA8E,iBACA7E,iBACAgD,YACA4C,kBACAxF,eACA6J,WAAYnK,GAAcI,EAAa,CAAE,EAAG,CAAEyB,eAC9CgC,kBACAC,eACAC,gBACAqG,gBACAnG,YAEJ,CDrOQwL,CAAsB,CACxBhI,YACAC,iBACAjI,OACAqF,SAAUuE,GACVrJ,cACAkD,UAAWsG,GACXpJ,cACAG,oBACAC,yBACA4H,WACAC,WACAK,cAaI9F,GAAY8M,EAAAA,yBAAyB9L,IAAiB,IAEtD+L,OACJA,GAAMxL,iBACNA,GAAgBC,WAChBA,GAAUC,WACVA,GAAUC,eACVA,GAAcC,oBACdA,IACEC,eAAa,CACf1B,kBACAlD,iBACAC,iBACAG,cACAkD,aACAN,aACAxC,cACAqE,kBACAC,aACAyD,WACAxD,aAAcgE,EACdhI,yBACAQ,WAAqBJ,IAAd2H,QAAiC3H,IAQ1CoD,GAAiBkC,SAAWzC,GAAiBO,GAAiBkC,SAE9D,MAAM3G,GAAa,GAAGiQ,cAEhB1M,GAAe2M,GAAAA,gBAAgB7H,EAAUW,GAEzCmH,GAA0B,SAAdnL,GAAuB1D,EAAAM,IAACiF,EAAKA,MAAK,IAAAlC,YAAahE,SAAiBU,EAE5E+O,GAAkB,CACtBzP,MAAqB,SAAdqE,GAAuBmL,QAAY9O,EAC1C2D,UAAyB,SAAdA,GAAuBA,QAAY3D,EAC9CkH,gBAA+B,SAAdvD,GAAuBuD,QAAkBlH,EAC1DgP,UAAyB,WAAdrL,IAA2B1E,QAAqBe,EAARV,GAG/C0C,GAA0B,SAAd2B,GAAuBrE,OAAQU,EAI3CiP,GAFsB,cAA1BrP,IAAmE,WAA1BA,GAGzCX,GAG4B,cAA1BW,QAAwCI,EACtCC,MAACiP,EAAAA,sBACCtP,sBAAuBA,MACnB4D,KAGNnE,GACFY,EAAAM,IAAC2O,uBACC,CAAAzO,WAAYnB,EACZ8H,SAAUA,EACVxH,sBAAuBA,MACnB4D,KAGNvD,EAACM,IAAA2O,wBACC3Q,cAAeA,EACfkC,WAAYnB,EACZT,eAAgBA,EAChBC,eAAgBA,EAChBsI,SAAUA,EACV1D,gBAAiBA,EACjB9D,sBAAuBA,MACnB4D,UAGNxD,EAEEmP,GACsB,YAA1BvP,GACEK,EAAAA,IAACmP,EAAAA,sBAAqB,CACpB5N,UAAWjC,GACX6H,SAAUA,EACV7I,cAAeA,KACXiF,UAEJxD,EAEAH,GAAeC,uBAAiC,4BAEhDuP,GAA4BjL,EAAAA,aAChC,EACEkL,yBACAC,cACAC,WACApF,aACAqF,2BAEAxP,EAAAA,IAACyP,GAAWA,0BACEpQ,GAAS,GACrBqQ,mBAAmB,YACnBnB,WAAYiB,EACZ/Q,KAAMA,EACNqI,aAAcA,EACdC,SAAUA,EACVmD,mBAAoBmF,EACpBxB,aAAcyB,EACdhI,YAAaA,EACb6C,WAAYrF,GAAkBqF,OAAapK,EAC3CuK,aAAciF,EACdI,cAAc,YAGlB,CAAClR,EAAMqG,GAAiBgC,EAAcC,EAAU1H,EAAOiI,IAGzD,GAAIlI,GAAY,CACd,MAAMwQ,EACJ5P,EAAAM,IAACuP,yBACmB,CAAA,mBAAAzM,GAAW,oBAAmB,aACpCrB,GAAS,kBACJsB,GAAW7B,GAC5BsO,GAAG,MACH1D,WAAY9D,GACZyH,YAAapI,EACb/C,cAAyB,KAAVvF,GAA8B,SAAdqE,GAC/BmB,oBAA0B9E,IAAVV,GAAqC,WAAdqE,GACvCqC,OAAQ3C,GAAW2C,OACnBD,QAAS1C,GAAW0C,QACpB9C,UAAWA,GACX7C,MAAO8B,KAIX,OACEjC,EAAAA,IAAC2F,EAAAA,iBAAiBzF,SAAS,CAAAC,MAAOgD,GAChC9C,SAAAL,EAAAA,IAACgQ,EAAAA,kBAAiB,CAChBC,KAAK,eACLtJ,WAAYA,EACZuI,sBAAuBA,GACvBF,qBAAsBA,GACtBjJ,OAAQwC,GAAW2H,WACnBpK,QAASyC,GAAW4H,UACpBvI,IAAKtI,GACLsQ,YAAaA,EACbrI,OAAQA,KACJuH,MAGX,CAED,MAAMjK,QAA+B9E,IAAd8O,IAAyC,WAAdnL,GAC5CtB,GACJ2B,IAAkBmF,GACM,IAApBzK,GAAM2M,UACJxL,GAAawQ,wBACO,IAApB3R,GAAM2M,UACNxL,GAAayQ,uBACW,UAAxB5R,GAAM6R,cACN1Q,GAAa2Q,wBAAwB,CAAEC,WAAY,GAAG/R,GAAM2M,cAC5DxL,GAAa6Q,8BAA8B,CAAED,WAAY,GAAG/R,GAAM2M,cACpE,GAEAxG,GAA0B,KAAVvF,GAA8B,SAAdqE,GAIhCkM,GADwBhC,GAAAA,YAAc5O,GAwB1CgB,MAAC0Q,EAAAA,uBAAsB,CAAA,gBACNhS,GACG,mBAAA0E,GAAW,oCACdW,GAAc,eACfX,GAAW,gBACb,aAAArB,qBACKsB,GAAW7B,GAC5BS,aAAcA,GACd2C,cAAeA,GACfC,eAAgBA,GAChB1C,WAAYA,EACZ4D,OAAQ3C,GAAW2C,OACnBD,QAAS1C,GAAW0C,QACpBnD,YAAaA,EACbiF,IAAKS,GACLrF,UAAWA,GACX2E,QAASvE,GAAWuE,UAtCtB3H,EAAAA,IAACgG,GAAAA,uBAAsB,CAAA,gBACNtH,GAAU,gBACVqF,GACH,aAAAhC,GACZE,aAAcA,GACd2C,cAAyB,KAAVvF,GAA8B,SAAdqE,GAC/BmB,eAAgBA,GAChBf,SAAUuE,GACVvJ,iBAAkBA,GAClBC,sBAAuBA,GACvBoD,WAAYA,EACZ2C,gBAAiBA,GACjB1C,eAAgBA,GAChBO,YAAaA,EACbK,UAAWA,GACXC,UAAWA,GAEXC,gBAAiByN,GAAQA,WAAKzN,OAAkBnD,KAC5CqD,MACA6F,KAuBF2H,GACJ7M,SACShE,IAATtB,IACU,OAATA,GAAiBA,EAAK2M,UAAY,GAAKD,qBAAwB1M,IAASS,IACrE2R,GAAYD,GAA4BhD,GAAOA,UACnD5N,EAAAA,IAAC6B,GACmB,CAAA,mBAAAC,eACNC,GACZzD,cAAeA,EACf0D,WAAYA,GACZzD,mBAAoBA,GAAsB6Q,GAC1C5Q,0BAA2BA,GAC3BC,KAAMA,EACNwD,aAAcA,GACdvD,WAAYA,GACZE,eAAgBA,EAChBC,eAAgBA,EAChBC,iBAAkBA,GAClBC,sBAAuBA,GACvBG,eAAgBA,GAChBgD,UAAWA,GACXN,UAAWA,GACXzC,OAAQyR,GACRzO,WAAYA,EACZ9C,MAAOA,EACP+C,eAAgBA,GAChBC,kBAAmBgG,GACnB9I,kBAAmBsJ,GAAuB3H,SAC1C1B,uBAAwBsJ,GAA4B5H,SACpDoB,YAAaiG,GAAW2H,WACxB3N,aAAcgG,GAAW4H,UACzB3N,aAAcyG,GAAmBhD,QACjCxD,eAAgBwG,GAAmB/C,UACnCxD,aAAcuG,GAAmB9C,QACjCxD,YAAaA,EACbC,cAAeA,EACfC,gBAAiBA,GACjBE,cAAeA,GACfD,aAAcA,GACdE,UAAWA,GACXrD,sBAAuBA,GACvBsD,UAAWA,GACXC,gBAAiBA,IAGnBlD,EAACM,IAAAjC,OACK2K,GACJ1K,cAAeA,EACfC,mBAAoBA,GAAsB6Q,GAC1C5Q,0BAA2BA,GAC3BC,KAAMA,EACNC,WAAYA,GACZC,YAAaA,GACbC,eAAgBA,EAChBC,eAAgBA,EAChBC,iBAAkBA,GAClBC,sBAAuBA,GACvBC,WAAYA,GACZC,gBAAiBA,GACjBC,eAAgBA,GAChBC,OAAQyR,GACRxR,WAAYA,GACZC,MAAOA,EACPC,aAAcA,GACdC,kBAAmBsJ,GAAuB3H,SAC1C1B,uBAAwBsJ,GAA4B5H,SACpDvB,sBAAuBA,KA9DY,KAkEvC,OACEiB,OAACkQ,EAAAA,SACC,CAAAzQ,SAAA,CAAAL,EAAAA,IAAC2F,EAAgBA,iBAACzF,SAAS,CAAAC,MAAOgD,GAAgB9C,SAChDL,EAAAA,IAAC6F,GAAiBA,mBAChBc,WAAYA,EACZuI,sBAAuBA,GACvBrK,eAAgBA,GAChBmK,qBAAsBA,GACtB7J,sBAAsB,EACtB7F,aAAcA,GACdyG,OAAQwC,IAAY2H,WACpBa,qBAAsBhI,GAA2ByF,QACjD1I,QAASyC,IAAY4H,UACrBa,QAAS5H,GACT7B,OAAQA,KACJjE,MACAwL,MACA3F,GAAU9I,SACbuP,OAGJiB,KAEH"}

package/amd/SelectionCard-e5665725.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useHover-8b8a1496', './StyledCard-f72bdcc4'], (function(e,t,r,s){"use strict";e.SelectionCard=({children:e,isSelected:i=!1,testId:n,...d})=>{const{hoverProps:o,isHover:c}=r.useHover();return t.jsx(s.StyledCard,{...o,display:"inlineFlex",isHover:c,isSelected:i,parentComponentVariant:"selectionCard",testId:n,...d,children:e})}}));
+//# sourceMappingURL=SelectionCard-e5665725.js.map

package/amd/SelectionCard-e5665725.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCard-e5665725.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 */\n\nimport { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n  return (\n    <StyledCard\n      {...hoverProps}\n      display=\"inlineFlex\"\n      isHover={isHover}\n      isSelected={isSelected}\n      parentComponentVariant=\"selectionCard\"\n      testId={testId}\n      {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["children","isSelected","testId","rest","hoverProps","isHover","useHover","_jsx","jsx","StyledCard","display","parentComponentVariant"],"mappings":"sIAmC6B,EAAGA,WAAUC,cAAa,EAAOC,YAAWC,MACvE,MAAMC,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,WACxC,OACEC,EAAAC,IAACC,EAAUA,WAAA,IACLL,EACJM,QAAQ,aACRL,QAASA,EACTJ,WAAYA,EACZU,uBAAuB,gBACvBT,OAAQA,KACJC,EAAIH,SACPA,GAEH"}

package/amd/Selector-470f114d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-7e4522ca', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-9afc201a', './useHover-8b8a1496'], (function(e,s,t,o,c,a,l,r,i,n){"use strict";const u=(e,s,t,o,c)=>{if(c){c({value:y(s,t,o),target:e.target}),e.stopPropagation()}},y=(e,s,t)=>{let c;return c=o.containsKey(s,e)?o.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:o.addKey(s,e),c},d=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":y,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:f,testId:h}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,f)}),[b,k,v,f]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":o.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(h);return s.jsx("div",{class:c.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":y,onKeyDown:d,...x})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './keys-4755c121', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-7e4522ca', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-a2e433c2', './useHover-8b8a1496'], (function(e,s,t,o,c,a,l,r,i,n){"use strict";const u=(e,s,t,o,c)=>{if(c){c({value:y(s,t,o),target:e.target}),e.stopPropagation()}},y=(e,s,t)=>{let c;return c=o.containsKey(s,e)?o.removeKey(s,e,!1):"single"===t?{all:!1,keys:new Set([e])}:o.addKey(s,e),c},d=e=>{" "==e.key?e.preventDefault():"Enter"==e.key&&e.stopPropagation()};e.Selector=function({"aria-label":e,"aria-labelledby":y,rowKey:b,selectedKeys:k,isPartial:p,selectionMode:v="multiple",onChange:h,testId:f}){const K=t.useRef(null),{isActive:S,activeProps:C}=l.useActive(),{isFocus:g,focusProps:x}=r.useFocus(),{onKeyUp:P,...A}=C,{isHover:F,hoverProps:m}=n.useHover(),w=t.useCallback((e=>{const{key:s}=e;void 0!==s&&" "!==s||u(e,b,k,v,h)}),[b,k,v,h]),H=t.useCallback((e=>{P(e),w(e)}),[P,w]),j=t.useCallback((e=>{K.current?.focus(),w(e)}),[w]),I=p?"partial":o.containsKey(k,b)?"checked":"unchecked",U=i.useTestId(f);return s.jsx("div",{class:c.styles.base,onClick:j,onKeyUp:H,...A,...U,...m,children:s.jsx(a.StyledCheckbox,{ref:K,isHover:F,isActive:S,isChecked:I,isFocusRingShown:g,"aria-label":e,"aria-labelledby":y,onKeyDown:d,...x})})}}));
 //# sourceMappingURL=Selector-470f114d.js.map

package/amd/SelectorAll-ac6005c5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-4bc3a394', './usePress-949a0d03', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-7e4522ca', './mergeProps-bcfa6a92', './useActive-bb5dc069', './useFocus-4194fc59', './useTestId-a2e433c2', './useTooltip-e14d62f1', './useHover-8b8a1496', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', './useTranslationBundle-27bf6340'], (function(e,s,t,o,l,a,r,c,i,n,d,u,p,h,b,y,v,f,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":h,selected:b,onChange:y,showTooltip:v="disabled",testId:f}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{y?.("none"==b||"partial"==b?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===b||"partial-all"===b?"partial":"all"===b?"checked":"unchecked",w=d.useTestId(f),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===b||"partial"===b?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=u.useTooltip({text:U,isDisabled:"disabled"===v}),B=e||h?void 0:U;return s.jsx("div",{class:a.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:a.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(r.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":h,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
+//# sourceMappingURL=SelectorAll-ac6005c5.js.map

package/amd/SelectorAll-ac6005c5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorAll-ac6005c5.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"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 { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["handleKeyboardEvent","event","key","stopPropagation","ariaLabel","ariaLabelledby","selected","onChange","showTooltip","testId","inputRef","useRef","isActive","activeProps","useActive","isFocus","focusProps","useFocus","pressProps","usePress","value","all","deletedKeys","Set","target","keys","isHover","hoverProps","useHover","isChecked","testIdProps","useTestId","translations","useTranslationBundle","tooltipLabel","selectorAll_selectAll","selectorAll_deselectAll","tooltipContent","tooltipProps","useTooltip","text","isDisabled","ariaLabelText","undefined","_jsx","class","styles","container","mergeProps","onClick","current","focus","children","jsx","base","_jsxs","Flex","align","justify","StyledCheckbox","ref","isFocusRingShown","onKeyDown","onKeyUp"],"mappings":"oqBA+HA,MAAMA,EAAuBC,IACV,SAAbA,EAAMC,KAERD,EAAME,iBACP,gBA/EG,UACJ,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,SACRA,EAAQC,YACRA,EAAc,WAAUC,OACxBA,IAEA,MAQMC,EAAWC,SAAyB,OACpCC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,YAClCC,WAAEA,GAAeC,EAAQA,UAXTlB,IAElBM,IADc,QAAZD,GAAkC,WAAZA,EACb,CAAEc,MAAO,CAAEC,KAAK,EAAMC,YAAa,IAAIC,KAASC,OAAQvB,EAAMuB,QAE9D,CAAEJ,MAAO,CAAEC,KAAK,EAAOI,KAAM,IAAIF,KAASC,OAAQvB,EAAMuB,QACpE,KAQGE,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EACS,YAAbvB,GAAuC,gBAAbA,EACtB,UACa,QAAbA,EACA,UACA,YACAwB,EAAcC,YAAUtB,GAOxBuB,EAAeC,uBAAiC,4BAEhDC,EACS,SAAb5B,GAAoC,YAAbA,EACnB0B,EAAaG,wBACbH,EAAaI,2BAEbC,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMN,EACNO,WAA4B,aAAhBjC,IAGRkC,EAAiBtC,GAAcC,OAAgCsC,EAAfT,EAEtD,OACEU,aACEC,MAAOC,EAAAA,OAAOC,aACVC,EAAUA,WAAC,CAAEC,QAtBL,KAEdvC,EAASwC,SAASC,OAAO,GAoBKjC,EAAYoB,MACpCR,EACJsB,SAAAR,EAAAS,IAAA,MAAA,CAAKR,MAAOC,EAAAA,OAAOQ,QAAUzC,KAAiBc,WAC5C4B,EAAAA,KAACC,EAAAA,MAAKC,MAAM,SAASC,QAAQ,SAAQN,SAAA,CACnCR,EAACS,IAAAM,EAAcA,eACb,CAAAC,IAAKlD,EACLgB,QAASA,EACTG,UAAWA,EACXjB,SAAUA,EACViD,iBAAkB9C,eACNX,GAAwBsC,EACnB,kBAAArC,EACjByD,UAAW9D,EACX+D,QAAS/D,KACLgB,IAELqB,QAKX"}

package/amd/Sheet-fdd314ac.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Modal-8d647f76', './WindowOverlay-bd810e3b', './tabbableUtils-9101c0e5', './UNSAFE_Sheet/themes/SheetStyles.css', './refUtils-77e97004', './useAnimationStatus-4b135f52', './animationUtils-716a9aa6', './useTranslationBundle-27bf6340'], (function(e,t,n,s,a,o,r,i,c,l,u){"use strict";function p(e,{threshold:t=10,maximumTime:s=300,tolerance:a=50,isDisabled:o=!1}={threshold:10,maximumTime:300,tolerance:50,isDisabled:!1}){const r=n.useRef({pointerDownId:0,startTime:null,prevpageX:0,prevpageY:0,elementScrollTop:0}),i=n.useCallback((()=>{r.current={pointerDownId:null,startTime:0,prevpageX:0,prevpageY:0,elementScrollTop:0}}),[]),c=n.useCallback((e=>{const t=e.changedTouches[0];r.current.pointerDownId?i():r.current={pointerDownId:t.identifier,startTime:e.timeStamp,prevpageX:t.pageX,prevpageY:t.pageY,elementScrollTop:e.currentTarget.scrollTop}}),[i]),l=n.useCallback((n=>{const o=n.changedTouches[0];o.identifier===r.current.pointerDownId&&r.current.startTime&&n.timeStamp-r.current.startTime<s&&o.pageY-r.current.prevpageY>t&&Math.abs(o.pageX-r.current.prevpageX)<=a&&0===r.current.elementScrollTop&&e?.({direction:"down"}),i()}),[t,e,i,s,a]);return{swipeProps:o?{}:{onTouchStart:c,onTouchEnd:l,ontouchcancel:i}}}const d={opening:{...l.SLIDE_UP_XLARGE,options:{duration:l.DURATION_LARGE}},closing:{...l.SLIDE_DOWN_XLARGE,options:{duration:l.DURATION_LARGE}}},m=96;e.Sheet=({children:e,onClose:l,isOpen:h=!1,initialFocus:f="none"})=>{const b=n.useRef(null);n.useEffect((()=>{if(h&&"firstFocusable"===f){const e=b.current;e&&o.focusWithin(e)}}),[h,f]);const T=n.useCallback((()=>{l?.({reason:"pointerDismissed"})}),[l]),{swipeProps:g}=p(T),S=n.useCallback((e=>{if(!e.defaultPrevented)switch(e.code){case"Tab":case"Escape":l?.({reason:"keyboardDismissed"})}}),[l]),{setAnimationElementRef:D,status:v}=c.useAnimationStatus({isOpen:h,isAnimatedOnMount:!1,animationStates:d});n.useEffect((()=>{if("opening"===v&&"firstFocusable"===f){const e=b.current;e&&o.focusWithin(e)}}),[v,f]);const w=n.useMemo((()=>i.mergeRefs(D,b)),[D]),x="unmounted"!==v,E=u.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx(t.Fragment,{children:x?t.jsx(s.Modal,{isOpen:x,onBackdropClick:T,children:t.jsx(a.WindowOverlay,{placement:"bottom",children:t.jsxs("div",{...g,ref:w,class:r.sheetStyles.sheetContainerWrapper,style:{maxHeight:`calc(100vh - ${m}px)`},onKeyDown:S,children:[t.jsx("a",{onClick:T,role:"button","aria-label":E.sheet_close(),tabIndex:-1,class:r.sheetStyles.sheetHiddenLink}),e]})})}):null})},e.useSheetSwipe=p}));
+//# sourceMappingURL=Sheet-fdd314ac.js.map

package/amd/Sheet-fdd314ac.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet-fdd314ac.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetStyles.sheetContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              <a\n                onClick={handlePointerDismissed}\n                role=\"button\"\n                aria-label={translations.sheet_close()}\n                tabIndex={-1}\n                class={sheetStyles.sheetHiddenLink}></a>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useSheetSwipe","onSwipe","threshold","maximumTime","tolerance","isDisabled","ref","useRef","pointerDownId","startTime","prevpageX","prevpageY","elementScrollTop","clearSwipe","useCallback","current","onTouchStart","e","touchobj","changedTouches","identifier","timeStamp","pageX","pageY","currentTarget","scrollTop","onTouchEnd","ev","Math","abs","direction","swipeProps","ontouchcancel","animationStates","opening","SLIDE_UP_XLARGE","options","duration","DURATION_LARGE","closing","SLIDE_DOWN_XLARGE","TOP_OFFSET","children","onClose","isOpen","initialFocus","sheetRef","useEffect","sheetElement","focusWithin","handlePointerDismissed","reason","handleKeyDown","event","defaultPrevented","code","setAnimationElementRef","status","useAnimationStatus","isAnimatedOnMount","dropdownElement","stableRef","useMemo","mergeRefs","isMounted","translations","useTranslationBundle","_jsx","jsx","_Fragment","Fragment","Modal","onBackdropClick","WindowOverlay","placement","_jsxs","jsxs","class","sheetStyles","sheetContainerWrapper","style","maxHeight","onKeyDown","onClick","role","sheet_close","tabIndex","sheetHiddenLink"],"mappings":"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"}

package/amd/SortControl-6d8e62c0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTestId-a2e433c2', './useTranslationBundle-27bf6340', './UNSAFE_SortControl/themes/SortControl.css', './classNames-08d99695', './UpParent-7ccb9053', './DownParent-0f1d00b7', './useSortableContext-e9cb03f3', './EmbeddedIconButton-7a2a1a8c'], (function(e,t,s,o,n,r,l,a,c,d){"use strict";e.SortControl=({testId:e})=>{const i=o.useTranslationBundle("@oracle/oraclejet-preact"),b=s.useTestId(e),{isRendered:u,sortable:S,sortDirection:x,onSort:C}=c.useSortableContext(),p=[n.sortControlStyles.base];u?p.push(n.sortControlStyles.visible):p.push(n.sortControlStyles.hidden);const h=r.classNames(p);return t.jsx("div",{...b,class:h,children:t.jsx(d.EmbeddedIconButton,{"aria-label":"enabled"===S?i.collection_sortEnabled():i.collection_sortDisabled(),isDisabled:"enabled"!==S,onAction:C,children:"descending"===x?t.jsx(a.SvgDownParent,{}):t.jsx(l.SvgUpParent,{})})})}}));
+//# sourceMappingURL=SortControl-6d8e62c0.js.map

package/amd/SortControl-6d8e62c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortControl-6d8e62c0.js","sources":["../../src/UNSAFE_SortControl/SortControl.tsx"],"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 { BundleType } from '../resources/nls/bundle';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { sortControlStyles } from './themes/SortControl.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { SortAscendingIcon } from '../PRIVATE_ThemedIcons/SortAscendingIcon';\nimport { SortDescendingIcon } from '../PRIVATE_ThemedIcons/SortDescendingIcon';\nimport { useSortableContext } from '#hooks/UNSAFE_useSortableContext';\n\n/**\n * Props for the SortControl Component\n */\nexport type Props = TestIdProps;\n\n/**\n * Component that renders an interactive sort control.\n */\nexport const SortControl = ({ testId }: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const testIdProps = useTestId(testId);\n\n  const { isRendered, sortable, sortDirection, onSort } = useSortableContext();\n\n  const iconClassArray = [sortControlStyles.base];\n  if (isRendered) {\n    iconClassArray.push(sortControlStyles.visible);\n  } else {\n    iconClassArray.push(sortControlStyles.hidden);\n  }\n  const iconClasses = classNames(iconClassArray);\n\n  return (\n    <div {...testIdProps} class={iconClasses}>\n      <EmbeddedIconButton\n        aria-label={\n          sortable === 'enabled'\n            ? translations.collection_sortEnabled()\n            : translations.collection_sortDisabled()\n        }\n        isDisabled={sortable !== 'enabled'}\n        onAction={onSort}>\n        {sortDirection === 'descending' ? <SortDescendingIcon /> : <SortAscendingIcon />}\n      </EmbeddedIconButton>\n    </div>\n  );\n};\n"],"names":["testId","translations","useTranslationBundle","testIdProps","useTestId","isRendered","sortable","sortDirection","onSort","useSortableContext","iconClassArray","sortControlStyles","base","push","visible","hidden","iconClasses","classNames","_jsx","jsx","class","children","EmbeddedIconButton","collection_sortEnabled","collection_sortDisabled","isDisabled","onAction","SortDescendingIcon","SortAscendingIcon"],"mappings":"+UAyB2B,EAAGA,aAC5B,MAAMC,EAAeC,uBAAiC,4BAChDC,EAAcC,YAAUJ,IAExBK,WAAEA,EAAUC,SAAEA,EAAQC,cAAEA,EAAaC,OAAEA,GAAWC,EAAAA,qBAElDC,EAAiB,CAACC,oBAAkBC,MACtCP,EACFK,EAAeG,KAAKF,oBAAkBG,SAEtCJ,EAAeG,KAAKF,oBAAkBI,QAExC,MAAMC,EAAcC,aAAWP,GAE/B,OACEQ,EAAAC,IAAA,MAAA,IAAShB,EAAaiB,MAAOJ,EAAWK,SACtCH,EAACC,IAAAG,EAAkBA,mBAEf,CAAA,aAAa,YAAbhB,EACIL,EAAasB,yBACbtB,EAAauB,0BAEnBC,WAAyB,YAAbnB,EACZoB,SAAUlB,EACTa,SAAkB,eAAlBd,EAAiCW,MAACS,EAAAA,cAAqB,CAAA,GAAGT,EAAAA,IAACU,EAAAA,YAAiB,CAAA,MAGjF"}

package/amd/SplitMenuButton-ba7fc113.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-9cc087dc', './ChevronDown-1d01f028', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-7d4aa6d3', 'preact/compat', './mergeInterpolations-9ede4cf7', './unsafeDomAccess-602c5dde', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './Text-9e32c423', './BaseButton-2c9850cb', './TabbableModeContext-a9c97640', './dimensions-f24f9a2b', './useLongPress-1fae873d', './usePressClick-b5bf4243', './UNSAFE_SplitMenuButton/themes/redwood/SplitMenuButtonTheme.css'], (function(e,s,t,n,o,a,r,i,l,c,u,d,p,m,b,S,y,h,f,M,B,v,C,T,x,E,D,A,k,w,F,g,j,I){"use strict";const N=["embedded","min","noBorderRadiusStart","noBorderStart"],U=[...N,"active"],_=["embedded","fill","noBorderRadiusEnd","noBorderEnd"],P=[..._,"active"],L=[...Object.values(F.dimensionInterpolations)],R=p.mergeInterpolations(L),z=d.forwardRef((({children:e,label:a="",variant:i="outlined",isDisabled:u=!1,size:d="md",testId:p,onAction:S,"aria-describedby":y,onBlur:h,onFocus:f,onMouseEnter:M,onMouseLeave:B,onTouchEnd:v,onTouchStart:C,...T},x)=>{const E=r.useRef(null),D=r.useRef(null),[F,N]=r.useState("menu");r.useImperativeHandle(x,(()=>({focus:E.current.focus,blur:E.current.blur,[m.UNSAFE_DOM_ACCESS]:E.current[m.UNSAFE_DOM_ACCESS],click:D.current.click})),[]);const[U,_]=r.useState(!1),[P,L]=r.useState(!1),{class:z,...H}=R(T),K=r.useCallback((e=>{" "===e.key||"Enter"===e.key?L(!0):"ArrowDown"==e.key&&(N("firstItem"),!u&&_((e=>!e)),e.preventDefault())}),[u,_,L,N]),G=r.useCallback((e=>{" "!==e.key&&"Enter"!==e.key||(!u&&S&&S(),L(!1))}),[u,S,L]),{pressProps:$}=j.usePressClick((()=>{N("firstItem"),_((e=>!e))}),{isDisabled:u}),{longPressProps:q}=g.useLongPress((()=>{N("firstItem"),_((e=>!e))}),{isDisabled:u}),J=r.useCallback((()=>{L(!1)}),[L]),Q=()=>{N("menu"),_(!U)},W=e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||E.current?.focus(),_(!1)},{classes:X,styles:Y}=c.useComponentTheme(I.SplitMenuButtonRedwoodTheme,{styleVariant:i}),Z=b.classNames([Y.divider,u&&Y.disabledDivider]),ee={onBlur:h,onFocus:f,onMouseEnter:M,onMouseLeave:B,onTouchEnd:v,onTouchStart:C},se={onKeyDown:u?void 0:K,onKeyUp:G,onBlur:J,...q,...$},te=b.classNames([X,z]),ne=()=>s.jsx(k.BaseButton,{elementDetails:{type:"span"},ref:E,isDisabled:u,styling:["container","min"],variant:i,size:d,testId:p,"aria-label":a,"aria-roledescription":"split menu button, press down arrow to invoke menu","aria-describedby":y,"aria-expanded":U,children:s.jsxs(w.TabbableModeContext.Provider,{value:{isTabbable:!1},children:[s.jsx(k.BaseButton,{elementDetails:{type:"span",isFocusable:!1},ref:D,variant:i,styling:V(P),size:d,isDisabled:u,"aria-hidden":!0,onAction:S,children:s.jsx(A.Text,{truncation:"ellipsis",weight:"inherit",children:a})}),s.jsx("div",{class:`${Z}`}),s.jsx(k.BaseButton,{elementDetails:{type:"span",isFocusable:!1},variant:i,styling:O(U),size:d,isDisabled:u,"aria-hidden":!0,onAction:Q,children:s.jsx(t.ButtonLabelLayout,{display:"icons",startIcon:s.jsx(n.SvgChevronDown,{}),size:d,styling:"embedded"})})]})});return u?s.jsx("span",{role:"toolbar",class:te,style:H,children:ne()}):s.jsxs("span",{role:"toolbar",class:te,...l.mergeProps(ee,se),style:H,children:[ne(),s.jsx(o.Menu,{anchorRef:E,isOpen:U,onClose:W,initialFocus:F,children:e})]})}));function O(e){return e?U:N}function V(e){return e?P:_}z.displayName="SplitMenuButton",e.SplitMenuButton=z}));
+//# sourceMappingURL=SplitMenuButton-ba7fc113.js.map

package/amd/SplitMenuButton-ba7fc113.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitMenuButton-ba7fc113.js","sources":["../../src/UNSAFE_SplitMenuButton/SplitMenuButton.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 { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { Text } from '../UNSAFE_Text';\n\nimport { BaseButton, StylingOptions } from '../UNSAFE_BaseButton';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useLongPress } from '../hooks/UNSAFE_useLongPress';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport {\n  SplitMenuButtonStyles,\n  SplitMenuButtonVariantOptions\n} from './themes/SplitMenuButtonStyles.css';\nimport { SplitMenuButtonRedwoodTheme } from './themes/redwood/SplitMenuButtonTheme.css';\n\nimport type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { useCallback, useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype InitialFocusType = ComponentProps<typeof Menu>['initialFocus'];\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<HTMLElement>>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n  | 'aria-describedby'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * children - One or more MenuItems\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The label rendered on the action side of the button.  Used\n     * to identify which child MenuItem action is invoked.\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     \n     */\n    variant?: 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n  };\n\nconst menuButtonStyling = [\n  'embedded',\n  'min',\n  'noBorderRadiusStart',\n  'noBorderStart'\n] as StylingOptions[];\nconst menuButtonActiveStyling = [...menuButtonStyling, 'active'] as StylingOptions[];\n\nconst actionbuttonStyling = [\n  'embedded',\n  'fill',\n  'noBorderRadiusEnd',\n  'noBorderEnd'\n] as StylingOptions[];\nconst actionButtonActiveStyling = [...actionbuttonStyling, 'active'] as StylingOptions[];\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n\n/**\n * A SplitMenuButton is a combined action and menu button.\n */\nexport const SplitMenuButton = forwardRef(\n  (\n    {\n      children,\n      label = '',\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      testId,\n      onAction,\n      'aria-describedby': ariaDescribedBy,\n      onBlur: propsOnBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const rootButtonRef = useRef<ButtonHandle>(null);\n    const actionButtonRef = useRef<ButtonHandle>(null);\n    const [initialFocus, setInitialFocus] = useState<InitialFocusType>('menu');\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          focus: rootButtonRef.current!.focus,\n          blur: rootButtonRef.current!.blur,\n          [UNSAFE_DOM_ACCESS]: rootButtonRef.current![UNSAFE_DOM_ACCESS],\n\n          // Need to delegate click to the inner action button since\n          // clicking on the outer button does not trigger an action\n          click: actionButtonRef.current!.click\n        };\n      },\n      []\n    );\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [isActive, setIsActive] = useState<boolean>(false);\n    const { class: cls, ...styles } = styleInterpolations(props);\n\n    // SPACE or ENTER on root area invokes action, as does CLICK/TAP on LEFT SIDE ACTION AREA\n    // DOWN ARROW invokes menu, as does CLICK/TAP on RIGHT SIDE MENU AREA\n    const onKeyDown = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          setIsActive(true);\n        } else if (event.key == 'ArrowDown') {\n          setInitialFocus('firstItem');\n          !isDisabled && setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n          // Prevent page scroll for down arrow, user definitely wanted to show menu in this case.\n          // Don't prevent other keypress defaults, as user may want to hold SPACE down to scroll page.\n          event.preventDefault();\n        }\n      },\n      [isDisabled, setIsMenuOpen, setIsActive, setInitialFocus]\n    );\n\n    const onKeyUp = useCallback(\n      (event: KeyboardEvent) => {\n        if (event.key === ' ' || event.key === 'Enter') {\n          !isDisabled && onAction && onAction();\n          setIsActive(false);\n        }\n      },\n      [isDisabled, onAction, setIsActive]\n    );\n\n    const { pressProps } = usePressClick(\n      () => {\n        setInitialFocus('firstItem');\n        setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n      },\n      { isDisabled }\n    );\n\n    const { longPressProps } = useLongPress(\n      () => {\n        setInitialFocus('firstItem');\n        setIsMenuOpen((menuOpen: boolean) => !menuOpen);\n      },\n      { isDisabled }\n    );\n\n    const onBlur = useCallback(() => {\n      setIsActive(false);\n    }, [setIsActive]);\n\n    const menuHandler = () => {\n      setInitialFocus('menu');\n      setIsMenuOpen(!isMenuOpen);\n    };\n\n    const handleClose = (e: any) => {\n      //Focus has to be set on the launcher when menu is dismissed or\n      //item is \"selected\"\n      if (e.reason === 'dismissed' || e.reason === 'itemAction') {\n        rootButtonRef.current?.focus();\n      }\n      setIsMenuOpen(false);\n    };\n\n    const { classes, styles: themeStyles } = useComponentTheme<\n      SplitMenuButtonVariantOptions,\n      SplitMenuButtonStyles\n    >(SplitMenuButtonRedwoodTheme, {\n      styleVariant: variant\n    });\n\n    const dividerStyles = classNames([\n      themeStyles.divider,\n      isDisabled && themeStyles.disabledDivider\n    ]);\n\n    const globalEventProps = {\n      onBlur: propsOnBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const customGlobalEventProps = {\n      onKeyDown: isDisabled ? undefined : onKeyDown,\n      onKeyUp: onKeyUp,\n      onBlur: onBlur,\n      ...longPressProps,\n      ...pressProps\n    };\n\n    const rootStyles = classNames([classes, cls]);\n    // Using Span for top button allows us to avoid :hover state rendering by\n    // taking advantage of :enabled not on spans\n    const rootButton = () => {\n      return (\n        <BaseButton\n          elementDetails={{ type: 'span' }}\n          ref={rootButtonRef}\n          isDisabled={isDisabled}\n          styling={['container', 'min']}\n          variant={variant}\n          size={size}\n          testId={testId}\n          aria-label={label}\n          aria-roledescription=\"split menu button, press down arrow to invoke menu\"\n          aria-describedby={ariaDescribedBy}\n          aria-expanded={isMenuOpen}>\n          <TabbableModeContext.Provider value={{ isTabbable: false }}>\n            <BaseButton\n              elementDetails={{ type: 'span', isFocusable: false }}\n              ref={actionButtonRef}\n              variant={variant}\n              styling={getActionButtonStyling(isActive)}\n              size={size}\n              isDisabled={isDisabled}\n              aria-hidden={true}\n              onAction={onAction}>\n              <Text truncation={'ellipsis'} weight={'inherit'}>\n                {label}\n              </Text>\n            </BaseButton>\n            <div class={`${dividerStyles}`} />\n            <BaseButton\n              elementDetails={{ type: 'span', isFocusable: false }}\n              variant={variant}\n              styling={getMenuButtonStyling(isMenuOpen)}\n              size={size}\n              isDisabled={isDisabled}\n              aria-hidden={true}\n              onAction={menuHandler}>\n              <ButtonLabelLayout\n                display=\"icons\"\n                startIcon={<MenuButtonDropdownIcon />}\n                size={size}\n                styling=\"embedded\"></ButtonLabelLayout>\n            </BaseButton>\n          </TabbableModeContext.Provider>\n        </BaseButton>\n      );\n    };\n\n    if (isDisabled) {\n      return (\n        <span role=\"toolbar\" class={rootStyles} style={styles}>\n          {rootButton()}\n        </span>\n      );\n    } else {\n      /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n        Could be done via menu props or having a dropdownMenu component. JET-60595*/\n\n      /*TODO: Once menu expose a prop to set min width we would need to calculate offset width of button\n       so we set the correct min width since dropdown menus are 200px but if triggered element width is\n       bigger should be that size. JET-60745 */\n      return (\n        <span\n          role=\"toolbar\"\n          class={rootStyles}\n          {...mergeProps(globalEventProps, customGlobalEventProps)}\n          style={styles}>\n          {rootButton()}\n          <Menu\n            anchorRef={rootButtonRef}\n            isOpen={isMenuOpen}\n            onClose={handleClose}\n            initialFocus={initialFocus}>\n            {children}\n          </Menu>\n        </span>\n      );\n    }\n  }\n);\n\nfunction getMenuButtonStyling(isActive: boolean) {\n  return isActive ? menuButtonActiveStyling : menuButtonStyling;\n}\n\nfunction getActionButtonStyling(isActive: boolean) {\n  return isActive ? actionButtonActiveStyling : actionbuttonStyling;\n}\n\nSplitMenuButton.displayName = 'SplitMenuButton';\n"],"names":["menuButtonStyling","menuButtonActiveStyling","actionbuttonStyling","actionButtonActiveStyling","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","SplitMenuButton","forwardRef","children","label","variant","isDisabled","size","testId","onAction","ariaDescribedBy","onBlur","propsOnBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","ref","rootButtonRef","useRef","actionButtonRef","initialFocus","setInitialFocus","useState","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","click","isMenuOpen","setIsMenuOpen","isActive","setIsActive","class","cls","styles","onKeyDown","useCallback","event","key","menuOpen","preventDefault","onKeyUp","pressProps","usePressClick","longPressProps","useLongPress","menuHandler","handleClose","e","reason","classes","themeStyles","useComponentTheme","SplitMenuButtonRedwoodTheme","styleVariant","dividerStyles","classNames","divider","disabledDivider","globalEventProps","customGlobalEventProps","undefined","rootStyles","rootButton","_jsx","BaseButton","elementDetails","type","styling","_jsxs","TabbableModeContext","Provider","value","isTabbable","isFocusable","getActionButtonStyling","Text","truncation","weight","jsx","getMenuButtonStyling","ButtonLabelLayout","display","startIcon","MenuButtonDropdownIcon","role","style","mergeProps","Menu","anchorRef","isOpen","onClose","displayName"],"mappings":"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"}

package/amd/StyledCard-f72bdcc4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-f24f9a2b', './padding-2e7f02fe', './colors-17f17162', './aria-232c9168', './mergeInterpolations-9ede4cf7', './PRIVATE_StyledCard/themes/StyledCardStyles.css', './classNames-08d99695', './useTestId-a2e433c2', './_curry2-86c52b86'], (function(e,n,o,t,a,s,i,r,l,c,d,u){"use strict";var p=u._curry2((function(e,n){for(var o={},t=0;t<e.length;)e[t]in n&&(o[e[t]]=n[e[t]]),t+=1;return o}));const b=["onBlur","onClick","onContextMenu","onFocus","onKeyDown","onKeyUp","onMouseDown","onMouseEnter","onMouseLeave","onMouseUp","onPointerCancel","onPointerDown","onPointerOut","onPointerUp","onTouchCancel","onTouchEnd","onTouchStart"],v=[...Object.values(t.dimensionInterpolations),...Object.values(s.colorInterpolations),...Object.values(a.paddingInterpolations),...Object.values(i.ariaInterpolations)],y=r.mergeInterpolations(v),f=o.forwardRef((({"aria-describedby":e,children:o,cursor:t,display:a="inlineBlock",isActive:s,isDisabled:i,isFocusWithin:r,isHover:u,isSelected:v,parentComponentVariant:f="default",role:h,styleVariant:m,tabIndex:I,testId:C,...S},g)=>{const j=d.useTestId(C),x=p(b,S),{class:T,ariaLabel:V,ariaLabelledBy:D,...M}=y(S),O=l.multiVariantStyles({active:s?"isActive":void 0,cursor:t,display:a,disabled:i?"isDisabled":void 0,focusRing:void 0!==I&&I>=0?"hasFocusRing":void 0,focusWithin:r?"hasFocusWithin":void 0,hover:u?"isHover":"notHover",parentComponentVariant:f,selected:v?"isSelected":"notSelected",styleVariant:m}),P=c.classNames([O,T]);return n.jsx("div",{...x,"aria-label":V,"aria-labelledby":D,"aria-describedby":e,className:P,tabIndex:I,ref:g,role:h,style:M,...j,children:o})}));e.StyledCard=f}));
+//# sourceMappingURL=StyledCard-f72bdcc4.js.map

package/amd/StyledCard-f72bdcc4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCard-f72bdcc4.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/**\n * Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n *\n *      R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n *      R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n */\n\nvar pick =\n/*#__PURE__*/\n_curry2(function pick(names, obj) {\n  var result = {};\n  var idx = 0;\n\n  while (idx < names.length) {\n    if (names[idx] in obj) {\n      result[names[idx]] = obj[names[idx]];\n    }\n\n    idx += 1;\n  }\n\n  return result;\n});\n\nexport default pick;","/**\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 type { ComponentChildren, Ref, JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n  IntrinsicProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n    /**\n     * Specifies if the card uses the pointer cursor.\n     */\n    cursor?: 'pointer' | 'arrow';\n    /**\n     * Specifies the card element display type.\n     */\n    display?: 'inlineBlock' | 'inlineFlex';\n    /**\n     * Specifies if the card is in an active state.\n     */\n    isActive?: boolean;\n    /**\n     * Specifies if the card is in a disabled state.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the card is in a hover state.\n     */\n    isHover?: boolean;\n    /**\n     * Specifies if the card as selected within a collection.\n     */\n    isSelected?: boolean;\n    /**\n     * Specifies the parent component variant\n     */\n    parentComponentVariant?: (typeof parentComponentVariants)[number];\n    /**\n     * Specifies aria role for the card element.\n     */\n    role?: Role;\n    /**\n     * Specifies the chroming of the card element\n     */\n    styleVariant?: 'danger';\n  } & (\n    | {\n        /**\n         * Specifies if the card has a focused input within.\n         */\n        isFocusWithin?: boolean;\n        tabIndex?: never;\n      }\n    | {\n        /**\n         * Specifies the tab index of the card element.\n         */\n        tabIndex?: number;\n        isFocusWithin?: never;\n      }\n  ) &\n  Pick<UnpackSignals<JSX.AriaAttributes>, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n  'default',\n  'actionCard',\n  'selectionCard',\n  'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n  'onBlur',\n  'onClick',\n  'onContextMenu',\n  'onFocus',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseUp',\n  'onPointerCancel',\n  'onPointerDown',\n  'onPointerOut',\n  'onPointerUp',\n  'onTouchCancel',\n  'onTouchEnd',\n  'onTouchStart'\n] as const;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n  (\n    {\n      ['aria-describedby']: ariaDescribedBy,\n      children,\n      cursor,\n      display = 'inlineBlock',\n      isActive,\n      isDisabled,\n      isFocusWithin,\n      isHover,\n      isSelected,\n      parentComponentVariant = 'default',\n      role,\n      styleVariant,\n      tabIndex,\n      testId,\n      ...rest\n    }: Props,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const testIdProps = useTestId(testId);\n\n    // we want to pick all the event handlers only to spread over the div element\n    const eventHandlersProps = pick(eventHandlers, rest);\n\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(rest);\n\n    const variantClasses = multiVariantStyles({\n      active: isActive ? 'isActive' : undefined,\n      cursor,\n      display,\n      disabled: isDisabled ? 'isDisabled' : undefined,\n      focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n      focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n      hover: isHover ? 'isHover' : 'notHover',\n      parentComponentVariant,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      styleVariant\n    });\n\n    const classes = classNames([variantClasses, mergedClasses]);\n\n    return (\n      <div\n        {...eventHandlersProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classes}\n        tabIndex={tabIndex}\n        ref={ref}\n        role={role}\n        style={mergedStyles}\n        {...testIdProps}>\n        {children}\n      </div>\n    );\n  }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick$1","_curry2","names","obj","result","idx","length","eventHandlers","interpolations","Object","values","dimensionInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","mergedInterpolations","mergeInterpolations","StyledCard","forwardRef","ariaDescribedBy","children","cursor","display","isActive","isDisabled","isFocusWithin","isHover","isSelected","parentComponentVariant","role","styleVariant","tabIndex","testId","rest","ref","testIdProps","useTestId","eventHandlersProps","pick","class","mergedClasses","ariaLabel","ariaLabelledBy","mergedStyles","variantClasses","multiVariantStyles","active","undefined","disabled","focusRing","focusWithin","hover","selected","classes","classNames","_jsx","className","style"],"mappings":"mVAoBA,IAiBAA,EAfAC,EAAAA,SAAQ,SAAcC,EAAOC,GAI3B,IAHA,IAAIC,EAAS,CAAA,EACTC,EAAM,EAEHA,EAAMH,EAAMI,QACbJ,EAAMG,KAAQF,IAChBC,EAAOF,EAAMG,IAAQF,EAAID,EAAMG,KAGjCA,GAAO,EAGT,OAAOD,CACT,ICyDA,MAAMG,EAAgB,CACpB,SACA,UACA,gBACA,UACA,YACA,UACA,cACA,eACA,eACA,YACA,kBACA,gBACA,eACA,cACA,gBACA,aACA,gBAGIC,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,4BACdJ,OAAOC,OAAOI,uBAGbC,EAAuBC,EAAAA,oBAA2BR,GAOlDS,EAAaC,EAAUA,YAC3B,EAEI,mBAAsBC,EACtBC,WACAC,SACAC,UAAU,cACVC,WACAC,aACAC,gBACAC,UACAC,aACAC,yBAAyB,UACzBC,OACAC,eACAC,WACAC,YACGC,GAELC,KAEA,MAAMC,EAAcC,YAAUJ,GAGxBK,EAAqBC,EAAK/B,EAAe0B,IAG7CM,MAAOC,EAAaC,UACpBA,EAASC,eACTA,KACGC,GACD5B,EAAqBkB,GAEnBW,EAAiBC,EAAAA,mBAAmB,CACxCC,OAAQvB,EAAW,gBAAawB,EAChC1B,SACAC,UACA0B,SAAUxB,EAAa,kBAAeuB,EACtCE,eAAwBF,IAAbhB,GAA0BA,GAAY,EAAI,oBAAiBgB,EACtEG,YAAazB,EAAgB,sBAAmBsB,EAChDI,MAAOzB,EAAU,UAAY,WAC7BE,yBACAwB,SAAUzB,EAAa,aAAe,cACtCG,iBAGIuB,EAAUC,EAAUA,WAAC,CAACV,EAAgBJ,IAE5C,OACEe,MAAA,MAAA,IACMlB,EAAkB,aACVI,EACK,kBAAAC,EACC,mBAAAvB,EAClBqC,UAAWH,EACXtB,SAAUA,EACVG,IAAKA,EACLL,KAAMA,EACN4B,MAAOd,KACHR,EAAWf,SACdA,GAEH"}

package/amd/StyledLabelValueLayout-5a476d38.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', 'css!./LabelValueLayoutStyles.styles.css'], (function(e,l,a,t){"use strict";e.StyledLabelValueLayout=({flexAlign:e,labelStyleClasses:t,labelStyles:s,labelInnerClasses:r,label:o,valueStyles:n,children:y})=>l.jsxs(a.Flex,{wrap:"wrap",align:e,children:[l.jsx("div",{class:t,style:s,children:l.jsx("div",{class:r,children:o})}),l.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5c",style:n,children:y})]}),e.labelInnerStyles={base:"LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",start:"LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",startNotPureReadonly:"LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",startUnknownParent:"LabelValueLayoutStyles_labelInnerStyles_startUnknownParent__z3rxc58",startWithoutTopFormComponentWrapperUA:"LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc59",insideFormComponentWrapper:"LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5a",noWrap:"LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5b"},e.labelSlotStyles={base:"LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",start:"LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",top:"LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",topAndTopUA:"LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",topPureReadonly:"LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54"}}));
+//# sourceMappingURL=StyledLabelValueLayout-5a476d38.js.map

package/amd/StyledLabelValueLayout-5a476d38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLabelValueLayout-5a476d38.js","sources":["../../src/UNSAFE_LabelValueLayout/StyledLabelValueLayout.tsx"],"sourcesContent":["import { Flex } from '#UNSAFE_Flex';\nimport { ComponentChildren, JSX } from 'preact';\nimport { valueSlotStyles } from './LabelValueLayoutStyles.css';\n\ntype Props = {\n  flexAlign: 'stretch' | 'start';\n  labelStyleClasses?: string;\n  labelStyles?: JSX.CSSProperties;\n  labelInnerClasses?: string;\n  label: ComponentChildren;\n  valueStyles?: JSX.CSSProperties;\n  children?: ComponentChildren;\n};\n\n/**\n * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.\n */\nexport const StyledLabelValueLayout = ({\n  flexAlign,\n  labelStyleClasses,\n  labelStyles,\n  labelInnerClasses,\n  label,\n  valueStyles,\n  children\n}: Props) => {\n  return (\n    <Flex wrap=\"wrap\" align={flexAlign}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["flexAlign","labelStyleClasses","labelStyles","labelInnerClasses","label","valueStyles","children","_jsxs","Flex","wrap","align","_jsx","class","style"],"mappings":"yJAiBsC,EACpCA,YACAC,oBACAC,cACAC,oBACAC,QACAC,cACAC,cAGEC,EAAAA,KAACC,EAAAA,MAAKC,KAAK,OAAOC,MAAOV,EAASM,SAAA,CAChCK,EAAAA,WAAKC,MAAOX,EAAmBY,MAAOX,EAAWI,SAC/CK,aAAKC,MAAOT,EAAoBG,SAAAF,MAElCO,EAAAA,WAAKC,wDAAwBC,MAAOR,EAAWC,SAC5CA"}

package/amd/StyledTextField-5e554e5b.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-39dc1be3', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-9afc201a', './classNames-08d99695', './LayoutStyles.css-e2543ca1', 'preact/compat', 'preact/hooks', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Flex-07d2aa5b', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTooltipControlled-558b2a13', './useUser-12ec03f1', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-de035f75'], (function(e,t,n,o,a,s,l,r,i,d,m,u,c,p,C,x,T,h,b,F,f,y,R,L){"use strict";const S=({fieldRef:e,hasTruncatedLabel:t,isDisabled:n,label:o})=>{const[a,s]=m.useState(!1),{tooltipProps:l,tooltipContent:r}=b.useTooltipControlled({dismissOnClick:!1,displayOnHover:!1,focusStrategy:"logical",isDisabled:n,isOpen:a,offset:{mainAxis:4},onToggle:({value:e})=>{s(e)},position:"top-start",text:o}),{"aria-describedby":i,onLogicalBlur:d,onLogicalFocus:u,...c}=l;return n||(t?u?.(e?.current):d?.()),{tooltipContent:r,tooltipEventHandlerProps:c}},g=({variant:e,insideLabel:n,labelText:o,mainContent:a,endContent:l,rootRef:i,resize:d,startContent:u})=>{const{isFormLayout:p,isReadonly:T}=c.useFormContext(),{hasTruncatedLabel:b,isLoading:R}=C.useFormFieldContext(),{direction:L}=F.useUser(),g="ltr"===L,v=p&&!T,w=void 0!==n,N=h.useInputGroupContext(),E=null!==N,j=N?N.last?g?"groupRight":"groupLeft":0===N.index?g?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:I,styles:{textFieldEndContent:A}}=s.useComponentTheme(f.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:d&&"textarea"===e?L:void 0}),{classes:U,styles:{readonlyTextFieldMiddleBase:G,readonlyTextFieldMiddleNotInEnabledForm:M,readonlyTextFieldMiddleInEnabledForm:z,readonlyTextFieldMiddleInEnabledFormNotTextarea:k,startContentInsideLabel:B,startContentMarginEnd:_,startContentMarginStart:D,startContentStartTopLabel:P}}=s.useComponentTheme(y.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:v?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:w?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:R?"isLoading":"notLoading",withinGroup:E?"isWithinGroup":void 0,inputGroupPosition:j,resize:d??"none"}),V=r.classNames([w?B:P,v?D:_]),W=r.classNames([I,G,v&&z,v&&"textarea"!==e&&k,!v&&M]),H=m.useRef(null),O=i??H,{tooltipContent:Z,tooltipEventHandlerProps:q}=S({hasTruncatedLabel:b,fieldRef:O,isDisabled:!w,label:o});return t.jsxs("div",{role:"presentation",class:U,ref:O,...q,children:[u&&t.jsx("span",{class:V,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:u})}),t.jsxs("div",{class:W,children:[n,a]}),l&&t.jsx("span",{class:A,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:l})}),Z]})},v=d.forwardRef((({outerClassNames:e,columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,compactUserAssistance:r,inlineUserAssistance:i,mainContent:d,endContent:m,rootRef:u,variant:c,resize:p,startContent:C,...x},T)=>{const h="textarea"===c?"textArea":"textField";return t.jsxs("div",{...x,ref:T,class:e,children:[r,t.jsxs(o.LabelValueLayout,{columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,parentComponentVariant:h,children:[t.jsx(g,{mainContent:d,endContent:m,rootRef:u,startContent:C,...c?{variant:c,resize:p}:{}}),i]})]})})),w=d.forwardRef((({outerClassNames:e,compactUserAssistance:n,inlineUserAssistance:o,labelText:a,mainContent:s,endContent:l,label:r,rootRef:i,variant:d,resize:m,startContent:u,...c},p)=>t.jsxs("div",{...c,ref:p,class:e,children:[n,t.jsx(g,{insideLabel:r,labelText:a,mainContent:s,endContent:l,rootRef:i,startContent:u,...d?{variant:d,resize:m}:{}}),o]}))),N=d.forwardRef((({columnSpan:e=1,label:o,labelEdge:d,labelText:m,mainContent:u,endContent:c,variant:p,mainFieldRef:C,startContent:x,testId:T,...h},b)=>{const F=l.useTestId(T),{classes:y,styles:L}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:S}=s.useComponentTheme(n.LabelRedwoodTheme),{baseTheme:g}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{formControlBase:N}=L,{baseTheme:E}=s.useComponentTheme(a.SkeletonRedwoodTheme),j=r.classNames([y,E,N,g,S,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===o||"start"!==d&&"top"!==d?t.jsx(w,{outerClassNames:j,ref:b,label:o,labelText:m,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F}):t.jsx(v,{columnSpan:e,outerClassNames:j,label:o,labelEdge:d,ref:b,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F})})),E=d.forwardRef((({columnSpan:e=1,variant:o="default",...l},d)=>{const m=h.useInputGroupContext(),{isReadonly:u}=C.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{baseTheme:p}=s.useComponentTheme(n.LabelRedwoodTheme),{classes:x,styles:T}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:u?"isReadonly":"notReadonly",withinGroup:null!==m?"isWithinGroup":void 0}),{formControlBase:b,textFieldBase:F,textFieldEmbedded:y}=T,{baseTheme:S}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=r.classNames([S,b,F,L.isEmbeddedVariant(o)&&y,x,c,p,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...l,class:g,ref:d})}));e.ReadonlyTextField=N,e.StyledTextField=E,e.useTextFieldTooltip=S}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_Label/themes/redwood/LabelTheme', './LabelValueLayout-39dc1be3', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './useComponentTheme-5aa41a8f', './useTestId-a2e433c2', './classNames-08d99695', './LayoutStyles.css-e2543ca1', 'preact/compat', 'preact/hooks', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './Flex-4bc3a394', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTooltipControlled-f7e07ed4', './useUser-988f7da2', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-de035f75'], (function(e,t,n,o,a,s,l,r,i,d,m,u,c,p,C,x,T,h,b,F,f,y,R,L){"use strict";const S=({fieldRef:e,hasTruncatedLabel:t,isDisabled:n,label:o})=>{const[a,s]=m.useState(!1),{tooltipProps:l,tooltipContent:r}=b.useTooltipControlled({dismissOnClick:!1,displayOnHover:!1,focusStrategy:"logical",isDisabled:n,isOpen:a,offset:{mainAxis:4},onToggle:({value:e})=>{s(e)},position:"top-start",text:o}),{"aria-describedby":i,onLogicalBlur:d,onLogicalFocus:u,...c}=l;return n||(t?u?.(e?.current):d?.()),{tooltipContent:r,tooltipEventHandlerProps:c}},g=({variant:e,insideLabel:n,labelText:o,mainContent:a,endContent:l,rootRef:i,resize:d,startContent:u})=>{const{isFormLayout:p,isReadonly:T}=c.useFormContext(),{hasTruncatedLabel:b,isLoading:R}=C.useFormFieldContext(),{direction:L}=F.useUser(),g="ltr"===L,v=p&&!T,w=void 0!==n,N=h.useInputGroupContext(),E=null!==N,j=N?N.last?g?"groupRight":"groupLeft":0===N.index?g?"groupLeft":"groupRight":"groupMiddle":void 0,{variantClasses:I,styles:{textFieldEndContent:A}}=s.useComponentTheme(f.TextFieldRedwoodTheme,{middleContent:e,textAreaResizeDirection:d&&"textarea"===e?L:void 0}),{classes:U,styles:{readonlyTextFieldMiddleBase:G,readonlyTextFieldMiddleNotInEnabledForm:M,readonlyTextFieldMiddleInEnabledForm:z,readonlyTextFieldMiddleInEnabledFormNotTextarea:k,startContentInsideLabel:B,startContentMarginEnd:_,startContentMarginStart:D,startContentStartTopLabel:P}}=s.useComponentTheme(y.ReadonlyTextFieldRedwoodTheme,{insideNonReadonlyForm:v?"isInsideNonReadonlyForm":"notInsideNonReadonlyForm",insideLabel:w?"hasInsideLabel":"noInsideLabel",textarea:"textarea"===e?"isTextArea":"notTextArea",loading:R?"isLoading":"notLoading",withinGroup:E?"isWithinGroup":void 0,inputGroupPosition:j,resize:d??"none"}),V=r.classNames([w?B:P,v?D:_]),W=r.classNames([I,G,v&&z,v&&"textarea"!==e&&k,!v&&M]),H=m.useRef(null),O=i??H,{tooltipContent:Z,tooltipEventHandlerProps:q}=S({hasTruncatedLabel:b,fieldRef:O,isDisabled:!w,label:o});return t.jsxs("div",{role:"presentation",class:U,ref:O,...q,children:[u&&t.jsx("span",{class:V,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:u})}),t.jsxs("div",{class:W,children:[n,a]}),l&&t.jsx("span",{class:A,children:t.jsx(x.Flex,{justify:"center",align:"center",hasZeroMargins:!0,children:l})}),Z]})},v=d.forwardRef((({outerClassNames:e,columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,compactUserAssistance:r,inlineUserAssistance:i,mainContent:d,endContent:m,rootRef:u,variant:c,resize:p,startContent:C,...x},T)=>{const h="textarea"===c?"textArea":"textField";return t.jsxs("div",{...x,ref:T,class:e,children:[r,t.jsxs(o.LabelValueLayout,{columnSpan:n,label:a,labelEdge:s,labelStartWidth:l,parentComponentVariant:h,children:[t.jsx(g,{mainContent:d,endContent:m,rootRef:u,startContent:C,...c?{variant:c,resize:p}:{}}),i]})]})})),w=d.forwardRef((({outerClassNames:e,compactUserAssistance:n,inlineUserAssistance:o,labelText:a,mainContent:s,endContent:l,label:r,rootRef:i,variant:d,resize:m,startContent:u,...c},p)=>t.jsxs("div",{...c,ref:p,class:e,children:[n,t.jsx(g,{insideLabel:r,labelText:a,mainContent:s,endContent:l,rootRef:i,startContent:u,...d?{variant:d,resize:m}:{}}),o]}))),N=d.forwardRef((({columnSpan:e=1,label:o,labelEdge:d,labelText:m,mainContent:u,endContent:c,variant:p,mainFieldRef:C,startContent:x,testId:T,...h},b)=>{const F=l.useTestId(T),{classes:y,styles:L}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:"isReadonly"}),{baseTheme:S}=s.useComponentTheme(n.LabelRedwoodTheme),{baseTheme:g}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{formControlBase:N}=L,{baseTheme:E}=s.useComponentTheme(a.SkeletonRedwoodTheme),j=r.classNames([y,E,N,g,S,i.layoutSpanStyles.layoutSpanColumn[e]]);return void 0===o||"start"!==d&&"top"!==d?t.jsx(w,{outerClassNames:j,ref:b,label:o,labelText:m,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F}):t.jsx(v,{columnSpan:e,outerClassNames:j,label:o,labelEdge:d,ref:b,mainContent:u,endContent:c,rootRef:C,startContent:x,variant:p,...h,...F})})),E=d.forwardRef((({columnSpan:e=1,variant:o="default",...l},d)=>{const m=h.useInputGroupContext(),{isReadonly:u}=C.useFormFieldContext(),{baseTheme:c}=s.useComponentTheme(R.FormLayoutRedwoodTheme),{baseTheme:p}=s.useComponentTheme(n.LabelRedwoodTheme),{classes:x,styles:T}=s.useComponentTheme(f.TextFieldRedwoodTheme,{readonly:u?"isReadonly":"notReadonly",withinGroup:null!==m?"isWithinGroup":void 0}),{formControlBase:b,textFieldBase:F,textFieldEmbedded:y}=T,{baseTheme:S}=s.useComponentTheme(a.SkeletonRedwoodTheme),g=r.classNames([S,b,F,L.isEmbeddedVariant(o)&&y,x,c,p,i.layoutSpanStyles.layoutSpanColumn[e]]);return t.jsx("div",{...l,class:g,ref:d})}));e.ReadonlyTextField=N,e.StyledTextField=E,e.useTextFieldTooltip=S}));
 //# sourceMappingURL=StyledTextField-5e554e5b.js.map

package/amd/Submenu-d0c548f0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './DirectionalExpandArrowIcon-21d0b1d5', './useId-c9578d26', './MenuItem-ff1cd14d', './Menu-45a26116', './themeContract.css-2e4b066d', './useScale-fa445112', 'preact/hooks', './DirectionalCollapseArrowIcon-6777ae07'], (function(e,n,t,s,u,o,r,c,a,l,i){"use strict";const m=({label:e,children:l,startIcon:i,itemKey:m})=>{const f=u.useId(),I=u.useId(),y=t.useMemo((()=>`oj-menu-item-${I}`),[I]),{changeKey:x,currentKey:h}=o.useMenuContainerContext(),C=t.useRef(null),S=t.useRef(null),[k,j]=t.useState(!1),[M,A]=t.useState("none"),[g,w]=t.useState(p),E=a.useScale();t.useEffect((()=>{if(E&&c.scaleVars?.size?.units){const e=/\(([^)]+)\)/.exec(c.scaleVars.size.units)?.[1]||"",n=window.getComputedStyle(C.current).getPropertyValue(e);n.endsWith("px")?w(parseFloat(n)):n.endsWith("rem")?w(parseFloat(n)*b()):w(.25*b())}else w(.25*b())}),[E]),t.useEffect((()=>{y!==h&&j(!1)}),[h,y]);const R=t.useCallback((e=>{C.current?.focus(),j(!0),"keyup"===e.type?A("firstItem"):A("none")}),[]),v=t.useRef({recentClose:!1,pendingUnhover:!1});return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:i,id:y,submenuId:f,ref:C,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:R,hoverInfo:{hoverProps:{onMouseEnter:e=>{R(e)}},hoverStatus:v},openSubmenu:()=>{j(!0),A("firstItem")},submenuRef:S,isSubmenuOpen:k}),n.jsx(r.DropdownMenu,{isOpen:k,menuLevel:"sub",menuId:f,closeSubmenu:()=>{v.current.recentClose=!0,x({key:h,reason:"keyboard"}),setTimeout((()=>{v.current.recentClose=!1}),d),j(!1),C.current?.focus()},ref:S,anchorRef:C,defaultPlacement:"end-top",currentFocus:M,offsetValue:{mainAxis:-2*g,crossAxis:-(2*g+1)},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["start-top","end-bottom","start-bottom"]},children:l})]})},d=100,p=4,b=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize||"16px",10),f=({label:e,children:c,startIcon:a,itemKey:m})=>{const{isMobile:d}=o.useMenuContext(),p=u.useId(),b=u.useId(),f=u.useId(),I=l.useRef(null),[y,x]=l.useState(!1),[h,C]=l.useState("menu"),{menuContainerRef:S,changeKey:k}=o.useMenuContainerContext(),j=l.useCallback((()=>{g(),C("secondItem")}),[]),M=l.useCallback((e=>{g(),"keyup"===e.type?C("secondItem"):C(d?"secondItemDueToTouch":"menu")}),[]),A=l.useCallback((()=>{k({key:b,reason:"keyboard"}),I.current?.focus()}),[k,b,I]),g=()=>{S.current.style.display="none",x(!0)},w=()=>{x(!1),S.current&&(S.current.style.display="block")};return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:a,id:b,submenuId:p,ref:I,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:M,openSubmenu:j,isSubmenuOpen:y}),y?t.createPortal(n.jsxs(r.MenuContainer,{display:"sheet","aria-label":e,menuId:p,closeSubmenu:()=>{w(),A()},menuLevel:"sub",anchorRef:I,currentFocus:h,children:[n.jsx(o.BaseMenuItem,{id:f,menuItemLabelWeight:"bold",role:"menuitem",type:"submenu",startIcon:n.jsx(i.DirectionalCollapseArrowIcon,{}),onAction:e=>{w(),"keyup"===e.type?A():d?(k({key:b,reason:"touch"}),setTimeout((()=>{I.current?.focus()}),0)):(k({key:void 0,reason:"click"}),S.current?.focus())},label:e}),c]}),S.current?.parentElement):null]})};e.Submenu=e=>{const{isMobile:t}=o.useMenuContext();return n.jsx(n.Fragment,{children:t?n.jsx(f,{...e}):n.jsx(m,{...e})})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './DirectionalExpandArrowIcon-21d0b1d5', './useId-c9578d26', './MenuItem-ff1cd14d', './Menu-45a26116', './themeContract.css-2e4b066d', './useScale-5d246769', 'preact/hooks', './DirectionalCollapseArrowIcon-6777ae07'], (function(e,n,t,s,u,o,r,c,a,l,i){"use strict";const m=({label:e,children:l,startIcon:i,itemKey:m})=>{const f=u.useId(),I=u.useId(),y=t.useMemo((()=>`oj-menu-item-${I}`),[I]),{changeKey:x,currentKey:h}=o.useMenuContainerContext(),C=t.useRef(null),S=t.useRef(null),[k,j]=t.useState(!1),[M,A]=t.useState("none"),[g,w]=t.useState(p),E=a.useScale();t.useEffect((()=>{if(E&&c.scaleVars?.size?.units){const e=/\(([^)]+)\)/.exec(c.scaleVars.size.units)?.[1]||"",n=window.getComputedStyle(C.current).getPropertyValue(e);n.endsWith("px")?w(parseFloat(n)):n.endsWith("rem")?w(parseFloat(n)*b()):w(.25*b())}else w(.25*b())}),[E]),t.useEffect((()=>{y!==h&&j(!1)}),[h,y]);const R=t.useCallback((e=>{C.current?.focus(),j(!0),"keyup"===e.type?A("firstItem"):A("none")}),[]),v=t.useRef({recentClose:!1,pendingUnhover:!1});return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:i,id:y,submenuId:f,ref:C,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:R,hoverInfo:{hoverProps:{onMouseEnter:e=>{R(e)}},hoverStatus:v},openSubmenu:()=>{j(!0),A("firstItem")},submenuRef:S,isSubmenuOpen:k}),n.jsx(r.DropdownMenu,{isOpen:k,menuLevel:"sub",menuId:f,closeSubmenu:()=>{v.current.recentClose=!0,x({key:h,reason:"keyboard"}),setTimeout((()=>{v.current.recentClose=!1}),d),j(!1),C.current?.focus()},ref:S,anchorRef:C,defaultPlacement:"end-top",currentFocus:M,offsetValue:{mainAxis:-2*g,crossAxis:-(2*g+1)},flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["start-top","end-bottom","start-bottom"]},children:l})]})},d=100,p=4,b=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize||"16px",10),f=({label:e,children:c,startIcon:a,itemKey:m})=>{const{isMobile:d}=o.useMenuContext(),p=u.useId(),b=u.useId(),f=u.useId(),I=l.useRef(null),[y,x]=l.useState(!1),[h,C]=l.useState("menu"),{menuContainerRef:S,changeKey:k}=o.useMenuContainerContext(),j=l.useCallback((()=>{g(),C("secondItem")}),[]),M=l.useCallback((e=>{g(),"keyup"===e.type?C("secondItem"):C(d?"secondItemDueToTouch":"menu")}),[]),A=l.useCallback((()=>{k({key:b,reason:"keyboard"}),I.current?.focus()}),[k,b,I]),g=()=>{S.current.style.display="none",x(!0)},w=()=>{x(!1),S.current&&(S.current.style.display="block")};return n.jsxs(n.Fragment,{children:[n.jsx(o.BaseMenuItem,{itemKey:m,startIcon:a,id:b,submenuId:p,ref:I,label:e,endIcon:n.jsx(s.DirectionalExpandArrowIcon,{}),type:"submenu",role:"menuitem",onAction:M,openSubmenu:j,isSubmenuOpen:y}),y?t.createPortal(n.jsxs(r.MenuContainer,{display:"sheet","aria-label":e,menuId:p,closeSubmenu:()=>{w(),A()},menuLevel:"sub",anchorRef:I,currentFocus:h,children:[n.jsx(o.BaseMenuItem,{id:f,menuItemLabelWeight:"bold",role:"menuitem",type:"submenu",startIcon:n.jsx(i.DirectionalCollapseArrowIcon,{}),onAction:e=>{w(),"keyup"===e.type?A():d?(k({key:b,reason:"touch"}),setTimeout((()=>{I.current?.focus()}),0)):(k({key:void 0,reason:"click"}),S.current?.focus())},label:e}),c]}),S.current?.parentElement):null]})};e.Submenu=e=>{const{isMobile:t}=o.useMenuContext();return n.jsx(n.Fragment,{children:t?n.jsx(f,{...e}):n.jsx(m,{...e})})}}));
 //# sourceMappingURL=Submenu-d0c548f0.js.map

package/amd/TabBar-fa06f492.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './HiddenAccessible-037ef42d', './LiveRegion-4b9317e5', 'preact/hooks', './LayerHost-7d4aa6d3', 'preact/compat', './UNSAFE_Text/themes/TextStyles.css', './Flex-4bc3a394', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './Floating-366a30f8', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-fdd314ac', 'css!./OverflowTabBarItemStyles.styles.css', './TabBarLayout-9f802535', './UNSAFE_TabBar/themes/TabBarStyles.css', './useTabBar-ce36c510', './TabBarContextMenu-cad0a362'], (function(e,t,s,a,o,n,r,l,c,i,d,b,x,y,u,T,m,p,B,h,C,f,S,g,M,j,v,F,U,A,I,w,E,L,N,_,R,k){"use strict";const H=r.forwardRef((({children:e,layout:o="stretch",display:n="standard",size:r="md",edge:l="top",selection:c,onSelect:d,onRemove:b,"aria-describedby":x,"aria-label":y,"aria-labelledby":u,contextMenuConfig:T},m)=>{const p=m,{rootProps:B,tabBarContext:h,menuProps:C,contextMenuContext:f,contextMenuDescription:S,contextMenuDescriptionId:g,accStatusInfo:M}=R.useTabBar({class:_.styles.tabBarBase,edge:l,onRemove:b,onSelect:d,ref:p,selection:c,size:r,children:e,contextMenuConfig:T}),j=null!=T;return t.jsxs(t.Fragment,{children:[t.jsx(i.TabBarContext.Provider,{value:h,children:t.jsx("div",{...B,"aria-label":y,"aria-labelledby":u,"aria-haspopup":null!=T,"aria-describedby":T&&g?x?`${x} ${g}`:g:x,children:t.jsx(N.TabBarLayout,{layout:o,display:n,children:e})})}),j&&g&&t.jsx("span",{id:g,children:t.jsx(s.HiddenAccessible,{children:S})}),j&&M&&t.jsx(a.LiveRegion,{children:M}),j&&t.jsx(k.TabBarContextMenu,{...C,contextMenuConfig:T,contextMenuContext:f})]})}));e.TabBar=H}));
+//# sourceMappingURL=TabBar-fa06f492.js.map

package/amd/TabBar-fa06f492.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar-fa06f492.js","sources":["../../src/UNSAFE_TabBar/TabBar.tsx"],"sourcesContent":["import type { ComponentChildren, Ref, RefObject } from 'preact';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TabBarContext, TabBarLayout, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/TabBarStyles.css';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\nimport { forwardRef } from 'preact/compat';\nimport { TabBarContextMenu } from './TabBarContextMenu';\nexport {\n  TabBarItem,\n  RemovableTabBarItem,\n  OverflowTabBarItem,\n  TabBarContext,\n  useTabBarContext,\n  TabBarLayout,\n  useProgressiveTruncation,\n  TabBarLinkItem\n} from '../UNSAFE_TabBarCommon';\n\n/**\n * type for payload of current key change event handler\n */\nexport type CurrentKeyDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\ntype DisplayProps =\n  | {\n      /**\n       * Controls the content layout of the TabBarItem: 'standard' lays out the contents horizontally,\n       *'icons' hides the label,\n       */\n      display?: 'standard' | 'icons';\n      /**\n       *  The size indicates how tall the TabBarItem is rendered.\n       *  Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      size?: 'md' | 'lg';\n    }\n  | {\n      /**\n       *'stacked' stacks the icon on top of the label.\n       * Note: It is not possible to specify 'size' when 'display=\"stacked\".\n       */\n      display?: 'stacked';\n      size?: 'never';\n    };\n\nexport type TabBarProps<K extends string | number> = DisplayProps & {\n  /**\n   * A set of TabBarItem(s) that TabBar will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Whether to stretch the tab bar items to occupy available space or to condense items\n   */\n  layout?: 'stretch' | 'condense';\n  /**\n   * The position of the TabBar. Valid Values: top and bottom.\n   * 'top' is used when TabBar is placed on top of content section and the selection\n   *  indicator would be placed below the TabBarItem.\n   * 'bottom' is used when TabBar is placed on bottom of content section and the selection\n   *  indicator would be placed above the TabBarItem.\n   */\n  edge?: 'top' | 'bottom';\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when user selects a tab.\n   * The callback is also invoked when a user selects a tab that is already selected.\n   */\n  onSelect?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Callback function to handle remove\n   */\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  /**\n   * Accepts the ID of an element that provides instructions for interaction with the TabBar.\n   */\n  'aria-describedby'?: string;\n  /**\n   * An aria-label which defines a string value that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBar.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBar accessible.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n};\n/**\n * A tab bar allows navigation between different content sections.\n */\nexport const TabBar = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      layout = 'stretch',\n      display = 'standard',\n      size = 'md',\n      edge = 'top',\n      selection,\n      onSelect,\n      onRemove,\n      'aria-describedby': ariaDescribedBy,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      contextMenuConfig\n    }: TabBarProps<K> & TestIdProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const rootRef = ref as RefObject<HTMLDivElement>;\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: edge,\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig\n    });\n\n    const isContextMenuAvailable = contextMenuConfig != null;\n\n    return (\n      <>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div\n            {...rootProps}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-haspopup={contextMenuConfig != null ? true : false}\n            aria-describedby={\n              contextMenuConfig && contextMenuDescriptionId\n                ? ariaDescribedBy\n                  ? `${ariaDescribedBy} ${contextMenuDescriptionId}`\n                  : contextMenuDescriptionId\n                : ariaDescribedBy\n            }>\n            <TabBarLayout layout={layout} display={display}>\n              {children}\n            </TabBarLayout>\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["TabBar","forwardRef","children","layout","display","size","edge","selection","onSelect","onRemove","ariaDescribedBy","ariaLabel","ariaLabelledby","contextMenuConfig","ref","rootRef","rootProps","tabBarContext","menuProps","contextMenuContext","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","useTabBar","class","styles","tabBarBase","isContextMenuAvailable","_jsxs","jsxs","_Fragment","Fragment","_jsx","TabBarContext","Provider","value","jsx","TabBarLayout","id","HiddenAccessible","LiveRegion","TabBarContextMenu"],"mappings":"swCAqHa,MAAAA,EAASC,EAAUA,YAC9B,EAEIC,WACAC,SAAS,UACTC,UAAU,WACVC,OAAO,KACPC,OAAO,MACPC,YACAC,WACAC,WACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EACnBC,qBAEFC,KAEA,MAAMC,EAAUD,GAEVE,UACJA,EAASC,cACTA,EAAaC,UACbA,EAASC,mBACTA,EAAkBC,uBAClBA,EAAsBC,yBACtBA,EAAwBC,cACxBA,GACEC,YAAU,CACZC,MAAOC,EAAMA,OAACC,WACdpB,KAAMA,EACNG,WACAD,WACAM,IAAKC,EACLR,YACAF,OACAH,WACAW,sBAGIc,EAA8C,MAArBd,EAE/B,OACEe,EAAAC,KAAAC,EAAAC,SAAA,CAAA7B,SAAA,CACE8B,EAAAA,IAACC,EAAAA,cAAcC,SAAQ,CAACC,MAAOlB,EAAaf,SAC1C8B,EACMI,IAAA,MAAA,IAAApB,eACQL,EAAS,kBACJC,EAAc,gBACK,MAArBC,EAEb,mBAAAA,GAAqBQ,EACjBX,EACE,GAAGA,KAAmBW,IACtBA,EACFX,EAENR,SAAA8B,MAACK,EAAAA,aAAY,CAAClC,OAAQA,EAAQC,QAASA,EACpCF,SAAAA,QAINyB,GAA0BN,GACzBW,MAAM,OAAA,CAAAM,GAAIjB,EACRnB,SAAA8B,EAAAA,IAACO,EAAAA,iBAAkB,CAAArC,SAAAkB,MAGtBO,GAA0BL,GAAiBU,EAACI,IAAAI,aAAY,CAAAtC,SAAAoB,IACxDK,GACCK,EAAAA,IAACS,EAAiBA,kBACZ,IAAAvB,EACJL,kBAAmBA,EACnBM,mBAAoBA,MAI1B"}

package/amd/TabBarContextMenu-cad0a362.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './Separator-181f7541', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './tabBarUtils-6cb47f4d'], (function(e,t,o,n,s,a,r,l,m,c,i,d,u,M,v,b,f,h,x,I,y,p){"use strict";e.TabBarContextMenu=function({contextMenuConfig:e,contextMenuContext:n,...s}){const a=e.accessibleLabel,r=s.isOpen?e.itemsRenderer(n):null;return null!=r?t.jsx(t.Fragment,{children:t.jsx(o.Menu,{...s,...a&&{"aria-label":a},children:r})}):t.jsx(t.Fragment,{})},e.getDefaultContextMenu=function({isRemovable:e,handleReorder:o,handleRemove:s,itemKey:a,tabKeys:r,direction:l,itemLabels:m,handleAccStatus:c}){const i=()=>{s?.({value:a}),c?.({removedKey:a})},d=null!=o,u="rtl"===l,M=e=>{if(d&&r){const{newArray:t,referenceItemIndex:n}=p.handleMove(e,r,a),s=r[n];o?.({reorderedKeys:t,itemKeys:[a],referenceKey:s}),c?.({position:"forward"===e?"after":"before",destinationKey:s})}},v=d?{moveForwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),moveBackwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),reorder:t.jsxs(t.Fragment,{children:[t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")})]})}:{remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i})},b=e||d?t.jsxs(t.Fragment,{children:[d&&r?t.jsxs(t.Fragment,{children:[(e=>{let o;switch(d){case e===r?.[0]:o=v.moveForwardItem;break;case e===r?.[r.length-1]:o=v.moveBackwardItem;break;default:o=t.jsxs(t.Fragment,{children:[v.moveForwardItem,v.moveBackwardItem]})}return o})(a),e?t.jsx(f.Separator,{}):void 0]}):void 0,e?v.remove:void 0]}):void 0;return{itemKey:a,defaultMenuItems:b,allMenuItems:v}}}));
+define(['exports', 'preact/jsx-runtime', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './Separator-181f7541', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './tabBarUtils-6cb47f4d'], (function(e,t,o,n,s,a,r,l,m,c,i,d,u,M,v,b,f,h,x,I,y,p){"use strict";e.TabBarContextMenu=function({contextMenuConfig:e,contextMenuContext:n,...s}){const a=e.accessibleLabel,r=s.isOpen?e.itemsRenderer(n):null;return null!=r?t.jsx(t.Fragment,{children:t.jsx(o.Menu,{...s,...a&&{"aria-label":a},children:r})}):t.jsx(t.Fragment,{})},e.getDefaultContextMenu=function({isRemovable:e,handleReorder:o,handleRemove:s,itemKey:a,tabKeys:r,direction:l,itemLabels:m,handleAccStatus:c}){const i=()=>{s?.({value:a}),c?.({removedKey:a})},d=null!=o,u="rtl"===l,M=e=>{if(d&&r){const{newArray:t,referenceItemIndex:n}=p.handleMove(e,r,a),s=r[n];o?.({reorderedKeys:t,itemKeys:[a],referenceKey:s}),c?.({position:"forward"===e?"after":"before",destinationKey:s})}},v=d?{moveForwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),moveBackwardItem:t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),reorder:t.jsxs(t.Fragment,{children:[t.jsx(n.MenuItem,{label:u?m?.labelMoveLeft:m?.labelMoveRight,onAction:()=>M("forward")}),t.jsx(n.MenuItem,{label:u?m?.labelMoveRight:m?.labelMoveLeft,onAction:()=>M("backward")})]})}:{remove:t.jsx(n.MenuItem,{label:"Remove",onAction:i}),removeItem:t.jsx(n.MenuItem,{label:"Remove",onAction:i})},b=e||d?t.jsxs(t.Fragment,{children:[d&&r?t.jsxs(t.Fragment,{children:[(e=>{let o;switch(d){case e===r?.[0]:o=v.moveForwardItem;break;case e===r?.[r.length-1]:o=v.moveBackwardItem;break;default:o=t.jsxs(t.Fragment,{children:[v.moveForwardItem,v.moveBackwardItem]})}return o})(a),e?t.jsx(f.Separator,{}):void 0]}):void 0,e?v.remove:void 0]}):void 0;return{itemKey:a,defaultMenuItems:b,allMenuItems:v}}}));
 //# sourceMappingURL=TabBarContextMenu-cad0a362.js.map

package/amd/TabBarLayout-9f802535.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b', './useTabBarContext-15a23bb6'], (function(e,a,t,r){"use strict";e.TabBarLayout=function(e){const{children:n,display:o,layout:i}=e,u=r.useTabBarContext();return a.jsx(r.TabBarContext.Provider,{value:{...u,display:o,layout:i},children:a.jsx(t.Flex,{direction:"row",gap:"8x",flex:"1 0 auto",children:n})})}}));
+define(['exports', 'preact/jsx-runtime', './Flex-4bc3a394', './useTabBarContext-15a23bb6'], (function(e,t,a,r){"use strict";e.TabBarLayout=function(e){const{children:n,display:o,layout:i}=e,u=r.useTabBarContext();return t.jsx(r.TabBarContext.Provider,{value:{...u,display:o,layout:i},children:t.jsx(a.Flex,{direction:"row",gap:"8x",flex:"1 0 auto",children:n})})}}));
 //# sourceMappingURL=TabBarLayout-9f802535.js.map

package/amd/TabBarMixed-2d5bc172.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './LayerHost-7d4aa6d3', './UNSAFE_Text/themes/TextStyles.css', './Flex-4bc3a394', './useTabBarContext-15a23bb6', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './logger-0f873e29', 'css!./TabBarItemStyles.styles.css', 'module', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css', './ConveyorBeltContext-d8653090', './BusyStateContext-ab2c549a', './TabbableModeContext-a9c97640', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './Floating-366a30f8', 'css!./LayerStyles.styles.css', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './CollectionInteractionContext-0b4ed98b', 'css!./dropdownStyles.styles.css', './Sheet-fdd314ac', 'css!./OverflowTabBarItemStyles.styles.css', './clientUtils-f1eea2db', './UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css', './useTabBar-ce36c510', './LiveRegion-4b9317e5', './HiddenAccessible-037ef42d', './TabBarContextMenu-cad0a362'], (function(e,t,s,o,n,a,r,l,c,i,d,b,u,x,m,T,f,y,B,h,C,p,S,M,I,g,v,A,U,E,F,j,R,_,w,N,L,k){"use strict";const H=o.forwardRef(((e,n)=>{const{children:a,onRemove:r,onSelect:c,selection:i,size:d,"aria-label":b,"aria-labelledby":u}=e,x=s.useRef(null),m=R.isMobile(),T=s.useMemo((()=>({itemsRenderer:e=>{if(e){if(null!=w.getItemAttribute(e.itemKey,x.current,w.REMOVABLE_ITEM_ATTRIBUTE)&&m){const s=e.defaultMenuItems;return t.jsx(t.Fragment,{children:s})}}return null}})),[]),{rootProps:f,tabBarContext:y,menuProps:B,contextMenuContext:h,contextMenuDescription:C,contextMenuDescriptionId:p,accStatusInfo:S}=(M={class:_.styles.tabBarBase,edge:"bottom",onRemove:r,onSelect:c,ref:x,selection:i,size:d,children:a,contextMenuConfig:T},w.useTabBar(M));var M;const I=null!=T&&m;return o.useImperativeHandle(n,(()=>({focus:()=>{x.current&&x.current.focus()},blur:()=>{x.current&&x.current.blur()}}))),t.jsxs(t.Fragment,{children:[t.jsx(l.TabBarContext.Provider,{value:y,children:t.jsx("div",{"aria-label":b,"aria-labelledby":u,...f,children:a})}),I&&p&&C&&t.jsx("span",{id:p,children:t.jsx(L.HiddenAccessible,{children:C})}),I&&S&&t.jsx(N.LiveRegion,{children:S}),I&&t.jsx(k.TabBarContextMenu,{...B,contextMenuConfig:T,contextMenuContext:h})]})}));e.TabBarMixed=H}));
+//# sourceMappingURL=TabBarMixed-2d5bc172.js.map