@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/BaseRichSelection-7f20b3af.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRichSelection-7f20b3af.js","sources":["../../src/PRIVATE_RichSelectionCommon/useRichSelectionGrid.ts","../../src/PRIVATE_RichSelectionCommon/RichLabelValueLayout.tsx","../../src/PRIVATE_RichSelectionCommon/RichSelectionField.tsx","../../src/PRIVATE_RichSelectionCommon/BaseRichSelection.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 { Ref } from 'preact';\nimport { useContainerBreakpoints } from '#hooks/UNSAFE_useContainerBreakpoints';\nimport {\n  useRichSelectionContext,\n  type RichSelectionContextValue\n} from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\n\nconst sizes = ['xl', 'lg', 'md', 'sm', 'xs'] as const;\n\nconst columnMatrix = {\n  xl: { xl: 6, md: 4, sm: 4 },\n  lg: { xl: 4, md: 3, sm: 3 },\n  md: { xl: 3, md: 2, sm: 2 },\n  sm: { xl: 2, md: 2, sm: 2 },\n  xs: { xl: 1, md: 1, sm: 1 }\n} as const;\n\nconst breakpointSizes = {\n  xs: '0px',\n  sm: '600px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1440px'\n} as const;\n\nconst breakpointColumns = (\n  breakpoints: Record<(typeof sizes)[number], boolean>,\n  layout: RichSelectionContextValue['layout']\n) => {\n  // incrementally go from largest to smallest breakpoint\n  for (const size of sizes) {\n    if (breakpoints[size]) {\n      return columnMatrix[size][layout];\n    }\n  }\n  // defaults to xs columns if no breakpoints are true\n  return columnMatrix['xs'][layout];\n};\n/**\n * Hook to be used with rich selection items that are in a grid layout within RichSelectionField\n * @returns An object containing a ref to be placed on the container and a string\n * with the calculated grid template columns to be placed on the Grid component\n */\nconst useRichSelectionGrid = () => {\n  const context = useRichSelectionContext()!;\n  const { breakpointMatches, ref } = useContainerBreakpoints(breakpointSizes);\n\n  return {\n    ref: ref as Ref<HTMLDivElement>,\n    gridTemplateColumns:\n      context !== null ? `repeat(${breakpointColumns(breakpointMatches, context.layout)}, 1fr)` : ''\n  };\n};\n\nexport { useRichSelectionGrid };\n","import { ComponentChildren, JSX } from 'preact';\n\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '#utils/UNSAFE_size';\nimport {\n  labelSlotStyles,\n  labelInnerStyles\n} from '../UNSAFE_LabelValueLayout/LabelValueLayoutStyles.css';\n\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { RadioRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioTheme';\nimport { LabelRedwoodTheme } from '#UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/FormLayoutTheme';\nimport { CheckboxRedwoodTheme } from '#UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useRichSelectionContext } from '#PRIVATE_RichSelectionCommon/RichSelectionContext';\nimport { StyledLabelValueLayout } from '../UNSAFE_LabelValueLayout/StyledLabelValueLayout';\nimport { richLabelInnerStyles } from './RichLabelValueLayoutStyles.css';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { computeStartLabelWidth } from '#utils/UNSAFE_formControlUtils';\n\ntype Props = {\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Defines how the label is going to be positioned. For RichCheckboxSet or RichRadioSet the start, top and inside values are supported.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  /**\n   * Specifies if the parent component is a RichCheckboxSet or RichRadioSet\n   */\n  parentComponentVariant: 'richRadioSet' | 'richCheckboxSet';\n  /**\n   * Specifies if there is assistive text or links at the top of the component below the label\n   */\n  hasTopUserAssistance?: boolean;\n  /**\n   * Specifies if there is secondary text for the Rich Selection Items\n   */\n  hasSecondaryText?: boolean;\n  /**\n   * Specifies if there is media for the Rich Selection Items\n   */\n  hasMedia?: boolean;\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A layout component for rendering a label and value pair, used in form components\n * such as RichCheckboxSet and RichRadioSet.\n */\nexport const RichLabelValueLayout = ({\n  columnSpan = 1,\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%',\n  parentComponentVariant,\n  hasTopUserAssistance = false,\n  hasSecondaryText = false,\n  hasMedia = false\n}: Props) => {\n  const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);\n  const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);\n  const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const richSelectionContext = useRichSelectionContext();\n  const isRichRadio = parentComponentVariant === 'richRadioSet';\n  const isRichCheckbox = parentComponentVariant === 'richCheckboxSet';\n  const isStart = labelEdge === 'start';\n  const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.\n  const isInside = labelEdge === 'inside';\n\n  // JET-68190 - labelStartWidth needs to take columnSpan into account\n  const width = computeStartLabelWidth(labelStartWidth, columnSpan);\n  const valueWidth = `calc(100% - ${width})`;\n\n  const labelStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: width, width: width, maxWidth: width }\n    : {};\n\n  const valueStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }\n    : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n\n  const labelStyleClasses = classNames([\n    formLayoutTheme,\n    labelSlotStyles.base,\n    isStart && labelSlotStyles.start,\n    isTop && labelSlotStyles.top,\n    isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,\n    isTop && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n\n  const labelInnerClasses = classNames([\n    isRichRadio && radioTheme,\n    isRichCheckbox && checkboxTheme,\n    labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isRichRadio && isInside && richLabelInnerStyles.insideRichRadioSet,\n    isRichCheckbox && isInside && richLabelInnerStyles.insideRichCheckboxSet,\n\n    // Rich Radioset\n    isRichRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout !== 'xl' &&\n      richLabelInnerStyles.startRichRadioSetWithoutTopUA,\n\n    isRichRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout === 'xl' &&\n      richLabelInnerStyles.startXLRichRadioSetWithoutTopUA,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startMDRichRadioSetWithoutTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startMDRichRadioSetWithoutMediaTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startSMRichRadioSetWithoutTopUAOrSecondaryText,\n\n    isRichRadio &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startSMRichRadioSetWithoutMediaTopUAOrSecondaryText,\n\n    // Rich Checkboxset\n    isRichCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout !== 'xl' &&\n      richLabelInnerStyles.startRichCheckboxSetWithoutTopUA,\n\n    isRichCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      richSelectionContext?.layout === 'xl' &&\n      richLabelInnerStyles.startXLRichCheckboxSetWithoutTopUA,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startMDRichCheckboxSetWithoutTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'md' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startMDRichCheckboxSetWithoutMediaTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      hasMedia &&\n      richLabelInnerStyles.startSMRichCheckboxSetWithoutTopUAOrSecondaryText,\n\n    isRichCheckbox &&\n      isStart &&\n      richSelectionContext?.layout === 'sm' &&\n      !hasTopUserAssistance &&\n      !hasSecondaryText &&\n      !hasMedia &&\n      richLabelInnerStyles.startSMRichCheckboxSetWithoutMediaTopUAOrSecondaryText\n  ]);\n\n  return (\n    <StyledLabelValueLayout\n      // For readonly start aligned labels, we want the div that is the parent of the label to\n      // stretch to the height of the value content, including the end content (InputSensitiveText)\n      flexAlign={isReadonly && isStart ? 'stretch' : 'start'}\n      labelStyleClasses={labelStyleClasses}\n      labelStyles={labelStyles}\n      labelInnerClasses={labelInnerClasses}\n      label={label}\n      valueStyles={valueStyles}>\n      {children}\n    </StyledLabelValueLayout>\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  toChildArray,\n  type ComponentChildren,\n  type ComponentProps,\n  type Ref,\n  type JSX\n} from 'preact';\nimport { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  type UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { topUAContainerStyles } from '#PRIVATE_CheckboxRadioField/CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { useCheckboxRadioField } from '#PRIVATE_CheckboxRadioField/useCheckboxRadioField';\nimport { layoutSpanStyles, type LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { useRichSelectionGrid } from './useRichSelectionGrid';\nimport { View } from '#UNSAFE_View';\nimport type { Size } from '#utils/UNSAFE_size';\nimport { RichSelectionStartContext } from './RichSelectionStartContext';\nimport { RichLabelValueLayout } from './RichLabelValueLayout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<UnpackSignals<JSX.AriaAttributes>, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RichSelectionItems />\n     */\n    children: ComponentChildren;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Value of the option.\n     */\n    hasValue?: boolean;\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 if the set is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the set is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the set requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the set.\n     */\n    label: string;\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\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     * Specifies the parent field type.\n     */\n    parentComponentVariant: 'richRadioSet' | 'richCheckboxSet';\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: 'radiogroup' | 'group';\n    /**\n     * Specifies the density of the user assistance presentation.  It can be set to:\n     * <ul>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n  };\n\n/**\n * Internal component use by rich selection components to manage focus and layout labels and messages\n */\nexport const RichSelectionField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      messages,\n      parentComponentVariant,\n      role,\n      testId,\n      userAssistanceDensity\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || !!helpSourceLink);\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant: parentComponentVariant === 'richRadioSet' ? 'radioSet' : 'checkboxSet'\n    });\n\n    const [startData, setStartData] = useState({\n      hasMedia: false,\n      hasSecondaryText: false\n    });\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      parentComponentVariant === 'richRadioSet'\n        ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft']\n        : ['Tab']\n    );\n\n    const { gridTemplateColumns, ref: breakpointRef } = useRichSelectionGrid();\n\n    const memoizedChildren = useMemo(() => {\n      return toChildArray(children).map((child, index) => {\n        // we only need to wrap children with starting labels in context because they are the only ones\n        // that can conditionally apply min-height and set the startData\n        return labelEdge === 'start' && !hasTopUserAssistance ? (\n          // the first child is the one that will set the startData\n          <RichSelectionStartContext.Provider value={{ setStartData, isFirst: index === 0 }}>\n            {child}\n          </RichSelectionStartContext.Provider>\n        ) : (\n          child\n        );\n      });\n    }, [children, hasTopUserAssistance, labelEdge]);\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <View padding={['2x', 0]} width=\"100%\">\n          <Grid gridTemplateColumns={gridTemplateColumns} gap=\"6x\" role=\"list\">\n            <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n              {memoizedChildren}\n            </CheckboxRadioContext.Provider>\n          </Grid>\n        </View>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        ref={mergeRefs(groupRef, breakpointRef)}\n        class={classes}\n        role={role}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <RichLabelValueLayout\n            columnSpan={columnSpan}\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            hasSecondaryText={startData.hasSecondaryText}\n            hasMedia={startData.hasMedia}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </RichLabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n","/**\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 type { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\nimport type { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { RichSelectionField } from './RichSelectionField';\nimport { RichSelectionContext, type RichSelectionContextValue } from './RichSelectionContext';\nimport { useMessageSeverity } from '#hooks/PRIVATE_useMessageSeverity';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype RichSelectionFieldProps = ComponentProps<typeof RichSelectionField>;\n\ntype Props = TestIdProps &\n  Pick<\n    RichSelectionFieldProps,\n    | 'aria-describedby'\n    | 'assistiveText'\n    | 'baseId'\n    | 'children'\n    | 'columnSpan'\n    | 'helpSourceLink'\n    | 'helpSourceText'\n    | 'isDisabled'\n    | 'isReadonly'\n    | 'isRequired'\n    | 'label'\n    | 'messages'\n    | 'userAssistanceDensity'\n  > & {\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'none' | 'top' | 'inside' | 'start';\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n    /**\n     * Specifies the layout of the cards and media\n     */\n    layout: RichSelectionContextValue['layout'];\n  } & (\n    | {\n        selection: 'single';\n        value?: string | number;\n      }\n    | {\n        selection: 'multiple';\n        value?: Set<string | number>;\n      }\n  );\n\n/**\n * Internal component used by Rich Selection components to provide context and wrap RichSelectionField\n */\nexport const BaseRichSelection = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      children,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      layout,\n      messages,\n      selection,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const hasValue = value != null && (selection === 'single' || value.size > 0);\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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 userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    // rich selection only need to be aware of error severity\n    const messageSeverity = useMessageSeverity(messages) === 'error' ? 'error' : undefined;\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <RichSelectionContext.Provider\n          value={{\n            selection,\n            layout,\n            messageSeverity\n          }}>\n          <RichSelectionField\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            baseId={baseId}\n            columnSpan={columnSpan}\n            hasValue={hasValue}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            label={label}\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}\n            messages={messages}\n            parentComponentVariant={selection === 'single' ? 'richRadioSet' : 'richCheckboxSet'}\n            ref={ref}\n            role={selection === 'single' ? 'radiogroup' : 'group'}\n            testId={testId}\n            userAssistanceDensity={userAssistanceDensity}>\n            {children}\n          </RichSelectionField>\n        </RichSelectionContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["sizes","columnMatrix","xl","md","sm","lg","xs","breakpointSizes","breakpointColumns","breakpoints","layout","size","RichLabelValueLayout","columnSpan","label","labelEdge","children","labelStartWidth","parentComponentVariant","hasTopUserAssistance","hasSecondaryText","hasMedia","baseTheme","radioTheme","useComponentTheme","RadioRedwoodTheme","checkboxTheme","CheckboxRedwoodTheme","labelTheme","LabelRedwoodTheme","formLayoutTheme","FormLayoutRedwoodTheme","richSelectionContext","useRichSelectionContext","isRichRadio","isRichCheckbox","isStart","isTop","isInside","width","computeStartLabelWidth","valueWidth","labelStyles","flexBasis","maxWidth","valueStyles","isFormLayout","isReadonly","isFormReadonly","useFormContext","useFormFieldContext","isPureReadonly","labelStyleClasses","classNames","labelSlotStyles","base","start","top","topAndTopUA","topPureReadonly","labelInnerClasses","labelInnerStyles","richLabelInnerStyles","_jsx","StyledLabelValueLayout","flexAlign","RichSelectionField","forwardRef","ariaDescribedBy","assistiveText","baseId","hasValue","helpSourceLink","helpSourceText","isDisabled","isRequired","messages","role","testId","userAssistanceDensity","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","startData","setStartData","useState","readonlyLabel","useTranslationBundle","formControl_readOnly","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","gridTemplateColumns","breakpointRef","context","breakpointMatches","useContainerBreakpoints","useRichSelectionGrid","memoizedChildren","useMemo","toChildArray","map","index","RichSelectionStartContext","Provider","value","isFirst","content","_jsxs","_Fragment","jsx","id","class","topUAContainerStyles","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","View","padding","Grid","gap","CheckboxRadioContext","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","mergeRefs","Label","variant","HiddenAccessible","isHidden","BaseRichSelection","propIsDisabled","propIsReadonly","propLabelEdge","propLabelStartWidth","selection","propUserAssistanceDensity","isFormDisabled","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","formFieldContext","useFormFieldContextProps","messageSeverity","useMessageSeverity","FormFieldContext","RichSelectionContext"],"mappings":"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"}

package/amd/BaseSwatchView-4d204ce0.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './keys-4755c121', './collectionUtils-26e6c87c', './useCurrentKey-2f1ca19e', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './useSwatchSelection-fd837ce5', './LoadMoreCollection-3ac9e69e', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-0f873e29', './tabbableUtils-9101c0e5', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-d06ac102', './Flex-4bc3a394'], (function(e,t,r,s,a,o,c,n,i,l,u,d,h,b,f,y,w,g,m,p,x,v,C){"use strict";const E=s.memo((function({children:e,context:r,isTabbable:s,isFocused:o,isFocusRingVisible:n,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=a.useRef(null),h=r.metadata.key,b=o&&n,f=y.multiVariantStyles({itemFocused:"swatch"===i&&b?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),C=w.classNames([y.styles.itemStyle,f]),E=a.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=a.useRef(null);x.useResizeObserver(u?d:R,E),a.useLayoutEffect((()=>{if("content"===i&&b){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,b,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:C,role:"gridcell","data-oj-key":h,onKeyDown:e=>{"swatch"!==i||!s||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof h&&{"data-oj-key-type":"number"},children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:s},children:t.jsx(v.FocusTrap,{isDisabled:!s,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(C.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},T=s.forwardRef((({children:e,data:s,onLoadMore:c=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:C,focusBehavior:T="swatch","aria-label":k,"aria-labelledby":F,columns:M,swatchSize:K,updateSwatchSize:I},B)=>{const L=a.useRef(null);a.useImperativeHandle(B,(()=>L.current),[L]);const A=a.useRef(),P=a.useRef(),V=w||!s||M<1?-1:Math.ceil(s?.length/M),j=M<1?-1:M,[D,N]=a.useState(!0),O=D?T:"swatch",z=a.useRef(!1),_=a.useRef(!1),[U,G]=h.useTabbableModeSet(L,(e=>l.keyExtractor(e,l.ITEM_SELECTOR)),m,p),{currentKeyProps:H}=u.useCurrentKey((e=>l.keyExtractor(e,l.ITEM_SELECTOR)),!0,l.getPrevNextKeyByCount(s,g,m,-M),l.getPrevNextKeyByCount(s,g,m,M),l.getPrevNextKeyByCount(s,g,m,-1),l.getPrevNextKeyByCount(s,g,m,1),m,p),[$,q]=d.useCollectionFocusRing(L,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);a.useEffect((()=>{if(null!=m&&L.current){const e=l.findElementByKey(L.current,m,l.ITEM_SELECTOR);if(e){if("swatch"===O){const t=e.closest("[role=gridcell]"),r=L.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(L.current.setAttribute("aria-activedescendant",t.id),z.current=!0)}z.current&&(e.scrollIntoView({block:"nearest"}),z.current=!1)}}}),[m,s,O]);const J=a.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(A.current=Array.from(e.value.keys.values()).pop()),v(e))}),[A,v]),{selectionProps:Q}=b.useSwatchSelection((e=>e===L.current?void 0===m?null:m:l.keyExtractor(e,l.ITEM_SELECTOR)),x,!1,"toggle",J),W=a.useCallback((()=>{_.current||(_.current=!0,c())}),[_,c]);a.useEffect((()=>{_.current=!1}),[s,w]);const X=a.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Y}=n.useTabbableMode();C=l.getViewportConfig(L,C);const Z=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:s,hasMore:w,onLoadMore:W,loadMoreThreshold:12,viewportConfig:C,children:r=>{const s=X(r),a=U(s.metadata.key),o=m===s.metadata.key&&!a,c=o&&$;return(r=>t.jsx(E,{context:r,isTabbable:a,isFocused:o,isFocusRingVisible:c,focusBehavior:O,..."content"===T&&{setIsFocusBehaviorValid:N},...0===s.index&&!K.width&&{updateSwatchSize:I},children:e},s.metadata.key))(s)}})})});return t.jsx("div",{...o.mergeProps(H,q,Y,Q,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&U(void 0)&&L.current){const e=P.current||l.getFirstVisibleKey(L.current,l.ITEM_SELECTOR);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,l.ITEM_SELECTOR);i.isKeyDefined(t)&&(P.current=t)},onKeyDown:e=>{"content"===O&&"Tab"===e.key&&L.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(z.current=!0)}},{..."swatch"===O&&G}),ref:L,role:"grid",className:y.styles.baseStyle,"aria-label":k,"aria-labelledby":F,"aria-multiselectable":"false","aria-rowcount":V,"aria-colcount":j,children:s?.length||w?Z:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=T,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const s=Math.floor((r+e)/(e+t));return Math.max(1,s)}}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './keys-4755c121', './collectionUtils-26e6c87c', './useCurrentKey-8e979c7a', './useCollectionFocusRing-35d278f5', './useTabbableModeSet-290ab1cf', './useSwatchSelection-fd837ce5', './LoadMoreCollection-3ac9e69e', './PRIVATE_BaseSwatchView/themes/BaseSwatchViewStyles.css', './classNames-08d99695', './logger-0f873e29', './tabbableUtils-9101c0e5', './useId-c9578d26', './useResizeObserver-25032462', './FocusTrap-d06ac102', './Flex-07d2aa5b'], (function(e,t,r,a,s,o,c,n,i,l,u,d,h,b,f,y,w,g,m,p,x,v,C){"use strict";const E=a.memo((function({children:e,context:r,isTabbable:a,isFocused:o,isFocusRingVisible:n,focusBehavior:i,setIsFocusBehaviorValid:l,updateSwatchSize:u}){const d=s.useRef(null),h=r.metadata.key,b=o&&n,f=y.multiVariantStyles({itemFocused:"swatch"===i&&b?"isItemFocused":"isNotItemFocused",itemInGridLayout:"isNotInGridLayout"}),C=w.classNames([y.styles.itemStyle,f]),E=s.useCallback((e=>{u?.(e.contentRect.width,e.contentRect.height)}),[u]),R=s.useRef(null);x.useResizeObserver(u?d:R,E),s.useLayoutEffect((()=>{if("content"===i&&b){const e=d.current?.firstElementChild?.firstElementChild,t=m.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(g.warn(`${t.length} focusable elements are detected in the swatch. 'content' focusBehavior is intended only for use when the swatch has single focusable element. Please specify one focusable element in the swatch or switch the focusBehavior to 'swatch'.`),l?.(!1)):t[0].focus()}}),[i,b,l]);const S=e(r);return t.jsx("div",{id:p.useId(),ref:d,class:C,role:"gridcell","data-oj-key":h,onKeyDown:e=>{"swatch"!==i||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},..."number"==typeof h&&{"data-oj-key-type":"number"},children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(v.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:S})})})}),((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isTabbable===t.isTabbable&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.focusBehavior===t.focusBehavior&&l.compareListItemContext(e.context,t.context))));function R({children:e}){return t.jsx(C.Flex,{wrap:"wrap",gap:["2x","2x"],children:e})}const S={all:!1,keys:new Set},T=a.forwardRef((({children:e,data:a,onLoadMore:c=()=>{},hasMore:w=!1,getRowKey:g,currentKey:m,onCurrentKeyChange:p,selectedKeys:x=S,onSelectionChange:v,viewportConfig:C,focusBehavior:T="swatch","aria-label":k,"aria-labelledby":F,columns:M,swatchSize:K,updateSwatchSize:I},B)=>{const L=s.useRef(null);s.useImperativeHandle(B,(()=>L.current),[L]);const A=s.useRef(),P=s.useRef(),V=w||!a||M<1?-1:Math.ceil(a?.length/M),j=M<1?-1:M,[D,N]=s.useState(!0),O=D?T:"swatch",z=s.useRef(!1),_=s.useRef(!1),[U,G]=h.useTabbableModeSet(L,(e=>l.keyExtractor(e,l.ITEM_SELECTOR)),m,p),{currentKeyProps:H}=u.useCurrentKey((e=>l.keyExtractor(e,l.ITEM_SELECTOR)),!0,l.getPrevNextKeyByCount(a,g,m,-M),l.getPrevNextKeyByCount(a,g,m,M),l.getPrevNextKeyByCount(a,g,m,-1),l.getPrevNextKeyByCount(a,g,m,1),m,p),[$,q]=d.useCollectionFocusRing(L,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]);s.useEffect((()=>{if(null!=m&&L.current){const e=l.findElementByKey(L.current,m,l.ITEM_SELECTOR);if(e){if("swatch"===O){const t=e.closest("[role=gridcell]"),r=L.current.getAttribute("aria-activedescendant");t&&r!==t.id&&(L.current.setAttribute("aria-activedescendant",t.id),z.current=!0)}z.current&&(e.scrollIntoView({block:"nearest"}),z.current=!1)}}}),[m,a,O]);const J=s.useCallback((e=>{v&&(!1===e.value.all&&e.value.keys.size>0&&(A.current=Array.from(e.value.keys.values()).pop()),v(e))}),[A,v]),{selectionProps:Q}=b.useSwatchSelection((e=>e===L.current?void 0===m?null:m:l.keyExtractor(e,l.ITEM_SELECTOR)),x,!1,"toggle",J),W=s.useCallback((()=>{_.current||(_.current=!0,c())}),[_,c]);s.useEffect((()=>{_.current=!1}),[a,w]);const X=s.useCallback((e=>{const t=g(e.data);return{index:e.index,data:e.data,metadata:{key:t},selector:void 0}}),[g]),{tabbableModeProps:Y}=n.useTabbableMode();C=l.getViewportConfig(L,C);const Z=t.jsx("div",{role:"row",children:t.jsx(R,{children:t.jsx(f.LoadMoreCollection,{data:a,hasMore:w,onLoadMore:W,loadMoreThreshold:12,viewportConfig:C,children:r=>{const a=X(r),s=U(a.metadata.key),o=m===a.metadata.key&&!s,c=o&&$;return(r=>t.jsx(E,{context:r,isTabbable:s,isFocused:o,isFocusRingVisible:c,focusBehavior:O,..."content"===T&&{setIsFocusBehaviorValid:N},...0===a.index&&!K.width&&{updateSwatchSize:I},children:e},a.metadata.key))(a)}})})});return t.jsx("div",{...o.mergeProps(H,q,Y,Q,{onFocus:()=>{if(!i.isKeyDefined(m)&&p&&U(void 0)&&L.current){const e=P.current||l.getFirstVisibleKey(L.current,l.ITEM_SELECTOR);i.isKeyDefined(e)&&p({value:e})}},onPointerDown:e=>{const t=l.keyExtractor(e.target,l.ITEM_SELECTOR);i.isKeyDefined(t)&&(P.current=t)},onKeyDown:e=>{"content"===O&&"Tab"===e.key&&L.current?.focus({preventScroll:!0});(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(z.current=!0)}},{..."swatch"===O&&G}),ref:L,role:"grid",className:y.styles.baseStyle,"aria-label":k,"aria-labelledby":F,"aria-multiselectable":"false","aria-rowcount":V,"aria-colcount":j,children:a?.length||w?Z:t.jsx(r.Fragment,{})})}));e.BaseSwatchView=T,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const a=Math.floor((r+e)/(e+t));return Math.max(1,a)}}));
 //# sourceMappingURL=BaseSwatchView-4d204ce0.js.map

