@oracle/oraclejet-preact 14.0.12 → 14.0.13

package/es/UNSAFE_MessageToast.css

@@ -1 +1 @@
-._2pbfug{height:fit-content;width:fit-content;}
+._3jm8u9{height:fit-content;width:fit-content;}

package/es/UNSAFE_MessageToast.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
+/* @oracle/oraclejet-preact: 14.0.13 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import "./UNSAFE_MessageToast.css";
 import { useRef, useState, useImperativeHandle, useCallback, useEffect, useMemo } from 'preact/hooks';
@@ -20,18 +20,18 @@ import './hooks/UNSAFE_useBreakpoints.js';
 import './utils/PRIVATE_timer.js';
 import './UNSAFE_Button.js';
 import './UNSAFE_BaseButton.js';
-import './tslib.es6-d3abf634.js';
+import './tslib.es6-68e6c97c.js';
 import './hooks/UNSAFE_usePress.js';
 import './hooks/UNSAFE_useHover.js';
 import './hooks/UNSAFE_useToggle.js';
 import './hooks/UNSAFE_useActive.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-741e4bea.js';
+import './_curry1-c100c79d.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-38b39c78.js';
-import './_curry2-17784d2a.js';
-import './_has-236af835.js';
+import './_curry3-9bd04864.js';
+import './_curry2-827fde97.js';
+import './_has-53d27ca3.js';
 import './utils/PRIVATE_clientHints.js';
 import './hooks/UNSAFE_useTabbableMode.js';
 import './utils/UNSAFE_mergeProps.js';
@@ -41,7 +41,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-6eadec6f.js';
+import './index-0dc67b71.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -57,7 +57,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-1671d3fe.js';
+import './keys-b7a6d93b.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_WindowOverlay.js';
@@ -67,7 +67,7 @@ import './utils/PRIVATE_tabbableUtils.js';
 
 const positions = stringLiteralArray(['top', 'top-left', 'top-right', 'top-start', 'top-end', 'bottom', 'bottom-left', 'bottom-right', 'bottom-start', 'bottom-end']);
 const messageToastStyles = {
-  base: "_2pbfug"
+  base: "_3jm8u9"
 };
 /**
  * Animation states for toast messages

package/es/UNSAFE_MeterBar.css

@@ -1,45 +1,45 @@
-._7g28x8{display:inline-flex;pointer-events:none;}._7g28x8:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.j1wqnz{width:100%;}
-._8r0i7n{height:100%;}
-._1wx3dvs{cursor:pointer;touch-action:none;}
-._1ginkg{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-.f4junk{bottom:0%;left:50%;transform:translate(-50%,0);}
-.ee8szy{top:50%;transform:translate(0,-50%);}
-._1ylse7d{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-._11xc1h3{flex-direction:column-reverse;}
-._9lt3da{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._1s3t4ie{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._89tzj7{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-._1nb6rlj{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._1biw68o{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-.ozyb7d{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1k6524g{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.mrq7gg{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._2wkhxd{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1o6u6l1{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1dwn9ng{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._17exv11{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.nbxwye{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1hwzqea{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._19g1dze{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.iphmcx{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1mcutn{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._6dpoce{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.y1vc1z{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._59fqnr{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-._1tnrdzj{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._6ds2bg{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+.jq8jy4{display:inline-flex;pointer-events:none;}.jq8jy4:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.xatzhk{width:100%;}
+._1c7cbxb{height:100%;}
+._16m6vp{cursor:pointer;touch-action:none;}
+._1ec49z3{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+.pguifm{bottom:0%;left:50%;transform:translate(-50%,0);}
+._19tmlvv{top:50%;transform:translate(0,-50%);}
+.a93ena{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+._1p21itg{flex-direction:column-reverse;}
+._815ar2{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+._1z0p71d{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+.dbshwj{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._1380pky{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._7b6l8j{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._12fr9ya{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.nlt4rw{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1n8tkoc{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.m8mdwp{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._4wylsq{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._15w9zxj{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+.xopk8u{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.v22dq2{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.x3qu1h{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._7afixk{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._17wjfqn{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mwv0qk{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1rd48my{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1m0l6qm{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._14impd9{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.oqwab1{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+.l98xlb{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
 
-._1xswc2k{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-.a9fq86{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-.xvr2pn{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-.t8mgim{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._1o27t1j{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._13xat92{bottom:0%;}
-._6uhm2h{right:0%;}
-.bgu6c5{left:0%;}
+.f2hrh2{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.x4jem9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._1boqrn9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._1l1t8j2{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+._17lkig5{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._10efyg4{bottom:0%;}
+.ertdn4{right:0%;}
+.zqnu95{left:0%;}
 
-.tco667{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-.vdxooa{border-width:1px 0 0 0;}
-.ckbvbh{border-width:0 0 0 1px;}
-._1uabbos{border-width:0 1px 0 0;}
+._11lnyto{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+._37oa4t{border-width:1px 0 0 0;}
+.c5lkor{border-width:0 0 0 1px;}
+.b8zivk{border-width:0 1px 0 0;}

package/es/UNSAFE_MeterBar.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.12 */
-import { _ as __rest } from './tslib.es6-d3abf634.js';
+/* @oracle/oraclejet-preact: 14.0.13 */
+import { _ as __rest } from './tslib.es6-68e6c97c.js';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
 import "./UNSAFE_MeterBar.css";
