@oracle/oraclejet-preact 14.1.8 → 14.1.9

package/amd/{NumberInputText-8ae0414b.js.map → NumberInputText-33d397cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"NumberInputText-8ae0414b.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.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 { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * Variants representing different icons for the button.\n   */\n  variant: 'arrowup' | 'arrowdown';\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <Button\n        display=\"icons\"\n        isDisabled={isDisabled}\n        title={label}\n        onAction={handleClick}\n        startIcon={icon}\n        variant=\"borderless\"></Button>\n    </TabbableModeContext.Provider>\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 { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\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 { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\ntype Props = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n */\nexport const useSteppers = ({\n  hasSteppers,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  const handleClick = useCallback(\n    (event: StepEvent) => {\n      // When a step button is clicked, set focus to the input.\n      inputRef.current?.focus();\n      onStep?.(event);\n    },\n    [onStep, inputRef]\n  );\n\n  const handleDisabledMouseDown = useCallback((event: Event) => {\n    // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n    // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const steppers = hasSteppers ? (\n    <Steppers>\n      <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"decrease\"\n          isDisabled={isStepDownDisabled}\n          onStep={handleClick}\n          variant=\"arrowdown\"\n        />\n      </div>\n\n      <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"increase\"\n          isDisabled={isStepUpDisabled}\n          onStep={handleClick}\n          variant=\"arrowup\"\n        />\n      </div>\n    </Steppers>\n  ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n  return { steppers, stepHandlerProps };\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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n  /**\n   * The formatted value of the component. Used for the aria-valueText\n   * attribute to provide a more human readable text alternative for\n   * ariaValueNow.\n   */\n  ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text, and inline with it.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * The suffix displays as regular text after the input text, and inline with it.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current possibly formatted display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'number' | 'text';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      ariaValueMax,\n      ariaValueMin,\n      ariaValueNow,\n      ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { steppers, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: steppers !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: false,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          ariaValueMax={ariaValueMax}\n          ariaValueMin={ariaValueMin}\n          ariaValueNow={ariaValueNow}\n          ariaValueText={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={steppers !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={false}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"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"}
+{"version":3,"file":"NumberInputText-33d397cf.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.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 { Button } from '../UNSAFE_Button';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IcoChevronDown, IcoChevronUp } from '../UNSAFE_Icons';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * Variants representing different icons for the button.\n   */\n  variant: 'arrowup' | 'arrowdown';\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  const icon = variant === 'arrowup' ? <IcoChevronUp /> : <IcoChevronDown />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <Button\n        display=\"icons\"\n        isDisabled={isDisabled}\n        title={label}\n        onAction={handleClick}\n        startIcon={icon}\n        variant=\"borderless\"></Button>\n    </TabbableModeContext.Provider>\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 { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\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 { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\ntype Props = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n */\nexport const useSteppers = ({\n  hasSteppers,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  const handleClick = useCallback(\n    (event: StepEvent) => {\n      // When a step button is clicked, set focus to the input.\n      inputRef.current?.focus();\n      onStep?.(event);\n    },\n    [onStep, inputRef]\n  );\n\n  const handleDisabledMouseDown = useCallback((event: Event) => {\n    // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n    // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const steppers = hasSteppers ? (\n    <Steppers>\n      <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"decrease\"\n          isDisabled={isStepDownDisabled}\n          onStep={handleClick}\n          variant=\"arrowdown\"\n        />\n      </div>\n\n      <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"increase\"\n          isDisabled={isStepUpDisabled}\n          onStep={handleClick}\n          variant=\"arrowup\"\n        />\n      </div>\n    </Steppers>\n  ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n  return { steppers, stepHandlerProps };\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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  ariaValueMax?: TextFieldInputProps['ariaValueMax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  ariaValueMin?: TextFieldInputProps['ariaValueMin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  ariaValueNow?: TextFieldInputProps['ariaValueNow'];\n\n  /**\n   * The formatted value of the component. Used for the aria-valueText\n   * attribute to provide a more human readable text alternative for\n   * ariaValueNow.\n   */\n  ariaValueText?: TextFieldInputProps['ariaValueText'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text, and inline with it.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * The suffix displays as regular text after the input text, and inline with it.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n\n  /**\n   * The current possibly formatted display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'number' | 'text';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      ariaValueMax,\n      ariaValueMin,\n      ariaValueNow,\n      ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      value\n    });\n\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { steppers, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: steppers !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: false,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <Fragment>\n        {renderedPrefix}\n        <TextFieldInput\n          ariaLabelledBy={ariaLabelledBy}\n          ariaLabel={ariaLabel}\n          ariaValueMax={ariaValueMax}\n          ariaValueMin={ariaValueMin}\n          ariaValueNow={ariaValueNow}\n          ariaValueText={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEndContent={steppers !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={false}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IcoChevronUp","jsx","IcoChevronDown","TabbableModeContext","Provider","Object","assign","value","isTabbable","children","Button","display","title","onAction","startIcon","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","_a","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","valueText","toString","mainContent","Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","deviceType","getClientHints"],"mappings":"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"}