package/amd/BaseTabBarItem-cdec0e90.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-988f7da2', './Text-9e32c423', './Flex-4bc3a394', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './useComponentTheme-5aa41a8f', './useTranslationBundle-27bf6340', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './mergeProps-bcfa6a92', './useTooltipControlled-f7e07ed4', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,u,m,b,g,x,h,p,j,f,B,v,I,T,S,C){"use strict";const y=e=>{e.preventDefault()};e.BaseTabBarItem=function({itemKey:e,label:F,icon:w,badge:k,metadata:P,severity:L="none",removeIcon:N,showFocusRingOverride:E,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:z,"aria-controls":D,"aria-haspopup":W}){const V=g.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:U,selection:A,currentKey:_,showFocusRing:K,hideTooltip:M,layout:$,display:q,size:G,isEdgeBottom:J,tabItemPrefix:Q}=l.useTabBarContext(),X=_===e,{ref:Y,...Z}=h.useConveyorBeltItem({isCurrent:X}),ee=t.useCallback((()=>{U?.({value:e})}),[e,U]),{pressProps:ae}=o.usePress(ee),te=A===e,se="stacked"===q,oe=!!("icons"===q||O&&"icons"===O),re="lg"===G,ne=F&&!(" "===F&&void 0===F),ie=!("none"===L||void 0===L),le=e=>{switch(e){case"error":return a.jsx(f.SvgErrorS,{color:"danger",accessibleLabel:V.tabBar_tabContainsErrors()});case"warning":return a.jsx(j.SvgWarningS,{color:"warning"});case"info":return a.jsx(B.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(v.SvgSuccessS,{color:"success"});default:return null}},{direction:ce}=r.useUser(),de=void 0!==E?E:K,ue=void 0!==H?H:te,{classes:me,styles:{tabBarItemIcon:be,tabBarItemIconStacked:ge,tabBarItemMetadata:xe,tabBarItemStackedBadge:he,tabBarItemStackedBadgeRtl:pe,tabBarItemRemoveIcon:je,tabBarItemLabel:fe,tabBarItemLabelTruncated:Be,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ue?"isSelected":"notSelected",current:X?"isCurrent":"notCurrent",focusRing:de?"showFocusRing":"noFocusRing",edgeBottom:J?"isBottom":"notBottom"}),Ie=s.classNames([me]),Te=s.classNames([fe,void 0!==R&&Be]),Se=s.classNames([be,(se||oe||!ne)&&ge]),Ce=s.classNames([xe]),ye=s.classNames([he,"rtl"===ce&&pe]),Fe=s.classNames([je]),we=s.classNames([ve]),ke=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(u.dimensionInterpolations),...Object.values(m.boxAlignmentInterpolations)]),Pe=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:re?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Le=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto"}),Ne=c.mergeInterpolations([...Object.values(u.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ee,isTextTruncated:He}=p.useDetectTruncation(void 0===R),Oe=oe||He,{tooltipContent:Re,tooltipEventHandlerProps:ze,onLogicalFocus:De,onLogicalBlur:We}=(({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=T.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}})({label:F,isDisabled:!Oe});Oe&&(X&&K&&!M?De(Y.current):(!X||X&&!K||M)&&We());const Ve=k||P||"none"!==L||se||oe,Ue=null!=z,Ae=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]}),_e=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:re?S.tabBarItemVars.lgHeight:"100%",height:se&&ne?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:se&&ne?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(se||oe)&&a.jsxs("div",{"aria-label":oe?F:void 0,class:Se,children:[w,a.jsx("span",{class:ye,children:k?a.jsx(C.Badge,{size:"xs",variant:"neutral",children:k}):null})]}),!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})}),!se&&!oe&&k&&ne&&a.jsx("span",{"data-oj-tab-badge":k,children:a.jsx(C.Badge,{size:"md",variant:"neutralSubtle",children:k})}),P&&a.jsx("span",{class:Ce,"data-oj-tab-metadata":P,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+P+" )"})}),ie&&a.jsx("span",{class:Se,"data-oj-tab-severity":L,children:le(L)})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]});return Ue?a.jsxs("div",{ref:Y,class:Ie,...I.mergeProps(ae,ze,Z),style:Ve?Le:Pe,children:[a.jsx("a",{onClick:y,class:we,href:z,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,role:"tab",tabindex:-1,"aria-controls":D,"aria-selected":te,"aria-haspopup":W,children:Ve?_e():Ae()}),Re]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,class:Ie,role:"tab","aria-controls":D,"aria-selected":te,"aria-haspopup":W,...I.mergeProps(ae,ze,Z),ref:Y,style:Ve?Le:Pe,children:[Ve?_e():Ae(),Re]})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './usePress-949a0d03', './useUser-12ec03f1', './Text-9e32c423', './Flex-07d2aa5b', './useTabBarContext-15a23bb6', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './dimensions-f24f9a2b', './boxalignment-6cee1ef3', './useComponentTheme-5aa41a8f', './useTranslationBundle-8e42d505', './UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme', './useConveyorBeltItem-ce9e4c40', './useDetectTruncation-d9046081', './WarningS-c50c4022', './ErrorS-8d91fdff', './InformationS-015cd288', './SuccessS-8dafd1a1', './mergeProps-bcfa6a92', './useTooltipControlled-558b2a13', './UNSAFE_TabBarCommon/themes/TabBarItemContract.css', './Badge-b28ef084'], (function(e,a,t,s,o,r,n,i,l,c,d,u,m,b,g,x,h,p,j,B,f,v,I,T,S,C){"use strict";const y=e=>{e.preventDefault()};e.BaseTabBarItem=function({itemKey:e,label:F,icon:w,badge:k,metadata:P,severity:L="none",removeIcon:N,showFocusRingOverride:E,selectionOverride:H,displayOverride:O,labelMaxWidth:R,href:z,"aria-controls":D,"aria-haspopup":W}){const V=g.useTranslationBundle("@oracle/oraclejet-preact"),{onSelect:U,selection:A,currentKey:_,showFocusRing:K,hideTooltip:M,layout:$,display:q,size:G,isEdgeBottom:J,tabItemPrefix:Q}=l.useTabBarContext(),X=_===e,{ref:Y,...Z}=h.useConveyorBeltItem({isCurrent:X}),ee=t.useCallback((()=>{U?.({value:e})}),[e,U]),{pressProps:ae}=o.usePress(ee),te=A===e,se="stacked"===q,oe=!!("icons"===q||O&&"icons"===O),re="lg"===G,ne=F&&!(" "===F&&void 0===F),ie=!("none"===L||void 0===L),le=e=>{switch(e){case"error":return a.jsx(B.SvgErrorS,{color:"danger",accessibleLabel:V.tabBar_tabContainsErrors()});case"warning":return a.jsx(j.SvgWarningS,{color:"warning"});case"info":return a.jsx(f.SvgInformationS,{color:"info"});case"confirmation":return a.jsx(v.SvgSuccessS,{color:"success"});default:return null}},{direction:ce}=r.useUser(),de=void 0!==E?E:K,ue=void 0!==H?H:te,{classes:me,styles:{tabBarItemIcon:be,tabBarItemIconStacked:ge,tabBarItemMetadata:xe,tabBarItemStackedBadge:he,tabBarItemStackedBadgeRtl:pe,tabBarItemRemoveIcon:je,tabBarItemLabel:Be,tabBarItemLabelTruncated:fe,tabBarItemLink:ve}}=b.useComponentTheme(x.TabBarItemRedwoodTheme,{selection:ue?"isSelected":"notSelected",current:X?"isCurrent":"notCurrent",focusRing:de?"showFocusRing":"noFocusRing",edgeBottom:J?"isBottom":"notBottom"}),Ie=s.classNames([me]),Te=s.classNames([Be,void 0!==R&&fe]),Se=s.classNames([be,(se||oe||!ne)&&ge]),Ce=s.classNames([xe]),ye=s.classNames([he,"rtl"===ce&&pe]),Fe=s.classNames([je]),we=s.classNames([ve]),ke=c.mergeInterpolations([...Object.values(d.flexitemInterpolations),...Object.values(u.dimensionInterpolations),...Object.values(m.boxAlignmentInterpolations)]),Pe=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto",minWidth:"10.5x",height:re?S.tabBarItemVars.lgHeight:S.tabBarItemVars.mdHeight,gap:"2x"}),Le=ke({flex:"stretch"===$?"1 0 auto":"0 0 auto"}),Ne=c.mergeInterpolations([...Object.values(u.dimensionInterpolations)])({maxWidth:void 0!==R?`calc(max(96px,${R}))`:"100%"}),{detectTruncationProps:Ee,isTextTruncated:He}=p.useDetectTruncation(void 0===R),Oe=oe||He,{tooltipContent:Re,tooltipEventHandlerProps:ze,onLogicalFocus:De,onLogicalBlur:We}=(({label:e,isDisabled:a})=>{const[s,o]=t.useState(!1),{tooltipProps:r,tooltipContent:n}=T.useTooltipControlled({isOpen:s,isDisabled:a,focusStrategy:"logical",text:e,onToggle:({value:e})=>{o(e)}}),{onLogicalFocus:i,onLogicalBlur:l,...c}=r;return{tooltipContent:n,tooltipEventHandlerProps:c,onLogicalFocus:i,onLogicalBlur:l}})({label:F,isDisabled:!Oe});Oe&&(X&&K&&!M?De(Y.current):(!X||X&&!K||M)&&We());const Ve=k||P||"none"!==L||se||oe,Ue=null!=z,Ae=()=>a.jsxs(a.Fragment,{children:[a.jsxs(i.Flex,{align:"center",justify:"center",flex:"1 1 auto",gap:"2x",children:[!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]}),_e=()=>a.jsxs(i.Flex,{flex:"1 1 auto",children:[a.jsxs(i.Flex,{minWidth:"10.5x",minHeight:re?S.tabBarItemVars.lgHeight:"100%",height:se&&ne?S.tabBarItemVars.stackedHeight:S.tabBarItemVars.mdHeight,direction:se&&ne?"column":"row",gap:"2x",align:"center",justify:"center",alignSelf:"center",flex:"1 1 auto",children:[(se||oe)&&a.jsxs("div",{"aria-label":oe?F:void 0,class:Se,children:[w,a.jsx("span",{class:ye,children:k?a.jsx(C.Badge,{size:"xs",variant:"neutral",children:k}):null})]}),!oe&&!se&&w&&ne&&a.jsx("span",{class:Se,"data-oj-tab-icon":"startIcon",children:w}),!oe&&ne&&a.jsx("span",{class:Te,style:Ne,...Ee,children:a.jsx(n.Text,{size:"md",weight:"semiBold",children:F})}),!se&&!oe&&k&&ne&&a.jsx("span",{"data-oj-tab-badge":k,children:a.jsx(C.Badge,{size:"md",variant:"neutralSubtle",children:k})}),P&&a.jsx("span",{class:Ce,"data-oj-tab-metadata":P,children:a.jsx(n.Text,{size:"md",weight:"normal",children:"( "+P+" )"})}),ie&&a.jsx("span",{class:Se,"data-oj-tab-severity":L,children:le(L)})]}),!Ue&&N&&a.jsx("span",{class:Fe,children:N})]});return Ue?a.jsxs("div",{ref:Y,class:Ie,...I.mergeProps(ae,ze,Z),style:Ve?Le:Pe,children:[a.jsx("a",{onClick:y,class:we,href:z,"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,role:"tab",tabindex:-1,"aria-controls":D,"aria-selected":te,"aria-haspopup":W,children:Ve?_e():Ae()}),Re]}):a.jsxs("div",{"data-oj-key":e,"data-oj-removable":N?"true":void 0,id:Q+e,class:Ie,role:"tab","aria-controls":D,"aria-selected":te,"aria-haspopup":W,...I.mergeProps(ae,ze,Z),ref:Y,style:Ve?Le:Pe,children:[Ve?_e():Ae(),Re]})}}));
 //# sourceMappingURL=BaseTabBarItem-cdec0e90.js.map