@@ -18,7 +18,7 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-6eadec6f.js';
+import './index-0dc67b71.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -141,14 +141,14 @@ function ReferenceLineBar({
   });
 }
 const styles$1 = {
-  base: "_1xswc2k",
-  verticalBorder: "a9fq86",
-  horizontalBorder: "xvr2pn",
-  vertical: "t8mgim",
-  horizontal: "_1o27t1j",
-  horiontalStart: "_13xat92",
-  verticalStartLtr: "_6uhm2h",
-  verticalStartRtl: "bgu6c5"
+  base: "f2hrh2",
+  verticalBorder: "x4jem9",
+  horizontalBorder: "_1boqrn9",
+  vertical: "_1l1t8j2",
+  horizontal: "_17lkig5",
+  horiontalStart: "_10efyg4",
+  verticalStartLtr: "ertdn4",
+  verticalStartRtl: "zqnu95"
 };
 
 function ThresholdBar(_a) {
@@ -174,10 +174,10 @@ function ThresholdBar(_a) {
   });
 }
 const styles = {
-  base: "tco667",
-  verticalBarTrackSection: "vdxooa",
-  horizontalBarTrackSectionRtl: "ckbvbh",
-  horizontalBarTrackSectionLtr: "_1uabbos"
+  base: "_11lnyto",
+  verticalBarTrackSection: "_37oa4t",
+  horizontalBarTrackSectionRtl: "c5lkor",
+  horizontalBarTrackSectionLtr: "b8zivk"
 };
 
 /**
@@ -308,43 +308,43 @@ const getMarginClass = function (info, size, isHoriz) {
 };
 
 const componentStyles = {
-  base: "_7g28x8",
-  horizontal: "j1wqnz",
-  vertical: "_8r0i7n",
-  interactive: "_1wx3dvs"
+  base: "jq8jy4",
+  horizontal: "xatzhk",
+  vertical: "_1c7cbxb",
+  interactive: "_16m6vp"
 };
 const barValueStyles = {
-  base: "_1ginkg",
-  vertical: "f4junk",
-  horizontal: "ee8szy"
+  base: "_1ec49z3",
+  vertical: "pguifm",
+  horizontal: "_19tmlvv"
 };
 const barTrackStyles = {
-  base: "_1ylse7d",
-  vertical: "_11xc1h3",
-  smHorizontal: "_9lt3da",
-  smVertical: "_1s3t4ie",
-  mdHorizontal: "_89tzj7",
-  mdVertical: "_1nb6rlj",
-  lgHorizontal: "_1biw68o",
-  lgVertical: "ozyb7d",
-  smMarginTop: "_1k6524g",
-  mdMarginTop: "mrq7gg",
-  lgMarginTop: "_2wkhxd",
-  smMarginStart: "_1o6u6l1",
-  mdMarginStart: "_1dwn9ng",
-  lgMarginStart: "_17exv11",
-  smMarginEnd: "nbxwye",
-  mdMarginEnd: "_1hwzqea",
-  lgMarginEnd: "_19g1dze",
-  smMarginBottom: "iphmcx",
-  mdMarginBottom: "_1mcutn",
-  lgMarginBottom: "_6dpoce"
+  base: "a93ena",
+  vertical: "_1p21itg",
+  smHorizontal: "_815ar2",
+  smVertical: "_1z0p71d",
+  mdHorizontal: "dbshwj",
+  mdVertical: "_1380pky",
+  lgHorizontal: "_7b6l8j",
+  lgVertical: "_12fr9ya",
+  smMarginTop: "nlt4rw",
+  mdMarginTop: "_1n8tkoc",
+  lgMarginTop: "m8mdwp",
+  smMarginStart: "_4wylsq",
+  mdMarginStart: "_15w9zxj",
+  lgMarginStart: "xopk8u",
+  smMarginEnd: "v22dq2",
+  mdMarginEnd: "x3qu1h",
+  lgMarginEnd: "_7afixk",
+  smMarginBottom: "_17wjfqn",
+  mdMarginBottom: "mwv0qk",
+  lgMarginBottom: "_1rd48my"
 };
 const trackSectionStyle = {
-  horizontalFirst: "y1vc1z",
-  horizontalLast: "_59fqnr",
-  verticalFirst: "_1tnrdzj",
-  verticalLast: "_6ds2bg"
+  horizontalFirst: "_1m0l6qm",
+  horizontalLast: "_14impd9",
+  verticalFirst: "oqwab1",
+  verticalLast: "l98xlb"
 };
 
 export { MeterBar };

package/es/UNSAFE_MeterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.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 type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'];\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'];\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\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 { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\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 ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={index === 0 ? trackSectionStyle[`${orientation}First`] : ''}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: '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  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`\n};\n"],"names":["ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","MeterBar","barTrackRef","useRef","props","onCommit","onInput","size","length","getValueFromEvent","event","target","current","getValue","dimensionsRef","min","max","step","pointerEventsProps","usePointerEvents","value","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","Math","indicatorSize","valueBarLength","valueBarSize","isTabbable","useTabbableMode","width","sizeToCSS","height","componentStyles","children","_jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","barTrackStyles","getMarginClass","sizeStyle","diff","index","threshold","_Fragment","trackSectionStyle","info","className","barValueStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;AAUH;;;;;;;;;;AAUG;AACa,SAAA,QAAQ,CACtB,KAAmB,EACnB,aAA8B,EAC9B,GAAW,EACX,GAAW,EACX,IAAY,EACZ,WAAuC,EACvC,KAAe,EAAA;AAEf,IAAA,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC;IACnC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;AAC7B,QAAA,OAAO,SAAS,CAAC;AAClB,KAAA;AAED,IAAA,IAAI,GAAG,CAAC;IAER,IAAI,WAAW,KAAK,YAAY,EAAE;AAChC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5B,QAAA,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC;AAC/E,KAAA;AAAM,SAAA;QACL,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;AAC3C,QAAA,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC;AAClD,KAAA;IACD,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AACpC,IAAA,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED;;;;AAIG;AACG,SAAU,aAAa,CAAC,OAA2B,EAAA;IACvD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,MAAM,EAAE,CAAC;SACV,CAAC;AACH,KAAA;AACD,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAElD,OAAO;QACL,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,MAAM,EAAE,SAAS,CAAC,MAAM;KACzB,CAAC;AACJ,CAAC;AAED;;;;AAIG;AACG,SAAU,eAAe,CAAC,KAAuB,EAAA;IACrD,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC/C,IAAA,IAAI,KAAK,EAAE;QACT,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAI;AACtC,YAAA,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,KAAK,OAAO,CAAC;AAClD,YAAA,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,KAAK,KAAK,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC;AACpE,YAAA,OAAO,GAAG,CAAC;SACZ,EAAE,WAAW,CAAC,CAAC;AACjB,KAAA;AACD,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,gBAAgB,CAC9B,WAA6C,EAC7C,IAAwB,EAAA;AAExB,IAAA,MAAM,YAAY,GAAG,CAA2C,wCAAA,EAAA,IAAI,QAAQ,CAAC;IAC7E,MAAM,WAAW,GAAG,uDAAuD,CAAC;AAC5E,IAAA,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,EAAE;AACxC,QAAA,OAAO,CAAa,UAAA,EAAA,WAAW,CAAO,IAAA,EAAA,YAAY,GAAG,CAAC;AACvD,KAAA;AACD,IAAA,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,GAAG,EAAE;AACxC,QAAA,OAAO,WAAW,CAAC;AACpB,KAAA;AACD,IAAA,OAAO,YAAY,CAAC;AACtB;;AC5FA,SAAAA,gBAAA,CAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,KAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;EACA,MAAA;AAAAK,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;AACA,EAAA,MAAAG,UAAA,GAAAL,QAAA,KAAA,OAAA,CAAA;EACA,OAAAM,GAAA,CAAA,KAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAC,UAAA,CAAA,CAGMC,QAAA,CAAAC,IAHN,EAIMD,QAAA,CAAA,CAAAZ,EAAAA,WAAA,QAAA,CAJN,EAKMY,QAAA,CAAA,CAAA,EAAAZ,WAAA,CAAA,CAAA,CALN,eAOQI,OAAA,0BAAA,GAEEQ,QAAA,CAAA,CAAA,aAAA,EAAAL,KAAA,GAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IACF,EAVR,CAAA,CAAA;;MAaMO,IAAA,EAAAV,OAAA,IAAA,CAAAG,KAAA,GAAAN,UAAA,GAAAc;;;AAGAC,MAAAA,eAAA,EAAAd,KAAAA;;AAhBN,GAAA,CAAA,CAAA;AAmBF,CAAA;AAEA,MAAAU,QAAA,GAAA;QAAA,UAAA;kBAAA,QAAA;oBAAA,QAAA;YAAA,QAAA;cAAA,UAAA;kBAAA,UAAA;oBAAA,SAAA;;AAAA,CAAA;;ACzBA,SAAAK,YAAA,CAAAC,EAAA,EAAA;;;;;;;;EACE,MAAA;AAAAb,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAF,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;AACA,EAAA,MAAAO,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;EACA,OAAAI,GAAA,CAAA,KAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAC,UAAA,CAAA,CAGMC,MAAA,CAAAC,IAHN,YAKQD,MAAA,CAAA,4BAAAL,KAAA,GAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IACAK,MAAA,CAAA,yBAAA,CANR,EAOMO,UAAA,CAAAT,KAPN,CAAA,CAAA;;;;AAYMM,MAAAA,eAAA,EAAAd,KAAAA;;AAZN,GAAA,CAAA,CAAA;AAeF,CAAA;AAEA,MAAAU,MAAA,GAAA;QAAA,QAAA;2BAAA,QAAA;gCAAA,QAAA;;AAAA,CAAA;;ACTA;;AAEG;;AACH,SAAAQ,QAAA,CAAAF,EAAA,EAAA;;;;;;;;;;;;;;;;;;AAeE,EAAA,MAAAd,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;AACA,EAAA,MAAAqB,WAAA,GAAAC,MAAA,CAAA,IAAA,CAAA,CAAA;;EAEA,MAAA;AAAAjB,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;;AAGE,IAAA,IAAAkB,KAAA,CAAAC,QAAA,IAAAD,KAAA,CAAAE,OAAA,EAAA;;AAEC,KAAA;AACH,KAAA,CAAAC,IAAA,EAAAC,MAAA,EAAA3B,WAAA,EAAAuB,KAAA,CAAAC,QAAA,EAAAD,KAAA,CAAAE,OAAA;;EAEA,MAAAG,iBAAA,GAAAC,KAAA,IAAA;;AAEE,IAAA,IAAAA,KAAA,CAAAC,MAAA,IAAAT,WAAA,CAAAU,OAAA,EAAA;AACE,MAAA,OAAAC,QAAA,CAAAH,KAAA,EAAAI,aAAA,EAAAC,GAAA,EAAAC,GAAA,EAAAC,IAAA,EAAApC,WAAA,EAAAO,KAAA,CAAA,CAAA;AACD,KAAA;;;GAJH,CAAA;;AAQA,EAAA,MAAA8B,kBAAA,GAAAC,gBAAA,CAAAC,KAAA,EAAAX,iBAAA,EAAAP,WAAA,EAAAE,KAAA,CAAAC,QAAA,EAAAD,KAAA,CAAAE,OAAA,CAAA,CAAA;;EAiBA,MAAA;IAAAe,cAAA;AAAAC,IAAAA,YAAAA;GAAAC,GAAAA,eAAA,CAAAH,KAAA,EAAAhB,KAAA,CAAAoB,OAAA,EAAApB,KAAA,CAAAqB,eAAA,CAAA,CAAA;;EAeA,MAAAC,WAAA,GAAAC,UAAA,CAAAT,kBAAA,EAAAU,mBAAA,EAAAN,YAAA,EAAAO,cAAA,CAAA,CAAA;AAOA,EAAA,MAAAC,kBAAA,GAAAC,IAAA,CAAAf,GAAA,CAAA,CAAA,EAAAe,IAAA,CAAAhB,GAAA,CAAA,CAAA,EAAAiB,aAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAC,cAAA,GAAA,CAAA,EAAA,CAAAb,KAAA,GAAAL,GAAA,IAAA,GAAA,IAAAC,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAmB,YAAA,GAAA,CAAA,EAAAJ,kBAAA,GAAA,GAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;EAWA,MAAA;AAAAK,IAAAA,UAAAA;AAAA,GAAA,GAAAC,eAAA,EAAA,CAAA;;;;;;;QAQQC,KAAA,EAAApD,OAAA,GAAAqD,SAAA,CAAA9B,MAAA,CAAA,GAAAZ;AACA2C,QAAAA,MAAA,EAAAtD,OAAA,GAAAW,SAAA,GAAA0C,SAAA,CAAA9B,MAAA,CAAA;;AACDjB,MAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAgD,eAAA,CAAA9C,IAAA,EAAA8C,eAAA,CAAA3D,WAAA,CAAA,CAAA,CAAA;OAAA;MAAA4D,QAAA,EAAAC,IAAA,CAAAC,QAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,QAAAA,GAAA,EAAA5C,WAAA;AAAArB,QAAAA,WAAA,EAAAA,WAAA;AAAAE,QAAAA,KAAA,EAAA,CAAAgE,eAAA,IAAAC,gBAAA,KAAA,KAAA,IAAA5C,KAAA,CAAA6C,UAAA,GAOK,aAPL,GAQKC,UARL;QAQK3D,KAAA,EAAAC,UAAA,CAAA,CAGF2D,cAAA,CAAAzD,IAHE,kDAAA,wCAAA,EAMFT,OAAA,GAAAkE,cAAA,CAAA,CAAA5C,EAAAA,IAAA,YAAA,CAAA,GAAA4C,cAAA,CAAA,CAAA5C,EAAAA,IAAA,UAAA,CANE,EAOF,GAAA6C,cAAA,CAAAC,SAAA,EAAA9C,IAAA,EAAAtB,OAAA,CAPE,CAAA,CAAA;AARL,OAAA;;UAsBO,MAAAqE,IAAA,GAAAC,KAAA,KAAA,CAAA,GAAAC,SAAA,CAAAxC,GAAA,GAAAD,GAAA,GAAAyC,SAAA,CAAAxC,GAAA,GAAAiC,UAAA,CAAAM,KAAA,GAAA,CAAA,CAAA,CAAAvC,GAAA,CAAA;UAEA,OAAA0B,IAAA,CAAAe,QAAA,EAAA;AAAAhB,YAAAA,QAAA,EAAA,CAAAnD,GAAA,CAAAQ,YAAA,EAAA;AAAAP,cAAAA,KAAA,EAAAgE,KAAA,KAAA,CAAA,GAAAG,iBAAA,CAAA,CAAA,EAAA7E,WAAA,CAAA,KAAA,CAAA,CAAA,GAAA,EAAA;AAAAA,cAAAA,WAAA,EAAAA,WAAA;cAAA2B,MAAA,EAAA,CAAA8C,EAAAA,IAAA,GAAA,GAAA,IAAAtC,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA;cAAAhC,KAAA,EAAAyE,SAAA,CAAAzE,KAAAA;aAAA,CAAA,EAAAgE,eAAA,IAAAQ,KAAA,KAAAN,UAAA,CAAAzC,MAAA,GAAA,CAAA,IAAAgD,SAAA,CAAAxC,GAAA,GAAAA,GAAA,GAAA1B,GAAA,CAAAQ,YAAA,EAAA;AAAAP,cAAAA,KAAA,EAAAmE,iBAAA,CAAA,CAAA7E,EAAAA,WAAA,MAAA,CAAA;AAAAE,cAAAA,KAAA,EAAAmE,UAAA;AAAArE,cAAAA,WAAA,EAAAA,WAAA;AAAA2B,cAAAA,MAAA,EAAA,CAAA,EAAA,CAAAQ,GAAA,GAAAiC,UAAA,CAAAM,KAAA,CAAA,CAAAvC,GAAA,IAAA,GAAA,IAAAA,GAAA,GAAAD,GAAA,CAAA,CAAA,CAAA,CAAA;aAAA,CAAA,GAAA,EAAA,CAAA;AAAA,WAAA,CAAA,CAAA;;;;;;;;;;;;;OAxBP,CAAA,CAAA;;;AAkET,CAAA;;AAEA,MAAAqC,cAAA,GAAA,UAAAO,IAAA,EAAApD,IAAA,EAAAtB,OAAA,EAAA;;;;;AAQG,GAAA;;;;AAIA,GAAA;;AACD,EAAA,OAAA2E,SAAA,CAAA;AACF,CAdA,CAAA;;AAgBA,MAAApB,eAAA,GAAA;QAAA,SAAA;cAAA,QAAA;YAAA,SAAA;;AAAA,CAAA,CAAA;AAsBA,MAAAqB,cAAA,GAAA;QAAA,SAAA;YAAA,QAAA;;AAAA,CAAA,CAAA;AAkBA,MAAAV,cAAA,GAAA;QAAA,UAAA;YAAA,UAAA;gBAAA,SAAA;cAAA,UAAA;gBAAA,SAAA;cAAA,UAAA;gBAAA,UAAA;cAAA,QAAA;eAAA,UAAA;eAAA,QAAA;eAAA,SAAA;iBAAA,UAAA;iBAAA,UAAA;iBAAA,UAAA;eAAA,QAAA;eAAA,UAAA;eAAA,UAAA;kBAAA,QAAA;kBAAA,SAAA;;AAAA,CAAA,CAAA;AAqFA,MAAAO,iBAAA,GAAA;mBAAA,QAAA;kBAAA,SAAA;iBAAA,UAAA;;AAAA,CAAA;;;;;;;"}
+{"version":3,"file":"UNSAFE_MeterBar.js","sources":["../../src/UNSAFE_MeterBar/MeterUtils.ts","../../src/UNSAFE_MeterBar/ReferenceLines.tsx","../../src/UNSAFE_MeterBar/ThresholdBar.tsx","../../src/UNSAFE_MeterBar/MeterBar.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 type { Ref } from 'preact/hooks';\nimport { ReferenceLine } from '../utils/UNSAFE_meterTypes';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n};\n\n/**\n * Returns the metric value of the clicked point.\n * @param event The PointerEvent\n * @param dimensionsRef Ref to stored dimensions of the meter bar.\n * @param min The minimum value of the meter bar.\n * @param max The maximum value of the meter bar.\n * @param step The step value of the meter bar.\n * @param orientation The orientation of the meter bar.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The metric value of the clicked point.\n */\nexport function getValue(\n  event: PointerEvent,\n  dimensionsRef: Ref<Dimensions>,\n  min: number,\n  max: number,\n  step: number,\n  orientation?: 'horizontal' | 'vertical',\n  isRtl?: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims || dims.width === 0) {\n    return undefined;\n  }\n\n  let val;\n\n  if (orientation === 'horizontal') {\n    const width = event.offsetX;\n    val = min + ((max - min) * (isRtl ? dims.width - width : width)) / dims.width;\n  } else {\n    const height = dims.height - event.offsetY;\n    val = min + ((max - min) * height) / dims.height;\n  }\n  val = Math.round(val / step) * step;\n  return Math.max(min, Math.min(max, val));\n}\n\n/**\n * Returns the true dimension of the meter bar after first render. All dimensions are 0 for initial render.\n * @param element The meter bar track HTML element\n * @returns The dimension of the meter bar.\n */\nexport function getDimensions(element: HTMLElement | null): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0\n    };\n  }\n  const trackDims = element.getBoundingClientRect();\n\n  return {\n    width: trackDims.width,\n    height: trackDims.height\n  };\n}\n\n/**\n * Returns object with 'start' and 'end' keys. Value for each key will be true if at least one ref line with correposnding position is present in meter bar.\n * @param lines The array of reference lines.\n * @returns Returns object with start and end keys.\n */\nexport function getRefLinesInfo(lines?: ReferenceLine[]): { start: boolean; end: boolean } {\n  let refLineInfo = { start: false, end: false };\n  if (lines) {\n    refLineInfo = lines.reduce((acc, cur) => {\n      acc.start = acc.start || cur.position === 'start';\n      acc.end = acc.end || cur.position === 'end' || cur.position == null;\n      return acc;\n    }, refLineInfo);\n  }\n  return refLineInfo;\n}\n\n/**\n * Returns the total component size taking into account the presence or absence of\n * reference line in either or both side of reference bar. This method assumes that reference line\n * is always larger than the track size.\n * @param refLineInfo Object sepecifying if ref lines with start, end or both position are present.\n * @param size The size of the meter bar.\n * @returns {string}\n */\nexport function getComponentSize(\n  refLineInfo: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg'\n) {\n  const barTrackSize = `var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-${size}-size)`;\n  const refLineSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-refline-size)';\n  if (refLineInfo.start && refLineInfo.end) {\n    return `calc((2 * ${refLineSize}) - ${barTrackSize})`;\n  }\n  if (refLineInfo.start || refLineInfo.end) {\n    return refLineSize;\n  }\n  return barTrackSize;\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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'];\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles[`${orientation}Border`],\n        styles[`${orientation}`],\n        isStartPos\n          ? isHoriz\n            ? styles.horiontalStart\n            : styles[`verticalStart${isRtl ? 'Rtl' : 'Ltr'}`]\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color)',\n    backgroundClip: 'padding-box',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  verticalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 0 1px 0'\n  }}`,\n  horizontalBorder: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    borderWidth: '0 1px 0 0'\n  }}`,\n  vertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)',\n    height: '2px',\n    translate: '0 1px'\n  }}`,\n  horizontal: cssProps`${{\n    translate: '-1px 0',\n    width: '2px',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  horiontalStart: cssProps`${{\n    bottom: '0%'\n  }}`,\n  verticalStartLtr: cssProps`${{\n    right: '0%'\n  }}`,\n  verticalStartRtl: cssProps`${{\n    left: '0%'\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 { useUser } from '../hooks/UNSAFE_useUser';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'];\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        isHoriz\n          ? styles[`horizontalBarTrackSection${isRtl ? 'Rtl' : 'Ltr'}`]\n          : styles['verticalBarTrackSection'],\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: color\n      }}></div>\n  );\n}\n\nconst styles = {\n  base: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color)',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color)',\n    backgroundClip: 'padding-box'\n  }}`,\n  verticalBarTrackSection: cssProps`${{\n    borderWidth: '1px 0 0 0'\n  }}`,\n  horizontalBarTrackSectionRtl: cssProps`${{\n    borderWidth: '0 0 0 1px'\n  }}`,\n  horizontalBarTrackSectionLtr: cssProps`${{\n    borderWidth: '0 1px 0 0'\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 { sizeToCSS } from '../utils/UNSAFE_size';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport {\n  getMeterAriaProps,\n  validateRange,\n  getTrackAndIndicatorColor\n} from '../utils/PRIVATE_meterUtils';\n\nimport { Threshold } from '../utils/UNSAFE_meterTypes';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { getDimensions, getRefLinesInfo, getValue } from './MeterUtils';\nimport { ReferenceLineBar } from './ReferenceLines';\nimport { ThresholdBar } from './ThresholdBar';\nimport { MeterBarProps } from './MeterBar.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * A Meter bar displays information graphically in a rectangular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterBar({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  length = '100%',\n  size = 'lg',\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n\n  const isHoriz = orientation === 'horizontal';\n  const barTrackRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput) {\n      dimensionsRef.current = getDimensions(barTrackRef.current);\n    }\n  }, [size, length, orientation, props.onCommit, props.onInput]);\n\n  const getValueFromEvent = (event: PointerEvent): number | undefined => {\n    // only evaluate value from bar track\n    if (event.target == barTrackRef.current) {\n      return getValue(event, dimensionsRef, min, max, step, orientation, isRtl);\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    barTrackRef,\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 ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    `${value}`,\n    props.accessibleLabel,\n    props.ariaLabelledBy,\n    props.thresholds\n  );\n  const mergedProps = mergeProps(\n    pointerEventsProps,\n    keyboardEventsProps,\n    datatipProps,\n    ariaLabelProps\n  );\n\n  const validIndicatorSize = Math.max(0, Math.min(1, indicatorSize));\n  const valueBarLength = `${((value - min) * 100) / (max - min)}%`;\n  const valueBarSize = `${validIndicatorSize * 100}%`;\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const sizeStyle = getRefLinesInfo(props.referenceLines);\n  const isInteractive = props.onCommit || props.onInput;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        role=\"slider\"\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([componentStyles.base, componentStyles[orientation]])}>\n        <BarTrack\n          ref={barTrackRef}\n          orientation={orientation}\n          color={\n            !isTrackRendered || (thresholdDisplay === 'all' && props.thresholds)\n              ? 'transparent'\n              : trackColor\n          }\n          class={classNames([\n            barTrackStyles.base,\n            isInteractive ? componentStyles.interactive : '',\n            isHoriz ? '' : barTrackStyles.vertical,\n            isHoriz ? barTrackStyles[`${size}Horizontal`] : barTrackStyles[`${size}Vertical`],\n            ...getMarginClass(sizeStyle, size, isHoriz)\n          ])}>\n          {thresholdDisplay === 'all' &&\n            props.thresholds\n              ?.filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n              .sort((a, b) => a.max - b.max)\n              .map((threshold: Threshold, index, thresholds) => {\n                const diff =\n                  index === 0 ? threshold.max - min : threshold.max - thresholds[index - 1].max;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={index === 0 ? trackSectionStyle[`${orientation}First`] : ''}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionStyle[`${orientation}Last`]}\n                        color={trackColor}\n                        orientation={orientation}\n                        length={`${((max - thresholds[index].max) * 100) / (max - min)}%`}\n                      />\n                    ) : (\n                      ''\n                    )}\n                  </>\n                );\n              })}\n          <BarValue\n            length={valueBarLength}\n            size={valueBarSize}\n            orientation={orientation}\n            class={classNames([barValueStyles.base, barValueStyles[orientation]])}\n            color={indicatorColor}\n          />\n          {props.referenceLines?.map((item) => (\n            <ReferenceLineBar\n              color={item.color}\n              orientation={orientation}\n              percentage={`${((item.value - min) * 100) / (max - min)}%`}\n              position={item.position}\n            />\n          ))}\n        </BarTrack>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n\nconst getMarginClass = function (\n  info: { start: boolean; end: boolean },\n  size: 'sm' | 'md' | 'lg',\n  isHoriz: boolean\n) {\n  const className = [];\n  if (info.start) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Top' : 'Start'}`]);\n  }\n\n  if (info.end) {\n    className.push(barTrackStyles[`${size}Margin${isHoriz ? 'Bottom' : 'End'}`]);\n  }\n  return className;\n};\n\nconst componentStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    pointerEvents: '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  horizontal: cssProps`${{\n    width: '100%'\n  }}`,\n  vertical: cssProps`${{\n    height: '100%'\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`\n};\n\nconst barValueStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    position: 'absolute',\n    pointerEvents: 'none'\n  }}`,\n  vertical: cssProps`${{\n    bottom: '0%',\n    left: '50%',\n    transform: 'translate(-50%, 0)'\n  }}`,\n  horizontal: cssProps`${{\n    top: '50%',\n    transform: 'translate(0, -50%)'\n  }}`\n};\n\nconst barTrackStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    display: 'flex',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)',\n    pointerEvents: 'auto'\n  }}`,\n  vertical: cssProps`${{\n    flexDirection: 'column-reverse'\n  }}`,\n  smHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)'\n  }}`,\n  smVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size)',\n    height: '100%'\n  }}`,\n  mdHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)'\n  }}`,\n  mdVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size)',\n    height: '100%'\n  }}`,\n  lgHorizontal: cssProps`${{\n    width: '100%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)'\n  }}`,\n  lgVertical: cssProps`${{\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size)',\n    height: '100%'\n  }}`,\n  smMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginTop: cssProps`${{\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginStart: cssProps`${{\n    marginInlineStart:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginEnd: cssProps`${{\n    marginInlineEnd:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`,\n  smMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size))'\n  }}`,\n  mdMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size))'\n  }}`,\n  lgMarginBottom: cssProps`${{\n    marginBottom:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size))'\n  }}`\n};\n\nconst trackSectionStyle = {\n  horizontalFirst: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  horizontalLast: cssProps`${{\n    borderRadius:\n      '0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0',\n    borderWidth: '0'\n  }}`,\n  verticalFirst: cssProps`${{\n    borderRadius:\n      '0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n  }}`,\n  verticalLast: cssProps`${{\n    borderRadius:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0',\n    borderWidth: '0'\n  }}`\n};\n"],"names":["ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","MeterBar","barTrackRef","useRef","props","onCommit","onInput","size","length","getValueFromEvent","event","target","current","getValue","dimensionsRef","min","max","step","pointerEventsProps","usePointerEvents","value","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","Math","indicatorSize","valueBarLength","valueBarSize","isTabbable","useTabbableMode","width","sizeToCSS","height","componentStyles","children","_jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","barTrackStyles","getMarginClass","sizeStyle","diff","index","threshold","_Fragment","trackSectionStyle","info","className","barValueStyles"],"mappings":"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"}

package/es/UNSAFE_MeterCircle.css

@@ -1,47 +1,47 @@
-.h7zup7{display:inline-block;pointer-events:none;}
-._1w7hhlc{touch-action:none;}._1w7hhlc:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1ujk7pi{border-radius:50%;}
-._16gkr46{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
-._18j54np{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
-.wijbeq{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
-.zif3hi{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
-._1b9jjt7{margin:1rem 1rem 0 1rem;}
-._1mck6z6{margin:0.75rem 0.75rem 0 0.75rem;}
-.kozajm{margin:0.5rem 0.5rem 0 0.5rem;}
-.llxlr7{margin:0 1rem 1rem 1rem;}
-._1t4mqlo{margin:0 0.75rem 0.75rem 0.75rem;}
-.c06oa2{margin:0 0.5rem 0.5rem 0.5rem;}
-._1qyfbtk{margin:1rem 0 1rem 1rem;}
-.ymi8zp{margin:0.75rem 0 0.75rem 0.75rem;}
-._1oapeia{margin:0.5rem 0 0.5rem 0.5rem;}
-._1uhxdq1{margin:1rem 1rem 1rem 0;}
-._1nktxjl{margin:0.75rem 0.75rem 0.75rem 0;}
-.b7jjik{margin:0.5rem 0.5rem 0.5rem 0;}
-._1kckru{margin:1rem;}
-.c8bwqm{margin:0.75rem;}
-.s14zgm{margin:0.5rem;}
-._11eujyr{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1b0xrmz{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1cwp1tj{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1726z6d{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1vqapmn{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._15ojepp{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-.vrpey9{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-.uc6p9o{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._13xw8vi{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1j401md{pointer-events:none;width:100%;height:100%;line-height:initial;}
-._1wyn8fs{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
-.srbzfy > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._17uxx67{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
-._13crgb{width:100%;height:100%;position:absolute;border-style:solid;box-sizing:border-box;pointer-events:none;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-._1vfozyd{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
-._1smp89z{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
-._1iepriu{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
-._19y9cvk{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;box-sizing:border-box;position:absolute;pointer-events:none;}
-.k0x04e{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
-._1ni1xnz{top:100%;left:50%;translate:-50% -100%;}
-._13mprlb{top:50%;translate:0 -50%;}
-._15svla1{left:100%;top:50%;translate:-100% -50%;}
-._1b4esdj{left:50%;translate:-50% 0;}
+._1mp0ccn{display:inline-block;pointer-events:none;}
+.ij6w16{touch-action:none;}.ij6w16:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.k8s3xs{border-radius:50%;}
+._1a6ajaw{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
+._1iftpqx{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
+.rgxvtj{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
+._1j19spy{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
+._1jx7nxk{margin:1rem 1rem 0 1rem;}
+._1kiezl7{margin:0.75rem 0.75rem 0 0.75rem;}
+._164vv02{margin:0.5rem 0.5rem 0 0.5rem;}
+.e2rkbr{margin:0 1rem 1rem 1rem;}
+.fudzco{margin:0 0.75rem 0.75rem 0.75rem;}
+.mm5ndw{margin:0 0.5rem 0.5rem 0.5rem;}
+.jvjxqf{margin:1rem 0 1rem 1rem;}
+._9jz3fa{margin:0.75rem 0 0.75rem 0.75rem;}
+._1vt43sc{margin:0.5rem 0 0.5rem 0.5rem;}
+.vhk2xf{margin:1rem 1rem 1rem 0;}
+._53jbxr{margin:0.75rem 0.75rem 0.75rem 0;}
+.uh9nsq{margin:0.5rem 0.5rem 0.5rem 0;}
+._1n2kaab{margin:1rem;}
+.sfey93{margin:0.75rem;}
+._1n1sdtt{margin:0.5rem;}
+._1cafjuf{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+._1otm71c{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+.wlh2j4{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._1vbxzzt{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._1us85ou{height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+.mlm4jg{width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size) / 2 );height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+._1uxfgmr{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._1ifrz6o{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+.xfcrsj{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+._1lbpl2k{pointer-events:none;width:100%;height:100%;line-height:initial;}
+._1a0ekar{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
+._39w088 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.s1qe7h{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
+.uepjky{width:100%;height:100%;position:absolute;border-style:solid;box-sizing:border-box;pointer-events:none;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+._1xyqh4f{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
+._16vlgjy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
+._161gf5{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
+._7qk35t{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;box-sizing:border-box;position:absolute;pointer-events:none;}
+.j24gdg{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
+._9gx3b6{top:100%;left:50%;translate:-50% -100%;}
+._199xy0f{top:50%;translate:0 -50%;}
+._2dmykm{left:100%;top:50%;translate:-100% -50%;}
+._18chibh{left:50%;translate:-50% 0;}
 
-.luyn6d{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}
+.r3im8e{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}