npm - @oracle/oraclejet-preact - Versions diffs - 14.1.13 → 14.1.14 - Mend

@oracle/oraclejet-preact 14.1.13 → 14.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1220) hide show

package/es/UNSAFE_MessageToast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
+/* @oracle/oraclejet-preact: 14.1.14 */
 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-5ac77683.js';
+import './tslib.es6-9b64a31a.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-fb454e58.js';
+import './_curry1-2a9333ec.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-8336cc21.js';
-import './_curry2-7a71d5d4.js';
-import './_has-ae8757cb.js';
+import './_curry3-aa3c73cf.js';
+import './_curry2-07c02247.js';
+import './_has-eab86c92.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-7edfa153.js';
+import './index-d05c2960.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-cab92c76.js';
+import './keys-f592c2a6.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: "zr0qi4"
+  base: "_1utcwp5"
 };
 /**
  * Animation states for toast messages

package/es/UNSAFE_MeterBar.css CHANGED Viewed

@@ -1,46 +1,46 @@
-._1kfnzto{display:inline-flex;pointer-events:none;}._1kfnzto:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1xf0y9f{width:100%;}
-._1m8n1ea{height:100%;}
-._1emfyca{cursor:pointer;touch-action:none;}
-._13dd7g8{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;}
-._17q1pgn{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1ccuaf4{top:50%;transform:translate(0,-50%);}
-._1xiifcd{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;}
-._1e2qkhl{flex-direction:column-reverse;}
-._1l8de7t{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._3pmfkt{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._1unx3q6{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-._1o03z29{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._52qosn{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-.xektww{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._6pcjuk{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.s9cb5k{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._10g9v29{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1y7go2y{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));}
-.jadt47{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));}
-._1f804mj{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));}
-._61z18z{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));}
-._4oqbut{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));}
-.cpwrkg{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));}
-.m357id{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.chw8xy{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-._1m3lh5s{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._6hzql{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);}
-._1h08x6o{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;}
-._19vfqgw{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);}
-.ymphut{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;}
-.iu0ujr{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._13omcok{display:inline-flex;pointer-events:none;}._13omcok:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._11xywx0{width:100%;}
+._156khvg{height:100%;}
+.o75ou7{cursor:pointer;touch-action:none;}
+.cl38v3{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;}
+._356rku{bottom:0%;left:50%;transform:translate(-50%,0);}
+.xxtiqi{top:50%;transform:translate(0,-50%);}
+._1jtuf76{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;}
+.hsomda{flex-direction:column-reverse;}
+._1v2o9ld{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+.hybk64{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+.tgqrjr{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._1cof88b{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+._1s61om3{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._1mlid5r{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.fh37nf{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1efv7v{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._18z9r8x{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._12ft60j{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));}
+._18wh74d{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));}
+._11i1lxw{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));}
+.j1bpqm{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));}
+._1bdy5gk{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));}
+._18sj8uj{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));}
+.v4yk0l{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1l1oe6{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._3zcik6{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.nz01gi{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);}
+.i0j9v9{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;}
+._2x9ou8{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);}
+._18gajrp{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;}
+._18dakeh{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-.d94fg3{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._1mfyks7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-._8a2y3z{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-.x2ok8m{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-._1lds9qv{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._1dnnszy{bottom:0%;}
-.xu0i9p{right:0%;}
-.jsioso{left:0%;}
+._16armr3{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;}
+._1z0ps6i{border-width:1px 0 0 0;}
+._21e4tk{border-width:0 0 0 1px;}
+.n0iq85{border-width:0 1px 0 0;}
-._175m5t0{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;}
-.usouej{border-width:1px 0 0 0;}
-.y23yw2{border-width:0 0 0 1px;}
-._11ckw6g{border-width:0 1px 0 0;}
+.qtqkx1{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.zgi3jz{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+._127bib9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._17tresi{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+.v5sdzt{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+.deqfnw{bottom:0%;}
+._1i2mnn8{right:0%;}
+.x7xsr3{left:0%;}

package/es/UNSAFE_MeterBar.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.13 */
-import { _ as __rest } from './tslib.es6-5ac77683.js';
+/* @oracle/oraclejet-preact: 14.1.14 */
+import { _ as __rest } from './tslib.es6-9b64a31a.js';
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { sizeToCSS } from './utils/UNSAFE_size.js';
 import "./UNSAFE_MeterBar.css";