package/amd/Button-d6bbc57f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', 'preact/compat'], (function(e,t,o,n,a){"use strict";const s=a.forwardRef((({variant:e="outlined",isDisabled:a=!1,isRepeat:s=!1,size:i="md",display:u="all",type:c="button",endIcon:d,startIcon:r,autofocus:l,edge:b,testId:p,onAction:y,label:B="","aria-label":f,"aria-describedby":h,width:m,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E},M)=>{const g=!r&&!d||"label"===u,j={type:"button",buttonType:c},w=g?B:t.jsx(n.ButtonLabelLayout,{display:u,startIcon:r,endIcon:d,size:i,children:B});return t.jsx(o.BaseButton,{ref:M,elementDetails:j,isDisabled:a,isRepeat:s,size:i,width:m,autofocus:l,edge:b,variant:e,styling:[g?"default":"min"],onAction:y,"aria-label":f??B,"aria-describedby":h,onBlur:I,onFocus:L,onMouseEnter:T,onMouseLeave:v,onTouchEnd:x,onTouchStart:E,testId:p,children:w})}));s.displayName="Button",e.Button=s}));
+//# sourceMappingURL=Button-d6bbc57f.js.map

package/amd/Button-d6bbc57f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-d6bbc57f.js","sources":["../../src/UNSAFE_Button/Button.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 type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\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>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\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     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","isDisabled","isRepeat","size","display","type","buttonType","endIcon","startIcon","autofocus","edge","testId","onAction","label","accessibleLabel","ariaDescribedBy","width","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","labelOnly","elementDetails","content","_jsx","jsx","ButtonLabelLayout","children","BaseButton","styling","displayName"],"mappings":"iJAmHO,MAAMA,EAASC,EAAUA,YAC9B,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,UACAC,YACAC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACR,aAAcC,EACd,mBAAoBC,EACpBC,QACAC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,GAAchB,IAAcD,GAAwB,UAAZH,EACxCqB,EAAiB,CACrBpB,KAAM,SACNC,WAAYA,GAERoB,EAAUF,IAGdG,EAAAC,IAACC,oBAAkB,CAAAzB,QAASA,EAASI,UAAWA,EAAWD,QAASA,EAASJ,KAAMA,EAAI2B,SACpFjB,IAIL,OACEc,MAACI,EAAAA,WAAU,CACTR,IAAKA,EACLE,eAAgBA,EAChBxB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNa,MAAOA,EACPP,UAAWA,EACXC,KAAMA,EACNV,QAASA,EACTgC,QAAS,CAACR,EAAY,UAAY,OAClCZ,SAAUA,EACE,aAAAE,GAAmBD,EAAK,mBAClBE,EAClBE,OAAQA,EACRC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACdC,WAAYA,EACZC,aAAcA,EACdX,OAAQA,EACPmB,SAAAJ,GAEH,IAIN5B,EAAOmC,YAAc"}

package/amd/ButtonSet-ce95318d.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', './useButtonSetContext-dffdaea3', 'preact', './ButtonSetPositionContext-fd98cc11', 'preact/hooks', './toggleButtonUtils-0ebe4c56', './useTestId-a2e433c2', './useRovingTabIndexContainer-b11a404b', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './refUtils-77e97004'], (function(e,t,a,s,n,o,i,l,r,d,b,c,u,x,f,h,m){"use strict";function p({children:e}){const a=r.toChildArray(e);return t.jsx(r.Fragment,{children:a.map(((e,s)=>r.isValidElement(e)?t.jsx(d.ButtonSetPositionContext.Provider,{value:{position:c.indexToPosition(s,a.length)},children:e}):null))})}p.displayName="ButtonSetItems";const I=[...Object.values(s.dimensionInterpolations)],T=n.mergeInterpolations(I),g=a.forwardRef((({children:e,testId:a,"aria-label":s,"aria-labelledby":n,"aria-controls":r,"aria-describedby":d,width:c},I)=>{const{layoutWidth:g,isDisabled:v}=l.useButtonSetContext(),y=u.useTestId(a),{isTabbable:C}=h.useTabbableMode(v),{isRoving:S}=b.useContext(f.TabbableModeContext),{focusedId:B,rovingTabIndexContainerProps:{ref:j,tabIndex:P,...R}}=x.useRovingTabIndexContainer(!C),{class:M,...N}=T({width:c}),w=o.classNames([i.styles.base,M,"equal"===g?i.styles.fullWidth:void 0]);return t.jsx("span",{role:"toolbar",class:w,style:N,ref:S?I:m.mergeRefs(I,j),"aria-label":s,"aria-labelledby":n,"aria-describedby":d,"aria-controls":r,tabIndex:v||S?void 0:P,...y,...R,children:S?t.jsx(p,{children:e}):t.jsx(f.TabbableModeContext.Provider,{value:{isTabbable:C,isRoving:!0,focusedId:B},children:t.jsx(p,{children:e})})})}));g.displayName="ButtonSet",e.ButtonSet=g}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './dimensions-f24f9a2b', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './UNSAFE_ButtonSet/themes/ButtonSetStyles.css', './useButtonSetContext-dffdaea3', 'preact', './ButtonSetPositionContext-fd98cc11', 'preact/hooks', './toggleButtonUtils-0ebe4c56', './useTestId-9afc201a', './useRovingTabIndexContainer-be2d51cf', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './refUtils-77e97004'], (function(e,t,a,s,n,o,i,l,d,r,b,c,u,x,f,h,m){"use strict";function p({children:e}){const a=d.toChildArray(e);return t.jsx(d.Fragment,{children:a.map(((e,s)=>d.isValidElement(e)?t.jsx(r.ButtonSetPositionContext.Provider,{value:{position:c.indexToPosition(s,a.length)},children:e}):null))})}p.displayName="ButtonSetItems";const I=[...Object.values(s.dimensionInterpolations)],T=n.mergeInterpolations(I),g=a.forwardRef((({children:e,testId:a,"aria-label":s,"aria-labelledby":n,"aria-controls":d,"aria-describedby":r,width:c},I)=>{const{layoutWidth:g,isDisabled:v}=l.useButtonSetContext(),y=u.useTestId(a),{isTabbable:C}=h.useTabbableMode(v),{isRoving:S}=b.useContext(f.TabbableModeContext),{focusedId:B,rovingTabIndexContainerProps:{ref:j,tabIndex:P,...R}}=x.useRovingTabIndexContainer(!C),{class:M,...N}=T({width:c}),w=o.classNames([i.styles.base,M,"equal"===g?i.styles.fullWidth:void 0]);return t.jsx("span",{role:"toolbar",class:w,style:N,ref:S?I:m.mergeRefs(I,j),"aria-label":s,"aria-labelledby":n,"aria-describedby":r,"aria-controls":d,tabIndex:v||S?void 0:P,...y,...R,children:S?t.jsx(p,{children:e}):t.jsx(f.TabbableModeContext.Provider,{value:{isTabbable:C,isRoving:!0,focusedId:B},children:t.jsx(p,{children:e})})})}));g.displayName="ButtonSet",e.ButtonSet=g}));
 //# sourceMappingURL=ButtonSet-ce95318d.js.map

package/amd/ButtonSetButton-af5f14b6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './BaseButton-d69319ea', './mergeProps-bcfa6a92', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-03111248', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130'], (function(t,e,o,s,a,n,l,i,u){"use strict";const r=o.forwardRef((({startIcon:t,endIcon:o,isSelected:r=!1,onToggle:d,position:c,autofocus:b,testId:p,label:g,value:B,"aria-label":f,"aria-describedby":y,width:S,...m},x)=>{const I=n.useButtonSetContext(),{inputProps:P,buttonSetButtonProps:h,globalEventProps:v,isDisabled:w}=u.processSetButtonProps(m,I),j={...P,display:I.display??m.display??"all"},D=i.toggleStyling(h.layoutWidth,r,!1,!0,"outlined"===h.variant,c,!0,!1);return e.jsx(s.BaseButton,{...a.mergeProps(v,h),ref:x,onAction:()=>{d?.({value:r})},elementDetails:{type:"span",isFocusable:!1,isLabel:!0},width:I.width?"100%":S,autofocus:b,styling:D,"aria-describedby":y,testId:p,children:e.jsx(l.ToggleButtonLabel,{label:g,isSelected:r,isDisabled:w,startIcon:t,endIcon:o,value:B,...j})})}));r.displayName="ButtonSetButton",t.ButtonSetButton=r}));
+//# sourceMappingURL=ButtonSetButton-af5f14b6.js.map

package/amd/ButtonSetButton-af5f14b6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetButton-af5f14b6.js","sources":["../../src/UNSAFE_ButtonSetButton/ButtonSetButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '../UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  LayoutWidths,\n  ButtonSetPosition,\n  type InputTypes,\n  type ButtonIntrinsicProps\n} from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Input type indicate if the toggle is intended as a radio or checkbox.\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * Specifies that the buttonsetbutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - buttonsetbutton label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * value - buttonsetbutton value\n     */\n    value?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the buttonsetbutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttonsetbuttons are a more prominent variation. Borderless\n     * buttonsetbuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttonsetbuttons are salient, but lighter weight than\n     * solid buttonsetbuttons. Outlined buttonsetbuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the buttonsetbutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the buttonsetbutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the buttonsetbutton.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Toggle buttons allow users to switch between states when pressed.\n */\nexport const ButtonSetButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      isSelected = false,\n      onToggle,\n      position,\n      autofocus,\n      testId,\n      label,\n      value,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ButtonSetButtonProps,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const {\n      inputProps: baseInputProps,\n      buttonSetButtonProps,\n      globalEventProps,\n      isDisabled\n    } = processSetButtonProps(props, buttonSetProps);\n    const inputProps = {\n      ...baseInputProps,\n      display: buttonSetProps.display ?? props.display ?? 'all'\n    };\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false, // switch\n      true, // label\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      true, // hasLabel\n      false // iconOnly\n    );\n\n    return (\n      <BaseButton\n        {...mergeProps(globalEventProps, buttonSetButtonProps)}\n        ref={ref}\n        onAction={() => {\n          onToggle?.({ value: isSelected });\n        }}\n        elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n        width={buttonSetProps.width ? '100%' : width}\n        autofocus={autofocus}\n        styling={styling}\n        aria-describedby={ariaDescribedBy}\n        testId={testId}>\n        <ToggleButtonLabel\n          label={label}\n          isSelected={isSelected}\n          isDisabled={isDisabled}\n          startIcon={startIcon}\n          endIcon={endIcon}\n          value={value}\n          {...inputProps}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nButtonSetButton.displayName = 'ButtonSetButton';\n"],"names":["ButtonSetButton","forwardRef","startIcon","endIcon","isSelected","onToggle","position","autofocus","testId","label","value","accessibleLabel","ariaDescribedBy","width","props","ref","buttonSetProps","useButtonSetContext","inputProps","baseInputProps","buttonSetButtonProps","globalEventProps","isDisabled","processSetButtonProps","display","styling","toggleStyling","layoutWidth","variant","_jsx","BaseButton","mergeProps","onAction","elementDetails","type","isFocusable","isLabel","children","ToggleButtonLabel","displayName"],"mappings":"gRA2HaA,EAAkBC,EAAAA,YAC7B,EAEIC,YACAC,UACAC,cAAa,EACbC,WACAC,WACAC,YACAC,SACAC,QACAC,QACA,aAAcC,EACd,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBAErBC,WAAYC,EAAcC,qBAC1BA,EAAoBC,iBACpBA,EAAgBC,WAChBA,GACEC,EAAqBA,sBAACT,EAAOE,GAC3BE,EAAa,IACdC,EACHK,QAASR,EAAeQ,SAAWV,EAAMU,SAAW,OAGhDC,EAAUC,EAAaA,cAC3BN,EAAqBO,YACrBvB,GACA,GACA,EACiC,aAAjCgB,EAAqBQ,QACrBtB,GACA,GACA,GAGF,OACEuB,MAACC,EAAAA,eACKC,aAAWV,EAAkBD,GACjCL,IAAKA,EACLiB,SAAU,KACR3B,IAAW,CAAEK,MAAON,GAAa,EAEnC6B,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DvB,MAAOG,EAAeH,MAAQ,OAASA,EACvCN,UAAWA,EACXkB,QAASA,EACS,mBAAAb,EAClBJ,OAAQA,EAAM6B,SACdR,MAACS,oBAAiB,CAChB7B,MAAOA,EACPL,WAAYA,EACZkB,WAAYA,EACZpB,UAAWA,EACXC,QAASA,EACTO,MAAOA,KACHQ,KAER,IAINlB,EAAgBuC,YAAc"}

