@oracle/oraclejet-preact 15.1.11 → 15.1.12

package/amd/UNSAFE_MeterCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MeterCircle.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 { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterCircleStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'] | DvtThresholdsColors;\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  return (\n    <div\n      class={classNames([\n        styles.referenceBaseLineStyle,\n        color ? undefined : styles.referenceBorderStyle\n      ])}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color ? getDvtThresholdColor(color) : undefined\n      }}></div>\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';\nimport { getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { meterCircleVars } from './themes/MeterCircleContract.css';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { xUnits } from '../UNSAFE_Theme/utils';\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 size ? meterCircleVars.sizes[size] : meterCircleVars.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 size ? meterCircleVars.trackSizes[size] : meterCircleVars.trackSize;\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  return `${getTrackSize(size, innerRadius)} +  ${xUnits(2)}`;\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\n    thresholdProps.push({\n      clipPath,\n      color: getDvtThresholdColor(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    ? `${colorSchemeVars.dvt.contrastLine}`\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 { 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';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterCircleStyles, MeterCircleVariantOptions } from './themes/MeterCircleStyles.css';\nimport { MeterCircleRedwoodTheme } from './themes/redwood/MeterCircleTheme';\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,\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  const currentInputRef = useRef<number>();\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    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\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\n  const { classes, styles } = useComponentTheme<MeterCircleVariantOptions, MeterCircleStyles>(\n    MeterCircleRedwoodTheme,\n    {\n      size,\n      interaction: isInteractive ? 'isInteractive' : undefined\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n\n  return (\n    <>\n      <div class={classNames([classes])} tabIndex={!isTabbable ? -1 : 0} {...mergedProps}>\n        <CircleWrapper\n          wrapperRef={circleWrapperRef}\n          class={classNames([\n            styles.circleWrapperBaseStyle,\n            props.referenceLines && props.referenceLines.length > 0\n              ? size && styles[`${size}${section}Style`]\n              : '',\n            styles[`meterCircle${orientation}SizeStyle`]\n          ])}>\n          <CircleInner\n            class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\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([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([\n              styles.circleValueBaseStyle,\n              styles[`circleValue${section}Style`],\n              styles[`${section}Style`]\n            ])}\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.meterCircleCenterContent])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","_jsx","class","classNames","styles","referenceBaseLineStyle","undefined","referenceBorderStyle","style","left","top","width","transform","backgroundColor","getDvtThresholdColor","getDimensions","element","height","innerRadius","outerRadius","circleTrack","children","rect","getBoundingClientRect","round","getInnerAndOuterRadius","clientWidth","clientHeight","getAngleExtentFromDelta","delta","min","max","angleExtent","getStartAngleForValue","value","startAngle","isRtl","getSizeVar","size","meterCircleVars","sizes","getTrackSizeVar","trackSizes","trackSize","getInnerRadius","getTrackSize","getRefLineLength","xUnits","getThresholdsProps","meterInfo","thresholds","isTrackRendered","trackColor","innerDim","thresholdProps","validThresholds","filter","threshold","sort","a","b","numOfThreshold","i","startValue","diff","thresholdStart","thresholdExtent","startOffset","extentOffset","getThresholdsBuffer","clipPath","getClipPath","push","getReferenceLinesProps","refLine","getTrackProps","thresholdDisplay","colorSchemeVars","dvt","contrastLine","getIndicatorProps","indicatorSize","valueExtent","validIndicatorSize","isHoriz","isVert","valueTrackSize","diameter","firstThreshold","lastThreshold","offset","step","props","validateRange","currentInputRef","useRef","direction","useUser","getCircleSection","dimensionsRef","circleWrapperRef","isDimsReady","setDimsReady","useState","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","circleContainer","target","dims","center","convertToPolar","offsetX","offsetY","positiveAngle","getPositiveAngle","val","clockwiseArc","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaProps","getMeterAriaProps","mergedProps","mergeProps","indicatorColor","getTrackAndIndicatorColor","orientation","isInteractive","classes","useComponentTheme","MeterCircleRedwoodTheme","interaction","isTabbable","useTabbableMode","centerContext","cx","cy","innerX","innerY","innerW","innerH","outerX","outerY","outerW","outerH","sqrt","outerBounds","innerBounds","getCenterContext","_jsxs","_Fragment","jsx","tabIndex","CircleWrapper","wrapperRef","circleWrapperBaseStyle","referenceLines","CircleInner","circleTrackBaseStyle","map","circleValueBaseStyle","meterCircleCenterContent"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MeterCircle.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 { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterCircleStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'] | DvtThresholdsColors;\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  return (\n    <div\n      class={classNames([\n        styles.referenceBaseLineStyle,\n        color ? undefined : styles.referenceBorderStyle\n      ])}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color ? getDvtThresholdColor(color) : undefined\n      }}></div>\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';\nimport { getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { meterCircleVars } from './themes/MeterCircleContract.css';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { xUnits } from '../UNSAFE_Theme/utils';\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 size ? meterCircleVars.sizes[size] : meterCircleVars.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 size ? meterCircleVars.trackSizes[size] : meterCircleVars.trackSize;\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  return `${getTrackSize(size, innerRadius)} +  ${xUnits(2)}`;\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\n    thresholdProps.push({\n      clipPath,\n      color: getDvtThresholdColor(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    ? `${colorSchemeVars.dvt.contrastLine}`\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 { 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';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterCircleStyles, MeterCircleVariantOptions } from './themes/MeterCircleStyles.css';\nimport { MeterCircleRedwoodTheme } from './themes/redwood/MeterCircleTheme';\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,\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  const currentInputRef = useRef<number>();\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    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\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\n  const { classes, styles } = useComponentTheme<MeterCircleVariantOptions, MeterCircleStyles>(\n    MeterCircleRedwoodTheme,\n    {\n      size,\n      interaction: isInteractive ? 'isInteractive' : undefined\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n\n  return (\n    <>\n      <div class={classNames([classes])} tabIndex={!isTabbable ? -1 : 0} {...mergedProps}>\n        <CircleWrapper\n          wrapperRef={circleWrapperRef}\n          class={classNames([\n            styles.circleWrapperBaseStyle,\n            props.referenceLines && props.referenceLines.length > 0\n              ? size && styles[`${size}${section}Style`]\n              : '',\n            styles[`meterCircle${orientation}SizeStyle`]\n          ])}>\n          <CircleInner\n            class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\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([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([\n              styles.circleValueBaseStyle,\n              styles[`circleValue${section}Style`],\n              styles[`${section}Style`]\n            ])}\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.meterCircleCenterContent])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","_jsx","class","classNames","styles","referenceBaseLineStyle","undefined","referenceBorderStyle","style","left","top","width","transform","backgroundColor","getDvtThresholdColor","getDimensions","element","height","innerRadius","outerRadius","circleTrack","children","rect","getBoundingClientRect","round","getInnerAndOuterRadius","clientWidth","clientHeight","getAngleExtentFromDelta","delta","min","max","angleExtent","getStartAngleForValue","value","startAngle","isRtl","getSizeVar","size","meterCircleVars","sizes","getTrackSizeVar","trackSizes","trackSize","getInnerRadius","getTrackSize","getRefLineLength","xUnits","getThresholdsProps","meterInfo","thresholds","isTrackRendered","trackColor","innerDim","thresholdProps","validThresholds","filter","threshold","sort","a","b","numOfThreshold","i","startValue","diff","thresholdStart","thresholdExtent","startOffset","extentOffset","getThresholdsBuffer","clipPath","getClipPath","push","getReferenceLinesProps","refLine","getTrackProps","thresholdDisplay","colorSchemeVars","dvt","contrastLine","getIndicatorProps","indicatorSize","valueExtent","validIndicatorSize","isHoriz","isVert","valueTrackSize","diameter","firstThreshold","lastThreshold","offset","step","props","validateRange","currentInputRef","useRef","direction","useUser","getCircleSection","dimensionsRef","circleWrapperRef","isDimsReady","setDimsReady","useState","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","circleContainer","target","dims","center","convertToPolar","offsetX","offsetY","positiveAngle","getPositiveAngle","val","clockwiseArc","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaProps","getMeterAriaProps","mergedProps","mergeProps","indicatorColor","getTrackAndIndicatorColor","orientation","isInteractive","classes","useComponentTheme","MeterCircleRedwoodTheme","interaction","isTabbable","useTabbableMode","centerContext","cx","cy","innerX","innerY","innerW","innerH","outerX","outerY","outerW","outerH","sqrt","outerBounds","innerBounds","getCenterContext","_jsxs","_Fragment","jsx","tabIndex","CircleWrapper","wrapperRef","circleWrapperBaseStyle","referenceLines","CircleInner","circleTrackBaseStyle","map","circleValueBaseStyle","meterCircleCenterContent"],"mappings":"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"}

package/amd/UNSAFE_Modal/themes/ModalStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../ModalStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(t,e,a){"use strict";var r=a.createRuntimeFn({defaultClassName:"ModalStyles_backdropStyle__1src2tr1",variantClassNames:{backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},defaultVariants:{},compoundVariants:[]});t.baseStyle="ModalStyles_baseStyle__1src2tr0",t.multiVariantStyles=r,t.styles={backdropStyle:"ModalStyles_backdropStyle__1src2tr1"},t.variants={backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../ModalStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(t,a,e){"use strict";var r=e.createRuntimeFn({defaultClassName:"ModalStyles_backdropStyle__1src2tr1",variantClassNames:{backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},defaultVariants:{},compoundVariants:[]});t.baseStyle="ModalStyles_baseStyle__1src2tr0",t.multiVariantStyles=r,t.styles={backdropStyle:"ModalStyles_backdropStyle__1src2tr1"},t.variants={backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ModalStyles.css.js.map

package/amd/UNSAFE_Modal.js

@@ -1,2 +1,2 @@
-define(['exports', './Modal-b7c32f9b', 'preact/jsx-runtime', 'preact/compat', './useModal-b95d7790', './UNSAFE_Layer', './index-97abd6be', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/hooks', './useThemeInterpolations-35a4b1ad', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-8821a95d', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-415aadfa', './_curry1-36578a8b', './_curry3-ff7bc87c', './_curry2-bdf33bfa', './_has-887fafe5', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,s,a,t,o,c,r,l,m,n,d,i,u,h,_,f,S,b,p,N,F,y,A,E,M,U,C,x,k){"use strict";e.Modal=s.Modal,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Modal-16f0addd', 'preact/jsx-runtime', 'preact/compat', './useModal-75b474e9', './UNSAFE_Layer', './index-42a08f12', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/hooks', './useThemeInterpolations-7984f237', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-3fb99246', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-f1f0353a', './_curry1-7a0202a9', './_curry3-4c4274cb', './_curry2-aa93b240', './_has-516d4787', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,s,t,o,a,r,l,m,c,n,d,i,u,h,_,S,p,N,f,F,y,A,E,M,U,C,b,x,k){"use strict";e.Modal=s.Modal,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Modal.js.map

package/amd/UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,s,i,a,n,m,l){"use strict";const c={baseTheme:s.baseTheme,multiVariantStyles:i.multiVariantStyles,variants:t.variants,styles:t.styles};e.NavigationListItemRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,t,s,a,i,n,m,l){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:t.variants,styles:t.styles};e.NavigationListItemRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemTheme.js.map

package/amd/UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemVariants.css.js.map

package/amd/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,s,a,i,n,l,m){"use strict";const c={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:t.variants,styles:t.styles};e.NavigationListItemStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(t,e,s,a,i,n,l,m){"use strict";const c={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};t.NavigationListItemStableTheme=c,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemTheme.js.map

package/amd/UNSAFE_NavigationList/themes/stable/NavigationListItemVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__13shj7v4",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__13shj7vc"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__13shj7vd"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__13shj7ve"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__13shj7vf"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemVariants.css.js.map

package/amd/UNSAFE_NavigationList.js

@@ -1,2 +1,2 @@
-define(['exports', './NavigationListItem-3f507c1f', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './utils/PRIVATE_collectionUtils', './utils/UNSAFE_keys', './utils/PRIVATE_clientHints', './clientHints-9ec01648', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useCurrentKey', './hooks/UNSAFE_useUser', './index-97abd6be', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_Text', './Text-8ee98ff3', './utils/UNSAFE_classNames', './classNames-415aadfa', './utils/UNSAFE_mergeInterpolations', './_curry1-36578a8b', './_curry3-ff7bc87c', './_curry2-bdf33bfa', './_has-887fafe5', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './utils/UNSAFE_interpolations/flexitem', './flexitem-f51fd489', 'module', './keys-4986169d', './UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css'], (function(e,s,t,i,o,a,n,m,N,c,l,r,_,u,S,g,h,A,E,v,F,U,L,d,f,y,I,T,k,p,x,C,b,P,R,V,w,H,j,B,K,M,O,q,z,D,G,J,Q,W,X){"use strict";e.NavigationList=s.NavigationList,e.NavigationListItem=s.NavigationListItem,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './NavigationListItem-25db03e6', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_NavigationList/themes/NavigationListStyles.css', 'css!./NavigationListStyles.styles.css', './utils/PRIVATE_collectionUtils', './utils/UNSAFE_keys', './utils/PRIVATE_clientHints', './clientHints-43191739', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useCurrentKey', './hooks/UNSAFE_useUser', './index-42a08f12', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './UNSAFE_Text', './Text-d5c28b74', './utils/UNSAFE_classNames', './classNames-f1f0353a', './utils/UNSAFE_mergeInterpolations', './_curry1-7a0202a9', './_curry3-4c4274cb', './_curry2-aa93b240', './_has-516d4787', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-add14021', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './utils/UNSAFE_interpolations/flexitem', './flexitem-4a3f072a', 'module', './keys-f20854fb', './UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme', './UNSAFE_NavigationList/themes/NavigationListItemStyles.css', 'css!./NavigationListItemStyles.styles.css', './UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css', 'module', './UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css', 'css!./NavigationListItemVariants.styles.css'], (function(e,s,t,i,o,a,n,m,N,l,c,r,_,u,S,g,h,A,E,v,F,U,L,d,y,I,T,k,p,f,x,C,P,b,R,V,w,H,j,B,K,M,O,q,z,D,G,J,Q,W,X){"use strict";e.NavigationList=s.NavigationList,e.NavigationListItem=s.NavigationListItem,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_NavigationList.js.map

package/amd/UNSAFE_NumberInputText.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useSpinning', './UNSAFE_IconButton', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './IconButton-59e600aa', './UNSAFE_Grid', './PRIVATE_ThemedIcons/IncrementIcon', './PRIVATE_ThemedIcons/DecrementIcon', './PRIVATE_ThemedIcons/MinusIcon', './PRIVATE_ThemedIcons/PlusIcon', './index-56b31d14', './index-5c0b9d0a', './hooks/UNSAFE_useCurrentValueReducer', './Label-967a7e41', './ReadonlyTextFieldInput-a81853da', './TextFieldInput-e6be4912', './clientHints-9ec01648', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-88e7f748', 'preact', './hooks/UNSAFE_useToggle', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-ecc60275', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-415aadfa', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-36578a8b', './_curry2-bdf33bfa', './InlineHelpSource-64ac8954', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8', './index-97abd6be', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_ComponentMessage', './ComponentMessage-fe3ceee7', './PRIVATE_Message', './UNSAFE_Flex', './Flex-fd1e537c', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8821a95d', './utils/UNSAFE_mergeInterpolations', './_curry3-ff7bc87c', './_has-887fafe5', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-4986169d', './utils/UNSAFE_interpolations/flexbox', './flexbox-796f983d', './utils/UNSAFE_interpolations/flexitem', './flexitem-f51fd489', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-910c2299', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f70f1f56', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-3a3fdfd6', './index-8dd0a7cc', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-92aea026', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-35a4b1ad', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-faf5b97d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-b5ffacbe', './MessageFormattingUtils-16d1b0ad', './utils/UNSAFE_getLocale', './Message.types-182fd781', './MessageStartIcon-880dac74', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-d24a7ab2', './MessageTimestamp-cb6e2cd4', './MessageUtils-bf65c905', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-130e33c1', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_BaseButton', './BaseButton-dd090c05', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useActive', './UNSAFE_ButtonLayout', './ButtonLayout-2a0fea1f', './UNSAFE_Text', './Text-8ee98ff3', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './UNSAFE_HiddenAccessible', './HiddenAccessible-d0caaead', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-47f89c7f', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-0fc492fe', './UNSAFE_FocusTrap', './FocusTrap-7518a07f', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-2243e394', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-8f4bf3b2', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_PrefixSuffix', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'css!./PrefixSuffixStyles.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles2.css', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-61310cad', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', './utils/UNSAFE_interpolations/grid'], (function(e,s,t,o,i,n,a,l,d,r,c,u,S,F,h,m,p,A,U,E,_,T,x,N,y,b,f,g,I,C,v,R,w,k,P,M,B,V,D,L,j,H,q,W,G,O,z,K,Z,J,Q,X,Y,$,ee,se,te,oe,ie,ne,ae,le,de,re,ce,ue,Se,Fe,he,me,pe,Ae,Ue,Ee,_e,Te,xe,Ne,ye,be,fe,ge,Ie,Ce,ve,Re,we,ke,Pe,Me,Be,Ve,De,Le,je,He,qe,We,Ge,Oe,ze,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,os,is,ns,as,ls,ds,rs,cs,us,Ss,Fs,hs,ms,ps,As,Us,Es,_s,Ts,xs,Ns,ys,bs,fs,gs,Is,Cs,vs,Rs,ws,ks,Ps,Ms,Bs,Vs,Ds,Ls,js,Hs,qs,Ws,Gs,Os,zs,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,ot,it,nt,at,lt,dt,rt,ct,ut,St,Ft,ht,mt,pt,At,Ut,Et,_t,Tt,xt,Nt,yt,bt,ft,gt,It,Ct,vt,Rt,wt,kt,Pt,Mt,Bt,Vt,Dt,Lt,jt,Ht,qt,Wt,Gt,Ot,zt,Kt,Zt,Jt,Qt,Xt,Yt,$t,eo,so,to,oo,io,no,ao,lo,ro,co,uo,So,Fo,ho,mo,po,Ao,Uo,Eo,_o,To,xo){"use strict";function No({direction:e,isDisabled:t,onStep:i,children:n}){const a=A.useTranslationBundle("@oracle/oraclejet-preact"),l=a.inputNumber_increase(),d=a.inputNumber_decrease(),r="increase"===e?l:d,c=o.useCallback((()=>{i?.({direction:e})}),[i,e]);return s.jsx(p.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(U.IconButton,{isDisabled:t,tooltip:r,onAction:c,variant:"borderless",children:n})})}function yo({children:e}){return s.jsx(E.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const bo=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":r,"aria-valuenow":F,"aria-valuetext":m,assistiveText:p,autoComplete:A="off",autoFocus:U=!1,helpSourceLink:E,helpSourceText:_,isDisabled:T,isReadonly:v,isRequired:R=!1,isRequiredShown:w,isStepDownDisabled:k,isStepUpDisabled:P,hasSteppers:M=!1,stepperVariant:B="directional",label:V,labelEdge:D,labelStartWidth:L,messages:j,placeholder:H,prefix:q,suffix:W,textAlign:G,userAssistanceDensity:O,value:z,variant:K="default",virtualKeyboard:Z,onInput:J,onCommit:Q,onSpin:X,onSpinComplete:Y,onStep:$},ee)=>{const{currentCommitValue:se,dispatch:te}=f.useCurrentValueReducer({value:z}),oe=o.useCallback((e=>{te({type:"input",payload:e.value}),J?.(e)}),[J,te]),ie=o.useCallback((e=>{te({type:"commit",payload:e.value}),Q?.(e)}),[Q,te]),{isDisabled:ne,isReadonly:ae,labelEdge:le,labelStartWidth:de,textAlign:re,userAssistanceDensity:ce}=n.useFormContext(),ue=T??ne,Se=v??ae,Fe=D??le,he=L??de,me=G??re,pe=O??ce,{enabledElementRef:Ae,focusProps:Ue,isFocused:Ee,readonlyElementRef:_e}=i.useFocusableTextField({isDisabled:ue,isReadonly:Se,ref:ee}),{hoverProps:Te}=l.useHover({isDisabled:Se||ue||!1}),{baseId:xe,formFieldContext:Ne,inputProps:ye,labelProps:be,textFieldProps:fe,userAssistanceProps:ge}=d.useTextField({ariaDescribedBy:e,helpSourceLink:E,helpSourceText:_,isDisabled:ue,isFocused:Ee,isReadonly:Se,isRequiredShown:w,labelEdge:Fe,messages:j,styleVariant:K,userAssistanceDensity:pe,value:z}),Ie=ue||k,Ce=ue||P,{startContent:ve,endContent:Re,stepHandlerProps:we}=(({hasSteppers:e,stepperVariant:t,inputRef:i,isStepDownDisabled:n,isStepUpDisabled:a,onSpin:l,onSpinComplete:d,onStep:r})=>{const{keyboardHandlerProps:c,pointerIncreaseHandlerProps:u,pointerDecreaseHandlerProps:S}=h.useSpinning({isStepDownDisabled:n,isStepUpDisabled:a,onSpin:l,onSpinComplete:d,onStep:r}),F=o.useCallback((()=>{i.current?.focus()}),[i]),m=e?"directional"===t?s.jsxs(yo,{children:[s.jsx("div",{"aria-hidden":"true",...S,children:s.jsx(No,{direction:"decrease",isDisabled:n,onStep:F,children:s.jsx(y.SvgChevronDown,{})})}),s.jsx("div",{"aria-hidden":"true",...u,children:s.jsx(No,{direction:"increase",isDisabled:a,onStep:F,children:s.jsx(b.SvgChevronUp,{})})})]}):s.jsx("div",{"aria-hidden":"true",...u,children:s.jsx(No,{direction:"increase",isDisabled:a,onStep:F,children:s.jsx(N.PlusIcon,{})})}):void 0;return{startContent:e&&"quantitative"===t?s.jsx("div",{"aria-hidden":"true",...S,children:s.jsx(No,{direction:"decrease",isDisabled:n,onStep:F,children:s.jsx(x.MinusIcon,{})})}):void 0,endContent:m,stepHandlerProps:e?c:{}}})({hasSteppers:M,stepperVariant:B,inputRef:Ae,isStepDownDisabled:Ie,isStepUpDisabled:Ce,onSpin:X,onSpinComplete:Y,onStep:$}),{renderedPrefix:ke,renderedSuffix:Pe,text:Me,ariaLabelledBy:Be}=c.usePrefixSuffix({baseId:xe,hasEndContent:void 0!==Re,hasInsideLabel:void 0!==V&&"inside"===Fe,hasStartContent:void 0!==ve,hasValue:Ne.hasValue,isDisabled:ue,isFocused:Ee,labelId:be.id,prefix:q,suffix:W,value:z}),Ve="none"!==Fe?s.jsx(g.Label,{...be,children:V}):void 0,De={label:"none"!==Fe?Ve:void 0,labelEdge:"none"!==Fe?Fe:void 0,labelStartWidth:"none"!==Fe?he:void 0},Le="none"===Fe?V:void 0,je="efficient"===pe||"reflow"===pe?ue||Se?"efficient"!==pe?void 0:s.jsx(S.InlineUserAssistance,{userAssistanceDensity:pe,...ge}):s.jsx(S.InlineUserAssistance,{assistiveText:p,fieldLabel:V,helpSourceLink:E,helpSourceText:_,messages:j,isRequiredShown:w,userAssistanceDensity:pe,...ge}):void 0,He=o.useRef(null),qe="compact"===pe?s.jsx(S.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:p,...ge}):void 0;if(Se)return s.jsx(a.FormFieldContext.Provider,{value:Ne,children:s.jsx(u.ReadonlyTextField,{role:"presentation",compactUserAssistance:qe,inlineUserAssistance:je,onBlur:Ue.onfocusout,onFocus:Ue.onfocusin,ref:He,...De,children:s.jsx(I.ReadonlyTextFieldInput,{"aria-describedby":ye["aria-describedby"],"aria-label":Le,"aria-labelledby":be.id,as:"div",autoFocus:U,elementRef:_e,textAlign:me,value:Me,hasEmptyLabel:""===V&&"none"===Fe,hasInsideLabel:void 0!==V&&"inside"===Fe})})});const We=void 0===F||F.toString()!==m?m:void 0,Ge=s.jsxs(s.Fragment,{children:[ke,s.jsx(C.TextFieldInput,{"aria-labelledby":Be,"aria-label":Le,"aria-valuemax":t,"aria-valuemin":r,"aria-valuenow":F,"aria-valuetext":We,autoComplete:A,autoFocus:U,currentCommitValue:se,hasEmptyLabel:""===V&&"none"===Fe,hasEndContent:void 0!==Re,hasInsideLabel:void 0!==Ve&&"inside"===Fe,hasPrefix:void 0!==ke,hasStartContent:void 0!==ve,hasSuffix:void 0!==Pe,inputRef:Ae,isRequired:R,placeholder:H,role:M?"spinbutton":void 0,textAlign:me,type:fo()?Z:void 0,value:ue?Me:z,onCommit:ie,onInput:oe,...ye,...we}),Pe]});return s.jsx(a.FormFieldContext.Provider,{value:Ne,children:s.jsx(u.TextField,{startContent:ve,endContent:Re,compactUserAssistance:qe,inlineUserAssistance:je,mainContent:Ge,onBlur:Ue.onfocusout,onFocus:Ue.onfocusin,mainFieldRef:He,hasZeroStartMargin:M&&"quantitative"===B,...fe,...De,...Te})})}));function fo(){const e=v.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=bo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useSpinning', './UNSAFE_IconButton', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './IconButton-284cc675', './UNSAFE_Grid', './PRIVATE_ThemedIcons/IncrementIcon', './PRIVATE_ThemedIcons/DecrementIcon', './PRIVATE_ThemedIcons/MinusIcon', './PRIVATE_ThemedIcons/PlusIcon', './index-d16bf9c1', './index-a8bacfc9', './hooks/UNSAFE_useCurrentValueReducer', './Label-36191e07', './ReadonlyTextFieldInput-3124f989', './TextFieldInput-c49e9fa3', './clientHints-43191739', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-699de7c8', 'preact', './hooks/UNSAFE_useToggle', './hooks/PRIVATE_useMessageSeverity', './utils/UNSAFE_stringUtils', './stringUtils-0e013a89', './hooks/UNSAFE_useFormFieldContextProps', './hooks/UNSAFE_useId', './utils/UNSAFE_classNames', './classNames-f1f0353a', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-7a0202a9', './_curry2-aa93b240', './InlineHelpSource-567bbbce', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-add14021', './index-42a08f12', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_ComponentMessage', './ComponentMessage-17043ffe', './PRIVATE_Message', './UNSAFE_Flex', './Flex-cc3a1b4c', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3fb99246', './utils/UNSAFE_mergeInterpolations', './_curry3-4c4274cb', './_has-516d4787', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-f20854fb', './utils/UNSAFE_interpolations/flexbox', './flexbox-6b1e92ca', './utils/UNSAFE_interpolations/flexitem', './flexitem-4a3f072a', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-d492221d', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-b7617e72', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-e719dece', './index-ba3b7c04', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-bba44fd7', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-7984f237', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-37783884', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-c0772e46', './MessageFormattingUtils-3114bb21', './utils/UNSAFE_getLocale', './Message.types-eab759c5', './MessageStartIcon-78e1b9c9', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-095ba076', './MessageTimestamp-be222097', './MessageUtils-99ffdbbf', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-8ab99470', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_BaseButton', './BaseButton-af034955', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useActive', './UNSAFE_ButtonLayout', './ButtonLayout-27dd1c7b', './UNSAFE_Text', './Text-d5c28b74', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './UNSAFE_HiddenAccessible', './HiddenAccessible-f9b5a77e', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-1908b5d2', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-80764036', './UNSAFE_FocusTrap', './FocusTrap-8d1af9ad', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-34f91d49', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-c6b6d715', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_PrefixSuffix', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'css!./PrefixSuffixStyles.styles.css', './UNSAFE_LabelValueLayout', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldStyles.css', 'css!./ReadonlyTextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldVariants.css', 'css!./ReadonlyTextFieldVariants.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './hooks/UNSAFE_useDebounce', './UNSAFE_LiveRegion', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_interpolations/text', './index-40152a0d', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme', './UNSAFE_TextField/themes/ReadonlyTextFieldInputStyles.css', 'css!./ReadonlyTextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css', './hooks/UNSAFE_useTextFieldInputHandlers', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './UNSAFE_TextField/themes/TextFieldInputStyles.css', 'css!./TextFieldInputStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldInputVariants.css', './utils/UNSAFE_interpolations/grid'], (function(e,s,t,o,i,n,a,l,d,r,c,u,S,F,h,m,p,A,U,E,_,T,x,N,b,y,g,f,I,C,v,R,w,k,P,M,B,V,D,L,j,H,q,W,G,O,z,K,Z,J,Q,X,Y,$,ee,se,te,oe,ie,ne,ae,le,de,re,ce,ue,Se,Fe,he,me,pe,Ae,Ue,Ee,_e,Te,xe,Ne,be,ye,ge,fe,Ie,Ce,ve,Re,we,ke,Pe,Me,Be,Ve,De,Le,je,He,qe,We,Ge,Oe,ze,Ke,Ze,Je,Qe,Xe,Ye,$e,es,ss,ts,os,is,ns,as,ls,ds,rs,cs,us,Ss,Fs,hs,ms,ps,As,Us,Es,_s,Ts,xs,Ns,bs,ys,gs,fs,Is,Cs,vs,Rs,ws,ks,Ps,Ms,Bs,Vs,Ds,Ls,js,Hs,qs,Ws,Gs,Os,zs,Ks,Zs,Js,Qs,Xs,Ys,$s,et,st,tt,ot,it,nt,at,lt,dt,rt,ct,ut,St,Ft,ht,mt,pt,At,Ut,Et,_t,Tt,xt,Nt,bt,yt,gt,ft,It,Ct,vt,Rt,wt,kt,Pt,Mt,Bt,Vt,Dt,Lt,jt,Ht,qt,Wt,Gt,Ot,zt,Kt,Zt,Jt,Qt,Xt,Yt,$t,eo,so,to,oo,io,no,ao,lo,ro,co,uo,So,Fo,ho,mo,po,Ao,Uo,Eo,_o,To,xo){"use strict";function No({direction:e,isDisabled:t,onStep:i,children:n}){const a=A.useTranslationBundle("@oracle/oraclejet-preact"),l=a.inputNumber_increase(),d=a.inputNumber_decrease(),r="increase"===e?l:d,c=o.useCallback((()=>{i?.({direction:e})}),[i,e]);return s.jsx(p.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(U.IconButton,{isDisabled:t,tooltip:r,onAction:c,variant:"borderless",children:n})})}function bo({children:e}){return s.jsx(E.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const yo=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":r,"aria-valuenow":F,"aria-valuetext":m,assistiveText:p,autoComplete:A="off",autoFocus:U=!1,helpSourceLink:E,helpSourceText:_,isDisabled:T,isReadonly:v,isRequired:R=!1,isRequiredShown:w,isStepDownDisabled:k,isStepUpDisabled:P,hasSteppers:M=!1,stepperVariant:B="directional",label:V,labelEdge:D,labelStartWidth:L,messages:j,placeholder:H,prefix:q,suffix:W,textAlign:G,userAssistanceDensity:O,value:z,variant:K="default",virtualKeyboard:Z,onInput:J,onCommit:Q,onSpin:X,onSpinComplete:Y,onStep:$},ee)=>{const{currentCommitValue:se,dispatch:te}=g.useCurrentValueReducer({value:z}),oe=o.useCallback((e=>{te({type:"input",payload:e.value}),J?.(e)}),[J,te]),ie=o.useCallback((e=>{te({type:"commit",payload:e.value}),Q?.(e)}),[Q,te]),{isDisabled:ne,isReadonly:ae,labelEdge:le,labelStartWidth:de,textAlign:re,userAssistanceDensity:ce}=n.useFormContext(),ue=T??ne,Se=v??ae,Fe=D??le,he=L??de,me=G??re,pe=O??ce,{enabledElementRef:Ae,focusProps:Ue,isFocused:Ee,readonlyElementRef:_e}=i.useFocusableTextField({isDisabled:ue,isReadonly:Se,ref:ee}),{hoverProps:Te}=l.useHover({isDisabled:Se||ue||!1}),{baseId:xe,formFieldContext:Ne,inputProps:be,labelProps:ye,textFieldProps:ge,userAssistanceProps:fe}=d.useTextField({ariaDescribedBy:e,helpSourceLink:E,helpSourceText:_,isDisabled:ue,isFocused:Ee,isReadonly:Se,isRequiredShown:w,labelEdge:Fe,messages:j,styleVariant:K,userAssistanceDensity:pe,value:z}),Ie=ue||k,Ce=ue||P,{startContent:ve,endContent:Re,stepHandlerProps:we}=(({hasSteppers:e,stepperVariant:t,inputRef:i,isStepDownDisabled:n,isStepUpDisabled:a,onSpin:l,onSpinComplete:d,onStep:r})=>{const{keyboardHandlerProps:c,pointerIncreaseHandlerProps:u,pointerDecreaseHandlerProps:S}=h.useSpinning({isStepDownDisabled:n,isStepUpDisabled:a,onSpin:l,onSpinComplete:d,onStep:r}),F=o.useCallback((()=>{i.current?.focus()}),[i]),m=e?"directional"===t?s.jsxs(bo,{children:[s.jsx("div",{"aria-hidden":"true",...S,children:s.jsx(No,{direction:"decrease",isDisabled:n,onStep:F,children:s.jsx(b.SvgChevronDown,{})})}),s.jsx("div",{"aria-hidden":"true",...u,children:s.jsx(No,{direction:"increase",isDisabled:a,onStep:F,children:s.jsx(y.SvgChevronUp,{})})})]}):s.jsx("div",{"aria-hidden":"true",...u,children:s.jsx(No,{direction:"increase",isDisabled:a,onStep:F,children:s.jsx(N.PlusIcon,{})})}):void 0;return{startContent:e&&"quantitative"===t?s.jsx("div",{"aria-hidden":"true",...S,children:s.jsx(No,{direction:"decrease",isDisabled:n,onStep:F,children:s.jsx(x.MinusIcon,{})})}):void 0,endContent:m,stepHandlerProps:e?c:{}}})({hasSteppers:M,stepperVariant:B,inputRef:Ae,isStepDownDisabled:Ie,isStepUpDisabled:Ce,onSpin:X,onSpinComplete:Y,onStep:$}),{renderedPrefix:ke,renderedSuffix:Pe,text:Me,ariaLabelledBy:Be}=c.usePrefixSuffix({baseId:xe,hasEndContent:void 0!==Re,hasInsideLabel:void 0!==V&&"inside"===Fe,hasStartContent:void 0!==ve,hasValue:Ne.hasValue,isDisabled:ue,isFocused:Ee,labelId:ye.id,prefix:q,suffix:W,value:z}),Ve="none"!==Fe?s.jsx(f.Label,{...ye,children:V}):void 0,De={label:"none"!==Fe?Ve:void 0,labelEdge:"none"!==Fe?Fe:void 0,labelStartWidth:"none"!==Fe?he:void 0},Le="none"===Fe?V:void 0,je="efficient"===pe||"reflow"===pe?ue||Se?"efficient"!==pe?void 0:s.jsx(S.InlineUserAssistance,{userAssistanceDensity:pe,...fe}):s.jsx(S.InlineUserAssistance,{assistiveText:p,fieldLabel:V,helpSourceLink:E,helpSourceText:_,messages:j,isRequiredShown:w,userAssistanceDensity:pe,...fe}):void 0,He=o.useRef(null),qe="compact"===pe?s.jsx(S.CompactUserAssistance,{anchorRef:He,messages:j,assistiveText:p,...fe}):void 0;if(Se)return s.jsx(a.FormFieldContext.Provider,{value:Ne,children:s.jsx(u.ReadonlyTextField,{role:"presentation",compactUserAssistance:qe,inlineUserAssistance:je,onBlur:Ue.onfocusout,onFocus:Ue.onfocusin,ref:He,...De,children:s.jsx(I.ReadonlyTextFieldInput,{"aria-describedby":be["aria-describedby"],"aria-label":Le,"aria-labelledby":ye.id,as:"div",autoFocus:U,elementRef:_e,textAlign:me,value:Me,hasEmptyLabel:""===V&&"none"===Fe,hasInsideLabel:void 0!==V&&"inside"===Fe})})});const We=void 0===F||F.toString()!==m?m:void 0,Ge=s.jsxs(s.Fragment,{children:[ke,s.jsx(C.TextFieldInput,{"aria-labelledby":Be,"aria-label":Le,"aria-valuemax":t,"aria-valuemin":r,"aria-valuenow":F,"aria-valuetext":We,autoComplete:A,autoFocus:U,currentCommitValue:se,hasEmptyLabel:""===V&&"none"===Fe,hasEndContent:void 0!==Re,hasInsideLabel:void 0!==Ve&&"inside"===Fe,hasPrefix:void 0!==ke,hasStartContent:void 0!==ve,hasSuffix:void 0!==Pe,inputRef:Ae,isRequired:R,placeholder:H,role:M?"spinbutton":void 0,textAlign:me,type:go()?Z:void 0,value:ue?Me:z,onCommit:ie,onInput:oe,...be,...we}),Pe]});return s.jsx(a.FormFieldContext.Provider,{value:Ne,children:s.jsx(u.TextField,{startContent:ve,endContent:Re,compactUserAssistance:qe,inlineUserAssistance:je,mainContent:Ge,onBlur:Ue.onfocusout,onFocus:Ue.onfocusin,mainFieldRef:He,hasZeroStartMargin:M&&"quantitative"===B,...ge,...De,...Te})})}));function go(){const e=v.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=yo,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_NumberInputText.js.map

package/amd/UNSAFE_NumberInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_NumberInputText.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 */\nimport { ComponentChildren } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\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   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\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, children }: 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  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {children}\n      </IconButton>\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 } from 'preact/hooks';\nimport { useSpinning, StepProps } from '../hooks/UNSAFE_useSpinning';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\nimport { MinusIcon } from '../PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '../PRIVATE_ThemedIcons/PlusIcon';\n\nexport { StepDirection, StepEvent } from '../hooks/UNSAFE_useSpinning';\n\ntype Props = StepProps & {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Variant style of step buttons.\n   * @default directional\n   */\n  stepperVariant?: 'directional' | 'quantitative';\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\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 * The hook returns a JSX element containing the step buttons, which can be\n * placed in the endContent of NumberInputText. It also returns\n * stepHandlerProps which should be spread onto the component to handle\n * keyboard stepping.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param stepperVariant Variant style of step buttons.\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 An object containing the steppers and stepHandlerProps\n */\nexport const useSteppers = ({\n  hasSteppers,\n  stepperVariant,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n    useSpinning({ isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep });\n\n  const handleClick = useCallback(() => {\n    // When a step button is clicked, set focus to the input.\n    // Don't need to call onStep because it's already called from onPointerDown.\n    // Button only calls its onAction handler after the mouse is released.\n    // If the button is disabled while stepping or spinning and you hit the min/max, the\n    // button handler is not called for this reason. Work around this by adding onClick\n    // to the outer div (when enabled, Button handles clicks and calls stopPropagation).\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n  // if it equals quantitative, only the increase button is placed in the endContent slot\n  const endContent = hasSteppers ? (\n    stepperVariant === 'directional' ? (\n      <Steppers>\n        <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n          <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n            <DecrementIcon />\n          </StepButton>\n        </div>\n\n        <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n          <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n            <IncrementIcon />\n          </StepButton>\n        </div>\n      </Steppers>\n    ) : (\n      <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n        <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n          <PlusIcon />\n        </StepButton>\n      </div>\n    )\n  ) : undefined;\n\n  // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n  const startContent =\n    hasSteppers && stepperVariant === 'quantitative' ? (\n      <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n        <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n          <MinusIcon />\n        </StepButton>\n      </div>\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 ? keyboardHandlerProps : {};\n\n  return { startContent, endContent, 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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } 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 {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} 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 StepperProps = Parameters<typeof useSteppers>[0];\n\ntype NumberInputTextProps = {\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  Pick<StepperProps, 'stepperVariant' | 'hasSteppers'> & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value. Used for the aria-valuemax attribute.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value. Used for the aria-valuemin attribute.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component. Used for the aria-valuenow attribute.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\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     * aria-valuenow.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\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     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\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      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': 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      stepperVariant = 'directional',\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      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { startContent, endContent, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      stepperVariant,\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: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\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      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\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      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\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 running 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","children","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","_jsx","TabbableModeContext","Provider","value","isTabbable","IconButton","tooltip","onAction","variant","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","stepperVariant","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","startContent","endContent","stepHandlerProps","inputRef","keyboardHandlerProps","pointerIncreaseHandlerProps","pointerDecreaseHandlerProps","useSpinning","current","focus","_jsxs","jsx","DecrementIcon","SvgChevronDown","IncrementIcon","SvgChevronUp","PlusIcon","undefined","MinusIcon","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","mainFieldRef","hasZeroStartMargin","deviceType","getClientHints"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_NumberInputText.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 */\nimport { ComponentChildren } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\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   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\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, children }: 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  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {children}\n      </IconButton>\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 } from 'preact/hooks';\nimport { useSpinning, StepProps } from '../hooks/UNSAFE_useSpinning';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\nimport { MinusIcon } from '../PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '../PRIVATE_ThemedIcons/PlusIcon';\n\nexport { StepDirection, StepEvent } from '../hooks/UNSAFE_useSpinning';\n\ntype Props = StepProps & {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Variant style of step buttons.\n   * @default directional\n   */\n  stepperVariant?: 'directional' | 'quantitative';\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\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 * The hook returns a JSX element containing the step buttons, which can be\n * placed in the endContent of NumberInputText. It also returns\n * stepHandlerProps which should be spread onto the component to handle\n * keyboard stepping.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param stepperVariant Variant style of step buttons.\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 An object containing the steppers and stepHandlerProps\n */\nexport const useSteppers = ({\n  hasSteppers,\n  stepperVariant,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n    useSpinning({ isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep });\n\n  const handleClick = useCallback(() => {\n    // When a step button is clicked, set focus to the input.\n    // Don't need to call onStep because it's already called from onPointerDown.\n    // Button only calls its onAction handler after the mouse is released.\n    // If the button is disabled while stepping or spinning and you hit the min/max, the\n    // button handler is not called for this reason. Work around this by adding onClick\n    // to the outer div (when enabled, Button handles clicks and calls stopPropagation).\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n  // if it equals quantitative, only the increase button is placed in the endContent slot\n  const endContent = hasSteppers ? (\n    stepperVariant === 'directional' ? (\n      <Steppers>\n        <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n          <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n            <DecrementIcon />\n          </StepButton>\n        </div>\n\n        <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n          <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n            <IncrementIcon />\n          </StepButton>\n        </div>\n      </Steppers>\n    ) : (\n      <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n        <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n          <PlusIcon />\n        </StepButton>\n      </div>\n    )\n  ) : undefined;\n\n  // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n  const startContent =\n    hasSteppers && stepperVariant === 'quantitative' ? (\n      <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n        <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n          <MinusIcon />\n        </StepButton>\n      </div>\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 ? keyboardHandlerProps : {};\n\n  return { startContent, endContent, 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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } 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 {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} 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 StepperProps = Parameters<typeof useSteppers>[0];\n\ntype NumberInputTextProps = {\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  Pick<StepperProps, 'stepperVariant' | 'hasSteppers'> & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value. Used for the aria-valuemax attribute.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value. Used for the aria-valuemin attribute.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component. Used for the aria-valuenow attribute.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\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     * aria-valuenow.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\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     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\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      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': 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      stepperVariant = 'directional',\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      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { startContent, endContent, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      stepperVariant,\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: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\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    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\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    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\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      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\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      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\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 running 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","children","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","_jsx","TabbableModeContext","Provider","value","isTabbable","IconButton","tooltip","onAction","variant","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","stepperVariant","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","startContent","endContent","stepHandlerProps","inputRef","keyboardHandlerProps","pointerIncreaseHandlerProps","pointerDecreaseHandlerProps","useSpinning","current","focus","_jsxs","jsx","DecrementIcon","SvgChevronDown","IncrementIcon","SvgChevronUp","PlusIcon","undefined","MinusIcon","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","mainFieldRef","hasZeroStartMargin","deviceType","getClientHints"],"mappings":"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"}

package/amd/UNSAFE_Popup/themes/redwood/PopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,s,t,a,p,c){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupRedwoodTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,s,t,a,p,i){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupTheme.js.map

package/amd/UNSAFE_Popup/themes/redwood/PopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupVariants.css.js.map

package/amd/UNSAFE_Popup/themes/stable/PopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,s,t,a,p,c){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupStableTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,s,t,a,p,i){"use strict";const l={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupTheme.js.map

package/amd/UNSAFE_Popup/themes/stable/PopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-f809e2c8'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-add14021'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupVariants.css.js.map