@@ -19,7 +19,7 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-7edfa153.js';
+import './index-d05c2960.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -142,14 +142,14 @@ function ReferenceLineBar({
   });
 }
 const styles$1 = {
-  base: "d94fg3",
-  verticalBorder: "_1mfyks7",
-  horizontalBorder: "_8a2y3z",
-  vertical: "x2ok8m",
-  horizontal: "_1lds9qv",
-  horiontalStart: "_1dnnszy",
-  verticalStartLtr: "xu0i9p",
-  verticalStartRtl: "jsioso"
+  base: "qtqkx1",
+  verticalBorder: "zgi3jz",
+  horizontalBorder: "_127bib9",
+  vertical: "_17tresi",
+  horizontal: "v5sdzt",
+  horiontalStart: "deqfnw",
+  verticalStartLtr: "_1i2mnn8",
+  verticalStartRtl: "x7xsr3"
 };
 function ThresholdBar(_a) {
@@ -175,10 +175,10 @@ function ThresholdBar(_a) {
   });
 }
 const styles = {
-  base: "_175m5t0",
-  verticalBarTrackSection: "usouej",
-  horizontalBarTrackSectionRtl: "y23yw2",
-  horizontalBarTrackSectionLtr: "_11ckw6g"
+  base: "_16armr3",
+  verticalBarTrackSection: "_1z0ps6i",
+  horizontalBarTrackSectionRtl: "_21e4tk",
+  horizontalBarTrackSectionLtr: "n0iq85"
 };
 /**
@@ -312,44 +312,44 @@ const getMarginClass = function (info, size, isHoriz) {
 };
 const componentStyles = {
-  base: "_1kfnzto",
-  horizontal: "_1xf0y9f",
-  vertical: "_1m8n1ea",
-  interactive: "_1emfyca"
+  base: "_13omcok",
+  horizontal: "_11xywx0",
+  vertical: "_156khvg",
+  interactive: "o75ou7"
 };
 const barValueStyles = {
-  base: "_13dd7g8",
-  vertical: "_17q1pgn",
-  horizontal: "_1ccuaf4"
+  base: "cl38v3",
+  vertical: "_356rku",
+  horizontal: "xxtiqi"
 };
 const barTrackStyles = {
-  base: "_1xiifcd",
-  vertical: "_1e2qkhl",
-  smHorizontal: "_1l8de7t",
-  smVertical: "_3pmfkt",
-  mdHorizontal: "_1unx3q6",
-  mdVertical: "_1o03z29",
-  lgHorizontal: "_52qosn",
-  lgVertical: "xektww",
-  smMarginTop: "_6pcjuk",
-  mdMarginTop: "s9cb5k",
-  lgMarginTop: "_10g9v29",
-  smMarginStart: "_1y7go2y",
-  mdMarginStart: "jadt47",
-  lgMarginStart: "_1f804mj",
-  smMarginEnd: "_61z18z",
-  mdMarginEnd: "_4oqbut",
-  lgMarginEnd: "cpwrkg",
-  smMarginBottom: "m357id",
-  mdMarginBottom: "chw8xy",
-  lgMarginBottom: "_1m3lh5s"
+  base: "_1jtuf76",
+  vertical: "hsomda",
+  smHorizontal: "_1v2o9ld",
+  smVertical: "hybk64",
+  mdHorizontal: "tgqrjr",
+  mdVertical: "_1cof88b",
+  lgHorizontal: "_1s61om3",
+  lgVertical: "_1mlid5r",
+  smMarginTop: "fh37nf",
+  mdMarginTop: "_1efv7v",
+  lgMarginTop: "_18z9r8x",
+  smMarginStart: "_12ft60j",
+  mdMarginStart: "_18wh74d",
+  lgMarginStart: "_11i1lxw",
+  smMarginEnd: "j1bpqm",
+  mdMarginEnd: "_1bdy5gk",
+  lgMarginEnd: "_18sj8uj",
+  smMarginBottom: "v4yk0l",
+  mdMarginBottom: "_1l1oe6",
+  lgMarginBottom: "_3zcik6"
 };
 const trackSectionStyle = {
-  horizontalFirst: "_6hzql",
-  horizontalLast: "_1h08x6o",
-  verticalFirst: "_19vfqgw",
-  verticalLast: "ymphut",
-  roundedCorners: "iu0ujr"
+  horizontalFirst: "nz01gi",
+  horizontalLast: "i0j9v9",
+  verticalFirst: "_2x9ou8",
+  verticalLast: "_18gajrp",
+  roundedCorners: "_18dakeh"
 };
 export { MeterBar };

package/es/UNSAFE_MeterBar.js.map CHANGED Viewed

	@@ -1 +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';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype ReferenceLineProps = {\n orientation: 'horizontal' \| 'vertical';\n percentage: string;\n position?: 'start' \| 'end';\n color?: ColorProps['color'] \| DvtThresholdsColors;\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\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: getDvtThresholdColor(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';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n color?: ColorProps['color'] \| DvtThresholdsColors;\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: getDvtThresholdColor(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 let trackSectionStyleClass =\n index === 0 ? trackSectionStyle[`${orientation}First`] : '';\n if (threshold.max === max)\n trackSectionStyleClass =\n index === 0\n ? trackSectionStyle['roundedCorners'] // Single threshold from min to max\n : trackSectionStyle[`${orientation}Last`];\n return (\n <>\n <ThresholdBar\n class={trackSectionStyleClass}\n orientation={orientation}\n length={`${(diff * 100) / (max - min)}%`}\n color={threshold.color}\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 roundedCorners: cssProps`${{\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n }}`\n};\n"],"names":["ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","getDvtThresholdColor","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","trackSectionStyleClass","trackSectionStyle","info","className","barValueStyles"],"mappings":"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"}
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';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype ReferenceLineProps = {\n orientation: 'horizontal' \| 'vertical';\n percentage: string;\n position?: 'start' \| 'end';\n color?: ColorProps['color'] \| DvtThresholdsColors;\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\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: getDvtThresholdColor(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';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n color?: ColorProps['color'] \| DvtThresholdsColors;\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: getDvtThresholdColor(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 let trackSectionStyleClass =\n index === 0 ? trackSectionStyle[`${orientation}First`] : '';\n if (threshold.max === max)\n trackSectionStyleClass =\n index === 0\n ? trackSectionStyle['roundedCorners'] // Single threshold from min to max\n : trackSectionStyle[`${orientation}Last`];\n return (\n <>\n <ThresholdBar\n class={trackSectionStyleClass}\n orientation={orientation}\n length={`${(diff * 100) / (max - min)}%`}\n color={threshold.color}\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 roundedCorners: cssProps`${{\n borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm)'\n }}`\n};\n"],"names":["ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","getDvtThresholdColor","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","trackSectionStyleClass","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;;AC3FA,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;EAEA,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;;;MAGAC,eAAA,EAAAC,oBAAA,CAAAf,KAAA,CAAA;;AAhBN,GAAA,CAAA,CAAA;AAmBF,CAAA;AAEA,MAAAU,QAAA,GAAA;QAAA,QAAA;kBAAA,QAAA;oBAAA,UAAA;YAAA,UAAA;cAAA,QAAA;kBAAA,QAAA;oBAAA,UAAA;;AAAA,CAAA;;AC1BA,SAAAM,YAAA,CAAAC,EAAA,EAAA;;;;;;;;EACE,MAAA;AAAAd,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,EAOMQ,UAAA,CAAAV,KAPN,CAAA,CAAA;;;;MAYMM,eAAA,EAAAC,oBAAA,CAAAf,KAAA,CAAA;;AAZN,GAAA,CAAA,CAAA;AAeF,CAAA;AAEA,MAAAU,MAAA,GAAA;QAAA,UAAA;2BAAA,UAAA;gCAAA,SAAA;;AAAA,CAAA;;ACVA;;AAEG;;AACH,SAAAS,QAAA,CAAAF,EAAA,EAAA;;;;;;;;;;;;;;;;;;AAeE,EAAA,MAAAf,OAAA,GAAAJ,WAAA,KAAA,YAAA,CAAA;AACA,EAAA,MAAAsB,WAAA,GAAAC,MAAA,CAAA,IAAA,CAAA,CAAA;;EAEA,MAAA;AAAAlB,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;;AAGE,IAAA,IAAAmB,KAAA,CAAAC,QAAA,IAAAD,KAAA,CAAAE,OAAA,EAAA;;AAEC,KAAA;AACH,KAAA,CAAAC,IAAA,EAAAC,MAAA,EAAA5B,WAAA,EAAAwB,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,EAAArC,WAAA,EAAAO,KAAA,CAAA,CAAA;AACD,KAAA;;;GAJH,CAAA;;AAQA,EAAA,MAAA+B,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,EAAArD,OAAA,GAAAsD,SAAA,CAAA9B,MAAA,CAAA,GAAAb;AACA4C,QAAAA,MAAA,EAAAvD,OAAA,GAAAW,SAAA,GAAA2C,SAAA,CAAA9B,MAAA,CAAA;;AACDlB,MAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAiD,eAAA,CAAA/C,IAAA,EAAA+C,eAAA,CAAA5D,WAAA,CAAA,CAAA,CAAA;OAAA;MAAA6D,QAAA,EAAAC,IAAA,CAAAC,QAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,QAAAA,GAAA,EAAA5C,WAAA;AAAAtB,QAAAA,WAAA,EAAAA,WAAA;AAAAE,QAAAA,KAAA,EAAA,CAAAiE,eAAA,IAAAC,gBAAA,KAAA,KAAA,IAAA5C,KAAA,CAAA6C,UAAA,GAOK,aAPL,GAQKC,UARL;QAQK5D,KAAA,EAAAC,UAAA,CAAA,CAGF4D,cAAA,CAAA1D,IAHE,kDAAA,wCAAA,EAMFT,OAAA,GAAAmE,cAAA,CAAA,CAAA5C,EAAAA,IAAA,YAAA,CAAA,GAAA4C,cAAA,CAAA,CAAA5C,EAAAA,IAAA,UAAA,CANE,EAOF,GAAA6C,cAAA,CAAAC,SAAA,EAAA9C,IAAA,EAAAvB,OAAA,CAPE,CAAA,CAAA;AARL,OAAA;;UAsBO,MAAAsE,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;AAEA,UAAA,IAAAyC,sBAAA,GAAAF,KAAA,KAAA,CAAA,GAAAG,iBAAA,CAAA,CAAA9E,EAAAA,WAAA,CAAA,KAAA,CAAA,CAAA,GAAA,EAAA,CAAA;AAEA,UAAA,IAAA4E,SAAA,CAAAxC,GAAA,KAAAA,GAAA,2BAEIuC,KAAA,KAAA,CAAA,GACEG,iBAAA,CAAA,gBAAA,CADF;AAAA,YAEEA,iBAAA,CAAA,CAAA9E,EAAAA,WAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;OA9Bb,CAAA,CAAA;;;AAwET,CAAA;;AAEA,MAAAwE,cAAA,GAAA,UAAAO,IAAA,EAAApD,IAAA,EAAAvB,OAAA,EAAA;;;;;AAQG,GAAA;;;;AAIA,GAAA;;AACD,EAAA,OAAA4E,SAAA,CAAA;AACF,CAdA,CAAA;;AAgBA,MAAApB,eAAA,GAAA;QAAA,UAAA;cAAA,UAAA;YAAA,UAAA;;AAAA,CAAA,CAAA;AAsBA,MAAAqB,cAAA,GAAA;QAAA,QAAA;YAAA,SAAA;;AAAA,CAAA,CAAA;AAkBA,MAAAV,cAAA,GAAA;QAAA,UAAA;YAAA,QAAA;gBAAA,UAAA;cAAA,QAAA;gBAAA,QAAA;cAAA,UAAA;gBAAA,UAAA;cAAA,UAAA;eAAA,QAAA;eAAA,SAAA;eAAA,UAAA;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,QAAA;iBAAA,SAAA;gBAAA,UAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_MeterCircle.css CHANGED Viewed

@@ -1,47 +1,47 @@
-._1t8ok2t{display:inline-block;pointer-events:none;}
-._1nccng7{touch-action:none;}._1nccng7:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1grw1ow{border-radius:50%;}
-.qnlkb5{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
-._1xukn63{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
-._19dekb{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
-._1qgomrt{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
-.kw03ao{margin:1rem 1rem 0 1rem;}
-.rurm45{margin:0.75rem 0.75rem 0 0.75rem;}
-._1nd13cq{margin:0.5rem 0.5rem 0 0.5rem;}
-.gffroq{margin:0 1rem 1rem 1rem;}
-._1v3h3v5{margin:0 0.75rem 0.75rem 0.75rem;}
-.x37a5c{margin:0 0.5rem 0.5rem 0.5rem;}
-._1mai8qj{margin:1rem 0 1rem 1rem;}
-._1eaod2i{margin:0.75rem 0 0.75rem 0.75rem;}
-.hdtewe{margin:0.5rem 0 0.5rem 0.5rem;}
-._3a8zf1{margin:1rem 1rem 1rem 0;}
-._4iaavx{margin:0.75rem 0.75rem 0.75rem 0;}
-._1vrmxjb{margin:0.5rem 0.5rem 0.5rem 0;}
-.zurkld{margin:1rem;}
-._1tvsv2k{margin:0.75rem;}
-.go3eah{margin:0.5rem;}
-._1nmfesg{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);}
-._139v9df{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);}
-._9wk7ru{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);}
-._15p0ucs{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);}
-._1453bg1{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);}
-.pbffut{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);}
-.fi41j{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1yzkg4k{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._1dv520o{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1oktggc{pointer-events:none;width:100%;height:100%;line-height:initial;}
-.epcq1v{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
-._1d47s0c > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1eilkm5{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
-.dq25fp{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);}
-._4dadtc{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
-._1yz936x{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
-.sijsbv{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
-._197fzye{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;}
-._10w4c04{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
-._12wzomq{top:100%;left:50%;translate:-50% -100%;}
-._1ghf88t{top:50%;translate:0 -50%;}
-._1b13th6{left:100%;top:50%;translate:-100% -50%;}
-._1qz1dhb{left:50%;translate:-50% 0;}
+._1afh7ys{display:inline-block;pointer-events:none;}
+._1nduqz6{touch-action:none;}._1nduqz6:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._15ztyth{border-radius:50%;}
+.ynuzjl{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
+._1vvb31q{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
+.ji24kl{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
+._12drcwd{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
+._5wh48s{margin:1rem 1rem 0 1rem;}
+._1lwjiih{margin:0.75rem 0.75rem 0 0.75rem;}
+._18fdc1b{margin:0.5rem 0.5rem 0 0.5rem;}
+.abzbpy{margin:0 1rem 1rem 1rem;}
+._1oo308p{margin:0 0.75rem 0.75rem 0.75rem;}
+._15j4p6k{margin:0 0.5rem 0.5rem 0.5rem;}
+._19nx13d{margin:1rem 0 1rem 1rem;}
+.es3f5t{margin:0.75rem 0 0.75rem 0.75rem;}
+.zcjlo7{margin:0.5rem 0 0.5rem 0.5rem;}
+._1vpxnrc{margin:1rem 1rem 1rem 0;}
+.ojbn9f{margin:0.75rem 0.75rem 0.75rem 0;}
+._1pf0fqu{margin:0.5rem 0.5rem 0.5rem 0;}
+._1tclyk4{margin:1rem;}
+._19gzjck{margin:0.75rem;}
+.dh3yiv{margin:0.5rem;}
+._6ybbu1{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);}
+.l0urw5{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);}
+.g6huxz{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);}
+._1vkkfpq{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);}
+._1npirfd{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);}
+._1bapoji{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);}
+._19ayynl{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._1csvp0u{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+._9latcf{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+.pk01l5{pointer-events:none;width:100%;height:100%;line-height:initial;}
+.a37caq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
+._1s0q2k0 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.gtujyg{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
+._1j32dpu{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);}
+.fpy9zw{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
+.r5eya1{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
+.mguuo8{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
+._17121ek{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;}
+.bpcu11{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
+._1rhlhu2{top:100%;left:50%;translate:-50% -100%;}
+._33au49{top:50%;translate:0 -50%;}
+.ovc67o{left:100%;top:50%;translate:-100% -50%;}
+._1hwfzq2{left:50%;translate:-50% 0;}
-._115u6{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}
+._1u67w{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}