package/amd/ButtonSetIconButton-f3c6a05e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-d69319ea', './useTooltip-75a63697', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useButtonSetContext-dffdaea3', './ToggleButtonLabel-03111248', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130'], (function(t,e,o,s,i,n,l,a,r,u,c,d,p,b,g,B,h,y){"use strict";const S=s.forwardRef((({children:t,tooltip:s,value:l,accessibleLabel:r,isSelected:u=!1,onToggle:c,position:d,testId:p,width:b,"aria-describedby":S,...T},f)=>{const m=g.useButtonSetContext(),{inputProps:x,buttonSetButtonProps:w,isDisabled:C}=y.processSetButtonProps(T,m),{tooltipContent:P,tooltipProps:v}=n.useTooltip({text:s??r,isDisabled:C}),I=h.toggleStyling(w.layoutWidth,u,!1,!0,"outlined"===w.variant,d,void 0,!0),L={"aria-describedby":S};return e.jsxs(o.Fragment,{children:[e.jsx(i.BaseButton,{...a.mergeProps(w,L,v),elementDetails:{type:"span",isFocusable:!1,isLabel:!0},onAction:()=>c?.({value:u}),styling:I,width:m.width?"100%":b,ref:f,testId:p,children:e.jsx(B.ToggleButtonLabel,{label:r??s,display:"icons",isSelected:u,...x,value:l,startIcon:t})}),P]})}));S.displayName="ButtonSetIconButton",t.ButtonSetIconButton=S}));
+//# sourceMappingURL=ButtonSetIconButton-f3c6a05e.js.map

package/amd/ButtonSetIconButton-f3c6a05e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetIconButton-f3c6a05e.js","sources":["../../src/UNSAFE_ButtonSetIconButton/ButtonSetIconButton.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 { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useButtonSetContext } from '#hooks/UNSAFE_useButtonSetContext';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport {\n  toggleStyling,\n  processSetButtonProps,\n  ButtonSetPosition,\n  LayoutWidths,\n  type InputTypes\n} from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type ButtonSetIconButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * InpuType indicate if the toggle is a radio or checkbox,\n     */\n    inputType?: InputTypes;\n\n    /**\n     * The name of the input group\n     */\n    inputName?: string;\n\n    /**\n     * The value of the input\n     */\n    value?: string;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined';\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     * The position modifies the borders for usage inside a button group.\n     */\n    position?: ButtonSetPosition;\n\n    /**\n     * The layoutWidth specifies if the toggle button width fits the contents or\n     * the container.\n     */\n    layoutWidth?: LayoutWidths;\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A ButtonSetIconButton is an icon button that allows users to switch\n * between states when pressed.\n */\nexport const ButtonSetIconButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      value,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      position,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: ButtonSetIconButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const buttonSetProps = useButtonSetContext();\n    const { inputProps, buttonSetButtonProps, isDisabled } = processSetButtonProps(\n      props,\n      buttonSetProps\n    );\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      buttonSetButtonProps.layoutWidth,\n      isSelected,\n      false,\n      true,\n      buttonSetButtonProps.variant === 'outlined',\n      position,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(buttonSetButtonProps, ariaProps, tooltipProps)}\n          elementDetails={{ type: 'span', isFocusable: false, isLabel: true }}\n          onAction={() => onToggle?.({ value: isSelected })}\n          styling={styling}\n          width={buttonSetProps.width ? '100%' : width}\n          ref={ref}\n          testId={testId}>\n          <ToggleButtonLabel\n            label={accessibleLabel ?? tooltip}\n            display={'icons'}\n            isSelected={isSelected}\n            {...inputProps}\n            value={value}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nButtonSetIconButton.displayName = 'ButtonSetIconButton';\n"],"names":["ButtonSetIconButton","forwardRef","children","tooltip","value","accessibleLabel","isSelected","onToggle","position","testId","width","ariaDescribedBy","props","ref","buttonSetProps","useButtonSetContext","inputProps","buttonSetButtonProps","isDisabled","processSetButtonProps","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","layoutWidth","variant","undefined","ariaProps","_jsxs","Fragment","_jsx","BaseButton","mergeProps","elementDetails","type","isFocusable","isLabel","onAction","jsx","ToggleButtonLabel","label","display","startIcon","displayName"],"mappings":"ykBA8Ha,MAAAA,EAAsBC,EAAUA,YAC3C,EAEIC,WACAC,UACAC,QACAC,kBACAC,cAAa,EACbC,WACAC,WACAC,SACAC,QACA,mBAAoBC,KACjBC,GAELC,KAEA,MAAMC,EAAiBC,EAAAA,uBACjBC,WAAEA,EAAUC,qBAAEA,EAAoBC,WAAEA,GAAeC,wBACvDP,EACAE,IAGIM,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMpB,GAAWE,EACjBa,WAAYA,IAGRM,EAAUC,EAAaA,cAC3BR,EAAqBS,YACrBpB,GACA,GACA,EACiC,aAAjCW,EAAqBU,QACrBnB,OACAoB,GACA,GAGIC,EAAY,CAAE,mBAAoBlB,GAExC,OACEmB,OAACC,EAAQA,SAAA,CAAA7B,SAAA,CACP8B,EAAAA,IAACC,EAAAA,WAAU,IACLC,EAAUA,WAACjB,EAAsBY,EAAWR,GAChDc,eAAgB,CAAEC,KAAM,OAAQC,aAAa,EAAOC,SAAS,GAC7DC,SAAU,IAAMhC,IAAW,CAAEH,MAAOE,IACpCkB,QAASA,EACTd,MAAOI,EAAeJ,MAAQ,OAASA,EACvCG,IAAKA,EACLJ,OAAQA,WACRuB,EAACQ,IAAAC,EAAiBA,kBAChB,CAAAC,MAAOrC,GAAmBF,EAC1BwC,QAAS,QACTrC,WAAYA,KACRU,EACJZ,MAAOA,EACPwC,UAAW1C,MAEdkB,IAEH,IAINpB,EAAoB6C,YAAc"}

package/amd/ButtonSetItem-0f8f7660.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonSetButton-af5f14b6', './ButtonSetIconButton-f3c6a05e', 'preact/hooks', './useButtonSetContext-dffdaea3', './ButtonSetPositionContext-fd98cc11', './useButtonSetPositionContext-b8534679', './toggleButtonUtils-0ebe4c56'], (function(t,e,o,n,u,s,i,l,a){"use strict";const c=({isDisabled:t,...i})=>{const{display:c,inputType:d,isDisabled:S,buttonSetValue:r,onCommit:v,...b}=s.useButtonSetContext(),f=l.useButtonSetPositionContext(),p=t??S,x={tooltip:i.label,value:i.value},g="radio"===d,C=u.useCallback((()=>{g&&v?.({previousValue:r,value:[i.value]})}),[r,v,g,i.value]),m=u.useCallback((()=>{if(!g){const t=a.toggleButtonSetItem(i.value,r);v?.({previousValue:r,value:t})}}),[r,v,g,i.value]);return"icons"===c?e.jsx(n.ButtonSetIconButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:p,...x,...f,...b,children:i.startIcon}):e.jsx(o.ButtonSetButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:p,...i,...f,...b})};function B(t,e){return!!e&&e?.indexOf(t)>-1}c.displayName="ButtonSetItem",t.ButtonSetItem=c}));
+//# sourceMappingURL=ButtonSetItem-0f8f7660.js.map

package/amd/ButtonSetItem-0f8f7660.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetItem-0f8f7660.js","sources":["../../src/UNSAFE_ButtonSetItem/ButtonSetItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\n\nimport { ButtonSetButton } from '../UNSAFE_ButtonSetButton';\nimport { ButtonSetIconButton } from '../UNSAFE_ButtonSetIconButton';\nimport { useCallback } from 'preact/hooks';\n\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useButtonSetContext } from '../hooks/UNSAFE_useButtonSetContext';\nimport { useButtonSetPositionContext } from '../hooks/UNSAFE_useButtonSetPositionContext';\nimport { toggleButtonSetItem } from '#utils/UNSAFE_buttonUtils';\n\nexport type ButtonSetItemProps = TestIdProps & {\n  /**\n   * Value of the selected buttonSetItem option.\n   */\n  value: string;\n\n  /**\n   * label - label\n   */\n  label?: string;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Specifies that the ButtonSetSingle element should be disabled.\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * A ButtonSetItem specifies buttons for a buttonset.\n */\nexport const ButtonSetItem = ({ isDisabled: isPropsDisabled, ...props }: ButtonSetItemProps) => {\n  // The buttonSetItem context determines if a buttonset button or icon button rendered\n  // The buttonset context control provides variant, size, isItemDisabled, inputType, inputName. value\n  // The buttonset position control provides position, isSelected,\n  const {\n    display,\n    inputType,\n    isDisabled: isSetDisabled,\n    buttonSetValue,\n    onCommit,\n    ...buttonsetProps\n  } = useButtonSetContext();\n\n  const positionProps = useButtonSetPositionContext();\n  // The property isItemDisabled, if defined, overrides buttonSetItem settings.\n  const isItemDisabled = isPropsDisabled ?? isSetDisabled;\n  const iconProps = {\n    tooltip: props.label,\n    value: props.value\n  };\n\n  const isRadio = inputType === 'radio';\n\n  const onToggleHandlerSingle = useCallback(() => {\n    if (isRadio) {\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: [props.value]\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  const onToggleHandlerMultiple = useCallback(() => {\n    if (!isRadio) {\n      const newButtonSetValue = toggleButtonSetItem(props.value, buttonSetValue);\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: newButtonSetValue\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  // When toggled, the button invokes the buttonset commit, which can update the buttonset value, which then\n  // updates the buttonset context buttonSetValue causing this buttonSetItem to render appropriately.\n  return display === 'icons' ? (\n    <ButtonSetIconButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...iconProps}\n      {...positionProps}\n      {...buttonsetProps}>\n      {props.startIcon}\n    </ButtonSetIconButton>\n  ) : (\n    <ButtonSetButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...props}\n      {...positionProps}\n      {...buttonsetProps}></ButtonSetButton>\n  );\n};\n\n/**\n * Check if buttonSetValue contains the buttonSetItem.\n * Note the buttonSetValue can be a set of strings or a string, depending on whether a checkbox or\n * radio type is used.\n * @param buttonSetItemValue\n * @param buttonSetValue\n * @returns\n */\nfunction isButtonSetItemSelected(\n  buttonSetItemValue: string,\n  buttonSetValue: Array<string> | undefined\n): boolean {\n  if (!buttonSetValue) {\n    return false;\n  }\n  return buttonSetValue?.indexOf(buttonSetItemValue) > -1;\n}\n\nButtonSetItem.displayName = 'ButtonSetItem';\n"],"names":["ButtonSetItem","isDisabled","isPropsDisabled","props","display","inputType","isSetDisabled","buttonSetValue","onCommit","buttonsetProps","useButtonSetContext","positionProps","useButtonSetPositionContext","isItemDisabled","iconProps","tooltip","label","value","isRadio","onToggleHandlerSingle","useCallback","previousValue","onToggleHandlerMultiple","newButtonSetValue","toggleButtonSetItem","_jsx","ButtonSetIconButton","isSelected","isButtonSetItemSelected","onToggle","children","startIcon","ButtonSetButton","buttonSetItemValue","indexOf","displayName"],"mappings":"8SAgDa,MAAAA,EAAgB,EAAGC,WAAYC,KAAoBC,MAI9D,MAAMC,QACJA,EAAOC,UACPA,EACAJ,WAAYK,EAAaC,eACzBA,EAAcC,SACdA,KACGC,GACDC,EAAAA,sBAEEC,EAAgBC,EAAAA,8BAEhBC,EAAiBX,GAAmBI,EACpCQ,EAAY,CAChBC,QAASZ,EAAMa,MACfC,MAAOd,EAAMc,OAGTC,EAAwB,UAAdb,EAEVc,EAAwBC,EAAAA,aAAY,KACpCF,GACFV,IAAW,CACTa,cAAed,EACfU,MAAO,CAACd,EAAMc,QAEjB,GACA,CAACV,EAAgBC,EAAUU,EAASf,EAAMc,QAEvCK,EAA0BF,EAAAA,aAAY,KAC1C,IAAKF,EAAS,CACZ,MAAMK,EAAoBC,EAAmBA,oBAACrB,EAAMc,MAAOV,GAC3DC,IAAW,CACTa,cAAed,EACfU,MAAOM,GAEV,IACA,CAAChB,EAAgBC,EAAUU,EAASf,EAAMc,QAI7C,MAAmB,UAAZb,EACLqB,EAAAA,IAACC,EAAmBA,qBAClBC,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRC,KACAH,KACAF,EACHqB,SAAA3B,EAAM4B,YAGTN,MAACO,kBAAe,CACdL,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRV,KACAQ,KACAF,GACP,EAWH,SAASmB,EACPK,EACA1B,GAEA,QAAKA,GAGEA,GAAgB2B,QAAQD,IAAuB,CACxD,CAEAjC,EAAcmC,YAAc"}

package/amd/Card-6e7189a3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './StyledCard-8dbd5d58'], (function(e,r,d){"use strict";e.Card=({children:e,...t})=>r.jsx(d.StyledCard,{role:"group",parentComponentVariant:"default",...t,children:e})}));
+//# sourceMappingURL=Card-6e7189a3.js.map

package/amd/Card-6e7189a3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-6e7189a3.js","sources":["../../src/UNSAFE_Card/Card.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 AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = TestIdProps &\n  StyleProps & {\n    children?: ComponentChildren;\n  };\n\n/**\n * A card 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 * The aria role for card is normally \"group\" but this changes to \"button\" for action cards.\n */\n\nexport const Card = ({ children, ...rest }: Props) => {\n  return (\n    <StyledCard role=\"group\" parentComponentVariant=\"default\" {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["children","rest","_jsx","StyledCard","role","parentComponentVariant"],"mappings":"qGA+BoB,EAAGA,cAAaC,KAEhCC,MAACC,EAAAA,WAAW,CAAAC,KAAK,QAAQC,uBAAuB,aAAcJ,WAC3DD"}

package/amd/Center-50b6397c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './Flex-07d2aa5b'], (function(e,t,i){"use strict";e.Center=function({children:e,width:n="100%",height:r="100%",...c}){return t.jsx(i.Flex,{...c,justify:"center",align:"center",width:n,height:r,children:e})}}));
+//# sourceMappingURL=Center-50b6397c.js.map

package/amd/Center-50b6397c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center-50b6397c.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["children","width","height","props","_jsx","Flex","justify","align"],"mappings":"iGAcA,UAAgBA,SAAEA,EAAQC,MAAEA,EAAQ,OAAMC,OAAEA,EAAS,UAAWC,IAC9D,OACEC,EAAAA,IAACC,EAAAA,KAAS,IAAAF,EAAOG,QAAQ,SAASC,MAAM,SAASN,MAAOA,EAAOC,OAAQA,EACpEF,SAAAA,GAGP"}

