@oracle/oraclejet-preact 14.0.5 → 14.0.7

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

package/es/UNSAFE_Modal.css

@@ -1,5 +1,6 @@
-._1fcmgn4{position:fixed;top:0;right:0;bottom:0;left:0;}
-
-.jmi90b{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
-
-._11b08xl{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+.base-12rq23o{position:fixed;top:0;right:0;bottom:0;left:0;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Nb2RhbC9Nb2RhbC50c3giXSwibmFtZXMiOlsiLmJhc2UtMTJycTIzbyJdLCJtYXBwaW5ncyI6IkFBUUlBIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Nb2RhbC9Nb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZU1vZGFsIH0gZnJvbSAnLi9ob29rcy91c2VNb2RhbCc7XG5pbXBvcnQgeyBGb2N1c1RyYXAgfSBmcm9tICcuLi9VTlNBRkVfRm9jdXNUcmFwJztcbmltcG9ydCB7IExheWVyIH0gZnJvbSAnLi4vVU5TQUZFX0xheWVyJztcbmltcG9ydCBNb2RhbEJhY2tkcm9wIGZyb20gJy4vTW9kYWxCYWNrZHJvcCc7XG5pbXBvcnQgTW9kYWxDb250YWluZXIgZnJvbSAnLi9Nb2RhbENvbnRhaW5lcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICAgICAgdG9wOiAnMCcsXG4gICAgICAgIHJpZ2h0OiAnMCcsXG4gICAgICAgIGJvdHRvbTogJzAnLFxuICAgICAgICBsZWZ0OiAnMCdcbiAgICB9fWBcbn07XG5jb25zdCBNb2RhbFdyYXBwZXIgPSAoeyBjaGlsZHJlbiB9KSA9PiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogc3R5bGVzLmJhc2UgfSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuY29uc3QgTW9kYWwgPSAoeyBhdXRvRm9jdXNSZWYsIGNoaWxkcmVuLCBpc09wZW4sIG9uQmFja2Ryb3BDbGljaywgcmVzdG9yZUZvY3VzUmVmIH0pID0+IHtcbiAgICBjb25zdCB7IG1vZGFsUmVmIH0gPSB1c2VNb2RhbCh7IGlzT3Blbiwgb25CYWNrZHJvcENsaWNrIH0pO1xuICAgIHJldHVybiBpc09wZW4gPyAoX2pzeChMYXllciwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWxXcmFwcGVyLCB7IGNoaWxkcmVuOiBbX2pzeChNb2RhbEJhY2tkcm9wLCB7fSksIF9qc3goTW9kYWxDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyByZWY6IG1vZGFsUmVmIH0sIHsgY2hpbGRyZW46IF9qc3goRm9jdXNUcmFwLCBPYmplY3QuYXNzaWduKHsgYXV0b0ZvY3VzUmVmOiBhdXRvRm9jdXNSZWYsIHJlc3RvcmVGb2N1c1JlZjogcmVzdG9yZUZvY3VzUmVmIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSB9KSldIH0pIH0pKSA6IG51bGw7XG59O1xuZXhwb3J0IGRlZmF1bHQgTW9kYWw7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1Nb2RhbC5qcy5tYXAiXX0=*/
+.base-4sdkgr{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Nb2RhbC9Nb2RhbENvbnRhaW5lci50c3giXSwibmFtZXMiOlsiLmJhc2UtNHNka2dyIl0sIm1hcHBpbmdzIjoiQUFJSUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX01vZGFsL01vZGFsQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3ByZWFjdC9jb21wYXQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGluc2V0OiAwLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICBtYXJnaW46ICcwIGF1dG8nLFxuICAgICAgICBtYXhXaWR0aDogJ2NhbGMoMTAwJSAtIDAuMDFweCkgIWltcG9ydGFudCcsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJ1xuICAgIH19YFxufTtcbmNvbnN0IE1vZGFsQ29udGFpbmVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiB9LCByZWYpID0+IChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogc3R5bGVzLmJhc2UsIHJlZjogcmVmIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSkpO1xuTW9kYWxDb250YWluZXIuZGlzcGxheU5hbWUgPSAnRm9yd2FyZGVkPE1vZGFsQ29udGFpbmVyPic7XG5leHBvcnQgZGVmYXVsdCBNb2RhbENvbnRhaW5lcjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1vZGFsQ29udGFpbmVyLmpzLm1hcCJdfQ==*/
+.base-7czkqj{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Nb2RhbC9Nb2RhbEJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6WyIuYmFzZS03Y3prcWoiXSwibWFwcGluZ3MiOiJBQUdJQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTW9kYWwvTW9kYWxCYWNrZHJvcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuY29uc3Qgc3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6ICcwJyxcbiAgICAgICAgcmlnaHQ6ICcwJyxcbiAgICAgICAgYm90dG9tOiAnMCcsXG4gICAgICAgIGxlZnQ6ICcwJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiYSgwLDAsMCwuNSknXG4gICAgfX1gXG59O1xuY29uc3QgTW9kYWxCYWNrZHJvcCA9ICgpID0+IF9qc3goXCJkaXZcIiwgeyBjbGFzczogc3R5bGVzLmJhc2UgfSk7XG5leHBvcnQgZGVmYXVsdCBNb2RhbEJhY2tkcm9wO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TW9kYWxCYWNrZHJvcC5qcy5tYXAiXX0=*/

package/es/UNSAFE_Modal.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect, forwardRef } from 'preact/compat';
 import { FocusTrap } from './UNSAFE_FocusTrap.js';
@@ -7,9 +7,9 @@ import "./UNSAFE_Modal.css";
 import 'preact';
 import './utils/UNSAFE_classNames.js';
 import './utils/PRIVATE_tabbableUtils.js';
-import './_curry1-3c1ddbce.js';
-import './_curry2-56616048.js';
-import './_curry3-0e6fcdae.js';
+import './_curry1-dfb64835.js';
+import './_curry2-b60c1ab2.js';
+import './_curry3-645b514e.js';
 
 /**
  *
@@ -51,7 +51,7 @@ const useModal = (props) => {
 };
 
 const styles$2 = {
-  base: "_11b08xl"
+  base: "base-7czkqj"
 };
 
 const ModalBackdrop = () => jsx("div", {
@@ -59,7 +59,7 @@ const ModalBackdrop = () => jsx("div", {
 });
 
 const styles$1 = {
-  base: "jmi90b"
+  base: "base-4sdkgr"
 };
 const ModalContainer = forwardRef(({
   children
@@ -72,7 +72,7 @@ const ModalContainer = forwardRef(({
 ModalContainer.displayName = 'Forwarded<ModalContainer>';
 
 const styles = {
-  base: "_1fcmgn4"
+  base: "base-12rq23o"
 };
 
 const ModalWrapper = ({

package/es/UNSAFE_NumberInputText.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -20,7 +20,7 @@ import { TabbableModeContext } from './hooks/UNSAFE_useTabbableMode.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
 import { Grid } from './UNSAFE_Grid.js';
 import { useCurrentValueReducer } from './hooks/UNSAFE_useCurrentValueReducer.js';
-import './tslib.es6-f7fea2be.js';
+import './tslib.es6-bf96b795.js';
 import './hooks/UNSAFE_useFocusWithin.js';
 import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_classNames.js';
@@ -30,12 +30,12 @@ import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
 import './utils/UNSAFE_interpolations/text.js';
-import './keys-5809d237.js';
-import './_curry1-3c1ddbce.js';
-import './_has-069b6744.js';
+import './keys-1907eb95.js';
+import './_curry1-dfb64835.js';
+import './_has-47f27295.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-0e6fcdae.js';
-import './_curry2-56616048.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
 import './UNSAFE_LabelValueLayout.js';
 import './UNSAFE_Flex.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
@@ -54,7 +54,7 @@ import './UNSAFE_ThemedIcons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-0265edc7.js';
+import './index-4d0e7777.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';

package/es/UNSAFE_PrefixSuffix.css

@@ -1,8 +1,9 @@
-._74vj8q{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-.rivg8i{opacity:.45;}
-.lyqvdx{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-._14ali9j{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
-._1g14ovt{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.aywlq1{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.jsuc38{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1kg1h9e{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.base-133nstq{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.isFocused-25apml{opacity:.45;}
+.isDisabled-13wk0n{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+.insideLabel-150ae3j{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
+.prefixHasStartContent-17h8ae3{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.suffixHasEndContent-1gz90vg{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.prefixInlineStart-q0zsrp{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.suffixInlineStart-5dlrz2{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9QcmVmaXhTdWZmaXgvUHJlZml4U3VmZml4LnRzeCJdLCJuYW1lcyI6WyIuYmFzZS0xMzNuc3RxIiwiLmlzRm9jdXNlZC0yNWFwbWwiLCIuaXNEaXNhYmxlZC0xM3drMG4iLCIuaW5zaWRlTGFiZWwtMTUwYWUzaiIsIi5wcmVmaXhIYXNTdGFydENvbnRlbnQtMTdoOGFlMyIsIi5zdWZmaXhIYXNFbmRDb250ZW50LTFnejkwdmciLCIucHJlZml4SW5saW5lU3RhcnQtcTB6c3JwIiwiLnN1ZmZpeElubGluZVN0YXJ0LTVkbHJ6MiJdLCJtYXBwaW5ncyI6IkFBS1FBO0FBYUFDO0FBR0FDO0FBR0FDO0FBSUFDO0FBR0FDO0FBR0FDO0FBR0FDIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9QcmVmaXhTdWZmaXgvUHJlZml4U3VmZml4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuZXhwb3J0IGZ1bmN0aW9uIFByZWZpeFN1ZmZpeCh7IGhhc0VuZENvbnRlbnQsIGhhc0luc2lkZUxhYmVsLCBoYXNTdGFydENvbnRlbnQsIGlkLCBpc0Rpc2FibGVkLCBpc0ZvY3VzZWQsIHRleHQsIHZhcmlhbnQgfSkge1xuICAgIGNvbnN0IHByZWZpeFN1ZmZpeFN0eWxlcyA9IHtcbiAgICAgICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTAwJScsXG4gICAgICAgICAgICBib3JkZXI6ICcwJyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgICAgIGNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdGV4dC1maWVsZC10ZXh0LWNvbG9yKSdcbiAgICAgICAgfX1gLFxuICAgICAgICBpc0ZvY3VzZWQ6IGNzcyBgJHt7XG4gICAgICAgICAgICBvcGFjaXR5OiAnLjQ1J1xuICAgICAgICB9fWAsXG4gICAgICAgIGlzRGlzYWJsZWQ6IGNzcyBgJHt7XG4gICAgICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRleHQtZmllbGQtdGV4dC1jb2xvci1kaXNhYmxlZCknXG4gICAgICAgIH19YCxcbiAgICAgICAgaW5zaWRlTGFiZWw6IGNzcyBgJHt7XG4gICAgICAgICAgICBtaW5IZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10ZXh0LWZpZWxkLWluc2lkZS1lZGdlLWhlaWdodCknLFxuICAgICAgICAgICAgcGFkZGluZ1RvcDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRleHQtZmllbGQtaW5zaWRlLWVkZ2UtcGFkZGluZy10b3ApJ1xuICAgICAgICB9fWAsXG4gICAgICAgIHByZWZpeEhhc1N0YXJ0Q29udGVudDogY3NzIGAke3tcbiAgICAgICAgICAgIHBhZGRpbmdJbmxpbmVTdGFydDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRleHQtZmllbGQtaWNvbi10by10ZXh0LXBhZGRpbmcpJ1xuICAgICAgICB9fWAsXG4gICAgICAgIHN1ZmZpeEhhc0VuZENvbnRlbnQ6IGNzcyBgJHt7XG4gICAgICAgICAgICBwYWRkaW5nSW5saW5lRW5kOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdGV4dC1maWVsZC1pY29uLXRvLXRleHQtcGFkZGluZyknXG4gICAgICAgIH19YCxcbiAgICAgICAgcHJlZml4SW5saW5lU3RhcnQ6IGNzcyBgJHt7XG4gICAgICAgICAgICBwYWRkaW5nSW5saW5lU3RhcnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10ZXh0LWZpZWxkLXRleHQtdG8tZWRnZS1wYWRkaW5nKSdcbiAgICAgICAgfX1gLFxuICAgICAgICBzdWZmaXhJbmxpbmVTdGFydDogY3NzIGAke3tcbiAgICAgICAgICAgIHBhZGRpbmdJbmxpbmVFbmQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS10ZXh0LWZpZWxkLXRleHQtdG8tZWRnZS1wYWRkaW5nKSdcbiAgICAgICAgfX1gXG4gICAgfTtcbiAgICAvLyBXZSB3YW50IHRoZSBpbnB1dCB0byBoYXZlIHBhZGRpbmcgb24gaXRzZWxmLiBUaGlzIGdpdmVzIHRoZSB1c2VyIG1vcmUgc3BhY2UgdG8gY2xpY2sgb24gdG8gc2V0IGZvY3VzIHRvIHRoZSBpbnB1dC5cbiAgICAvLyBUaGUgcHJlZml4L3N1ZmZpeCBuZWVkIHBhZGRpbmcgYmV0d2VlbiBpdHNlbGYgYW5kIGVpdGhlciB0aGUgJ2VkZ2UnIG9yIHRoZSAnc3RhcnRDb250ZW50Jy8nZW5kQ29udGVudCcuXG4gICAgLy8gU28gdGhlIGxvZ2ljIGlzOlxuICAgIC8vIGlmIG5vIHN0YXJ0Q29udGVudCBhbmQgd2UgaGF2ZSBhIHByZWZpeCwgYWRkIC0tdGV4dC10by1lZGdlLXBhZGRpbmcgdG8gdGhlIHByZWZpeFxuICAgIC8vIGlmIG5vIGVuZENvbnRlbnQgYW5kIHdlIGhhdmUgYSBzdWZmaXgsIGFkZCAtLXRleHQtdG8tZWRnZS1wYWRkaW5nIHRvIHRoZSBzdWZmaXhcbiAgICAvLyBpZiBzdGFydENvbnRlbnQgYW5kIHdlIGhhdmUgYSBwcmVmaXgsIGFkZCB0ZXh0LWZpZWxkLWljb24tdG8tdGV4dC1wYWRkaW5nXG4gICAgLy8gaWYgZW5kQ29udGVudCBhbmQgd2UgaGF2ZSBhIHN1ZmZpeCwgYWRkIHRleHQtZmllbGQtaWNvbi10by10ZXh0LXBhZGRpbmdcbiAgICAvLyAqKi0tIHRleHQtdG8tZWRnZS1wYWRkaW5nKipwcmVmaXggKGlucHV0IGhhcyBwYWRkaW5nIGZvciBwcmVmaXgvaW5wdXQpaW5wdXQoaW5wdXQgaGFzIHBhZGRpbmcgZm9yIHN1ZmZpeC9pbnB1dClzdWZmaXgqKi0tdGV4dC10by1lZGdlLXBhZGRpbmcqKlxuICAgIC8vIC0tICh0aGlzIHNob3VsZCBiZSBpbiBzdGFydENvbnRlbnQpc3RhcnRDb250ZW50ICoqaWNvbi10by10ZXh0LXBhZGRpbmcqKnByZWZpeCAoaW5wdXQgaGFzIHBhZGRpbmcgZm9yIHByZWZpeC9pbnB1dClpbnB1dChpbnB1dCBoYXMgcGFkZGluZyBmb3Igc3VmZml4L2lucHV0KSBzdWZmaXggKiotLXRleHQtdG8tZWRnZS1wYWRkaW5nKipcbiAgICAvLyAtLSAqKmljb24tdG8tdGV4dC1wYWRkaW5nKipwcmVmaXggKGlucHV0IGhhcyBwYWRkaW5nIGZvciBwcmVmaXgvaW5wdXQpaW5wdXQoaW5wdXQgaGFzIHBhZGRpbmcgZm9yIHN1ZmZpeC9pbnB1dCkgc3VmZml4KiotLWljb24tdG8tdGV4dC1wYWRkaW5nKioodGhpcyBzaG91bGQgYmUgaW4gZW5kQ29udGVudCllbmRDb250ZW50XG4gICAgY29uc3QgcHJlZml4U3VmZml4Q2xhc3NlcyA9IGNsYXNzTmFtZXMoW1xuICAgICAgICBwcmVmaXhTdWZmaXhTdHlsZXMuYmFzZSxcbiAgICAgICAgdmFyaWFudCA9PT0gJ3N1ZmZpeCcgJiYgaGFzRW5kQ29udGVudCAmJiBwcmVmaXhTdWZmaXhTdHlsZXMuc3VmZml4SGFzRW5kQ29udGVudCxcbiAgICAgICAgaGFzSW5zaWRlTGFiZWwgJiYgcHJlZml4U3VmZml4U3R5bGVzLmluc2lkZUxhYmVsLFxuICAgICAgICB2YXJpYW50ID09PSAncHJlZml4JyAmJiBoYXNTdGFydENvbnRlbnQgJiYgcHJlZml4U3VmZml4U3R5bGVzLnByZWZpeEhhc1N0YXJ0Q29udGVudCxcbiAgICAgICAgaXNGb2N1c2VkICYmIHByZWZpeFN1ZmZpeFN0eWxlcy5pc0ZvY3VzZWQsXG4gICAgICAgIGlzRGlzYWJsZWQgJiYgcHJlZml4U3VmZml4U3R5bGVzLmlzRGlzYWJsZWQsXG4gICAgICAgIHZhcmlhbnQgPT09ICdwcmVmaXgnICYmICFoYXNTdGFydENvbnRlbnQgJiYgcHJlZml4U3VmZml4U3R5bGVzLnByZWZpeElubGluZVN0YXJ0LFxuICAgICAgICB2YXJpYW50ID09PSAnc3VmZml4JyAmJiAhaGFzRW5kQ29udGVudCAmJiBwcmVmaXhTdWZmaXhTdHlsZXMuc3VmZml4SW5saW5lU3RhcnRcbiAgICBdKTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzOiBwcmVmaXhTdWZmaXhDbGFzc2VzLCBpZDogaWQgfSwgeyBjaGlsZHJlbjogX2pzeChcInNwYW5cIiwgeyBjaGlsZHJlbjogdGV4dCB9KSB9KSkpO1xufVxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJlZml4U3VmZml4LmpzLm1hcCJdfQ==*/

package/es/UNSAFE_PrefixSuffix.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_PrefixSuffix.css";
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -14,14 +14,14 @@ function PrefixSuffix({
   variant
 }) {
   const prefixSuffixStyles = {
-    base: "_74vj8q",
-    isFocused: "rivg8i",
-    isDisabled: "lyqvdx",
-    insideLabel: "_14ali9j",
-    prefixHasStartContent: "_1g14ovt",
-    suffixHasEndContent: "aywlq1",
-    prefixInlineStart: "jsuc38",
-    suffixInlineStart: "_1kg1h9e"
+    base: "base-133nstq",
+    isFocused: "isFocused-25apml",
+    isDisabled: "isDisabled-13wk0n",
+    insideLabel: "insideLabel-150ae3j",
+    prefixHasStartContent: "prefixHasStartContent-17h8ae3",
+    suffixHasEndContent: "suffixHasEndContent-1gz90vg",
+    prefixInlineStart: "prefixInlineStart-q0zsrp",
+    suffixInlineStart: "suffixInlineStart-5dlrz2"
   }; // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.
   // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.
   // So the logic is:

package/es/UNSAFE_PrefixSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["PrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","base","suffixHasEndContent","prefixHasStartContent","_jsx","Object","assign","class","prefixSuffixClasses","children"],"mappings":";;;;;AAcA,SAAAA,YAAA,CAAA;EAAAC,aAAA;EAAAC,cAAA;EAAAC,eAAA;EAAAC,EAAA;EAAAC,UAAA;EAAAC,SAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AAUE,EAAA,MAAAC,kBAAA,GAAA;UAAA,SAAA;eAAA,QAAA;gBAAA,QAAA;iBAAA,UAAA;2BAAA,UAAA;yBAAA,QAAA;uBAAA,QAAA;;AAAA,GAAA,CAVF;;;;;;;;;;;0CA4DIA,kBAAA,CAAAC,MACAF,OAAA,KAAA,QAAA,IAAAP,aAAA,IAAAQ,kBAAA,CAAAE,uEAEAH,OAAA,KAAA,QAAA,IAAAL,eAAA,IAAAM,kBAAA,CAAAG;AAOF,EAAA,OAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,mBAAA;AAAAb,IAAAA,EAAA,EAAAA,EAAAA;AAAA,GAAA,EAAA;AAAAc,IAAAA,QAAA,EAAAL,GAAA,CAAA,MAAA,EAAA;AAAAK,MAAAA,QAAA,EAAAX,IAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
+{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["PrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","base","suffixHasEndContent","prefixHasStartContent","_jsx","Object","assign","class","prefixSuffixClasses","children"],"mappings":";;;;;AAcA,SAAAA,YAAA,CAAA;EAAAC,aAAA;EAAAC,cAAA;EAAAC,eAAA;EAAAC,EAAA;EAAAC,UAAA;EAAAC,SAAA;EAAAC,IAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AAUE,EAAA,MAAAC,kBAAA,GAAA;UAAA,cAAA;eAAA,kBAAA;gBAAA,mBAAA;iBAAA,qBAAA;2BAAA,+BAAA;yBAAA,6BAAA;uBAAA,0BAAA;;AAAA,GAAA,CAVF;;;;;;;;;;;0CA4DIA,kBAAA,CAAAC,MACAF,OAAA,KAAA,QAAA,IAAAP,aAAA,IAAAQ,kBAAA,CAAAE,uEAEAH,OAAA,KAAA,QAAA,IAAAL,eAAA,IAAAM,kBAAA,CAAAG;AAOF,EAAA,OAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAC,mBAAA;AAAAb,IAAAA,EAAA,EAAAA,EAAAA;AAAA,GAAA,EAAA;AAAAc,IAAAA,QAAA,EAAAL,GAAA,CAAA,MAAA,EAAA;AAAAK,MAAAA,QAAA,EAAAX,IAAAA;KAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/es/UNSAFE_ProgressBar.css

@@ -1,6 +1,7 @@
-._172iya1{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-.uf2ajo{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
-._13gq5u{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.ckmlxe{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-._17je10d{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._1bya7xs{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+.base-joh21f{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.value-1oom9wz{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
+.indeterminate-p96w1n{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.standalone-1x4u252{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+.rtl-13duhyn{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+.ltr-ufrn5p{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci50c3giXSwibmFtZXMiOlsiLmJhc2Utam9oMjFmIiwiLnZhbHVlLTFvb205d3oiLCIuaW5kZXRlcm1pbmF0ZS1wOTZ3MW4iLCIuc3RhbmRhbG9uZS0xeDR1MjUyIiwiLnJ0bC0xM2R1aHluIiwiLmx0ci11ZnJuNXAiXSwibWFwcGluZ3MiOiJBQW9DSUE7QUFPQUM7QUFNQUM7QUFTQUM7QUFHQUM7QUFHQUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX1Byb2dyZXNzQmFyL1Byb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fcmVzdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyB1c2VVc2VyIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVVzZXInO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb25CdW5kbGUgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVHJhbnNsYXRpb25CdW5kbGUnO1xuaW1wb3J0IHsgQmFyVHJhY2ssIEJhclZhbHVlIH0gZnJvbSAnLi4vUFJJVkFURV9NZXRlcic7XG4vKipcbiAqIEEgcHJvZ3Jlc3MgYmFyIGFsbG93cyB0aGUgdXNlciB0byB2aXN1YWxpemUgdGhlIHByb2dyZXNzaW9uIG9mIGFuIGV4dGVuZGVkIGNvbXB1dGVyIG9wZXJhdGlvbi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFByb2dyZXNzQmFyKF9hKSB7XG4gICAgdmFyIHsgdmFsdWUsIG1heCB9ID0gX2EsIG90aGVyUHJvcHMgPSBfX3Jlc3QoX2EsIFtcInZhbHVlXCIsIFwibWF4XCJdKTtcbiAgICByZXR1cm4gdmFsdWUgPT09ICdpbmRldGVybWluYXRlJyA/IChfanN4KEluZGV0ZXJtaW5hdGVQcm9ncmVzc0JhciwgT2JqZWN0LmFzc2lnbih7fSwgb3RoZXJQcm9wcykpKSA6IChfanN4KERldGVybWluYXRlUHJvZ3Jlc3NCYXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZTogdmFsdWUsIG1heDogbWF4IH0sIG90aGVyUHJvcHMpKSk7XG59XG5jb25zdCBJbmRldGVybWluYXRlUHJvZ3Jlc3NCYXIgPSAoeyBhY2Nlc3NpYmxlTGFiZWwsIGlkLCB3aWR0aCwgZWRnZSA9ICdub25lJyB9KSA9PiB7XG4gICAgY29uc3QgeyBkaXJlY3Rpb24gfSA9IHVzZVVzZXIoKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyhbc3R5bGVzLnZhbHVlLCBzdHlsZXMuaW5kZXRlcm1pbmF0ZSwgc3R5bGVzW2RpcmVjdGlvbl1dKTtcbiAgICBjb25zdCBiYXNlQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW3N0eWxlcy5iYXNlLCBlZGdlID09PSAnbm9uZScgJiYgc3R5bGVzLnN0YW5kYWxvbmVdKTtcbiAgICBjb25zdCB0cmFuc2xhdGlvbnMgPSB1c2VUcmFuc2xhdGlvbkJ1bmRsZSgnQG9yYWNsZS9vcmFjbGVqZXQtcHJlYWN0Jyk7XG4gICAgY29uc3QgYXJpYVByb3BzID0ge1xuICAgICAgICAnYXJpYS12YWx1ZXRleHQnOiBhY2Nlc3NpYmxlTGFiZWwgfHwgdHJhbnNsYXRpb25zLnByb2dyZXNzSW5kZXRlcm1pbmF0ZSgpLFxuICAgICAgICByb2xlOiAncHJvZ3Jlc3NiYXInXG4gICAgfTtcbiAgICByZXR1cm4gKF9qc3goQmFyVHJhY2ssIE9iamVjdC5hc3NpZ24oeyBpZDogaWQsIGFyaWFQcm9wczogYXJpYVByb3BzLCBjbGFzczogYmFzZUNsYXNzZXMsIGxlbmd0aDogd2lkdGggfSwgeyBjaGlsZHJlbjogX2pzeChCYXJWYWx1ZSwgeyBjbGFzczogY2xhc3NlcyB9KSB9KSkpO1xufTtcbmNvbnN0IERldGVybWluYXRlUHJvZ3Jlc3NCYXIgPSAoeyB2YWx1ZSA9IDAsIG1heCA9IDEwMCwgaWQsIHdpZHRoLCBlZGdlID0gJ25vbmUnIH0pID0+IHtcbiAgICBjb25zdCBwZXJjZW50YWdlID0gYCR7TWF0aC5taW4oTWF0aC5tYXgoMCwgdmFsdWUgLyBtYXgpLCAxKSAqIDEwMH0lYDtcbiAgICBjb25zdCBiYXNlQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW3N0eWxlcy5iYXNlLCBlZGdlID09PSAnbm9uZScgJiYgc3R5bGVzLnN0YW5kYWxvbmVdKTtcbiAgICBjb25zdCBhcmlhUHJvcHMgPSB7fTtcbiAgICBhcmlhUHJvcHNbJ2FyaWEtdmFsdWVtaW4nXSA9IHZhbHVlICE9IG51bGwgPyAnMCcgOiB1bmRlZmluZWQ7XG4gICAgYXJpYVByb3BzWydhcmlhLXZhbHVlbWF4J10gPSB2YWx1ZSAhPSBudWxsID8gYCR7bWF4fWAgOiB1bmRlZmluZWQ7XG4gICAgYXJpYVByb3BzWydhcmlhLXZhbHVlbm93J10gPSB2YWx1ZSAhPSBudWxsID8gYCR7dmFsdWV9YCA6IHVuZGVmaW5lZDtcbiAgICBhcmlhUHJvcHNbJ3JvbGUnXSA9ICdwcm9ncmVzc2Jhcic7XG4gICAgcmV0dXJuIChfanN4KEJhclRyYWNrLCBPYmplY3QuYXNzaWduKHsgYXJpYVByb3BzOiBhcmlhUHJvcHMsIGlkOiBpZCwgbGVuZ3RoOiB3aWR0aCwgY2xhc3M6IGJhc2VDbGFzc2VzIH0sIHsgY2hpbGRyZW46IF9qc3goQmFyVmFsdWUsIHsgY2xhc3M6IHN0eWxlcy52YWx1ZSwgbGVuZ3RoOiBwZXJjZW50YWdlIH0pIH0pKSk7XG59O1xuY29uc3Qgc3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGhlaWdodDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXByb2dyZXNzLWJhci1oZWlnaHQpJyxcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBvdmVyZmxvd1g6ICdoaWRkZW4nLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci10cmFjay1iZy1jb2xvciknXG4gICAgfX1gLFxuICAgIHZhbHVlOiBjc3MgYCR7e1xuICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbWV0ZXItdmFsdWUtYmctY29sb3IpJyxcbiAgICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnXG4gICAgfX1gLFxuICAgIGluZGV0ZXJtaW5hdGU6IGNzcyBgJHt7XG4gICAgICAgIHdpZHRoOiAnMjUlJyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcHJvZ3Jlc3MtYmFyLWhlaWdodCknLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci12YWx1ZS1iZy1jb2xvciknLFxuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb246ICcycycsXG4gICAgICAgIGFuaW1hdGlvblRpbWluZ0Z1bmN0aW9uOiAnbGluZWFyJyxcbiAgICAgICAgYW5pbWF0aW9uSXRlcmF0aW9uQ291bnQ6ICdpbmZpbml0ZSdcbiAgICB9fWAsXG4gICAgc3RhbmRhbG9uZTogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcHJvZ3Jlc3MtYmFyLWJvcmRlci1yYWRpdXMpJ1xuICAgIH19YCxcbiAgICBydGw6IGNzcyBgJHt7XG4gICAgICAgIGFuaW1hdGlvbk5hbWU6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1wcml2YXRlLXByb2dyZXNzLWJhci1pbmRldGVybWluYXRlLWFuaW1hdGlvbi1ydGwpJ1xuICAgIH19YCxcbiAgICBsdHI6IGNzcyBgJHt7XG4gICAgICAgIGFuaW1hdGlvbk5hbWU6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1wcml2YXRlLXByb2dyZXNzLWJhci1pbmRldGVybWluYXRlLWFuaW1hdGlvbiknXG4gICAgfX1gXG59O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXIuanMubWFwIl19*/

package/es/UNSAFE_ProgressBar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
-import { _ as __rest } from './tslib.es6-f7fea2be.js';
+/* @oracle/oraclejet-preact: 14.0.7 */
+import { _ as __rest } from './tslib.es6-bf96b795.js';
 import { jsx } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_ProgressBar.css";
@@ -85,12 +85,12 @@ const DeterminateProgressBar = ({
 };
 
 const styles = {
-  base: "_172iya1",
-  value: "uf2ajo",
-  indeterminate: "_13gq5u",
-  standalone: "ckmlxe",
-  rtl: "_17je10d",
-  ltr: "_1bya7xs"
+  base: "base-joh21f",
+  value: "value-1oom9wz",
+  indeterminate: "indeterminate-p96w1n",
+  standalone: "standalone-1x4u252",
+  rtl: "rtl-13duhyn",
+  ltr: "ltr-ufrn5p"
 };
 
 export { ProgressBar };

package/es/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","BarTrack","class","length","children","BarValue","undefined","percentage"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["ProgressBar","_a","value","_jsx","IndeterminateProgressBar","Object","assign","otherProps","DeterminateProgressBar","max","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","BarTrack","class","length","children","BarValue","undefined","percentage"],"mappings":"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"}

package/es/UNSAFE_ProgressCircle.css

@@ -1,6 +1,7 @@
-._8ckqk3{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-._1mz6ydr{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._1xu1e07{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._1uzvre5{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-.tpnbz9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-.zt5p0x{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}
+.base-o8jl61{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+.indeterminateOuter-1cx0wrr{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.indeterminateInner-1vr00ww{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+.determinateInner-4xrh0v{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+.track-1g5rsn4{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.value-nxlxsq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Qcm9ncmVzc0NpcmNsZS9Qcm9ncmVzc0NpcmNsZS50c3giXSwibmFtZXMiOlsiLmJhc2UtbzhqbDYxIiwiLmluZGV0ZXJtaW5hdGVPdXRlci0xY3gwd3JyIiwiLmluZGV0ZXJtaW5hdGVJbm5lci0xdnIwMHd3IiwiLmRldGVybWluYXRlSW5uZXItNHhyaDB2IiwiLnRyYWNrLTFnNXJzbjQiLCIudmFsdWUtbnhseHNxIl0sIm1hcHBpbmdzIjoiQUF1Q0lBO0FBVUFDO0FBTUFDO0FBZUFDO0FBU0FDO0FBR0FDIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Qcm9ncmVzc0NpcmNsZS9Qcm9ncmVzc0NpcmNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX3Jlc3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgQ2lyY2xlV3JhcHBlciwgQ2lyY2xlSW5uZXIgfSBmcm9tICcuLi9QUklWQVRFX01ldGVyJztcbmltcG9ydCB7IGdldENsaXBQYXRoIH0gZnJvbSAnLi4vdXRpbHMvUFJJVkFURV9tZXRlclV0aWxzJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uQnVuZGxlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRyYW5zbGF0aW9uQnVuZGxlJztcbi8qKlxuICogQSBwcm9ncmVzcyBjaXJjbGUgYWxsb3dzIHRoZSB1c2VyIHRvIHZpc3VhbGl6ZSB0aGUgcHJvZ3Jlc3Npb24gb2YgYW4gZXh0ZW5kZWQgY29tcHV0ZXIgb3BlcmF0aW9uLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUHJvZ3Jlc3NDaXJjbGUoX2EpIHtcbiAgICB2YXIgeyB2YWx1ZSwgbWF4IH0gPSBfYSwgb3RoZXJQcm9wcyA9IF9fcmVzdChfYSwgW1widmFsdWVcIiwgXCJtYXhcIl0pO1xuICAgIHJldHVybiB2YWx1ZSA9PT0gJ2luZGV0ZXJtaW5hdGUnID8gKF9qc3goSW5kZXRlcm1pbmF0ZVByb2dyZXNzQ2lyY2xlLCBPYmplY3QuYXNzaWduKHt9LCBvdGhlclByb3BzKSkpIDogKF9qc3goRGV0ZXJtaW5hdGVQcm9ncmVzc0NpcmNsZSwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB2YWx1ZSwgbWF4OiBtYXggfSwgb3RoZXJQcm9wcykpKTtcbn1cbmNvbnN0IEluZGV0ZXJtaW5hdGVQcm9ncmVzc0NpcmNsZSA9ICh7IGFjY2Vzc2libGVMYWJlbCwgaWQsIHNpemUgPSAnbWQnIH0pID0+IHtcbiAgICBjb25zdCBiYXNlQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW1xuICAgICAgICBzdHlsZXMuYmFzZSxcbiAgICAgICAgYG9qLWMtcHJvZ3Jlc3MtY2lyY2xlLSR7c2l6ZX1gLFxuICAgICAgICBzdHlsZXMuaW5kZXRlcm1pbmF0ZU91dGVyXG4gICAgXSk7XG4gICAgY29uc3QgdHJhbnNsYXRpb25zID0gdXNlVHJhbnNsYXRpb25CdW5kbGUoJ0BvcmFjbGUvb3JhY2xlamV0LXByZWFjdCcpO1xuICAgIGNvbnN0IGFyaWFQcm9wcyA9IHtcbiAgICAgICAgJ2FyaWEtdmFsdWV0ZXh0JzogYWNjZXNzaWJsZUxhYmVsIHx8IHRyYW5zbGF0aW9ucy5wcm9ncmVzc0luZGV0ZXJtaW5hdGUoKSxcbiAgICAgICAgcm9sZTogJ3Byb2dyZXNzYmFyJ1xuICAgIH07XG4gICAgcmV0dXJuIChfanN4KENpcmNsZVdyYXBwZXIsIE9iamVjdC5hc3NpZ24oeyBpZDogaWQsIGFyaWFQcm9wczogYXJpYVByb3BzLCBjbGFzczogYmFzZUNsYXNzZXMgfSwgeyBjaGlsZHJlbjogX2pzeChDaXJjbGVJbm5lciwgeyBjbGFzczogc3R5bGVzLmluZGV0ZXJtaW5hdGVJbm5lciB9KSB9KSkpO1xufTtcbmNvbnN0IERldGVybWluYXRlUHJvZ3Jlc3NDaXJjbGUgPSAoeyB2YWx1ZSA9IDAsIG1heCA9IDEwMCwgaWQsIHNpemUgPSAnbWQnIH0pID0+IHtcbiAgICBjb25zdCBwZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgoMCwgdmFsdWUgLyBtYXgpLCAxKTtcbiAgICBjb25zdCBiYXNlQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW3N0eWxlcy5iYXNlLCBgb2otYy1wcm9ncmVzcy1jaXJjbGUtJHtzaXplfWBdKTtcbiAgICBjb25zdCBjbGlwUGF0aCA9IGdldENsaXBQYXRoKDkwLCBwZXJjZW50YWdlICogMzYwLCBmYWxzZSwgJ2Z1bGwnKTtcbiAgICBjb25zdCBhcmlhUHJvcHMgPSB7fTtcbiAgICBhcmlhUHJvcHNbJ2FyaWEtdmFsdWVtaW4nXSA9IHZhbHVlICE9IG51bGwgPyAnMCcgOiB1bmRlZmluZWQ7XG4gICAgYXJpYVByb3BzWydhcmlhLXZhbHVlbWF4J10gPSB2YWx1ZSAhPSBudWxsID8gYCR7bWF4fWAgOiB1bmRlZmluZWQ7XG4gICAgYXJpYVByb3BzWydhcmlhLXZhbHVlbm93J10gPSB2YWx1ZSAhPSBudWxsID8gYCR7dmFsdWV9YCA6IHVuZGVmaW5lZDtcbiAgICBhcmlhUHJvcHNbJ3JvbGUnXSA9ICdwcm9ncmVzc2Jhcic7XG4gICAgcmV0dXJuIChfanN4cyhDaXJjbGVXcmFwcGVyLCBPYmplY3QuYXNzaWduKHsgaWQ6IGlkLCBhcmlhUHJvcHM6IGFyaWFQcm9wcywgY2xhc3M6IGJhc2VDbGFzc2VzIH0sIHsgY2hpbGRyZW46IFtfanN4KENpcmNsZUlubmVyLCB7IGNsYXNzOiBjbGFzc05hbWVzKFtzdHlsZXMuZGV0ZXJtaW5hdGVJbm5lciwgc3R5bGVzLnRyYWNrXSkgfSksIF9qc3goQ2lyY2xlSW5uZXIsIHsgY2xhc3M6IGNsYXNzTmFtZXMoW3N0eWxlcy5kZXRlcm1pbmF0ZUlubmVyLCBzdHlsZXMudmFsdWVdKSwgY2xpcFBhdGg6IGNsaXBQYXRoIH0pXSB9KSkpO1xufTtcbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgIG1heFdpZHRoOiAnMTAwJScsXG4gICAgICAgIG1heEhlaWdodDogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXByb2dyZXNzLWNpcmNsZS1zaXplKScsXG4gICAgICAgIGhlaWdodDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXByb2dyZXNzLWNpcmNsZS1zaXplKSdcbiAgICB9fWAsXG4gICAgaW5kZXRlcm1pbmF0ZU91dGVyOiBjc3MgYCR7e1xuICAgICAgICBhbmltYXRpb25OYW1lOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcHJpdmF0ZS1wcm9ncmVzcy1jaXJjbGUtcm90YXRpb24tYW5pbWF0aW9uKScsXG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uOiAnMXMnLFxuICAgICAgICBhbmltYXRpb25UaW1pbmdGdW5jdGlvbjogJ2xpbmVhcicsXG4gICAgICAgIGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnXG4gICAgfX1gLFxuICAgIGluZGV0ZXJtaW5hdGVJbm5lcjogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyV2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1wcm9ncmVzcy1jaXJjbGUtdHJhY2std2lkdGgpJyxcbiAgICAgICAgYm9yZGVyQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci12YWx1ZS1iZy1jb2xvciknLFxuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICBhbmltYXRpb25OYW1lOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcHJpdmF0ZS1wcm9ncmVzcy1jaXJjbGUtbGVuZ3RoLWFuaW1hdGlvbiknLFxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbjogJzEuNXMnLFxuICAgICAgICBhbmltYXRpb25UaW1pbmdGdW5jdGlvbjogJ2xpbmVhcicsXG4gICAgICAgIGFuaW1hdGlvbkl0ZXJhdGlvbkNvdW50OiAnaW5maW5pdGUnLFxuICAgICAgICBhbmltYXRpb25EaXJlY3Rpb246ICdhbHRlcm5hdGUnLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJ1xuICAgIH19YCxcbiAgICBkZXRlcm1pbmF0ZUlubmVyOiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJXaWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXByb2dyZXNzLWNpcmNsZS10cmFjay13aWR0aCknLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJ1xuICAgIH19YCxcbiAgICB0cmFjazogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1tZXRlci10cmFjay1iZy1jb2xvciknXG4gICAgfX1gLFxuICAgIHZhbHVlOiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW1ldGVyLXZhbHVlLWJnLWNvbG9yKSdcbiAgICB9fWBcbn07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1Qcm9ncmVzc0NpcmNsZS5qcy5tYXAiXX0=*/

package/es/UNSAFE_ProgressCircle.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
-import { _ as __rest } from './tslib.es6-f7fea2be.js';
+/* @oracle/oraclejet-preact: 14.0.7 */
+import { _ as __rest } from './tslib.es6-bf96b795.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { classNames } from './utils/UNSAFE_classNames.js';
 import "./UNSAFE_ProgressCircle.css";
@@ -80,12 +80,12 @@ const DeterminateProgressCircle = ({
 };
 
 const styles = {
-  base: "_8ckqk3",
-  indeterminateOuter: "_1mz6ydr",
-  indeterminateInner: "_1xu1e07",
-  determinateInner: "_1uzvre5",
-  track: "tpnbz9",
-  value: "zt5p0x"
+  base: "base-o8jl61",
+  indeterminateOuter: "indeterminateOuter-1cx0wrr",
+  indeterminateInner: "indeterminateInner-1vr00ww",
+  determinateInner: "determinateInner-4xrh0v",
+  track: "track-1g5rsn4",
+  value: "value-nxlxsq"
 };
 
 export { ProgressCircle };