@oracle/oraclejet-preact 14.0.0

package/cjs/MeterCircle-e217b97c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeterCircle-e217b97c.js","sources":["../../src/UNSAFE_MeterCircle/CircularReferenceLine.tsx","../../src/UNSAFE_MeterCircle/CircleMeterUtils.ts","../../src/UNSAFE_MeterCircle/LayoutUtils.ts","../../src/UNSAFE_MeterCircle/MeterCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'];\n  angle: number;\n  radius: string;\n  length: string;\n  section: getCenterCoordParamType[0];\n};\n\nexport function CircularReferenceLine({\n  color,\n  angle,\n  radius,\n  length,\n  section = 'full'\n}: CircularReferenceLineProps) {\n  const centerCoord = getCenterCoord(section);\n  const yOffset = `calc(${centerCoord.y * 100}% - ((${Math.sin(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  const xOffset = `calc(${centerCoord.x * 100}%  + ((${Math.cos(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n\n  return (\n    <div\n      class={referenceLineStyles.base}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color\n          ? color\n          : 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n        borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n      }}></div>\n  );\n}\n\nconst referenceLineStyles = {\n  base: cssProps`${{\n    height: '2px',\n    position: 'absolute',\n    transformOrigin: '0 50%',\n    backgroundClip: 'padding-box'\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 type { Ref } from 'preact/hooks';\nimport {\n  getPositiveAngle,\n  convertToPolar,\n  getCenterCoord,\n  Sector\n} from '../utils/PRIVATE_meterUtils';\n\nimport { CenterContext } from './MeterCircle.types';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n  innerRadius: number;\n  outerRadius: number;\n};\n\n/**\n * Returns the true dimensions of the meter circle after initial render. All dimensions are 0 for initial render.\n * @param element The HTML element that wraps the track and indicator div.\n * @param section The section in which the meter circle lies.\n * @returns The dimensions of the meter circle.\n */\nexport function getDimensions(element: HTMLElement | null, section: Sector): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0,\n      innerRadius: 0,\n      outerRadius: 0\n    };\n  }\n\n  const circleTrack = element.children[0] as HTMLElement;\n  const rect = circleTrack.getBoundingClientRect();\n\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n    ...getInnerAndOuterRadius(circleTrack, rect, section)\n  };\n}\n\n/**\n * Returns the inner and outer radius of the meter circle.\n * @param element The HTML element that wraps the track and indicator div.\n * @param rect The bounding rect of the wrapper HTML element.\n * @param section The section in which the meter circle lies.\n * @returns The inner and outer radius of the meter circle.\n */\nfunction getInnerAndOuterRadius(\n  element: HTMLElement,\n  rect: any,\n  section: string\n): {\n  innerRadius: number;\n  outerRadius: number;\n} {\n  const width = element.clientWidth;\n  const height = element.clientHeight;\n\n  if (section === 'bottom' || section === 'top') {\n    return { outerRadius: rect.width / 2, innerRadius: height };\n  } else if (section === 'left' || section === 'right') {\n    return { outerRadius: rect.height / 2, innerRadius: width };\n  }\n  return { innerRadius: width / 2, outerRadius: rect.width / 2 };\n}\n\n/**\n * Returns the value corresponding to clicked point in the meter circle. Returns undefined if the clicked point is\n * outside the track of the meter circle.\n * @param pageX The pageX of the click event\n * @param pageY The pageY of the click event\n * @param max The max value of the meter circle.\n * @param min The min value of the meter circle.\n * @param step The step of the metercircle.\n * @param dimensionsRef The ref that stores dimensions reference of meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle\n * @returns {number} The value corresponding to clicked point in the meter circle.\n */\nexport function getValue(\n  event: PointerEvent,\n  min: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<Dimensions>,\n  startAngle: number,\n  angleExtent: number,\n  section: Sector,\n  isRtl: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims) {\n    return undefined;\n  }\n\n  const center = getCenterCoord(section);\n  const { angle } = convertToPolar(\n    dims.width * center.x,\n    dims.height * center.y,\n    event.offsetX,\n    event.offsetY\n  );\n\n  const positiveAngle = getPositiveAngle(angle);\n\n  let val;\n  if (isRtl && startAngle + angleExtent > positiveAngle) {\n    val = (getPositiveAngle(angle - startAngle) / angleExtent) * (max - min);\n  }\n\n  if (!isRtl) {\n    const clockwiseArc = getPositiveAngle(startAngle - positiveAngle);\n    if (clockwiseArc <= angleExtent) {\n      val = (clockwiseArc * (max - min)) / angleExtent;\n    }\n  }\n\n  if (val != undefined) {\n    val = Math.round(val / step) * step;\n  }\n  return val;\n}\n\n/**\n * Returns the fraction of angle extent for given delta.\n * @param delta The delta of metric values.\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param angleExtent The angle extent of the meter circle.\n * @returns The angle extent corresponding to delta in metric value.\n */\nexport function getAngleExtentFromDelta(\n  delta: number,\n  min: number,\n  max: number,\n  angleExtent: number\n): number {\n  return (delta * angleExtent) / (max - min);\n}\n\n/**\n * Returns the start angle for given metric value.\n * @param value The metric value\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The startAngle for the metric value.\n */\nexport function getStartAngleForValue(\n  value: number,\n  min: number,\n  max: number,\n  startAngle: number,\n  angleExtent: number,\n  isRtl: boolean\n): number {\n  const extent = getAngleExtentFromDelta(value - min, min, max, angleExtent);\n  return startAngle + (isRtl ? 1 : -1) * extent;\n}\n\n/**\n * Returns the center context of for the meter circle.\n */\nexport function getCenterContext(\n  dimensionsRef: Ref<Dimensions>,\n  section: 'top' | 'bottom' | 'left' | 'right' | 'full'\n): CenterContext | undefined {\n  const dims = dimensionsRef.current;\n\n  if (!dims) {\n    return;\n  }\n\n  const center = getCenterCoord(section);\n  const cx = center.x * dims.width;\n  const cy = center.y * dims.height;\n\n  const isHoriz = section === 'top' || section === 'bottom';\n\n  let innerX, innerY, innerW, innerH;\n  let outerX, outerY, outerW, outerH;\n\n  if (isHoriz || section === 'full') {\n    outerW = 2 * dims.innerRadius;\n    outerH = section === 'full' ? 2 * dims.innerRadius : dims.innerRadius;\n    outerX = cx - dims.innerRadius;\n    outerY = section === 'bottom' ? 0 : cy - dims.innerRadius;\n\n    innerW = Math.sqrt(2) * dims.innerRadius;\n    innerH = section === 'full' ? innerW : dims.innerRadius / Math.sqrt(2);\n    innerX = cx - dims.innerRadius / Math.sqrt(2);\n    innerY = section === 'bottom' ? 0 : cy - dims.innerRadius / Math.sqrt(2);\n  } else {\n    outerH = 2 * dims.innerRadius;\n    outerW = dims.innerRadius;\n    outerX = section === 'left' ? cx - dims.innerRadius : 0;\n    outerY = cy - dims.innerRadius;\n\n    innerH = Math.sqrt(2) * dims.innerRadius;\n    innerW = dims.innerRadius / Math.sqrt(2);\n    innerX = section === 'left' ? cx - dims.innerRadius / Math.sqrt(2) : 0;\n    innerY = cy - dims.innerRadius / Math.sqrt(2);\n  }\n\n  return {\n    outerBounds: {\n      x: outerX,\n      y: outerY,\n      width: outerW,\n      height: outerH\n    },\n    innerBounds: {\n      x: innerX,\n      y: innerY,\n      width: innerW,\n      height: innerH\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Threshold, MeterSize, ThresholdDisplay } from '../utils/UNSAFE_meterTypes';\nimport { getClipPath, Sector } from '../utils/PRIVATE_meterUtils';\nimport { getAngleExtentFromDelta, getStartAngleForValue } from './CircleMeterUtils';\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\nexport type MeterInfo = Required<\n  Pick<MeterProps, 'min' | 'max' | 'value' | 'size' | 'startAngle' | 'angleExtent'>\n> & {\n  section: Sector;\n  isRtl: boolean;\n  innerRadius: number;\n};\n\n/**\n * Returns the css variable corresponding to the default size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default size of the meter circle.\n */\nfunction getSizeVar(size: MeterSize): string {\n  return `var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${size}-size)`;\n}\n\n/**\n * Returns the css variable corresponding to the default track size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default track size of the meter circle.\n */\nfunction getTrackSizeVar(size: MeterSize): string {\n  return `var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-${size}-track-size)`;\n}\n\n/**\n * Returns the calculated css variable string for the inner radius when given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS varible string for the calculated inner radius of the meter circle.\n */\n\nexport function getInnerRadius(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${innerRadius / 2})`;\n  }\n  return `(${getSizeVar(size)} * 0.5 - ${getTrackSizeVar(size)})`;\n}\n\n/**\n * Returns the calculated css variable string for meter circle track for a given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS variable for the calculated track size of the meter circle.\n */\nexport function getTrackSize(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${1 - innerRadius} / 2)`;\n  }\n  return getTrackSizeVar(size);\n}\n\n/**\n * Returns the calculated length of reference line for given size and inner radius of meter circle.\n * The length of reference line runs from the inner radius to slight outside the outer radius.\n * The length outside the outer radius depends on size of the meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns The calculated CSS var for the length of reference line.\n */\nexport function getRefLineLength(size: MeterSize, innerRadius?: number): string {\n  const outerExtent = { sm: '1rem', md: '0.75rem', lg: '0.5rem' };\n  return `${getTrackSize(size, innerRadius)} + ${outerExtent[size]}`;\n}\n\n/**\n * Returns the array of calculated props for InnerCircle representing each threshold.\n * @param meterInfo MeterInfo object containing info about given meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @param isTrackRendered Whether track is rendered.\n * @param trackColor The track color of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns Array of calculated props object for InnerCircle representing each threshold.\n */\nexport function getThresholdsProps(\n  meterInfo: MeterInfo,\n  thresholds: Threshold[],\n  isTrackRendered: boolean,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number\n): Array<{\n  clipPath: string;\n  color?: ColorProps['color'];\n  section: Sector;\n  size: string;\n}> {\n  const {\n    min,\n    max,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: innerDim\n  } = meterInfo;\n  const trackSize = `calc(${getTrackSize(size, innerRadius)})`;\n  const thresholdProps = [];\n  const validThresholds = thresholds\n    .filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n    .sort((a, b) => a.max - b.max);\n  const numOfThreshold = validThresholds.length;\n  for (let i = 0; i < numOfThreshold; i++) {\n    const threshold = validThresholds[i];\n    const startValue = i === 0 ? min : validThresholds[i - 1].max;\n    const diff = i === 0 ? threshold.max : threshold.max - validThresholds[i - 1].max;\n\n    let thresholdStart = getStartAngleForValue(\n      startValue,\n      min,\n      max,\n      startAngle,\n      angleExtent,\n      isRtl\n    );\n    let thresholdExtent = getAngleExtentFromDelta(diff, min, max, angleExtent);\n\n    const { startOffset, extentOffset } = getThresholdsBuffer(\n      innerDim,\n      angleExtent,\n      i === 0,\n      threshold.max === max,\n      isRtl\n    );\n    const clipPath = getClipPath(\n      thresholdStart + startOffset,\n      thresholdExtent + extentOffset,\n      isRtl,\n      section\n    );\n    thresholdProps.push({\n      clipPath,\n      color: threshold?.color,\n      size: trackSize,\n      section\n    });\n\n    if (i === numOfThreshold - 1 && threshold.max < max && isTrackRendered) {\n      thresholdStart = thresholdStart + (isRtl ? 1 : -1) * thresholdExtent;\n      thresholdExtent = getAngleExtentFromDelta(max - threshold.max, min, max, angleExtent);\n      const { startOffset, extentOffset } = getThresholdsBuffer(\n        innerDim,\n        angleExtent,\n        false,\n        true,\n        isRtl\n      );\n      thresholdProps.push({\n        clipPath: getClipPath(\n          thresholdStart + startOffset,\n          thresholdExtent + extentOffset,\n          isRtl,\n          section\n        ),\n        color: trackColor,\n        size: trackSize,\n        section\n      });\n    }\n  }\n  return thresholdProps;\n}\n\n/**\n * Returns the calculated props for CircularReferenceLine.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param refLine The CircularRefLine object\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An bject with calculated props for CircularReferenceLine.\n */\nexport function getReferenceLinesProps(\n  meterInfo: MeterInfo,\n  refLine: CircularRefLine,\n  innerRadius?: number\n): {\n  radius: string;\n  length: string;\n  angle: number;\n  color?: ColorProps['color'];\n} {\n  const { min, max, startAngle, angleExtent, size, isRtl } = meterInfo;\n  return {\n    radius: getInnerRadius(size, innerRadius),\n    length: getRefLineLength(size, innerRadius),\n    angle: getStartAngleForValue(refLine.value, min, max, startAngle, angleExtent, isRtl),\n    color: refLine.color\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the track.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param trackColor The color of the track.\n * @param istrackRendered Whether the track is rendered.\n * @param thresholdDisplay Specifies whether the current threshold is displayed in the track, on the indicator, or if all thresholds are displayed in the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the track.\n */\nexport function getTrackProps(\n  meterInfo: MeterInfo,\n  isTrackRendered: boolean,\n  thresholdDisplay: ThresholdDisplay,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number,\n  thresholds?: Threshold[]\n): {\n  section: Sector;\n  color?: ColorProps['color'];\n  clipPath: string;\n  size: string;\n} {\n  const { startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const color = !isTrackRendered\n    ? 'transparent'\n    : thresholdDisplay === 'all' && thresholds\n    ? 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)'\n    : trackColor;\n  return {\n    section,\n    color,\n    clipPath: getClipPath(startAngle, angleExtent, isRtl, section),\n    size: `calc(${getTrackSize(size, innerRadius)})`\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the indicator.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param indicatorSize Relative thickness of the indicator to the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the indicator.\n */\nexport function getIndicatorProps(\n  meterInfo: MeterInfo,\n  indicatorSize: number,\n  innerRadius?: number\n): {\n  section: Sector;\n  width: string;\n  height: string;\n  size: string;\n  clipPath: string;\n} {\n  const { value, min, max, startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const valueExtent = ((value - min) * angleExtent) / (max - min);\n  const validIndicatorSize = Math.min(Math.max(0, indicatorSize), 1);\n  const isHoriz = section === 'left' || section === 'right';\n  const isVert = section === 'top' || section === 'bottom';\n  const valueTrackSize = `calc(${getTrackSize(size, innerRadius)} * ${validIndicatorSize})`;\n  const diameter = `${getSizeVar(size)} - ((1 - ${validIndicatorSize}) * ${getTrackSize(\n    size,\n    innerRadius\n  )})`;\n  const radius = `(${diameter}) / 2`;\n  return {\n    section,\n    width: isHoriz ? `calc(${radius})` : `calc(${diameter})`,\n    height: isVert ? `calc(${radius})` : `calc(${diameter})`,\n    size: valueTrackSize,\n    clipPath: getClipPath(startAngle, valueExtent, isRtl, section)\n  };\n}\n\n/**\n * Returns the threshold offsets to create the whitespace between the thresholds.\n * @param innerRadius The innerRadius of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param firstThreshold Whether the current threshold is the first threshold.\n * @param lastThreshold  Whether the current threshold is the last threshold.\n * @param isRtl Whether the document reading mode is 'rtl'\n * @returns The offsets (startOffset and extentOffset) to add to calculated threshold startAngle and threhsold extent.\n */\nfunction getThresholdsBuffer(\n  innerRadius: number,\n  angleExtent: number,\n  firstThreshold: boolean,\n  lastThreshold: boolean,\n  isRtl: boolean\n): {\n  startOffset: number;\n  extentOffset: number;\n} {\n  if (!innerRadius) {\n    return { startOffset: 0, extentOffset: 0 };\n  }\n  const offset = 360 / (2 * Math.PI * innerRadius);\n  let startOffset = (offset / 2) * (isRtl ? 1 : -1);\n  let extentOffset = -1 * offset;\n\n  if (firstThreshold && angleExtent < 360) {\n    startOffset = 0;\n    extentOffset = -0.5 * offset;\n  }\n\n  if (lastThreshold && angleExtent < 360) {\n    extentOffset = -0.5 * offset;\n  }\n  return { startOffset, extentOffset };\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { CircularReferenceLine } from './CircularReferenceLine';\n\nimport {\n  validateRange,\n  getTrackAndIndicatorColor,\n  getMeterAriaProps,\n  getCircleSection\n} from '../utils/PRIVATE_meterUtils';\n\nimport { getDimensions, getValue, getCenterContext } from './CircleMeterUtils';\n\nimport {\n  getIndicatorProps,\n  getTrackProps,\n  getThresholdsProps,\n  getReferenceLinesProps,\n  MeterInfo\n} from './LayoutUtils';\n\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n/**\n * A Meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterCircle({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  size = 'lg',\n  startAngle = 90,\n  angleExtent = 360,\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterProps) {\n  validateRange(min, max, value, step);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const section = getCircleSection(startAngle, angleExtent, isRtl);\n  const dimensionsRef = useRef(getDimensions(null, section));\n  const circleWrapperRef = useRef<HTMLDivElement>(null);\n  const [isDimsReady, setDimsReady] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput || props.children) {\n      dimensionsRef.current = getDimensions(circleWrapperRef.current, section);\n      setDimsReady(true);\n    }\n  }, [size, props.onCommit, props.onInput, props.children]);\n\n  const getValueFromEvent = (event: PointerEvent) => {\n    const circleContainer = circleWrapperRef.current;\n    if (event.target == circleContainer) {\n      return getValue(\n        event,\n        min,\n        max,\n        step,\n        dimensionsRef,\n        startAngle,\n        angleExtent,\n        section,\n        isRtl\n      );\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    circleWrapperRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props.ariaDescribedBy\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(pointerEventsProps, keyboardEventsProps, datatipProps, ariaProps);\n\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const orientation =\n    section === 'bottom' || section === 'top'\n      ? 'Horizontal'\n      : section === 'left' || section === 'right'\n      ? 'Vertical'\n      : 'Full';\n\n  const meterInfo = {\n    min,\n    max,\n    value,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: dimensionsRef.current.innerRadius\n  } as MeterInfo;\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n  return (\n    <>\n      <div\n        class={classNames([component.base, isInteractive ? component.interactive : ''])}\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}>\n        <CircleWrapper\n          ref={circleWrapperRef}\n          class={classNames([\n            circleWrapper.base,\n            props.referenceLines && props.referenceLines.length > 0\n              ? styles[`${size}${section}`]\n              : '',\n            styles[`${size}${orientation}`]\n          ])}>\n          <CircleInner\n            class={classNames([circleTrack.base, styles[section]])}\n            {...getTrackProps(\n              meterInfo,\n              isTrackRendered,\n              thresholdDisplay,\n              trackColor,\n              props.innerRadius,\n              props.thresholds\n            )}\n          />\n          {thresholdDisplay === 'all' &&\n            props.thresholds &&\n            getThresholdsProps(\n              meterInfo,\n              props.thresholds,\n              isTrackRendered,\n              trackColor,\n              props.innerRadius\n            ).map((threshold) => {\n              return (\n                <CircleInner\n                  class={classNames([circleTrack.base, styles[section], styles.thresholds])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([circleValue.base, circleValue[section], styles[section]])}\n            {...getIndicatorProps(meterInfo, indicatorSize, props.innerRadius)}\n          />\n          {props.referenceLines?.map((refLine: CircularRefLine) => {\n            return (\n              <CircularReferenceLine\n                {...getReferenceLinesProps(meterInfo, refLine, props.innerRadius)}\n                section={section}\n              />\n            );\n          })}\n          {isDimsReady && props.children && centerContext && (\n            <div class={classNames([styles.centerContent, childrenStyles])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst component = {\n  base: cssProps`${{\n    display: 'inline-block',\n    pointerEvents: 'none'\n  }}`,\n  interactive: cssProps`${{\n    touchAction: 'none',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`\n};\n\nconst styles = {\n  full: cssProps`${{\n    borderRadius: '50%'\n  }}`,\n  top: cssProps`${{\n    borderRadius: '50% 50% 0 0 / 100% 100% 0 0',\n    borderBottom: '0'\n  }}`,\n  bottom: cssProps`${{\n    borderRadius: '0% 0% 50% 50% / 0% 0% 100% 100%',\n    borderTop: '0'\n  }}`,\n  right: cssProps`${{\n    borderRadius: '0 100% 100% 0 / 0% 50% 50% 0%',\n    borderLeft: '0'\n  }}`,\n  left: cssProps`${{\n    borderRadius: '100% 0 0 100% / 50% 0 0 50%',\n    borderRight: '0'\n  }}`,\n  smtop: cssProps`${{\n    margin: '1rem 1rem 0 1rem'\n  }}`,\n  mdtop: cssProps`${{\n    margin: '0.75rem 0.75rem 0 0.75rem'\n  }}`,\n  lgtop: cssProps`${{\n    margin: '0.5rem 0.5rem 0 0.5rem'\n  }}`,\n  smbottom: cssProps`${{\n    margin: '0 1rem 1rem 1rem'\n  }}`,\n  mdbottom: cssProps`${{\n    margin: '0 0.75rem 0.75rem 0.75rem'\n  }}`,\n  lgbottom: cssProps`${{\n    margin: '0 0.5rem 0.5rem 0.5rem'\n  }}`,\n  smleft: cssProps`${{\n    margin: '1rem 0 1rem 1rem'\n  }}`,\n  mdleft: cssProps`${{\n    margin: '0.75rem 0 0.75rem 0.75rem'\n  }}`,\n  lgleft: cssProps`${{\n    margin: '0.5rem 0 0.5rem 0.5rem'\n  }}`,\n  smright: cssProps`${{\n    margin: '1rem 1rem 1rem 0'\n  }}`,\n  mdright: cssProps`${{\n    margin: '0.75rem 0.75rem 0.75rem 0'\n  }}`,\n  lgright: cssProps`${{\n    margin: '0.5rem 0.5rem 0.5rem 0'\n  }}`,\n  smfull: cssProps`${{\n    margin: '1rem'\n  }}`,\n  mdfull: cssProps`${{\n    margin: '0.75rem'\n  }}`,\n  lgfull: cssProps`${{\n    margin: '0.5rem'\n  }}`,\n  lgHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  smHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  mdHorizontal: cssProps`${{\n    height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 )',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 )',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  smFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size)'\n  }}`,\n  mdFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size)'\n  }}`,\n  lgFull: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size)'\n  }}`,\n  centerContent: cssProps`${{\n    pointerEvents: 'none',\n    width: '100%',\n    height: '100%',\n    lineHeight: 'initial'\n  }}`,\n  thresholds: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)'\n  }}`\n};\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst circleWrapper = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    cursor: 'pointer',\n    pointerEvents: 'auto'\n  }}`\n};\n\nconst circleTrack = {\n  base: cssProps`${{\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  sm: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size)'\n  }}`,\n  md: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size)'\n  }}`,\n  lg: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size)'\n  }}`\n};\n\nconst circleValue = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  full: cssProps`${{\n    borderRadius: '50%',\n    top: '50%',\n    left: '50%',\n    translate: '-50% -50%'\n  }}`,\n  top: cssProps`${{\n    top: '100%',\n    left: '50%',\n    translate: '-50% -100%'\n  }}`,\n  right: cssProps`${{\n    top: '50%',\n    translate: '0 -50%'\n  }}`,\n  left: cssProps`${{\n    left: '100%',\n    top: '50%',\n    translate: '-100% -50%'\n  }}`,\n  bottom: cssProps`${{\n    left: '50%',\n    translate: '-50% 0'\n  }}`\n};\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","left","top","transform","backgroundColor","borderBottom","referenceLineStyles","convertToPolar","getPositiveAngle","getClipPath","MeterCircle","_a","direction","useUser","isRtl","circleWrapperRef","useRef","size","props","onCommit","onInput","children","getValueFromEvent","event","circleContainer","current","target","pointerEventsProps","usePointerEvents","value","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaProps","meterInfo","innerRadius","dimensionsRef","isTabbable","useTabbableMode","circleWrapper","base","styles","orientation","_jsx","CircleInner","Object","assign","class","classNames","circleTrack","getTrackProps","isTrackRendered","thresholdDisplay","trackColor","thresholds","isDimsReady","centerContext","centerContent","childrenStyles","component","circleValue"],"mappings":"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"}

package/cjs/Modal-43091913.js

@@ -0,0 +1,114 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+require('./UNSAFE_FocusTrap.js');
+var UNSAFE_Layer = require('./UNSAFE_Layer.js');
+
+var FocusTrap = require('./FocusTrap-242f0347.js');
+
+/**
+ *
+ * @param props
+ */
+const useModal = (props) => {
+    const { isOpen, onBackdropClick: onBackdropClickProp, } = props;
+    const modalRef = compat.useRef(null);
+    const mouseDownTarget = compat.useRef(null);
+    const onMouseDown = compat.useCallback((event) => {
+        if (modalRef.current === event.target) {
+            mouseDownTarget.current = event.target;
+        }
+    }, []);
+    const onBackdropClick = compat.useCallback((event) => {
+        if (modalRef.current === event.target) {
+            event.stopPropagation();
+            // event should originate on the same target
+            if (mouseDownTarget.current === event.target) {
+                onBackdropClickProp === null || onBackdropClickProp === void 0 ? void 0 : onBackdropClickProp();
+            }
+        }
+    }, [onBackdropClickProp]);
+    compat.useEffect(() => {
+        const modal = modalRef.current;
+        if (modal) {
+            modal.addEventListener('mousedown', onMouseDown);
+            modal.addEventListener('click', onBackdropClick);
+            return () => {
+                modal.removeEventListener('mousedown', onMouseDown);
+                modal.removeEventListener('click', onBackdropClick);
+            };
+        }
+        return () => { };
+    }, [isOpen, onMouseDown, onBackdropClick]);
+    return {
+        modalRef,
+    };
+};
+
+const styles$2 = {
+  base: "o2ps2g"
+};
+
+const ModalBackdrop = () => jsxRuntime.jsx("div", {
+  class: styles$2.base
+});
+
+const styles$1 = {
+  base: "_1qd8cou"
+};
+const ModalContainer = compat.forwardRef(({
+  children
+}, ref) => jsxRuntime.jsx("div", Object.assign({
+  class: styles$1.base,
+  ref: ref
+}, {
+  children: children
+})));
+ModalContainer.displayName = 'Forwarded<ModalContainer>';
+
+const styles = {
+  base: "_1ozs2in"
+};
+
+const ModalWrapper = ({
+  children
+}) => jsxRuntime.jsx("div", Object.assign({
+  class: styles.base
+}, {
+  children: children
+}));
+
+const Modal = ({
+  autoFocusRef,
+  children,
+  isOpen,
+  onBackdropClick,
+  restoreFocusRef
+}) => {
+  const {
+    modalRef
+  } = useModal({
+    isOpen,
+    onBackdropClick
+  });
+  return isOpen ? jsxRuntime.jsx(UNSAFE_Layer.Layer, {
+    children: jsxRuntime.jsxs(ModalWrapper, {
+      children: [jsxRuntime.jsx(ModalBackdrop, {}), jsxRuntime.jsx(ModalContainer, Object.assign({
+        ref: modalRef
+      }, {
+        children: jsxRuntime.jsx(FocusTrap.FocusTrap, Object.assign({
+          autoFocusRef: autoFocusRef,
+          restoreFocusRef: restoreFocusRef
+        }, {
+          children: children
+        }))
+      }))]
+    })
+  }) : null;
+};
+
+exports.Modal = Modal;
+/*  */
+//# sourceMappingURL=Modal-43091913.js.map

package/cjs/Modal-43091913.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-43091913.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalContainer.tsx","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  ","import { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'rgba(0,0,0,.5)'\n  }}`\n};\n\nconst ModalBackdrop = () => <div class={styles.base} />;\n\nexport default ModalBackdrop;\n","import { forwardRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: 'transparent',\n    height: '100%',\n    margin: '0 auto',\n    maxWidth: 'calc(100% - 0.01px) !important',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }}`\n};\n\nconst ModalContainer = forwardRef<HTMLDivElement, Props>(({ children }, ref) => (\n  <div class={styles.base} ref={ref}>\n    {children}\n  </div>\n));\nModalContainer.displayName = 'Forwarded<ModalContainer>';\n\nexport default ModalContainer;\n","import { RefObject } from 'preact';\nimport { useModal } from './hooks/useModal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalContainer from './ModalContainer';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Optional Ref to an element to focus on when component mounts\n     * @default - undefined - behavior is to focus on first tabbableElement\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n\n    /**\n     * Optional Ref to element to focus on when component un-mounts\n     * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n     */\n    restoreFocusRef?: RefObject<HTMLElement>;\n  };\n\nconst styles = {\n  base: cssProps`${{\n    position: 'fixed',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => <div class={styles.base}>{children}</div>;\n\nconst Modal = ({ autoFocusRef, children, isOpen, onBackdropClick, restoreFocusRef }: Props) => {\n  const { modalRef } = useModal({ isOpen, onBackdropClick });\n\n  return isOpen ? (\n    <Layer>\n      <ModalWrapper>\n        <ModalBackdrop />\n        <ModalContainer ref={modalRef}>\n          <FocusTrap autoFocusRef={autoFocusRef} restoreFocusRef={restoreFocusRef}>\n            {children}\n          </FocusTrap>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["useRef","useCallback","useEffect","styles","ModalBackdrop","_jsx","class","base","ModalContainer","forwardRef","children","ref","Object","assign","displayName","ModalWrapper","Modal","autoFocusRef","isOpen","onBackdropClick","restoreFocusRef","modalRef","useModal","Layer","_jsxs","FocusTrap"],"mappings":"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"}

package/cjs/NumberInputText-29fc4803.js

@@ -0,0 +1,276 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_useFocusableTextField = require('./hooks/UNSAFE_useFocusableTextField.js');
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
+var hooks_UNSAFE_useTextField = require('./hooks/UNSAFE_useTextField.js');
+var UNSAFE_Label = require('./UNSAFE_Label.js');
+var hooks_UNSAFE_usePrefixSuffix = require('./hooks/UNSAFE_usePrefixSuffix.js');
+var UNSAFE_TextField = require('./UNSAFE_TextField.js');
+var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
+require('./utils/PRIVATE_clientHints.js');
+var hooks_UNSAFE_useToggle = require('./hooks/UNSAFE_useToggle.js');
+require('./UNSAFE_Button.js');
+var UNSAFE_Icons = require('./index-5304d101.js');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+var Button = require('./Button-b68878ba.js');
+var UNSAFE_Grid = require('./UNSAFE_Grid.js');
+var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
+var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-2eac69c6.js');
+var TextFieldInput = require('./TextFieldInput-5cadbc52.js');
+var clientHints = require('./clientHints-78b0e917.js');
+
+/**
+ * A StepButton is used to request a "step up" or "step down" to a value in NumberInputText.
+ * @param direction The direction of the step
+ * @param isDisabled Whether the button should be disabled
+ * @param onStep Handler called when the button is clicked
+ * @param variant Represents different visual variants for the button
+ */
+function StepButton({ direction, isDisabled, onStep, variant }) {
+    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+    const labelIncrease = translations.inputNumber_increase();
+    const labelDecrease = translations.inputNumber_decrease();
+    const label = direction === 'increase' ? labelIncrease : labelDecrease;
+    const handleClick = hooks.useCallback(() => {
+        onStep === null || onStep === void 0 ? void 0 : onStep({ direction });
+    }, [onStep, direction]);
+    const icon = variant === 'arrowup' ? jsxRuntime.jsx(UNSAFE_Icons.SvgIcoChevronUp, {}) : jsxRuntime.jsx(UNSAFE_Icons.SvgIcoChevronDown, {});
+    return (jsxRuntime.jsx(hooks_UNSAFE_useTabbableMode.TabbableModeContext.Provider, Object.assign({ value: { isTabbable: false } }, { children: jsxRuntime.jsx(Button.Button, { display: "icons", isDisabled: isDisabled, title: label, onAction: handleClick, startIcon: icon, variant: "borderless" }) })));
+}
+
+// TODO: Replace Steppers with Buttonset when it becomes available
+function Steppers({ children }) {
+    return (jsxRuntime.jsx(UNSAFE_Grid.Grid, Object.assign({ align: "center", gap: "1x", gridTemplateColumns: "1fr 1fr" }, { children: children })));
+}
+
+const SPIN_DELAY = 500;
+const SPIN_INTERVAL = 40;
+/**
+ * A hook for using stepping functionality with NumberInputText. Stepping can
+ * be accomplished using the step up or down buttons or by pressing the arrow
+ * up or arrow down keys. Holding down the buttons or keys produces continuous
+ * step events.
+ *
+ * @param hasSteppers Controls whether the step buttons are shown
+ * @param inputRef A ref to the input element
+ * @param isStepDownDisabled Controls whether stepping down is disabled
+ * @param isStepUpDisabled Controls whether stepping up is disabled
+ * @param onSpin Called when a continuous step (aka spin) is requested
+ * @param onSpinComplete Called when spinning is complete
+ * @param onStep Called when a single step is requested
+ * @returns A JSX element which can be placed in the endContent of NumberInputText.
+ */
+const useSteppers = ({ hasSteppers, inputRef, isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep }) => {
+    const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const { bool: isSpinning, setTrue: setSpinningTrue, setFalse: setSpinningFalse } = hooks_UNSAFE_useToggle.useToggle(false);
+    const startTimerRef = hooks.useRef(null);
+    const spinTimerRef = hooks.useRef(null);
+    const directionRef = hooks.useRef('increase');
+    const spinCompleteRef = hooks.useRef(false);
+    const onKeyDown = hooks.useCallback((event) => {
+        if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+            return;
+        }
+        // By default, pressing the arrow keys moves the cursor to the
+        // beginning or end which we don't want, so call preventDefault.
+        // We also want to stop propagation of handled events.
+        event.preventDefault();
+        event.stopPropagation();
+        if (isStarted) {
+            // If already started, ignore repeated key down events.
+            return;
+        }
+        if ((event.key === 'ArrowDown' && isStepDownDisabled) ||
+            (event.key === 'ArrowUp' && isStepUpDisabled)) {
+            // If requested step is disabled, return.
+            return;
+        }
+        directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';
+        setStartedTrue();
+        // Do an initial step, which is what oj-input-number did as well.
+        onStep === null || onStep === void 0 ? void 0 : onStep({ direction: directionRef.current });
+    }, [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]);
+    const onKeyUp = hooks.useCallback((event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            if (isSpinning) {
+                // Only want to call onSpinComplete if we were actually spinning.
+                spinCompleteRef.current = true;
+            }
+            setStartedFalse();
+            setSpinningFalse();
+            event.stopPropagation();
+        }
+    }, [isSpinning, setStartedFalse, setSpinningFalse]);
+    hooks.useEffect(() => {
+        if (isStarted && !startTimerRef.current) {
+            startTimerRef.current = setTimeout(() => {
+                setSpinningTrue();
+            }, SPIN_DELAY);
+        }
+        return () => {
+            // Clean up between renders.
+            if (startTimerRef.current) {
+                clearTimeout(startTimerRef.current);
+                startTimerRef.current = null;
+            }
+        };
+    }, [isStarted, setSpinningTrue]);
+    hooks.useEffect(() => {
+        if (!isSpinning) {
+            if (spinTimerRef.current) {
+                clearInterval(spinTimerRef.current);
+                spinTimerRef.current = null;
+            }
+        }
+        else {
+            if (!spinTimerRef.current) {
+                spinTimerRef.current = setInterval(() => {
+                    // If further spinning is disabled, call setSpinningFalse to
+                    // clean up the timer otherwise repeat the step.
+                    if ((directionRef.current === 'increase' && isStepUpDisabled) ||
+                        (directionRef.current === 'decrease' && isStepDownDisabled)) {
+                        setSpinningFalse();
+                        spinCompleteRef.current = true;
+                    }
+                    else {
+                        onSpin === null || onSpin === void 0 ? void 0 : onSpin({ direction: directionRef.current });
+                    }
+                }, SPIN_INTERVAL);
+            }
+        }
+        return () => {
+            // Clean up between renders.
+            if (spinTimerRef.current) {
+                clearInterval(spinTimerRef.current);
+                spinTimerRef.current = null;
+            }
+        };
+    }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);
+    // Only want to run this effect when isSpinning is false and our ref is true.
+    // This helps guarantee onSpinComplete is only called once after spinning stops,
+    // even if onSpinComplete's identity is changing.
+    hooks.useEffect(() => {
+        if (!isSpinning && spinCompleteRef.current) {
+            spinCompleteRef.current = false;
+            onSpinComplete === null || onSpinComplete === void 0 ? void 0 : onSpinComplete();
+        }
+    }, [isSpinning, onSpinComplete]);
+    const handleClick = hooks.useCallback((event) => {
+        var _a;
+        // When a step button is clicked, set focus to the input.
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onStep === null || onStep === void 0 ? void 0 : onStep(event);
+    }, [onStep, inputRef]);
+    const handleDisabledMouseDown = hooks.useCallback((event) => {
+        // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.
+        // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+    const steppers = hasSteppers ? (jsxRuntime.jsxs(Steppers, { children: [jsxRuntime.jsx("div", Object.assign({ onMouseDown: (e) => isStepDownDisabled && handleDisabledMouseDown(e), "aria-hidden": "true" }, { children: jsxRuntime.jsx(StepButton, { direction: "decrease", isDisabled: isStepDownDisabled, onStep: handleClick, variant: "arrowdown" }) })), jsxRuntime.jsx("div", Object.assign({ onMouseDown: (e) => isStepUpDisabled && handleDisabledMouseDown(e), "aria-hidden": "true" }, { children: jsxRuntime.jsx(StepButton, { direction: "increase", isDisabled: isStepUpDisabled, onStep: handleClick, variant: "arrowup" }) }))] })) : undefined;
+    // stepHandlerProps will be spread onto the parent to handle
+    // stepping functionality via the arrow up or down keys.
+    const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};
+    return { steppers, stepHandlerProps };
+};
+
+const NumberInputText = compat.forwardRef(({ ariaDescribedBy, ariaValueMax, ariaValueMin, ariaValueNow, ariaValueText, assistiveText, autoComplete = 'off', autoFocus = false, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, isStepDownDisabled: propIsStepDownDisabled, isStepUpDisabled: propIsStepUpDisabled, hasSteppers = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, placeholder, prefix, suffix, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, variant = 'default', virtualKeyboard, onInput, onCommit, onSpin, onSpinComplete, onStep }, ref) => {
+    const { currentCommitValue, dispatch } = hooks_UNSAFE_useCurrentValueReducer.useCurrentValueReducer({ value });
+    const onInputAndDispatch = hooks.useCallback((detail) => {
+        dispatch({ type: 'input', payload: detail.value });
+        onInput === null || onInput === void 0 ? void 0 : onInput(detail);
+    }, [onInput, dispatch]);
+    const onCommitAndDispatch = hooks.useCallback((detail) => {
+        dispatch({ type: 'commit', payload: detail.value });
+        onCommit === null || onCommit === void 0 ? void 0 : onCommit(detail);
+    }, [onCommit, dispatch]);
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
+    const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
+    const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
+    const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
+    const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
+    const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
+    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
+    const { hoverProps } = hooks_UNSAFE_useHover.useHover({ isDisabled: isReadonly || isDisabled || false });
+    const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
+        ariaDescribedBy,
+        isDisabled,
+        isFocused,
+        isReadonly,
+        labelEdge,
+        messages,
+        styleVariant: variant,
+        value
+    });
+    // Disable the steppers if the number input is disabled.
+    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;
+    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;
+    // stepHandlerProps contains keyup and keydown handlers
+    // for stepping using the arrow up and down keys.
+    const { steppers, stepHandlerProps } = useSteppers({
+        hasSteppers,
+        inputRef: enabledElementRef,
+        isStepDownDisabled,
+        isStepUpDisabled,
+        onSpin,
+        onSpinComplete,
+        onStep
+    });
+    const { renderedPrefix, renderedSuffix, text: valuePrefixSuffix, ariaLabelledBy } = hooks_UNSAFE_usePrefixSuffix.usePrefixSuffix({
+        baseId,
+        hasEndContent: steppers !== undefined,
+        hasInsideLabel: label !== undefined && labelEdge === 'inside',
+        hasStartContent: false,
+        hasValue: formFieldContext.hasValue,
+        isDisabled,
+        isFocused,
+        labelId: labelProps.id,
+        prefix,
+        suffix,
+        value
+    });
+    const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
+    const fieldLabelProps = {
+        label: labelEdge !== 'none' ? labelComp : undefined,
+        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
+        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
+    };
+    const ariaLabel = labelEdge === 'none' ? label : undefined;
+    const inlineUserAssistance = isDisabled || isReadonly ? (
+    // save space for user assistance if density is 'efficient', even though we don't
+    // render user assistance for disabled or readonly fields
+    userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
+    if (isReadonly) {
+        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, as: "div", autoFocus: autoFocus, elementRef: readonlyElementRef, textAlign: textAlign, value: valuePrefixSuffix, hasInsideLabel: label !== undefined && labelEdge === 'inside' }) })) })));
+    }
+    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.
+    const valueText = ariaValueNow === undefined
+        ? ariaValueText
+        : ariaValueNow.toString() !== ariaValueText
+            ? ariaValueText
+            : undefined;
+    const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [renderedPrefix, jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ ariaLabelledBy: ariaLabelledBy, ariaLabel: ariaLabel, ariaValueMax: ariaValueMax, ariaValueMin: ariaValueMin, ariaValueNow: ariaValueNow, ariaValueText: valueText, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasEndContent: steppers !== undefined, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', hasPrefix: renderedPrefix !== undefined, hasStartContent: false, hasSuffix: renderedSuffix !== undefined, inputRef: enabledElementRef, isRequired: isRequired, placeholder: placeholder, role: hasSteppers ? 'spinbutton' : undefined, textAlign: textAlign, type: isMobile() ? virtualKeyboard : undefined, value: isDisabled ? valuePrefixSuffix : value, onCommit: onCommitAndDispatch, onInput: onInputAndDispatch }, inputProps, stepHandlerProps)), renderedSuffix] }));
+    return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ endContent: steppers, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, textFieldProps, fieldLabelProps, hoverProps)) })));
+});
+/**
+ * Helper function to determine whether the current device is a mobile device
+ * @returns true if runnning on a mobile device, false otherwise
+ */
+function isMobile() {
+    const deviceType = clientHints.getClientHints().deviceType;
+    return deviceType === 'phone' || deviceType === 'tablet';
+}
+
+exports.NumberInputText = NumberInputText;
+/*  */
+//# sourceMappingURL=NumberInputText-29fc4803.js.map

package/cjs/NumberInputText-29fc4803.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputText-29fc4803.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":["useTranslationBundle","useCallback","_jsx","IcoChevronUp","IcoChevronDown","TabbableModeContext","Button","Grid","useToggle","useRef","useEffect","_jsxs","forwardRef","useCurrentValueReducer","useFormContext","useFocusableTextField","useHover","useTextField","usePrefixSuffix","Label","InlineUserAssistance","FormFieldContext","ReadonlyTextField","ReadonlyTextFieldInput","Fragment","TextFieldInput","TextField","getClientHints"],"mappings":"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"}