package/amd/Chart-061335fe.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', './TrackResizeContainer-a4999df9', './useTextDimensions-f254e8f5', './useCssVars-5b3bc31e', 'preact/hooks', './Gridlines-c6c1fbb5', './useId-c9578d26', './Axis-3b37075a', './useChartViewport-167a8e6b', './utils-8ccd1b88', './useChartNav-a162c821', './mergeProps-bcfa6a92', './ScrollBar-fae26188', './useSelectDrill-3b31318e', './useUser-12ec03f1', './useTestId-9afc201a', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useChartDnd-e1facca9', './eventsUtils-5fb81c3e', './accUtils-acd70e81', './layoutUtils-641af87a', './useTooltip-75a63697', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useChartMarquee-33a329da', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useOverviewContext-dd00c487', './scale-2f3251e1', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', './useTranslationBundle-8e42d505', './useChartDatatip-7beb4b24'], (function(e,t,o,r,i,a,n,s,l,d,c,u,x,p,g,h,v,f,I,m,y,w,S,A,b,C,D,P,T,j,M,R,G,k,F,O,L,V,B,N,z){"use strict";function E(e,t,o,r){if(1===e[t][o].path.length)return{levelIndex:t,groupIndex:o};let i=Math.max(0,t-1);const a=e[t][o],{start:n,end:s}=a;for(;i>=0;){for(let t=0;t<e[i].length;t++){const{start:o,end:a}=e[i][t];if(o<=n&&s<=a&&r(i,t))return{groupIndex:t,levelIndex:i}}i-=1}return{levelIndex:t,groupIndex:o}}function U(e,t,o,r){if(t===e.length-1)return{levelIndex:t,groupIndex:o};const i=Math.min(e.length-1,t+1),a=e[t][o],{start:n,end:s}=a;for(;i<=e.length-1;)for(let t=0;t<e[i].length;t++){const{start:o,end:a}=e[i][t];if(n<=o&&a<=s&&r(i,t))return{groupIndex:t,levelIndex:i}}return{levelIndex:t,groupIndex:o}}function W(e,t,o){const r=t.groupIndex+1,i=t.levelIndex;if(!(r>e[i].length-1))return o(i,r)?{groupIndex:r,levelIndex:i}:W(e,{groupIndex:r,levelIndex:i},o)}function H(e,t){const o=e.groupIndex-1,r=e.levelIndex;if(!(o<0))return t(r,o)?{groupIndex:o,levelIndex:r}:H({groupIndex:o,levelIndex:r},t)}function X({x:e,width:o,height:r,y:i,windowX:a,windowHeight:n,windowWidth:s,windowY:l}){return t.jsxs(t.Fragment,{children:[t.jsx("rect",{x:e,y:i,width:Math.max(0,a-e),height:r,class:B.styles.overviewBackground}),t.jsx("rect",{x:a+s,width:Math.max(0,e+o-a-s),y:i,height:r,class:B.styles.overviewBackground}),t.jsx("rect",{x:a,y:i,height:Math.max(0,l-i),width:s,class:B.styles.overviewBackground}),t.jsx("rect",{x:a,y:l+n,width:s,class:B.styles.overviewBackground,height:Math.max(i+r-l-n,0)})]})}const q=I.getChartVars();function Y({width:e,height:r,selectedIds:I,hiddenIds:S,hideAndShowBehavior:C="none",orientation:D="vertical",xAxis:P,yAxis:T,y2Axis:j,plotArea:M,dragMode:R="user",series:B,groups:Y,isStacked:Z=!1,getDataItem:$,selectionMode:_="none",drilling:J="off",dataCursorPosition:K,onSelectionChange:Q,isDataCursorEnabled:ee,dataCursorStyle:te,onViewportChange:oe,onDataCursorPositionChange:re,onItemDrill:ie,onGroupDrill:ae,onItemHover:ne,onItemFocus:se,datatip:le,zoomAndScroll:de="off",getNavUtil:ce,getDataItemPos:ue,getGapRatio:xe,valueFormats:pe,findNearest:ge,getMarkerInfo:he,isRtl:ve,children:fe,testId:Ie,renderGridLinesInFront:me,isDataXAxis:ye,contextMenuConfig:we,overview:Se="off",getStartAndEndAxesOffset:Ae,defaultOverviewContentRenderer:be,isOverview:Ce,yAxisSize:De,overviewRenderer:Pe,...Te}){const je=f.useTestId(Ie),Me=n.useRef(null),Re=void 0!==je["data-testid"],Ge="horizontal"===D,{xAxisPosition:ke,yAxisPosition:Fe,y2AxisPosition:Oe}=u.getAxesPosition(T,j,Ge,ve),{resolvedVars:Le,cssContent:Ve}=a.useCssVars(q),Be=Array.from(Array(12)).map(((e,t)=>Le[`color${t+1}`])),{textMeasureContent:Ne,getTextDimensions:ze}=i.useTextDimensions();let Ee=u.getAvailSpace(e,r);if(Ce&&De){const e=Ee.width-De,t=u.getOuterGaps(e,r);Ee.width-=De-2*t.width,Ee.x+=De-t.width}const Ue=null!=P?.timeAxisType,We=u.getScrollBarSpace(Ue,Ee,de,ke,Se);let He=We.scrollDims;Ee=We.availSpace;const{locale:Xe}=v.useUser(),{x:qe,y:Ye,width:Ze,height:$e}=Ee,_e=Le.labelFontSize,Je=j?.split??"off",Ke="off"!==Je,Qe="off"!==Je?Je:.5,et=n.useMemo((()=>{const e=new Set(S);return u.getLayoutInfo(B,Y,$,P,T,j,{x:qe,y:Ye,width:Ze,height:$e},e,C,Ge,ve,Z,_e,Ae,Xe,Ke,Qe,ze,Re,ye)}),[qe,Ye,Ze,$e,$,ze,Y,S,C,ye,Ge,ve,Z,Re,Xe,Ae,_e,B,P,T,j,Qe,Ke]),{getGroupFromPath:tt,levelsArray:ot,xAxisInfo:rt,xProps:it,xScale:at,yProps:nt,y2Props:st,yScale:lt,y2Scale:dt,yMaxDim:ct,yAxisInfo:ut,plotAreaSpace:xt,xSpace:pt,ySpace:gt,y2Space:ht,idToDataMap:vt,y2AxisInfo:ft}=et,It=ot.length>0?ot[ot.length-1]:[];He=u.updateScrollBarSpace(He,"bottom"===ke,ve,ct);const mt=xe(rt.startIndex,rt.endIndex),yt=ce(rt.startIndex,rt.endIndex),{getNextNavGroup:wt,getDefaultNavGroup:St}=function(e,t,o,r,i){const a=(o,r)=>{const a=e[o][r].item,n=a.name||a.id,s=a.drilling;return!!i?.(o,r)&&null!=n&&("on"===t||"groupsOnly"===t)&&"off"!=s};return{getNextNavGroup:(t,i)=>{let n;return"ArrowRight"===i?n=r?o?E(e,t.levelIndex,t.groupIndex,a):U(e,t.levelIndex,t.groupIndex,a):o?H(t,a):W(e,t,a):"ArrowLeft"===i?n=r?o?U(e,t.levelIndex,t.groupIndex,a):E(e,t.levelIndex,t.groupIndex,a):o?W(e,t,a):H(t,a):"ArrowDown"===i?n=r?W(e,t,a):E(e,t.levelIndex,t.groupIndex,a):"ArrowUp"===i&&(n=r?H(t,a):U(e,t.levelIndex,t.groupIndex,a)),n||t},getDefaultNavGroup:()=>{for(let t=0;t<e.length;t++){const o=e[t].length;for(let e=0;e<o;e++)if(a(t,e))return{groupIndex:e,levelIndex:t}}return{groupIndex:0,levelIndex:0}}}}(ot,J,ve,Ge,it.isGroupLabelRendered),{ignoreSelectPointerUp:At,cursor:bt,yAxisCursor:Ct,marqueeProps:Dt,marqueeContent:Pt,toggleButtonContent:Tt,isPointInsideMarquee:jt,dragMode:Mt}=G.useChartMarquee({rootRef:Me,plotAreaSpace:xt,xSpace:pt,ySpace:gt,dragMode:R,chartWidth:e,isMultiSelection:"multiple"===_,onViewportChange:oe,isZoomScroll:"live"===de,xScale:at,selectedIds:I,getDataById:e=>vt.get(e),onSelectionChange:Q,isRtl:ve,xAxisInfo:rt}),{touchResponse:Rt,touchResponseStyle:Gt}=k.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"off"!==Mt,rootRef:Me}),{activeId:kt,focusedItemInfo:Ft,hoveredItemInfo:Ot,focusedGroupInfo:Lt,navProps:Vt,onFocusUpdate:Bt}=x.useChartNav({rootRef:Me,getNextChartItem:yt,getNextNavGroup:wt,getDefaultNavGroup:St,touchResponse:Rt,onItemHover:ne,onItemFocus:se,drilling:J,xAxisInfo:rt}),Nt=N.useTranslationBundle("@oracle/oraclejet-preact"),{tooltipContent:zt,tooltipProps:Et}=function({getTextAndBounds:e,width:t,isRtl:o}){const[r,i]=n.useState(),a=n.useRef(),{tooltipContent:s,tooltipProps:l}=b.useTooltip({text:r,position:"top-start",offset:A.calculateOffset(o,t,a.current)});return{tooltipContent:s,tooltipProps:p.mergeProps({onPointerMove:t=>{const o=e(t.target);o?(a.current=o.bounds,i(o.text)):i(void 0)}},l)}}({getTextAndBounds:e=>{if(e!=Me.current){const t=w.getElementData(Me,e),o=t?.ojPrivateText;if(!o)return;if(o===P?.title)return{text:o,bounds:it.titleProps?.dims};if(o===T?.title)return{text:o,bounds:nt.titleProps?.dims};if(o===j?.title)return{text:o,bounds:st.titleProps?.dims};if(t?.ojPrivateGroupIndex&&t?.ojPrivateLevelIndex)return{bounds:it.tickLabels.find((({dataProps:e})=>e["data-oj-private-level-index"]===t.ojPrivateLevelIndex&&e["data-oj-private-group-index"]===t.ojPrivateGroupIndex)).dims,text:o}}if(e===Me.current&&Lt.isFocusVisible){const e=Y[Lt.groupIndex||0];return{bounds:it.tickLabels[Lt?.groupIndex||0].dims,text:e.name||e.id}}},width:e,isRtl:ve}),Ut=c.useChartViewport({rootRef:Me,width:e,height:r,xAxisInfo:rt,yAxisInfo:ut,y2AxisInfo:ft,xScale:at,yScale:lt,y2Scale:dt,plotAreaSpace:xt,isRtl:ve,isHoriz:Ge,zoomAndScroll:de,onViewportChange:oe}),{selectDrillProps:Wt,selectionContent:Ht}=h.useSelectDrill({selectionMode:_,selection:[...I],onChange:Q,rootRef:Me,drilling:J,onItemDrill:ie,onGroupDrill:ae,focusedGroupInfo:Lt,focusedItemInfo:Ft,levelsArray:ot,getDataItem:$,getDataById:e=>vt.get(e),ignoreAsTrigger:e=>{if(!e)return!1;const t=w.getElementData(Me,e);return!((!t||"marquee"!==t.ojPrivateObject&&"dragModeControls"!==t.ojPrivateObject&&"scrollBar"!==t.ojPrivateObject)&&!At)}}),Xt=ge(at,lt,dt,it.axisStepWidth,it.averageGroupZ,mt),qt=ue(at,lt,dt,it.axisStepWidth,it.averageGroupZ,mt),[Yt,Zt]=n.useState(!1),$t=z.getAriaLabelGenerator(B,Nt,pe,It,P,!!ye,tt,it.defaultLabelFormatter,nt.defaultLabelFormatter,st.defaultLabelFormatter),{datatipContent:_t,dataCursorContent:Jt,datatipProps:{"aria-describedby":Kt,...Qt}}=h.useChartDatatipAndCursor({series:B,leafGroupsInfo:It,width:e,height:r,findNearest:Xt,plotAreaSpace:xt,onDataCursorPositionChange:re,isDataCursorEnabled:ee,dataCursorPosition:K,dataCursorStyle:te,hoveredItemInfo:Ot,focusedItemInfo:Ft,getDataItem:$,getMarkerInfo:he,getDataItemPos:qt,datatip:le,valueFormats:pe,isHoriz:Ge,touchResponse:Rt,isDisabled:Yt,xScale:at,yScale:lt,y2Scale:dt,timeAxisType:P?.timeAxisType,defaultXFormatter:it.defaultLabelFormatter,defaultYFormatter:nt.defaultLabelFormatter,defaultY2Formatter:st.defaultLabelFormatter,hasXYValues:ye,getGroupFromPath:tt,translations:Nt}),eo=l.useId(),to=t.jsx(s.Gridlines,{plotArea:M,availSpace:xt,xAxisPosition:ke,isRtl:ve,yMinorTicks:ut.minorTicks,xMinorTicks:rt.minorTicks,xScale:at,yScale:lt,y2Scale:dt,isLog:"log"===T?.scale,yAxisPosition:Fe,isDataXAxis:ye,xAxis:P,yAxis:T,y2Axis:j,hasAxisLine:!Ce,y2MinorTicks:ft?.minorTicks,y2Ticks:ft.ticks,yTicks:ut.ticks,xTicks:rt.ticks,isSplitDualY:Ke}),oo=B.length>0&&Y.length>0,{contextMenuContent:ro,contextMenuProps:io}=m.useChartContextMenu({isRtl:ve,width:e,height:r,getDataItemPosition:qt,series:B,levelsArray:ot,focusedGroupInfo:Lt,getDataItem:$,focusedItemInfo:Ft,rootRef:Me,xAxisTitle:P?.title,yAxisTitle:T?.title,contextMenuConfig:oo?we:void 0,onContextMenuDismissed:e=>{"keyboard"===e&&Bt()}}),[ao,no]=n.useState({accepted:void 0,type:""}),{draggable:so,dndProps:lo,dndContent:co}=y.useChartDnd({onDrag:Te.onDrag,onDragStart:Te.onDragStart,onDragEnd:Te.onDragEnd,onDragEnter:Te.onDragEnter,onDragLeave:Te.onDragLeave,onDragOver:Te.onDragOver,onDrop:Te.onDrop,itemsDraggable:Te.itemsDraggable,groupDraggable:Te.groupDraggable,rootRef:Me,levelsArray:ot,series:B,selectedIds:I,getDataItem:$,xSpace:pt,ySpace:gt,plotAreaSpace:xt,setDragOver:no,setDatatipDisabled:Zt,onSelectionChange:Q}),uo=p.mergeProps(Vt,Wt,Ut,Qt,Dt,Et,io,lo),xo="off"==Se||"on"!==Se&&Se.renderer?void 0:be,{background:po,slidingWindow:go}=Pe(xt);return t.jsxs(t.Fragment,{children:[ze&&null!=Le.labelFontSize&&t.jsxs("div",{tabIndex:Ce?void 0:0,draggable:so,ref:Me,"aria-activedescendant":kt,"aria-label":Te["aria-label"],"aria-labelledby":Te["aria-labelledby"],"aria-describedby":F.l([Te["aria-describedby"],Kt]),style:{...Gt},role:Ce?void 0:"application",className:o.styles.baseChartStyle,"data-oj-private-selection-mode":Re?_:void 0,...je,...Ce?{}:uo,children:[t.jsxs("svg",{width:"100%",height:0!=He.height&&"off"!=Se?Math.ceil(100*(We.availSpace.height+10))/r+"%":"100%",children:[t.jsx("clipPath",{id:`${eo}`,children:t.jsx("rect",{...xt})}),po,t.jsx(s.PlotArea,{color:M?.color,dragOverStyle:"plotArea"!==ao.type?"none":ao.accepted?"accept":"reject",cursor:bt,availSpace:xt}),!me&&to,t.jsx(d.Axis,{...nt,axisPosition:Fe,isRtl:ve,cursor:Ct,availSpace:gt,dragOverStyle:"yAxis"!==ao.type?"none":ao.accepted?"accept":"reject"}),t.jsx(d.Axis,{...st,axisPosition:Oe,isRtl:ve,cursor:Ct,availSpace:ht,dragOverStyle:"y2Axis"!==ao.type?"none":ao.accepted?"accept":"reject"}),t.jsx(d.Axis,{...it,isRtl:ve,axisPosition:ke,isTextInteractive:e=>{if(null!=P?.timeAxisType)return!1;const t=Y[e]?.drilling;return"on"===t||"off"!=t&&("on"===J||"groupsOnly"===J)},activeId:kt,cursor:bt,focusedGroupIndex:Lt.isFocusVisible?Lt.groupIndex:void 0,focusedGroupLevelIndex:Lt.isFocusVisible?Lt.levelIndex:void 0,availSpace:pt,dragOverStyle:"xAxis"!==ao.type?"none":ao.accepted?"accept":"reject",separatorColor:P?.groupSeparators?.color}),t.jsxs("g",{children:[fe({xStartIndex:rt.startIndex,xEndIndex:rt.endIndex,getItemAriaLabel:$t,groupsInfo:It,colors:Be,xScale:at,yScale:lt,y2Scale:dt,isPointInsideMarquee:jt,defaultFontSize:Le.labelFontSize,gapRatio:mt,activeId:kt,focusedItemInfo:Ft,hoveredItemInfo:Ot,getTextDimensions:ze,axisStepWidth:it.axisStepWidth,averageGroupZ:it.averageGroupZ,plotAreaClipPathId:eo}),me&&to,Jt]}),go,"live"===de&&!Ce&&t.jsx(g.ScrollBar,{availSpace:He,isRtl:ve,viewport:rt,axisExtent:rt,isHoriz:"bottom"===ke}),Pt]}),t.jsx(O.OverviewContext.Provider,{value:{yAxisSize:gt.width,isOverview:!0,width:e,height:He.height,overviewRenderer:e=>{const{xScale:o,...r}=function(e,t,o,r,i,a){const n=[o.min,o.max],s=e?[a.x+a.width,a.x]:[a.x,a.x+a.width],l=new L.ScaleLinear(n,s),d=[i.min,i.max],c=[a.y+a.height,a.y],u=new L.ScaleLinear(d,c),x=l.transform(t.viewportMin),p=Math.abs(l.transform(t.viewportMax)-l.transform(t.viewportMin));return{windowX:e?x-p:x,windowWidth:p,windowY:u.transform(r.viewportMax),windowHeight:Math.abs(u.transform(r.viewportMax)-u.transform(r.viewportMin)),xScale:l,yScale:u}}(ve,rt,rt,ut,ut,e);return function(e,o,r,i,a,n,s){return{slidingWindow:t.jsx(V.OverviewSlidingWindow,{...i,...a,hasHandles:n,onWindowDimsChange:t=>{u.updateViewportFromOverview(e,o,a.windowX,a.windowWidth,t.deltaX,t.deltaWidth,r,s)}}),background:t.jsx(X,{...i,...a})}}(rt,ve,o,e,r,!0,oe)}},children:!Ce&&"off"!==Se&&xo&&t.jsx("div",{style:{width:e,height:He.height},children:xo()})}),Tt,_t,zt,ro,Ht,co]}),Ne,Ve]})}e.Chart=function({width:e,height:i,...a}){const{isOverview:n,overviewRenderer:s,yAxisSize:l,width:d,height:c}=O.useOverviewContext();let u=e,x=i;return void 0===u&&n&&void 0!==d&&(u=`${d}px`),void 0===x&&n&&void 0!==c&&(x=`${c}px`),t.jsx(r.TrackResizeContainer,{width:u,height:x,class:o.dimensionStyle,children:(e,o)=>e||o?t.jsx(Y,{width:e,height:o,...a,yAxisSize:l,isOverview:n,overviewRenderer:s}):void 0})}}));
+//# sourceMappingURL=Chart-061335fe.js.map