package/amd/PRIVATE_Collection/__tests__/Collection.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-d3ef1b6f","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../Collection-71e6f090","preact"],function(e,t,n,i,c){"use strict";describe("Test Collection component",()=>{it("render",async function(){const c=t.render(e.jsx("ul",{children:e.jsx(i.Collection,Object.assign({items:[{id:"e1",name:"Employee 1"},{id:"e2",name:"Employee 2"}]},{children:t=>e.jsx("li",{children:t.data.name})}))})),l=await c.queryAllByText("Employee",{exact:!1});n.expect(l.length).eq(2)})})});
 //# sourceMappingURL=Collection.spec.js.map

package/amd/PRIVATE_Collection.js

@@ -1,2 +1,2 @@
-define(["exports","./Collection-d3ef1b6f","preact/jsx-runtime","preact"],function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Collection-71e6f090","preact/jsx-runtime","preact"],function(e,t,o,c){"use strict";e.Collection=t.Collection,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Collection.js.map

package/amd/PRIVATE_List/__tests__/List.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-de821fa4","../../hooks/UNSAFE_useTabbableMode","../../List-60513105","../../UNSAFE_Flex","../../Flex-49ae9d40","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-7ef49daf","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-2a7397a6","../../PRIVATE_Collection","../../Collection-d3ef1b6f","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-ecf14228","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-36eb14b3","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-4bc24d07","../../_curry2-b282d372","../../_curry3-d85ab9e3","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-13c57283","../../tslib.es6-01aa33b9","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-d6e072c4","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-03c10d8e","../../index-c150ed6e","../../UNSAFE_Icon","../../Icon-09d9aaef","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-0d08c31b","../../index-fbf288d8","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-ce597b9d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-2f73271e","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-af3b62ca","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7f1eca3f"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,h,_,m,f,S,F,U,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,he,_e){"use strict";function me(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var fe=me(a);function Se({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(Ue,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function Fe(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(Se,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(Se,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(Se,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),fe.default.click(n),i(e.jsx(Se,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(Se,{allowTabbableMode:!1,data:t})),fe.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const Ue=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","../../testHelpers-5cfe8465","../../hooks/UNSAFE_useTabbableMode","../../List-08dda157","../../UNSAFE_Flex","../../Flex-56ca361c","preact","css!./../../PRIVATE_List.css","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-dcb5a382","../../PRIVATE_Collection","../../Collection-71e6f090","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-f35e8f07","../../utils/UNSAFE_arrayUtils","../../UNSAFE_FocusTrap","../../FocusTrap-b2f97301","preact/compat","../../utils/PRIVATE_tabbableUtils","../../_curry1-5e7b060f","../../_curry2-a7eb1217","../../_curry3-5f6cc6b4","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-972c8df8","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_size","../../utils/UNSAFE_mergeInterpolations","../../_has-ec8331b9","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f"],function(e,t,o,a,s,i,n,l,r,c,d,u,b,g,p,A,x,E,h,_,f,m,S,F,U,N,T,I,k,y,w,j,R,v,P,V,O,q,C,M,L,z,B,D,K,H,G,J,Q,W,X,Y,Z,$,ee,te,oe,ae,se,ie,ne,le,re,ce,de,ue,be,ge,pe,Ae,xe,Ee,he,_e){"use strict";function fe(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var me=fe(a);function Se({allowTabbableMode:o,data:a,loadingIndicator:s,role:i}){const n=t.useRef(null),[r,d]=t.useState(void 0),[u,b]=t.useState(a?{offset:0,data:a.slice(0,25),totalSize:a.length,sizePrecision:"exact"}:null);return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:n},{children:e.jsx(l.List,Object.assign({accessibleSummary:"Basic list",allowTabbableMode:o,currentKey:r,data:u,loadingIndicator:s,onCurrentKeyChange:e=>d(e.value),onLoadRange:()=>{},role:i,viewportConfig:{scroller:()=>n.current}},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx(Ue,{"data-testid":"input-"+t.data.id}),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}function Fe(e,t){const o=[];for(let a=0;a<e;a++)t?o.push({id:a,name:"Employee "+a}):o.push({id:"i"+a,name:"Employee "+a});return o}describe("Test List component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("renders with custom loader",()=>{const t=e.jsx("div",Object.assign({"data-testid":"load-more-component"},{children:"Loading"})),{getAllByTestId:a,queryByTestId:i,rerender:n}=o.render(e.jsx(Se,{data:null}));s.expect(i("load-more-component")).to.be.null,n(e.jsx(Se,{data:null,loadingIndicator:t})),s.expect(a("load-more-component").length).eq(1)}),it("renders with default roles",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t})),n=await i.getRoot(a);s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a);s.expect(l.length).eq(25);const r=await i.getContents(a);s.expect(r.length).eq(25)}),it("renders with listbox rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"listbox"})),n=await i.getRoot(a,"listbox");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"presentation");s.expect(l.length).eq(25);const r=await i.getContents(a,"option");s.expect(r.length).eq(25)}),it("renders with treegrid rows",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),a=o.render(e.jsx(Se,{data:t,role:"treegrid"})),n=await i.getRoot(a,"treegrid");s.expect(n.getAttribute("aria-rowcount")).eq("100");const l=await i.getItems(a,"row");s.expect(l.length).eq(25);const r=await i.getContents(a,"gridcell");s.expect(r.length).eq(25)}),it("allows toggling off F2 mode",async()=>{const t=Fe(100).map(e=>({data:e,metadata:{key:e.id}})),{getByTestId:a,rerender:i}=o.render(e.jsx(Se,{data:t})),n=a("input-i0");s.expect(n.getAttribute("tabindex")).equals("-1"),me.default.click(n),i(e.jsx(Se,{data:t})),s.expect(n.getAttribute("tabindex")).equals("0"),i(e.jsx(Se,{allowTabbableMode:!1,data:t})),me.default.click(n),s.expect(n.getAttribute("tabindex")).equals("-1")})});const Ue=t=>{const{tabbableModeProps:o}=n.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))}});
 //# sourceMappingURL=List.spec.js.map