package/amd/Chart-061335fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart-061335fe.js","sources":["../../src/PRIVATE_Axis/utils/axisNavUtils.ts","../../src/PRIVATE_VisOverview/OverviewBackground.tsx","../../src/PRIVATE_Chart/ChartWithDimensions.tsx","../../src/PRIVATE_VisSVGText/useTextTruncation.ts","../../src/PRIVATE_VisOverview/utils.ts","../../src/PRIVATE_Chart/overviewUtils.tsx","../../src/PRIVATE_Chart/Chart.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 { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\nimport { ChartGroupInfo } from '#utils/UNSAFE_visTypes/chart';\n\ntype isGroupNavigableType = (levelIndex: number, groupIndex: number) => boolean;\n\n/**\n * Returns the parent group for the navigable item.\n * @param levelsArray The levels array.\n * @param levelIndex The levelIndex of current naviable group..\n * @param groupIndex The groupIndex of current navigable group.\n * @returns\n */\nexport function getParentGroup(\n  levelsArray: GroupLevelItem[][],\n  levelIndex: number,\n  groupIndex: number,\n  isGroupNavigable: isGroupNavigableType\n) {\n  const path = levelsArray[levelIndex][groupIndex].path;\n  if (path.length === 1) {\n    return {\n      levelIndex,\n      groupIndex\n    };\n  }\n\n  let lIndex = Math.max(0, levelIndex - 1);\n  const groupItem = levelsArray[levelIndex][groupIndex];\n  const { start, end } = groupItem;\n\n  while (lIndex >= 0) {\n    for (let i = 0; i < levelsArray[lIndex].length; i++) {\n      const { start: s, end: e } = levelsArray[lIndex][i];\n      if (s <= start && end <= e) {\n        if (isGroupNavigable(lIndex, i)) {\n          return { groupIndex: i, levelIndex: lIndex };\n        }\n      }\n    }\n    lIndex -= 1;\n  }\n\n  return {\n    levelIndex,\n    groupIndex\n  };\n}\n\n/**\n * @param levelsArray The levels array.\n * @param levelIndex The levelIndex of current navigable item.\n * @param groupIndex The groupIndex of current navigable item.\n * @returns\n */\nexport function getChildGroup(\n  levelsArray: GroupLevelItem[][],\n  levelIndex: number,\n  groupIndex: number,\n  isGroupNavigable: isGroupNavigableType\n) {\n  if (levelIndex === levelsArray.length - 1) {\n    return { levelIndex, groupIndex };\n  }\n\n  const lIndex = Math.min(levelsArray.length - 1, levelIndex + 1);\n\n  const groupItem = levelsArray[levelIndex][groupIndex];\n  const { start, end } = groupItem;\n\n  while (lIndex <= levelsArray.length - 1) {\n    for (let i = 0; i < levelsArray[lIndex].length; i++) {\n      const { start: s, end: e } = levelsArray[lIndex][i];\n      if (start <= s && e <= end) {\n        if (isGroupNavigable(lIndex, i)) {\n          return { groupIndex: i, levelIndex: lIndex };\n        }\n      }\n    }\n  }\n  return {\n    levelIndex,\n    groupIndex\n  };\n}\n\nexport function getNextGroup(\n  levelsArray: GroupLevelItem[][],\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex! + 1;\n  const levelIndex = info.levelIndex!;\n\n  const maxgroup = levelsArray[levelIndex].length - 1;\n\n  if (groupIndex > maxgroup) {\n    return;\n  }\n\n  if (isGroupNavigable(levelIndex!, groupIndex)) {\n    return { groupIndex, levelIndex };\n  }\n  return getNextGroup(levelsArray, { groupIndex, levelIndex }, isGroupNavigable);\n}\n\nexport function getPreviousGroup(\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex! - 1;\n  const levelIndex = info.levelIndex;\n  if (groupIndex < 0) {\n    return;\n  }\n  if (isGroupNavigable(levelIndex!, groupIndex)) {\n    return { groupIndex, levelIndex };\n  }\n  return getPreviousGroup({ groupIndex, levelIndex }, isGroupNavigable);\n}\n\nexport function getGroupNavUtil(\n  levelsArray: GroupLevelItem[][],\n  drilling: 'on' | 'off' | 'groupsOnly',\n  isRtl: boolean,\n  isHoriz: boolean,\n  isGroupLabelRendered?: (levelIndex: number, groupIndex: number) => boolean\n) {\n  const isGroupNavigable = (levelIndex: number, groupIndex: number) => {\n    const group = levelsArray[levelIndex][groupIndex].item;\n    const groupName = group.name || group.id;\n    const groupsDrilling = group.drilling;\n    const isLabelRendered = !!isGroupLabelRendered?.(levelIndex, groupIndex);\n    return (\n      isLabelRendered &&\n      groupName != null &&\n      (drilling === 'on' || drilling === 'groupsOnly') &&\n      groupsDrilling != 'off'\n    );\n  };\n\n  const getDefaultNavGroup = () => {\n    for (let levelIndex = 0; levelIndex < levelsArray.length; levelIndex++) {\n      const numGroups = levelsArray[levelIndex].length;\n      for (let groupIndex = 0; groupIndex < numGroups; groupIndex++) {\n        if (isGroupNavigable(levelIndex, groupIndex)) {\n          return { groupIndex, levelIndex };\n        }\n      }\n    }\n    return { groupIndex: 0, levelIndex: 0 };\n  };\n\n  const getNextNavGroup = (\n    info: ChartGroupInfo,\n    arrow: 'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown'\n  ) => {\n    let nextGroup;\n\n    if (arrow === 'ArrowRight') {\n      if (isHoriz) {\n        nextGroup = !isRtl\n          ? getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable)\n          : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n      } else {\n        nextGroup = isRtl\n          ? getPreviousGroup(info, isGroupNavigable)\n          : getNextGroup(levelsArray, info, isGroupNavigable);\n      }\n    } else if (arrow === 'ArrowLeft') {\n      if (isHoriz) {\n        nextGroup = isRtl\n          ? getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable)\n          : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n      } else {\n        nextGroup = isRtl\n          ? getNextGroup(levelsArray, info, isGroupNavigable)\n          : getPreviousGroup(info, isGroupNavigable);\n      }\n    } else if (arrow === 'ArrowDown') {\n      nextGroup = isHoriz\n        ? getNextGroup(levelsArray, info, isGroupNavigable)\n        : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n    } else if (arrow === 'ArrowUp') {\n      nextGroup = isHoriz\n        ? getPreviousGroup(info, isGroupNavigable)\n        : getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n    }\n    return nextGroup || info;\n  };\n\n  return { getNextNavGroup, getDefaultNavGroup };\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 { OverviewProps } from './overview.types';\nimport { styles } from './themes/VisOverview.css';\n\nexport function OverviewBackground({\n  x,\n  width,\n  height,\n  y,\n  windowX,\n  windowHeight,\n  windowWidth,\n  windowY\n}: OverviewProps) {\n  return (\n    <>\n      <rect\n        x={x}\n        y={y}\n        width={Math.max(0, windowX - x)}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX + windowWidth}\n        width={Math.max(0, x + width - windowX - windowWidth)}\n        y={y}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={y}\n        height={Math.max(0, windowY - y)}\n        width={windowWidth}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={windowY + windowHeight}\n        width={windowWidth}\n        class={styles.overviewBackground}\n        height={Math.max(y + height - windowY - windowHeight, 0)}></rect>\n    </>\n  );\n}\n","/**\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 { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars/useCssVars';\nimport { styles } from './themes/ChartStyles.css';\nimport { useMemo, useRef, useState } from 'preact/hooks';\nimport { PlotArea } from '#PRIVATE_PlotArea';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Axis } from '#PRIVATE_Axis/Axis';\nimport { useChartViewport } from '#hooks/PRIVATE_useChartViewport';\nimport {\n  getAvailSpace,\n  getLayoutInfo,\n  getOuterGaps,\n  getScrollBarSpace,\n  updateScrollBarSpace\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { useChartNav } from '#hooks/PRIVATE_useChartNav/useChartNav';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getAxesPosition } from '#PRIVATE_Axis/utils/axisUtils';\nimport { ScrollBar } from '#PRIVATE_ChartScrollBar';\nimport { useSelectDrill } from '#hooks/PRIVATE_useChartEvents/useSelectDrill';\nimport { useChartDatatipAndCursor } from '#hooks/PRIVATE_useChartEvents/useDatatipAndCursor';\nimport { getGroupNavUtil } from '#PRIVATE_Axis/utils/axisNavUtils';\nimport { GroupAxisProps, DataAxisProps, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { Gridlines } from '#PRIVATE_PlotArea/Gridlines';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { getChartVars } from '#utils/PRIVATE_chartUtils';\nimport { useChartContextMenu } from '#hooks/PRIVATE_useChartContextMenu';\nimport { useChartDnd } from '#hooks/PRIVATE_useChartDnd';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\nimport { useTextTruncation } from '#PRIVATE_VisSVGText/useTextTruncation';\nimport { useChartMarquee } from '#hooks/PRIVATE_useChartMarquee';\nimport { ChartProps } from './Chart';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { OverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { getWindowCoords } from '#PRIVATE_VisOverview/utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getRenderer } from './overviewUtils';\nimport { ComponentChildren } from 'preact';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getAriaLabelGenerator } from '#utils/PRIVATE_chartUtils/dataTipUtils';\n\ntype ChartWithDimensionsProps<K, D> = Omit<ChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  overviewRenderer: (props: Dimension) => {\n    background: ComponentChildren;\n    slidingWindow: ComponentChildren;\n  };\n  yAxisSize: number;\n  isOverview: boolean;\n};\n\nconst OVERVIEW_GAP = 10;\n\nconst chartVars = getChartVars();\n\nexport function ChartWithDimensions<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  width,\n  height,\n  selectedIds,\n  hiddenIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  xAxis,\n  yAxis,\n  y2Axis,\n  plotArea,\n  dragMode = 'user',\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataCursorPosition,\n  onSelectionChange,\n  isDataCursorEnabled,\n  dataCursorStyle,\n  onViewportChange,\n  onDataCursorPositionChange,\n  onItemDrill,\n  onGroupDrill,\n  onItemHover,\n  onItemFocus,\n  datatip,\n  zoomAndScroll = 'off',\n  getNavUtil,\n  getDataItemPos,\n  getGapRatio,\n  valueFormats,\n  findNearest,\n  getMarkerInfo,\n  isRtl,\n  children,\n  testId,\n  renderGridLinesInFront,\n  isDataXAxis,\n  contextMenuConfig,\n  overview = 'off',\n  getStartAndEndAxesOffset,\n  defaultOverviewContentRenderer,\n  isOverview,\n  yAxisSize,\n  overviewRenderer,\n  ...props\n}: ChartWithDimensionsProps<K, D>) {\n  const testIdProps = useTestId(testId);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isTestEnv = testIdProps['data-testid'] !== undefined;\n  const isHoriz = orientation === 'horizontal';\n  const { xAxisPosition, yAxisPosition, y2AxisPosition } = getAxesPosition(\n    yAxis,\n    y2Axis,\n    isHoriz,\n    isRtl\n  );\n  const { resolvedVars, cssContent } = useCssVars(chartVars);\n  const colors = Array.from(Array(12)).map((_, index) => {\n    return resolvedVars[`color${index + 1}`];\n  });\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  let availSpace = getAvailSpace(width, height);\n\n  if (isOverview && yAxisSize) {\n    const w = availSpace.width - yAxisSize;\n    const gaps = getOuterGaps(w, height);\n    availSpace.width -= yAxisSize - 2 * gaps.width;\n    availSpace.x += yAxisSize - gaps.width;\n  }\n  const isTimeAxis = (xAxis as TimeAxisProps)?.timeAxisType != null;\n\n  const updatedSpace = getScrollBarSpace(\n    isTimeAxis,\n    availSpace,\n    zoomAndScroll,\n    xAxisPosition,\n    overview\n  );\n  let scrollDims = updatedSpace.scrollDims;\n  availSpace = updatedSpace.availSpace;\n  const { locale } = useUser();\n  const { x, y, width: _width, height: _height } = availSpace;\n  const labelFontSize = resolvedVars['labelFontSize'];\n\n  const split = y2Axis?.split ?? 'off';\n  const isSplitDualY = split !== 'off';\n  const splitterPosition = split !== 'off' ? split : 0.5;\n\n  const layoutInfo = useMemo(() => {\n    const hiddenSet = new Set(hiddenIds);\n    return getLayoutInfo<K, D>(\n      series,\n      groups,\n      getDataItem,\n      xAxis,\n      yAxis,\n      y2Axis,\n      { x, y, width: _width, height: _height }, // availSpace\n      hiddenSet,\n      hideAndShowBehavior,\n      isHoriz,\n      isRtl,\n      isStacked,\n      labelFontSize,\n      getStartAndEndAxesOffset,\n      locale,\n      isSplitDualY,\n      splitterPosition,\n      getTextDimensions,\n      isTestEnv,\n      isDataXAxis\n    );\n  }, [\n    x,\n    y,\n    _width,\n    _height,\n    getDataItem,\n    getTextDimensions,\n    groups,\n    hiddenIds,\n    hideAndShowBehavior,\n    isDataXAxis,\n    isHoriz,\n    isRtl,\n    isStacked,\n    isTestEnv,\n    locale,\n    getStartAndEndAxesOffset,\n    labelFontSize,\n    series,\n    xAxis,\n    yAxis,\n    y2Axis,\n    splitterPosition,\n    isSplitDualY\n  ]);\n\n  const {\n    getGroupFromPath,\n    levelsArray,\n    xAxisInfo,\n    xProps,\n    xScale,\n    yProps,\n    y2Props,\n    yScale,\n    y2Scale,\n    yMaxDim,\n    yAxisInfo,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    y2Space,\n    idToDataMap,\n    y2AxisInfo\n  } = layoutInfo;\n\n  const leafGroupsInfo = levelsArray.length > 0 ? levelsArray[levelsArray.length - 1] : [];\n\n  scrollDims = updateScrollBarSpace(scrollDims, xAxisPosition === 'bottom', isRtl, yMaxDim);\n\n  const gapRatio = getGapRatio(xAxisInfo.startIndex!, xAxisInfo.endIndex!);\n\n  const getNextChartItem = getNavUtil(xAxisInfo.startIndex!, xAxisInfo.endIndex!);\n\n  const { getNextNavGroup, getDefaultNavGroup } = getGroupNavUtil(\n    levelsArray,\n    drilling,\n    isRtl,\n    isHoriz,\n    xProps.isGroupLabelRendered\n  );\n\n  const {\n    ignoreSelectPointerUp,\n    cursor,\n    yAxisCursor,\n    marqueeProps,\n    marqueeContent,\n    toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode\n  } = useChartMarquee<K, D>({\n    rootRef,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    dragMode,\n    chartWidth: width,\n    isMultiSelection: selectionMode === 'multiple',\n    onViewportChange,\n    isZoomScroll: zoomAndScroll === 'live',\n    xScale,\n    selectedIds,\n    getDataById: (id) => idToDataMap.get(id),\n    onSelectionChange,\n    isRtl,\n    xAxisInfo\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: mode !== 'off',\n    rootRef\n  });\n\n  const { activeId, focusedItemInfo, hoveredItemInfo, focusedGroupInfo, navProps, onFocusUpdate } =\n    useChartNav({\n      rootRef,\n      getNextChartItem,\n      getNextNavGroup,\n      getDefaultNavGroup,\n      touchResponse,\n      onItemHover,\n      onItemFocus,\n      drilling,\n      xAxisInfo\n    });\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      onFocusUpdate();\n    }\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const getTextAndBounds = (target: EventTarget | null) => {\n    if (target != rootRef.current) {\n      const dataSet = getElementData(rootRef, target as HTMLElement);\n      const text = dataSet?.['ojPrivateText']!;\n\n      if (!text) {\n        return;\n      }\n\n      if (text === xAxis?.title) {\n        return {\n          text,\n          bounds: xProps.titleProps?.dims\n        };\n      } else if (text === yAxis?.title) {\n        return {\n          text,\n          bounds: yProps.titleProps?.dims\n        };\n      } else if (text === y2Axis?.title) {\n        return {\n          text,\n          bounds: y2Props.titleProps?.dims\n        };\n      } else if (dataSet?.['ojPrivateGroupIndex'] && dataSet?.['ojPrivateLevelIndex']) {\n        return {\n          // @ts-ignore\n          bounds: xProps.tickLabels.find(\n            ({ dataProps }) =>\n              dataProps['data-oj-private-level-index'] === dataSet['ojPrivateLevelIndex'] &&\n              dataProps['data-oj-private-group-index'] === dataSet['ojPrivateGroupIndex']\n          ).dims,\n          text: text!\n        };\n      }\n    }\n\n    if (target === rootRef.current && focusedGroupInfo.isFocusVisible) {\n      const group = groups[focusedGroupInfo.groupIndex || 0];\n      return {\n        bounds: xProps.tickLabels[focusedGroupInfo?.groupIndex || 0].dims,\n        text: group.name || group.id\n      };\n    }\n    return;\n  };\n\n  const { tooltipContent, tooltipProps } = useTextTruncation({\n    getTextAndBounds,\n    width,\n    isRtl\n  });\n\n  const viewportProps = useChartViewport({\n    rootRef,\n    width,\n    height,\n    xAxisInfo,\n    yAxisInfo,\n    y2AxisInfo,\n    xScale,\n    yScale,\n    y2Scale,\n    plotAreaSpace,\n    isRtl,\n    isHoriz,\n    zoomAndScroll,\n    onViewportChange\n  });\n\n  const ignoreAsTrigger = (target: EventTarget | null) => {\n    if (!target) {\n      return false;\n    }\n\n    const dataset = getElementData(rootRef, target as HTMLElement);\n    if (\n      (dataset &&\n        (dataset['ojPrivateObject'] === 'marquee' ||\n          dataset['ojPrivateObject'] === 'dragModeControls' ||\n          dataset['ojPrivateObject'] === 'scrollBar')) ||\n      ignoreSelectPointerUp\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const { selectDrillProps, selectionContent } = useSelectDrill<K, D>({\n    selectionMode,\n    selection: [...selectedIds],\n    onChange: onSelectionChange,\n    rootRef,\n    drilling,\n    onItemDrill,\n    onGroupDrill,\n    focusedGroupInfo,\n    focusedItemInfo,\n    levelsArray,\n    getDataItem,\n    getDataById: (id) => idToDataMap.get(id),\n    ignoreAsTrigger\n  });\n\n  const findNearestData = findNearest(\n    xScale as any,\n    yScale,\n    y2Scale,\n    xProps.axisStepWidth!,\n    xProps.averageGroupZ!,\n    gapRatio\n  );\n  const getDataItemPosition = getDataItemPos(\n    xScale as any,\n    yScale,\n    y2Scale,\n    xProps.axisStepWidth!,\n    xProps.averageGroupZ!,\n    gapRatio\n  );\n  const [datatipDisabled, setDatatipDisabled] = useState(false);\n\n  const getItemAriaLabel = getAriaLabelGenerator(\n    series,\n    translations,\n    valueFormats,\n    leafGroupsInfo,\n    xAxis,\n    !!isDataXAxis,\n    getGroupFromPath,\n    xProps.defaultLabelFormatter,\n    yProps.defaultLabelFormatter,\n    y2Props.defaultLabelFormatter\n  );\n\n  const {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useChartDatatipAndCursor<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    findNearest: findNearestData,\n    plotAreaSpace,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    dataCursorStyle,\n    hoveredItemInfo,\n    focusedItemInfo,\n    getDataItem,\n    getMarkerInfo,\n    getDataItemPos: getDataItemPosition,\n    datatip,\n    valueFormats,\n    isHoriz,\n    touchResponse,\n    isDisabled: datatipDisabled,\n    xScale: xScale as any,\n    yScale,\n    y2Scale,\n    timeAxisType: (xAxis as TimeAxisProps)?.timeAxisType,\n    defaultXFormatter: xProps.defaultLabelFormatter,\n    defaultYFormatter: yProps.defaultLabelFormatter,\n    defaultY2Formatter: y2Props.defaultLabelFormatter,\n    hasXYValues: isDataXAxis,\n    getGroupFromPath,\n    translations\n  });\n\n  const isGroupInteractive = (index: number) => {\n    if ((xAxis as TimeAxisProps)?.timeAxisType != null) {\n      return false;\n    }\n    const groupDrill = groups[index]?.drilling;\n    if (groupDrill === 'on') {\n      return true;\n    }\n\n    if (groupDrill != 'off' && (drilling === 'on' || drilling === 'groupsOnly')) {\n      return true;\n    }\n    return false;\n  };\n\n  const plotAreaClipPathId = useId();\n\n  //  const { yTicks, y2Ticks } = getYY2Ticks(yAxisInfo.ticks, y2AxisInfo.ticks, isHoriz, isSplitDualY);\n  const gridLines = (\n    <Gridlines\n      plotArea={plotArea}\n      availSpace={plotAreaSpace}\n      xAxisPosition={xAxisPosition}\n      isRtl={isRtl}\n      yMinorTicks={yAxisInfo.minorTicks}\n      xMinorTicks={xAxisInfo.minorTicks}\n      xScale={xScale}\n      yScale={yScale}\n      y2Scale={y2Scale}\n      isLog={yAxis?.scale === 'log'}\n      yAxisPosition={yAxisPosition}\n      isDataXAxis={isDataXAxis}\n      xAxis={xAxis as DataAxisProps}\n      yAxis={yAxis}\n      y2Axis={y2Axis}\n      hasAxisLine={!isOverview}\n      y2MinorTicks={y2AxisInfo?.minorTicks}\n      y2Ticks={y2AxisInfo.ticks}\n      yTicks={yAxisInfo.ticks}\n      xTicks={xAxisInfo.ticks}\n      isSplitDualY={isSplitDualY}\n    />\n  );\n  const hasData = series.length > 0 && groups.length > 0;\n\n  const { contextMenuContent, contextMenuProps } = useChartContextMenu<K, D>({\n    isRtl,\n    width,\n    height,\n    getDataItemPosition,\n    series,\n    levelsArray,\n    focusedGroupInfo,\n    getDataItem,\n    focusedItemInfo,\n    rootRef,\n    xAxisTitle: xAxis?.title,\n    yAxisTitle: yAxis?.title,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    onContextMenuDismissed\n  });\n\n  const [dragOver, setDragOver] = useState<{ accepted: boolean | undefined; type: string }>({\n    accepted: undefined,\n    type: ''\n  });\n\n  const { draggable, dndProps, dndContent } = useChartDnd<K, D>({\n    onDrag: props.onDrag,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n    itemsDraggable: props.itemsDraggable,\n    groupDraggable: props.groupDraggable,\n    rootRef,\n    levelsArray,\n    series,\n    selectedIds,\n    getDataItem,\n    xSpace,\n    ySpace,\n    plotAreaSpace,\n    setDragOver,\n    setDatatipDisabled,\n    onSelectionChange\n  });\n\n  const eventsProps = mergeProps(\n    navProps,\n    selectDrillProps,\n    viewportProps,\n    datatipProps,\n    marqueeProps,\n    tooltipProps,\n    contextMenuProps,\n    dndProps\n  );\n\n  const overviewContentRenderer =\n    overview != 'off' && (overview === 'on' || !overview.renderer)\n      ? defaultOverviewContentRenderer\n      : undefined;\n\n  const { background, slidingWindow } = overviewRenderer(plotAreaSpace);\n  return (\n    <>\n      {getTextDimensions && resolvedVars['labelFontSize'] != undefined && (\n        <div\n          tabIndex={isOverview ? undefined : 0}\n          draggable={draggable}\n          ref={rootRef}\n          aria-activedescendant={activeId}\n          aria-label={props['aria-label']}\n          aria-labelledby={props['aria-labelledby']}\n          aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n          style={{ ...touchResponseStyle }}\n          role={isOverview ? undefined : 'application'}\n          className={styles.baseChartStyle}\n          data-oj-private-selection-mode={isTestEnv ? selectionMode : undefined}\n          {...testIdProps}\n          {...(isOverview ? {} : eventsProps)}>\n          <svg\n            width=\"100%\"\n            height={\n              scrollDims.height != 0 && overview != 'off'\n                ? `${Math.ceil((updatedSpace.availSpace.height + OVERVIEW_GAP) * 100) / height}%`\n                : '100%'\n            }>\n            <clipPath id={`${plotAreaClipPathId}`}>\n              <rect {...plotAreaSpace}></rect>\n            </clipPath>\n            {background}\n            <PlotArea\n              color={plotArea?.color}\n              dragOverStyle={\n                dragOver.type !== 'plotArea' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n              cursor={cursor}\n              availSpace={plotAreaSpace}\n            />\n            {!renderGridLinesInFront && gridLines}\n            <Axis\n              {...(yProps as any)}\n              axisPosition={yAxisPosition}\n              isRtl={isRtl}\n              cursor={yAxisCursor}\n              availSpace={ySpace}\n              dragOverStyle={\n                dragOver.type !== 'yAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <Axis\n              {...(y2Props as any)}\n              axisPosition={y2AxisPosition}\n              isRtl={isRtl}\n              cursor={yAxisCursor}\n              availSpace={y2Space}\n              dragOverStyle={\n                dragOver.type !== 'y2Axis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <Axis\n              {...xProps}\n              isRtl={isRtl}\n              axisPosition={xAxisPosition}\n              isTextInteractive={isGroupInteractive}\n              activeId={activeId}\n              cursor={cursor}\n              focusedGroupIndex={\n                focusedGroupInfo.isFocusVisible ? focusedGroupInfo.groupIndex : undefined\n              }\n              focusedGroupLevelIndex={\n                focusedGroupInfo.isFocusVisible ? focusedGroupInfo.levelIndex : undefined\n              }\n              availSpace={xSpace}\n              dragOverStyle={\n                dragOver.type !== 'xAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n              separatorColor={(xAxis as GroupAxisProps)?.groupSeparators?.color}\n            />\n            <g>\n              {children({\n                xStartIndex: xAxisInfo.startIndex!,\n                xEndIndex: xAxisInfo.endIndex!,\n                getItemAriaLabel,\n                groupsInfo: leafGroupsInfo,\n                colors,\n                xScale: xScale as any,\n                yScale,\n                y2Scale,\n                isPointInsideMarquee,\n                defaultFontSize: resolvedVars['labelFontSize'],\n                gapRatio,\n                activeId,\n                focusedItemInfo,\n                hoveredItemInfo,\n                getTextDimensions,\n                axisStepWidth: xProps.axisStepWidth!,\n                averageGroupZ: xProps.averageGroupZ!,\n                plotAreaClipPathId\n              })}\n              {renderGridLinesInFront && gridLines}\n              {dataCursorContent}\n            </g>\n            {slidingWindow}\n            {zoomAndScroll === 'live' && !isOverview && (\n              <ScrollBar\n                availSpace={scrollDims}\n                isRtl={isRtl}\n                viewport={xAxisInfo}\n                axisExtent={xAxisInfo}\n                isHoriz={xAxisPosition === 'bottom'}\n              />\n            )}\n            {marqueeContent}\n          </svg>\n          <OverviewContext.Provider\n            value={{\n              yAxisSize: ySpace.width,\n              isOverview: true,\n              width,\n              height: scrollDims.height,\n              overviewRenderer: (overviewChartPlotArea: Dimension) => {\n                const { xScale: overviewXScale, ...windowCoords } = getWindowCoords(\n                  isRtl,\n                  xAxisInfo,\n                  xAxisInfo,\n                  yAxisInfo,\n                  yAxisInfo,\n                  overviewChartPlotArea\n                );\n                return getRenderer(\n                  xAxisInfo,\n                  isRtl,\n                  overviewXScale,\n                  overviewChartPlotArea,\n                  windowCoords,\n                  true,\n                  onViewportChange\n                );\n              }\n            }}>\n            {!isOverview && overview !== 'off' && overviewContentRenderer && (\n              <div style={{ width, height: scrollDims.height }}>{overviewContentRenderer()}</div>\n            )}\n          </OverviewContext.Provider>\n          {toggleButtonContent}\n          {datatipContent}\n          {tooltipContent}\n          {contextMenuContent}\n          {selectionContent}\n          {dndContent}\n        </div>\n      )}\n      {textMeasureContent}\n      {cssContent}\n    </>\n  );\n}\n","/**\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 { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  getTextAndBounds: (target: EventTarget | null) =>\n    | {\n        text?: string;\n        bounds?: Dimension;\n      }\n    | undefined;\n  isRtl: boolean;\n  width: number;\n};\n\nexport function useTextTruncation({ getTextAndBounds, width, isRtl }: Props) {\n  const [text, setText] = useState<string>();\n  const bounds = useRef<Dimension>();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text,\n    position: 'top-start',\n    offset: calculateOffset(isRtl, width, bounds.current)\n  });\n\n  const onPointerMove = (event: Event) => {\n    const textAndBounds = getTextAndBounds(event.target);\n\n    if (textAndBounds) {\n      bounds.current = textAndBounds.bounds;\n      setText(textAndBounds.text);\n    } else {\n      setText(undefined);\n    }\n  };\n\n  return {\n    tooltipContent,\n    tooltipProps: mergeProps({ onPointerMove }, tooltipProps)\n  };\n}\n","/**\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 { ScaleLinear } from '#utils/PRIVATE_chartUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getWindowCoords(\n  isRtl: boolean,\n  xViewportExtent: { viewportMin: number; viewportMax: number },\n  xAxisExtent: { min: number; max: number },\n  yViewportExtent: { viewportMin: number; viewportMax: number },\n  yAxisExtent: { min: number; max: number },\n  plotAreaSpace: Dimension\n) {\n  const xDomain = [xAxisExtent.min, xAxisExtent.max] as [number, number];\n  const xRange = (\n    isRtl\n      ? [plotAreaSpace.x + plotAreaSpace.width, plotAreaSpace.x]\n      : [plotAreaSpace.x, plotAreaSpace.x + plotAreaSpace.width]\n  ) as [number, number];\n  const xScale = new ScaleLinear(xDomain, xRange);\n\n  const yDomain = [yAxisExtent.min, yAxisExtent.max] as [number, number];\n  const yRange = [plotAreaSpace.y + plotAreaSpace.height, plotAreaSpace.y] as [number, number];\n\n  const yScale = new ScaleLinear(yDomain, yRange);\n\n  const windowX = xScale.transform(xViewportExtent.viewportMin);\n  const windowWidth = Math.abs(\n    xScale.transform(xViewportExtent.viewportMax) - xScale.transform(xViewportExtent.viewportMin)\n  );\n\n  return {\n    windowX: isRtl ? windowX - windowWidth : windowX,\n    windowWidth: windowWidth,\n    windowY: yScale.transform(yViewportExtent.viewportMax),\n    windowHeight: Math.abs(\n      yScale.transform(yViewportExtent.viewportMax) - yScale.transform(yViewportExtent.viewportMin)\n    ),\n    xScale,\n    yScale\n  };\n}\n","/**\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 { OverviewSlidingWindow } from '#PRIVATE_VisOverview';\nimport { OverviewBackground } from '#PRIVATE_VisOverview/OverviewBackground';\nimport { updateViewportFromOverview } from '#utils/PRIVATE_chartUtils/overviewUtils';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getRenderer(\n  xAxisExtent: { min: number; max: number },\n  isRtl: boolean,\n  overviewXScale: Scale,\n  plotAreaSpace: Dimension,\n  windowCoords: { windowX: number; windowY: number; windowHeight: number; windowWidth: number },\n  hasHandles: boolean,\n  onViewportChange?: (detail: {\n    xMin?: number;\n    xMax?: number;\n    yMin?: number;\n    yMax?: number;\n  }) => void\n) {\n  return {\n    slidingWindow: (\n      <OverviewSlidingWindow\n        {...plotAreaSpace}\n        {...windowCoords}\n        hasHandles={hasHandles}\n        onWindowDimsChange={(props: { deltaX: number; deltaWidth: number }) => {\n          updateViewportFromOverview(\n            xAxisExtent,\n            isRtl,\n            windowCoords.windowX,\n            windowCoords.windowWidth,\n            props.deltaX,\n            props.deltaWidth,\n            overviewXScale,\n            onViewportChange\n          );\n        }}\n      />\n    ),\n    background: <OverviewBackground {...plotAreaSpace} {...windowCoords} />\n  };\n}\n","/**\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 { dimensionStyle } from './themes/ChartStyles.css';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { ChartWithDimensions } from './ChartWithDimensions';\nimport {\n  ChartCommonProps,\n  ChartSeriesData,\n  GetNextChartItemType,\n  Info,\n  Scale,\n  getDataPosType\n} from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension, MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { ComponentChildren } from 'preact';\nimport { Property } from 'csstype';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { useOverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\nexport type ChartProps<K, D> = {\n  selectedIds: Set<K>;\n  getGapRatio: (startIndex: number, endIndex: number) => number;\n  getNavUtil: (startIndex: number, endIndex: number) => GetNextChartItemType;\n  getDataItemPos: (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => getDataPosType;\n  findNearest: (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => (\n    x: number,\n    y?: number,\n    y2?: number\n  ) =>\n    | {\n        seriesIndex: number;\n        groupIndex: number;\n        y: number | undefined;\n        y2: number | undefined;\n        x: number;\n      }\n    | undefined;\n  children: (context: {\n    getItemAriaLabel: (\n      data: D,\n      seriesIndex: number,\n      groupIndex: number,\n      isSelectionEnabled: boolean,\n      isSelected: boolean,\n      isDrillable: boolean\n    ) => string;\n    xStartIndex: number;\n    xEndIndex: number;\n    xScale: Scale;\n    yScale: Scale;\n    y2Scale: Scale;\n    gapRatio: number;\n    activeId?: string;\n    focusedItemInfo: Info;\n    hoveredItemInfo?: Info;\n    axisStepWidth: number;\n    averageGroupZ: number;\n    isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n    getTextDimensions?: (text: string, style: Record<string, any>) => Dimension;\n    defaultFontSize: string;\n    colors: string[];\n    groupsInfo: GroupLevelItem[];\n    plotAreaClipPathId: string;\n  }) => ComponentChildren;\n  getStartAndEndAxesOffset: (groupCount: number) => { startOffset: number; endOffset: number };\n  series: ChartSeriesData<K, D>[];\n  isRtl: boolean;\n  renderGridLinesInFront: boolean;\n  isDataXAxis?: boolean;\n  getMarkerInfo: (\n    seriesIndex: number,\n    groupIndex: number\n  ) => { color: Property.Color | undefined; type?: MarkerShapes };\n  defaultOverviewContentRenderer: () => ComponentChildren;\n} & Omit<ChartCommonProps<K, D>, 'highlightedIds' | 'hoverBehavior' | 'selectedIds'>;\n\nexport function Chart<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({ width, height, ...props }: ChartProps<K, D>) {\n  // TODO: reevaluate how we handle empty data\n  const {\n    isOverview,\n    overviewRenderer,\n    yAxisSize,\n    width: overviewWidth,\n    height: overviewHeight\n  } = useOverviewContext();\n\n  let chartWidth = width;\n  let chartHeight = height;\n\n  if (chartWidth === undefined && isOverview && overviewWidth !== undefined) {\n    chartWidth = `${overviewWidth}px`;\n  }\n\n  if (chartHeight === undefined && isOverview && overviewHeight !== undefined) {\n    chartHeight = `${overviewHeight}px`;\n  }\n\n  return (\n    <TrackResizeContainer width={chartWidth} height={chartHeight} class={dimensionStyle}>\n      {(width, height) =>\n        width || height ? (\n          <ChartWithDimensions\n            width={width}\n            height={height}\n            {...props}\n            yAxisSize={yAxisSize}\n            isOverview={isOverview}\n            overviewRenderer={overviewRenderer}\n          />\n        ) : undefined\n      }\n    </TrackResizeContainer>\n  );\n}\n"],"names":["getParentGroup","levelsArray","levelIndex","groupIndex","isGroupNavigable","path","length","lIndex","Math","max","groupItem","start","end","i","s","e","getChildGroup","min","getNextGroup","info","getPreviousGroup","OverviewBackground","x","width","height","y","windowX","windowHeight","windowWidth","windowY","_jsxs","jsxs","_Fragment","children","_jsx","jsx","class","styles","overviewBackground","chartVars","getChartVars","ChartWithDimensions","selectedIds","hiddenIds","hideAndShowBehavior","orientation","xAxis","yAxis","y2Axis","plotArea","dragMode","series","groups","isStacked","getDataItem","selectionMode","drilling","dataCursorPosition","onSelectionChange","isDataCursorEnabled","dataCursorStyle","onViewportChange","onDataCursorPositionChange","onItemDrill","onGroupDrill","onItemHover","onItemFocus","datatip","zoomAndScroll","getNavUtil","getDataItemPos","getGapRatio","valueFormats","findNearest","getMarkerInfo","isRtl","testId","renderGridLinesInFront","isDataXAxis","contextMenuConfig","overview","getStartAndEndAxesOffset","defaultOverviewContentRenderer","isOverview","yAxisSize","overviewRenderer","props","testIdProps","useTestId","rootRef","useRef","isTestEnv","undefined","isHoriz","xAxisPosition","yAxisPosition","y2AxisPosition","getAxesPosition","resolvedVars","cssContent","useCssVars","colors","Array","from","map","_","index","textMeasureContent","getTextDimensions","useTextDimensions","availSpace","getAvailSpace","w","gaps","getOuterGaps","isTimeAxis","timeAxisType","updatedSpace","getScrollBarSpace","scrollDims","locale","useUser","_width","_height","labelFontSize","split","isSplitDualY","splitterPosition","layoutInfo","useMemo","hiddenSet","Set","getLayoutInfo","getGroupFromPath","xAxisInfo","xProps","xScale","yProps","y2Props","yScale","y2Scale","yMaxDim","yAxisInfo","plotAreaSpace","xSpace","ySpace","y2Space","idToDataMap","y2AxisInfo","leafGroupsInfo","updateScrollBarSpace","gapRatio","startIndex","endIndex","getNextChartItem","getNextNavGroup","getDefaultNavGroup","isGroupLabelRendered","group","item","groupName","name","id","groupsDrilling","arrow","nextGroup","numGroups","getGroupNavUtil","ignoreSelectPointerUp","cursor","yAxisCursor","marqueeProps","marqueeContent","toggleButtonContent","isPointInsideMarquee","mode","useChartMarquee","chartWidth","isMultiSelection","isZoomScroll","getDataById","get","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","activeId","focusedItemInfo","hoveredItemInfo","focusedGroupInfo","navProps","onFocusUpdate","useChartNav","translations","useTranslationBundle","tooltipContent","tooltipProps","getTextAndBounds","text","setText","useState","bounds","useTooltip","position","offset","calculateOffset","current","mergeProps","onPointerMove","event","textAndBounds","target","useTextTruncation","dataSet","getElementData","title","titleProps","dims","tickLabels","find","dataProps","isFocusVisible","viewportProps","useChartViewport","selectDrillProps","selectionContent","useSelectDrill","selection","onChange","ignoreAsTrigger","dataset","findNearestData","axisStepWidth","averageGroupZ","getDataItemPosition","datatipDisabled","setDatatipDisabled","getItemAriaLabel","getAriaLabelGenerator","defaultLabelFormatter","datatipContent","dataCursorContent","datatipProps","datatipAriaDescribedby","useChartDatatipAndCursor","isDisabled","defaultXFormatter","defaultYFormatter","defaultY2Formatter","hasXYValues","plotAreaClipPathId","useId","gridLines","Gridlines","yMinorTicks","minorTicks","xMinorTicks","isLog","scale","hasAxisLine","y2MinorTicks","y2Ticks","ticks","yTicks","xTicks","hasData","contextMenuContent","contextMenuProps","useChartContextMenu","xAxisTitle","yAxisTitle","onContextMenuDismissed","gesture","dragOver","setDragOver","accepted","draggable","dndProps","dndContent","useChartDnd","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","itemsDraggable","groupDraggable","eventsProps","overviewContentRenderer","renderer","background","slidingWindow","tabIndex","ref","merge","l","style","role","className","baseChartStyle","ceil","PlotArea","color","dragOverStyle","Axis","axisPosition","isTextInteractive","groupDrill","focusedGroupIndex","focusedGroupLevelIndex","separatorColor","groupSeparators","xStartIndex","xEndIndex","groupsInfo","defaultFontSize","ScrollBar","viewport","axisExtent","OverviewContext","Provider","value","overviewChartPlotArea","overviewXScale","windowCoords","xViewportExtent","xAxisExtent","yViewportExtent","yAxisExtent","xDomain","xRange","ScaleLinear","yDomain","yRange","transform","viewportMin","abs","viewportMax","getWindowCoords","hasHandles","OverviewSlidingWindow","onWindowDimsChange","updateViewportFromOverview","deltaX","deltaWidth","getRenderer","overviewWidth","overviewHeight","useOverviewContext","chartHeight","TrackResizeContainer","dimensionStyle"],"mappings":"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"}

package/amd/Checkbox-8160d2e6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', './useId-c9578d26', './LayerHost-daf96749', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-9afc201a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './CheckboxRadioContext-6a0fead0', './stringUtils-4ffd9d59', './CheckboxControl-c5240f9a'], (function(e,s,t,o,n,a,i,r,c,l,d,u,m,h,p,b,y,S,C,A,x,f,U,g,F,T,w,k,v,E,I,M,N,_,B,R,L,D,V,j,P,q,H,G,$,K){"use strict";const z=t.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:n,helpSourceLink:a,helpSourceText:r,isDisabled:c,isReadonly:l,isRequired:d=!1,messages:m,onCommit:h,userAssistanceDensity:p,value:b,testId:y,children:C},A=null)=>{const{isDisabled:x,isReadonly:f,userAssistanceDensity:U}=H.useFormContext(),g=t.useRef(null),F=i.useId(),T=S.useTestId(y),w=y?`${y}-inline-user-assistance`:void 0,k=c??x,v=l??f,E=p??U,I=!k,M=I?`${F}-bottom-ua`:void 0,N=I?$.l([M,e]):e,_=t.useCallback((e=>{const{key:s}=e,t=void 0!==s;if(t&&" "!==s)return;const o=e.target,n=t?!o.checked:o.checked,a=!!b;a!==n&&h({value:n,previousValue:a})}),[h,b]);return t.useImperativeHandle(A,(()=>({focus:()=>{!k&&g.current?.focus()},blur:()=>{const e=document.activeElement;g.current===e&&e.blur()}}))),s.jsx("div",{...T,children:s.jsxs(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:!k},children:[s.jsx(K.CheckboxControl,{...k||v?{}:{onChange:_,onKeyUp:_},"aria-describedby":N,assistiveText:o,columnSpan:n,helpSourceLink:a,helpSourceText:r,isChecked:b,isDisabled:k,isReadonly:v,isRequired:d,ref:g,children:C}),I?s.jsx(u.InlineUserAssistance,{id:M,isRequiredShown:!v&&!!d&&!b,requiredAlignment:"start",messages:m,userAssistanceDensity:"reflow"===E?"reflow":"efficient",testId:w}):"reflow"===E?void 0:s.jsx(u.InlineUserAssistance,{userAssistanceDensity:"efficient",testId:w})]})})}));e.Checkbox=z}));
+//# sourceMappingURL=Checkbox-8160d2e6.js.map

package/amd/Checkbox-8160d2e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-8160d2e6.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["Checkbox","forwardRef","propAriaDescribedBy","assistiveText","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","propValue","testId","children","ref","isFormDisabled","isFormReadonly","formUserAssistanceDensity","useFormContext","checkboxRef","useRef","id","useId","testIdProps","useTestId","UAtestId","undefined","hasBottomUserAssistance","bottomUaId","ariaDescribedBy","merge","onChangeHandler","useCallback","e","key","hasKey","input","target","checked","previousValue","useImperativeHandle","focus","current","blur","activeElement","document","_jsx","jsx","_jsxs","CheckboxRadioContext","Provider","isFocusRingShown","CheckboxControl","onChange","onKeyUp","isChecked","InlineUserAssistance","isRequiredShown","requiredAlignment"],"mappings":"mzDAmFa,MAAAA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,WACAC,WACAC,sBAAuBC,EACvBC,MAAOC,EACPC,SACAC,YAEFC,EAA4B,QAE5B,MACEb,WAAYc,EACZZ,WAAYa,EACZR,sBAAuBS,GACrBC,EAAAA,iBAEEC,EAAcC,SAAyB,MACvCC,EAAKC,EAAAA,QACLC,EAAcC,YAAUZ,GACxBa,EAAWb,EAAS,GAAGA,gCAAkCc,EAGzDzB,EAAaC,GAAkBa,EAC/BZ,EAAaC,GAAkBY,EAC/BR,EAAwBC,GAA6BQ,EAGrDU,GAA2B1B,EAC3B2B,EAAaD,EAA0B,GAAGN,mBAAiBK,EAC3DG,EAAkBF,EACpBG,IAAM,CAACF,EAAYhC,IACnBA,EAEEmC,EAAkBC,eACrBC,IAEC,MAAMC,IAAEA,GAAQD,EACVE,OAAiBT,IAARQ,EAEf,GAAIC,GAAkB,MAARD,EACZ,OAGF,MAAME,EAAQH,EAAEI,OAGV3B,EAAQyB,GAAUC,EAAME,QAAUF,EAAME,QACxCC,IAAkB5B,EAEpB4B,IAAkB7B,GACpBH,EAAS,CACPG,QACA6B,iBAEH,GAEH,CAAChC,EAAUI,IAgBb,OAbA6B,EAAmBA,oBAAC1B,GAAK,KAAO,CAC9B2B,MAAO,MACJxC,GAAckB,EAAYuB,SAASD,OAAO,EAE7CE,KAAM,KACJ,MAAMC,EAAgBC,SAASD,cAC/BzB,EAAYuB,UAAYE,GAAiBA,EAAcD,MAAM,MAQ/DG,EAASC,IAAA,MAAA,IAAAxB,EACPV,SAAAmC,OAACC,EAAAA,qBAAqBC,SAAQ,CAACxC,MAAO,CAAEyC,kBAAmBlD,GAAYY,SAAA,CACrEiC,EAAAA,IAACM,EAAAA,gBACK,IAAEnD,GAAeE,EAKjB,CAAA,EAJA,CACEkD,SAAUtB,EACVuB,QAASvB,GAGG,mBAAAF,EAClBhC,cAAeA,EACfC,WAAYA,EACZC,eAAgBA,EAChBC,eAAgBA,EAChBuD,UAAW5C,EACXV,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZS,IAAKK,EACJN,SAAAA,IAEFc,EACCmB,EAACC,IAAAS,uBACC,CAAAnC,GAAIO,EACJ6B,iBAAkBtD,KAAgBE,IAAeM,EACjD+C,kBAAkB,QAClBpD,SAAUA,EACVE,sBAAiD,WAA1BA,EAAqC,SAAW,YACvEI,OAAQa,IAEkB,WAA1BjB,OAAqCkB,EAGvCoB,EAAAA,IAACU,EAAoBA,qBAAA,CAAChD,sBAAsB,YAAYI,OAAQa,QAItE"}

package/amd/CheckboxControl-c5240f9a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './CheckboxRadioContext-6a0fead0', './HiddenAccessible-037ef42d', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './classNames-08d99695', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useId-c9578d26', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormContext-6b0879a0', './FormFieldContext-a024b891', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', './useFocusWithin-5a504fca', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-0c55d53f', './StyledCheckbox-7e4522ca', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './useActive-bb5dc069', './LayoutStyles.css-e2543ca1'], (function(e,s,o,t,a,n,c,l,i,r,d,u,b,h,p,m,y,S,C,x,f,F,A,T,U,g,k,w,v,M,B,E,N,_,R,L,j,D,I,V,P,K,H,q,G,W,$,z,J,O){"use strict";const Q=o.forwardRef((({"aria-describedby":e,name:i,value:u,children:b,isChecked:h,isDisabled:p,isReadonly:m,isRequired:y,onChange:S,onKeyUp:C,assistiveText:x,helpSourceLink:F,helpSourceText:A,columnSpan:T=1},U=null)=>{const g=f.useId(),k=o.useRef(null),{isTabbable:w}=r.useTabbableMode(),{isActive:v,activeProps:M}=J.useActive(),{isFocusRingShown:B}=t.useCheckboxRadioContext(),E=o.createRef(),{isFocus:N,focusProps:{onFocus:_,onBlur:R}}=c.useFocus(),{classes:L,styles:{valueLabelStyle:j,checkboxSpanStyle:D}}=n.useComponentTheme(z.CheckboxRedwoodTheme,{cursor:p||m?"arrow":"pointer",disabled:p?"isDisabled":"notDisabled",focused:N&&B?"isFocused":"notFocused"}),I=!(p||m||!x&&!F),V=I?`${g}-help-available`:void 0,P=I?`${g}-icon-ua`:void 0,{formControl_helpAvailable:H}=d.useTranslationBundle("@oracle/oraclejet-preact"),q=H(),G=I?s.jsx(a.HiddenAccessible,{id:V,children:q}):void 0;delete M.onKeyDown;const{focusProps:Q,isFocused:X}=K.useFocusWithin(),Y=o.useRef(null),Z=U||Y;o.useEffect((()=>{!(document.activeElement===Z?.current)&&N&&B&&E?.current?.scrollIntoView({block:"nearest"})}),[Z,N,B,E]);const ee=O.layoutSpanStyles.layoutSpanColumn[T];return s.jsxs("label",{ref:E,class:l.classNames([L,ee]),children:[s.jsx("span",{class:D,...M,children:s.jsx($.StyledCheckbox,{"aria-describedby":e,name:i,value:u,onChange:S,onBlur:R,onFocus:_,onKeyUp:C,onKeyDown:e=>{const{key:s}=e;m||void 0===s||" "!==s||e.preventDefault()},isActive:v,isChecked:h?"checked":"unchecked",isDisabled:p,isReadonly:m,isRequired:y,ref:Z})}),s.jsxs("span",{class:j,children:[s.jsx("span",{...M,...Q,onMouseDown:e=>{const s=e.target.closest("a");s&&k.current?.contains(s)?e.stopPropagation():M.onMouseDown?.(e)},ref:k,children:b}),G,I&&s.jsx(W.IconUserAssistance,{assistiveText:x,helpSourceLink:F,helpSourceText:A,isTabbable:w&&(N||X),id:P})]})]})}));e.CheckboxControl=Q}));
+//# sourceMappingURL=CheckboxControl-c5240f9a.js.map