package/amd/PRIVATE_List.css

@@ -1,17 +1,17 @@
-._1abhwno{height:100%;user-select:none;overflow-y:inherit;}._1abhwno:focus{outline-style:none;}
-._1s6ipec{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-._8ehp9o{position:relative;}
+.l5s4i9{height:100%;user-select:none;overflow-y:inherit;}.l5s4i9:focus{outline-style:none;}
+._1b5t8h7{position:absolute;top:0;width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.xxgxx0{position:relative;}
 
-.icvpo7{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._1u72u2d{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-.jmi899{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
-._1wdvg6j{background-size:100% 1px;}
-._1r0y6ip{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
-._14tjbnq:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-._1onv8hl{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.yji4nq{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-._1mhhdx7{background-size:100% 1px;}
-.lkoqep{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.ejq7jw{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-.tnlcn7{flex-grow:1;}
-._1qa1n42{display:flex;}
+._43zrto{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 100%;background-repeat:no-repeat;border-top:1px solid transparent;}
+.r6yuwf{background-size:100% 1px;}
+._1y3dnml{background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)),linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-position:0 100%,0 -1px;background-size:100% 1px,100% 1px;}
+._3m92ei:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._1j29fb1{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.oucw7t{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+._1wijw8j{background-size:100% 1px;}
+._1sjamku{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.gu7a2{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.jmr9vm{flex-grow:1;}
+._1vhlj9i{display:flex;}

package/amd/PRIVATE_List.js

@@ -1,2 +1,2 @@
-define(["exports","./List-60513105","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-7ef49daf","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-2a7397a6","./PRIVATE_Collection","./Collection-d3ef1b6f","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-ecf14228","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-36eb14b3","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-4bc24d07","./_curry2-b282d372","./_curry3-d85ab9e3","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-13c57283","./tslib.es6-01aa33b9","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-d6e072c4","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-49ae9d40","./utils/UNSAFE_interpolations/boxalignment","./keys-2f73271e","./utils/UNSAFE_interpolations/flexbox","./flexbox-af3b62ca","./utils/UNSAFE_interpolations/flexitem","./flexitem-7f1eca3f","./UNSAFE_Selector","./index-03c10d8e","./index-c150ed6e","./UNSAFE_Icon","./Icon-09d9aaef","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-0d08c31b","./index-fbf288d8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ce597b9d","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,a,u,_,r,A,E,c,F,S,U,N,d,b,k,h,f,T,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ae,ue,_e,re,Ae,Ee,ce,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./List-08dda157","preact/jsx-runtime","preact/hooks","css!./PRIVATE_List.css","./utils/UNSAFE_classNames","./classNames-62e37972","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-dcb5a382","./PRIVATE_Collection","./Collection-71e6f090","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-f35e8f07","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-b2f97301","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-5e7b060f","./_curry2-a7eb1217","./_curry3-5f6cc6b4","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-972c8df8","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-ec8331b9","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-56ca361c","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./UNSAFE_Selector","./index-359cad62","./index-8aa44d16","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,t,i,l,n,a,u,_,r,c,A,E,F,S,U,N,k,b,d,f,h,T,p,I,m,x,V,P,R,C,g,y,L,M,v,z,j,O,w,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,te,ie,le,ne,ae,ue,_e,re,ce,Ae,Ee,Fe,Se,Ue){"use strict";e.List=o.List,e.SkeletonContainer=o.SkeletonContainer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_List.js.map

package/amd/PRIVATE_Message/__tests__/MessageCloseButton.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-9115578a","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-315621e2","../../UNSAFE_BaseButton","../../BaseButton-0f25e403","../../tslib.es6-01aa33b9","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-7ef49daf","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-4bc24d07","../../utils/UNSAFE_mergeInterpolations","../../_curry3-d85ab9e3","../../_curry2-b282d372","../../_has-d6e072c4","../../utils/PRIVATE_clientHints","../../clientHints-421618b0","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-03c10d8e","../../index-c150ed6e","../../UNSAFE_Icon","../../Icon-09d9aaef","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-0d08c31b","../../index-fbf288d8","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-ce597b9d","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,u,a,l,r,d,A,_,E,U,F,N,b,k,S,f,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
+define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","../../MessageCloseButton-c0436a6d","css!./../../PRIVATE_Message.css","../../UNSAFE_Button","../../Button-0d9421fc","../../UNSAFE_BaseButton","../../BaseButton-7d5eb39d","../../tslib.es6-0026d2ad","../../hooks/UNSAFE_usePress","preact/hooks","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-62e37972","preact/compat","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/PRIVATE_clientHints","../../clientHints-2e828dd3","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme"],function(e,t,o,s,n,i,c,u,a,l,r,d,A,_,E,U,F,N,b,k,S,f,h,g,p,y,m,x,B,T,C,I,j,v,M,P,R,H,V,w,O,q,z,L,D,G,J,K,Q,W,X,Y){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(o);describe("Test MessageCloseButton component",()=>{it("default renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0}})),c=await i.findByRole("button");s.expect(c).not.null,$.default.click(c),s.expect(o.clicked).to.be.true}),it("custom button renderer",async function(){const o={clicked:!1},i=t.render(e.jsx(n.MessageCloseButton,{onAction:function(){o.clicked=!0},buttonRenderer:(t,o,s)=>e.jsx("button",Object.assign({style:"background-color: orange;","aria-label":t,onClick:o,title:t},{children:t}))})),c=await i.findByText("Close");s.expect(c).not.null,s.expect(c.style.backgroundColor).to.equal("orange"),$.default.click(c),s.expect(o.clicked).to.be.true})})});
 //# sourceMappingURL=MessageCloseButton.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageDetail.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-bca5d0e6","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-7ef49daf","../../MessageFormattingUtils-2f6ea3d7","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-3b45cc82","../../Message.types-36b055bd","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,n,a,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p})),a=await n.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(a).not.null}),it("custom renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:n})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==n?void 0:n.key]})]}))})),a=await n.findByTestId("customWrapper");i.expect(a).not.null,i.expect(null==a?void 0:a.style.backgroundColor).to.equal("orange");const d=await n.findByText("index: 0");i.expect(d).not.null;const r=await n.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await n.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await n.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageDetail-3e492e42","css!./../../PRIVATE_Message.css","preact","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../MessageFormattingUtils-36ba3a21","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../Message.types-cdf49a64","../../utils/UNSAFE_arrayUtils"],function(e,t,i,s,n,a,d,r,l,o,c,y,m,u){"use strict";const p={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}};describe("Test MessageDetail component",()=>{it("default renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p})),a=await n.findByText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(a).not.null}),it("custom renderer",async function(){const n=t.render(e.jsx(s.MessageDetail,{item:p,renderer:({data:t,index:i,key:s,metadata:n})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":"customWrapper"},{children:[e.jsxs("div",{children:["index: ",i]}),e.jsxs("div",{children:["key: ",s]}),e.jsxs("div",{children:["detail: ",t.detail]}),e.jsxs("div",{children:["metadata key: ",null==n?void 0:n.key]})]}))})),a=await n.findByTestId("customWrapper");i.expect(a).not.null,i.expect(null==a?void 0:a.style.backgroundColor).to.equal("orange");const d=await n.findByText("index: 0");i.expect(d).not.null;const r=await n.findByText("key: ConfirmationMessage");i.expect(r).not.null;const l=await n.findByText("detail: Lorem Ipsum is simply dummy text of the printing and typesetting industry.");i.expect(l).not.null;const o=await n.findByText("metadata key: ConfirmationMessage");i.expect(o).not.null})})});
 //# sourceMappingURL=MessageDetail.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageFormattingUtils.spec.js

@@ -1,2 +1,2 @@
-define(["chai","../../MessageFormattingUtils-2f6ea3d7","../../Message.types-36b055bd","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-3b45cc82","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
+define(["chai","../../MessageFormattingUtils-36ba3a21","../../Message.types-cdf49a64","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../utils/UNSAFE_arrayUtils"],function(e,t,i,o,s,a,r){"use strict";describe("Test MessageFormattingUtils",()=>{it("isValidValueForProp",function(){i.severities.forEach(i=>{e.expect(t.isValidValueForProp(i,"severity")).to.be.true}),e.expect(t.isValidValueForProp("foo","severity")).to.be.false,e.expect(t.isValidValueForProp((new Date).toISOString(),"timestamp")).to.be.true,e.expect(t.isValidValueForProp("foo","timestamp")).to.be.false,e.expect(t.isValidValueForProp("foo","string")).to.be.true,e.expect(t.isValidValueForProp("","string")).to.be.false,e.expect(t.isValidValueForProp(null,"string")).to.be.false,e.expect(t.isValidValueForProp(void 0,"string")).to.be.false}),it("formatTimestamp",function(){const i=t.formatTimestamp((new Date).toISOString());e.expect(t.isValidValueForProp(i,"string")).to.be.true;try{const i=t.formatTimestamp("foo");e.expect(t.isValidValueForProp(i,"timestamp")).to.be.false}catch(t){e.expect(t).not.null}})})});
 //# sourceMappingURL=MessageFormattingUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageStartIcon.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-a7b50582","../../Message.types-36b055bd","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-7ef49daf","../../index-03c10d8e","../../index-c150ed6e","../../UNSAFE_Icon","../../Icon-09d9aaef","../../tslib.es6-01aa33b9","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-0d08c31b","preact/compat","../../index-fbf288d8","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-ce597b9d","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-49ae9d40","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-4bc24d07","../../utils/UNSAFE_mergeInterpolations","../../_curry3-d85ab9e3","../../_curry2-b282d372","../../_has-d6e072c4","../../utils/UNSAFE_interpolations/boxalignment","../../keys-2f73271e","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-af3b62ca","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7f1eca3f"],function(e,s,t,o,i,n,a,r,l,c,u,_,F,A,E,U,S,N,d,f,b,h,m,p,x,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageStartIcon-c7c14eb3","../../Message.types-cdf49a64","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../tslib.es6-0026d2ad","preact","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","preact/hooks","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-e8dc5fb7","preact/compat","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../UNSAFE_Flex","../../Flex-56ca361c","../../utils/UNSAFE_interpolations/dimensions","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f"],function(e,s,t,o,i,n,a,c,r,l,u,_,F,A,E,U,S,N,f,d,h,m,p,b,x,g,k,y,I,T,v,M,P,j,C,R,V,z,H,L,O,$,q,w,B,D,G,J,K,Q,W){"use strict";describe("Test MessageStartIcon component",()=>{for(const n in i.severities)"none"!==n&&it(`severity ${n}`,async function(){const i=s.render(e.jsx(o.MessageStartIcon,{severity:n})).container.firstElementChild;t.expect(i).not.null})})});
 //# sourceMappingURL=MessageStartIcon.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageSummary.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-8871a900","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-7ef49daf"],function(e,s,a,t,n,i,r){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=s.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),i=await n.findByText("My Message Summary");a.expect(i).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageSummary-2e35809c","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-62e37972"],function(e,s,a,t,n,i,r){"use strict";describe("Test MessageSummary component",()=>{it("text",async function(){const n=s.render(e.jsx(t.MessageSummary,{text:"My Message Summary"})),i=await n.findByText("My Message Summary");a.expect(i).not.null})})});
 //# sourceMappingURL=MessageSummary.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageTimestamp.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-0b535a61","../../MessageFormattingUtils-2f6ea3d7","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-7ef49daf","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-3b45cc82","../../Message.types-36b055bd","../../utils/UNSAFE_arrayUtils"],function(t,e,s,a,i,n,r,c,l,m,o,u,g){"use strict";const p=new Date,f=new Date(p);f.setUTCFullYear(2020);const d=/\u202f/g,T=function(t){return t.replace(d," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=p.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null}),it("past date",async function(){const n=f.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessageTimestamp-5a7d95b4","../../MessageFormattingUtils-36ba3a21","css!./../../PRIVATE_Message.css","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../Message.types-cdf49a64","../../utils/UNSAFE_arrayUtils"],function(t,e,s,a,i,n,r,c,l,m,o,u,g){"use strict";const p=new Date,d=new Date(p);d.setUTCFullYear(2020);const f=/\u202f/g,T=function(t){return t.replace(f," ")};describe("Test MessageTimestamp component",()=>{it("today's date",async function(){const n=p.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null}),it("past date",async function(){const n=d.toISOString(),r=e.render(t.jsx(a.MessageTimestamp,{value:n})),c=T(i.formatTimestamp(n)),l=await r.findByText(c);s.expect(l).not.null})})});
 //# sourceMappingURL=MessageTimestamp.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessageUtils.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","chai","../../MessageUtils-fc40878e","../../utils/UNSAFE_logger","../../_curry1-4bc24d07","../../_curry2-b282d372","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-2f6ea3d7","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-3b45cc82","../../Message.types-36b055bd","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,c,o,d,l,a,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const c=r.getRenderer(n,"testRenderer",s);t.expect(c).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const o=r.getRenderer(n,void 0,s);t.expect(o).undefined;const d=r.getRenderer(n,()=>"testRenderer",s);t.expect(d).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const l=r.getRenderer(n,()=>{},s);t.expect(l).undefined})})});
+define(["preact/jsx-runtime","chai","../../MessageUtils-f508120a","../../utils/UNSAFE_logger","../../_curry1-5e7b060f","../../_curry2-a7eb1217","../../utils/UNSAFE_soundUtils","../../MessageFormattingUtils-36ba3a21","../../utils/UNSAFE_getLocale","../../utils/UNSAFE_stringUtils","../../stringUtils-91d77e3d","../../Message.types-cdf49a64","../../utils/UNSAFE_arrayUtils"],function(e,t,r,n,s,i,o,c,d,a,l,u,g){"use strict";describe("Test MessageUtils",()=>{it("throwError",function(){try{r.throwError("foo"),t.expect(!0).to.be.false}catch(e){t.expect(e).not.null}}),it("getRenderer",function(){const n={data:{detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."},index:0,key:"ConfirmationMessage",metadata:{key:"ConfirmationMessage"}},s={testRenderer:()=>e.jsx("div",{})},i=r.getRenderer(n,"testRenderer");t.expect(i).undefined;const o=r.getRenderer(n,"testRenderer",s);t.expect(o).to.equal(s.testRenderer);try{const e=r.getRenderer(n,"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const c=r.getRenderer(n,void 0,s);t.expect(c).undefined;const d=r.getRenderer(n,()=>"testRenderer",s);t.expect(d).to.equal(s.testRenderer);try{const e=r.getRenderer(n,()=>"foo",s);t.expect(e).null}catch(e){t.expect(e).not.null}const a=r.getRenderer(n,()=>{},s);t.expect(a).undefined})})});
 //# sourceMappingURL=MessageUtils.spec.js.map

package/amd/PRIVATE_Message/__tests__/MessagesManager.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-43519abe","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-01aa33b9","../../hooks/UNSAFE_useAnimation","../../useAnimation-ce597b9d","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../MessagesManager-2c73161c","preact","preact/hooks","../../PRIVATE_TransitionGroup","../../tslib.es6-0026d2ad","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useMessagesContext"],function(e,t,i,s,n,a,r,d,m,o,y){"use strict";const p=[{key:"ErrorMessage",data:{severity:"error",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"WarningMessage",data:{severity:"warning",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"ConfirmationMessage",data:{severity:"confirmation",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}},{key:"InfoMessage",data:{severity:"info",summary:"Primary Text",detail:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.",closeAffordance:"on",timestamp:(new Date).toISOString()}}];describe("Test MessagesManager component",()=>{it("child renderer",async function(){const n=t.render(e.jsx(s.MessagesManager,Object.assign({data:p},{children:({index:t,item:i})=>e.jsxs("div",Object.assign({style:"border: 1px solid gray; padding: 5px; background-color: orange;","data-testid":i.key},{children:[e.jsxs("div",{children:["index: ",t]}),e.jsxs("div",{children:["key: ",i.key]}),e.jsxs("div",{children:["severity: ",i.data.severity]}),e.jsxs("div",{children:["summary: ",i.data.summary]}),e.jsxs("div",{children:["detail: ",i.data.detail]}),e.jsxs("div",{children:["timestamp: ",i.data.timestamp]})]}))})));await Promise.all(p.map(async e=>{const t=await n.findByTestId(e.key);i.expect(t).not.null,i.expect(t.style.backgroundColor).to.equal("orange");const s=await n.findByText(`severity: ${e.data.severity}`);i.expect(s).not.null}))})})});
 //# sourceMappingURL=MessagesManager.spec.js.map

package/amd/PRIVATE_Message.css

@@ -1,34 +1,34 @@
-._1blw68r{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._1blw68r:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._57wria{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}._57wria:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.ugvmqs{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-.nukqls{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._1bl9i86{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
-.anjj4v{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.nxiykc{align-self:flex-start;display:flex;}
+._12kwytw{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
+.fo50jw{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
 
-._4sp29l{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
-.kdymq9{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-.dp9uqt{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._1xs1ruc{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
-._8pngvc{height:100%;}
+.r1yt7h{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.r1yt7h:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1jul8fc{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color);border-radius:6px;box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm);width:fit-content;}._1jul8fc:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.zucrbx{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+._16ed52x{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.pikpiy{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+._9sdrqr{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
 
-._1dse3eb{overflow-wrap:anywhere;}
-.r3jcu9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.t2q84v{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
+.y7prhl{overflow-wrap:anywhere;}
+.o9qghg{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1c3ql4t{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-detail-text-color);}
 
-._1bon6g8{align-self:flex-start;display:flex;}
-.s562t{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x));}
-.e39ucv{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);margin-inline-end:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-top:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);margin-bottom:calc(-1 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x) / 2);}
+.qczl7f{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);display:flex;align-self:flex-start;}
+.ko6jnl{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._1wxxqrb{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+.ydni2n{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+._3bfayt{height:100%;}
 
-._1mwk7gd{flex:1;overflow-wrap:anywhere;}
-._1k4askc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-._1ad5yah{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
-.lpuv3d{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
+._6ax90m{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
 
-._1mjtfzw{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.tss5hx{flex:1;overflow-wrap:anywhere;}
+._11h4inw{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+._18xi6st{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+.bajlzc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-summary-text-color);}
 
-._1u4bd6u{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
-._1r6si85{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+.vpryd8{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.vpryd8{flex-direction:column;}}
+.rxbvtj{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._1mjahx3{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
 
-.rkgk7q{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.rkgk7q{flex-direction:column;}}
-.xsaxs9{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-.dz8vpl{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}
+._1g9tf41{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);align-self:flex-start;display:flex;}
+.od93yg{height:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size);}

package/amd/PRIVATE_Message.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-9115578a","./classNames-7ef49daf","./MessageDetail-bca5d0e6","./MessageFormattingUtils-2f6ea3d7","./MessageStartIcon-a7b50582","./MessageSummary-8871a900","./MessageTimestamp-0b535a61","./MessageUtils-fc40878e","./Flex-49ae9d40","./MessagesManager-43519abe","./Message.types-36b055bd","./tslib.es6-01aa33b9","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-4bc24d07","./utils/UNSAFE_mergeInterpolations","./_curry3-d85ab9e3","./_curry2-b282d372","./_has-d6e072c4","./utils/UNSAFE_interpolations/boxalignment","./keys-2f73271e","./utils/UNSAFE_interpolations/flexbox","./flexbox-af3b62ca","./utils/UNSAFE_interpolations/flexitem","./flexitem-7f1eca3f","./UNSAFE_Button","./Button-315621e2","./UNSAFE_BaseButton","./BaseButton-0f25e403","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-421618b0","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-03c10d8e","./index-c150ed6e","./UNSAFE_Icon","./Icon-09d9aaef","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-0d08c31b","./index-fbf288d8","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ce597b9d","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-3b45cc82","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,i,r,l,u,c,d,g,m,b,S,_,E,F,A,U,f,p,N,x,v,M,y,h,j,k,T,I,B,C,R,V,O,P,w,D,q,H,z,L,W,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,ie,re,le,ue,ce,de,ge,me,be,Se,_e,Ee,Fe,Ae){"use strict";const Ue="_1u4bd6u",fe="_1r6si85";function pe({item:e,renderer:t}){const a=l.classNames([Ue,fe]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"rkgk7q",banner:"xsaxs9",inline:void 0,toast:"dz8vpl"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return c.isValidValueForProp(e,"severity")&&"none"!==e}const Me={base:{banner:"_1blw68r",toast:"_57wria"},section:"ugvmqs",content:{base:"nukqls",banner:"_1bl9i86",toast:"anjj4v"}};e.MessageCloseButton=r.MessageCloseButton,e.MessageDetail=u.MessageDetail,e.formatTimestamp=c.formatTimestamp,e.isValidValueForProp=c.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=E.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:i=-1,item:_,onClose:E,messageRef:F=(()=>{}),variant:A="pageBanner",translations:U}){const{closeAffordance:f="on",severity:p="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:M="off"}=_.data,y=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(A),h=a.useCallback(()=>{null==E||E(_)},[_,E]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===f&&(null==E||E(_))},[f,_,E]),k="toast"===y&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(h,I))},[h,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(c.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()}),[]);const O=l.classNames([Me.base[y],"toast"!==A&&b.severityBasedStyleClass(p,y),"sectionBanner"===A&&Me.section]),P=l.classNames([Me.content.base,Me.content[y]]);return s.jsx("div",Object.assign({ref:F,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(pe,{item:Object.assign(Object.assign({},_),{index:i}),renderer:n}):ve(p)?s.jsx(d.MessageStartIcon,{severity:p,variant:y,translations:U}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:y},{children:[s.jsx(g.MessageSummary,{variant:y,text:x}),c.isValidValueForProp(v,"timestamp")&&"toast"!==A&&s.jsx(m.MessageTimestamp,{variant:y,value:v})]})),s.jsx(u.MessageDetail,{variant:y,item:Object.assign(Object.assign({},_),{index:i}),renderer:t})]})),"on"===f&&s.jsx(r.MessageCloseButton,{buttonRenderer:e,title:null==U?void 0:U.close,variant:y,onAction:h})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-c0436a6d","./classNames-62e37972","./MessageDetail-3e492e42","./MessageFormattingUtils-36ba3a21","./MessageStartIcon-c7c14eb3","./MessageSummary-2e35809c","./MessageTimestamp-5a7d95b4","./MessageUtils-f508120a","./Flex-56ca361c","./MessagesManager-2c73161c","./Message.types-cdf49a64","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./UNSAFE_Button","./Button-0d9421fc","./UNSAFE_BaseButton","./BaseButton-7d5eb39d","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-2e828dd3","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-359cad62","./index-8aa44d16","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-91d77e3d","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,r,i,l,c,u,d,g,m,b,S,_,E,F,p,A,U,f,N,x,v,y,M,h,j,k,T,I,B,C,R,V,O,P,D,w,H,z,L,W,q,G,K,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,re,ie,le,ce,ue,de,ge,me,be,Se,_e,Ee,Fe,pe){"use strict";const Ae="_1g9tf41",Ue="od93yg";function fe({item:e,renderer:t}){const a=l.classNames([Ae,Ue]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"vpryd8",banner:"rxbvtj",inline:void 0,toast:"_1mjahx3"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const ye={base:{banner:"r1yt7h",toast:"_1jul8fc"},section:"zucrbx",content:{base:"_16ed52x",banner:"pikpiy",toast:"_9sdrqr"}};e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=_.MessagesManager,e.severities=E.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:r=-1,item:_,onClose:E,messageRef:F=(()=>{}),variant:p="pageBanner",translations:A}){const{closeAffordance:U="on",severity:f="error",sound:N,summary:x,timestamp:v}=_.data,{autoTimeout:y="off"}=_.data,M=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(p),h=a.useCallback(()=>{null==E||E(_)},[_,E]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===U&&(null==E||E(_))},[U,_,E]),k="toast"===M&&"off"!==y,T=a.useRef(),I="on"===y?5e3:"number"==typeof y?y:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(h,I))},[h,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(u.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()}),[]);const O=l.classNames([ye.base[M],"toast"!==p&&b.severityBasedStyleClass(f,M),"sectionBanner"===p&&ye.section]),P=l.classNames([ye.content.base,ye.content[M]]);return s.jsx("div",Object.assign({ref:F,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(fe,{item:Object.assign(Object.assign({},_),{index:r}),renderer:n}):ve(f)?s.jsx(d.MessageStartIcon,{severity:f,variant:M,translations:A}):null,s.jsxs(S.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:M},{children:[s.jsx(g.MessageSummary,{variant:M,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==p&&s.jsx(m.MessageTimestamp,{variant:M,value:v})]})),s.jsx(c.MessageDetail,{variant:M,item:Object.assign(Object.assign({},_),{index:r}),renderer:t})]})),"on"===U&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==A?void 0:A.close,variant:M,onAction:h})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Message.js.map