@oracle/oraclejet-preact 14.0.3 → 14.0.5

package/amd/UNSAFE_MeterBar.js

@@ -1,2 +1,2 @@
-function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(t,r):void 0}}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,o=new Array(r);e<r;e++)o[e]=t[e];return o}define(["exports","./tslib.es6-160e0dcc","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./classNames-19b96444","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc"],function(t,r,e,o,a,n,i,s,l,c,u,d,h,m,g,_,p,b,f,v,y,S,A,x,z,T,k,E,M,U,F,N,j){"use strict";function C(t){if(!t)return{width:0,height:0};const r=t.getBoundingClientRect();return{width:r.width,height:r.height}}function I({orientation:t,percentage:r,color:o,position:a}){const n="horizontal"===t,{direction:i}=l.useUser(),s="rtl"===i,c="start"===a;return e.jsx("div",{class:h.classNames([B.base,B[`${t}Border`],B[`${t}`],c?n?B.horiontalStart:B["verticalStart"+(s?"Rtl":"Ltr")]:""]),style:{left:n&&!s?r:void 0,right:n&&s?r:void 0,bottom:n?void 0:r,backgroundColor:o}})}const B={base:"q2z2si",verticalBorder:"z7oizc",horizontalBorder:"nggsor",vertical:"_1x7767i",horizontal:"n7ba2p",horiontalStart:"_1tcvli8",verticalStartLtr:"litroy",verticalStartRtl:"vd5zea"};function L(t){var{color:o,length:a,orientation:n}=t,i=r.__rest(t,["color","length","orientation"]);const{direction:s}=l.useUser(),c="horizontal"===n,u="rtl"===s;return e.jsx("div",{class:h.classNames([w.base,c?w["horizontalBarTrackSection"+(u?"Rtl":"Ltr")]:w.verticalBarTrackSection,i.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:o}})}const w={base:"_52x9pl",verticalBarTrackSection:"awnzg",horizontalBarTrackSectionRtl:"_1hwl2zi",horizontalBarTrackSectionLtr:"_1jij9xf"};const R=function(t,r,e){const o=[];return t.start&&o.push(V[`${r}Margin${e?"Top":"Start"}`]),t.end&&o.push(V[`${r}Margin${e?"Bottom":"End"}`]),o},$={base:"_1f3jxf8",horizontal:"_1h2etuf",vertical:"_1gwp5dz",interactive:"_8byec6"},P={base:"_19dumt8",vertical:"_1uqmaxf",horizontal:"_97gou6"},V={base:"_1tudf4m",vertical:"qnbr76",smHorizontal:"_1ocrkls",smVertical:"_16m6t7z",mdHorizontal:"ausfve",mdVertical:"_27gfv9",lgHorizontal:"to4fxv",lgVertical:"_1cpgynm",smMarginTop:"zs4cn1",mdMarginTop:"_1yooxbl",lgMarginTop:"_1x539y1",smMarginStart:"_1s10pz3",mdMarginStart:"_1ei1mfo",lgMarginStart:"_1pkjxgm",smMarginEnd:"_1k922x",mdMarginEnd:"_12xw37g",lgMarginEnd:"_1c4hh4p",smMarginBottom:"_8b06mz",mdMarginBottom:"mr9p7a",lgMarginBottom:"_16vm55f"},H={horizontalFirst:"bj90gx",horizontalLast:"_1l348og",verticalFirst:"un27aj",verticalLast:"kh731l"};t.MeterBar=function(t){var a,n,{max:g=100,min:_=0,value:p=0,step:b=1,length:f="100%",size:v="lg",orientation:y="horizontal",isTrackRendered:S=!0,thresholdDisplay:A="all",indicatorSize:x=1}=t,z=r.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);u.validateRange(_,g,p,b);const T="horizontal"===y,k=s.useRef(null),E=s.useRef(C(null)),{direction:M}=l.useUser(),U="rtl"===M;s.useEffect(()=>{(z.onCommit||z.onInput)&&(E.current=C(k.current))},[v,f,y,z.onCommit,z.onInput]);const F=c.usePointerEvents(p,t=>{if(t.target==k.current)return function(t,r,e,o,a,n,i){const s=r.current;if(!s||0===s.width)return;let l;if("horizontal"===n){const r=t.offsetX;l=e+(o-e)*(i?s.width-r:r)/s.width}else l=e+(o-e)*(s.height-t.offsetY)/s.height;return l=Math.round(l/a)*a,Math.max(e,Math.min(o,l))}(t,E,_,g,b,y,U)},k,z.onCommit,z.onInput),N=c.useKeyboardEvents(p,_,g,b,z.onCommit,z.onInput),{datatipContent:j,datatipProps:B}=c.useMeterDatatip(p,z.datatip,z.ariaDescribedBy),w=u.getMeterAriaProps(p,_,g,`${p}`,z.accessibleLabel,z.ariaLabelledBy,z.thresholds),O=i.mergeProps(F,N,B,w),D=Math.max(0,Math.min(1,x)),q=100*(p-_)/(g-_)+"%",W=100*D+"%",{trackColor:K,indicatorColor:X}=u.getTrackAndIndicatorColor(p,A,z.trackColor,z.indicatorColor,z.thresholds),Y=function(t){let r={start:!1,end:!1};return t&&(r=t.reduce((t,r)=>(t.start=t.start||"start"===r.position,t.end=t.end||"end"===r.position||null==r.position,t),r)),r}(z.referenceLines),G=z.onCommit||z.onInput,{isTabbable:J}=m.useTabbableMode();return e.jsxs(e.Fragment,{children:[e.jsx("div",Object.assign({tabIndex:J?0:-1,role:"slider"},O,{style:{width:T?o.sizeToCSS(f):void 0,height:T?void 0:o.sizeToCSS(f)},class:h.classNames([$.base,$[y]])},{children:e.jsxs(d.BarTrack,Object.assign({ref:k,orientation:y,color:!S||"all"===A&&z.thresholds?"transparent":K,class:h.classNames([V.base,G?$.interactive:"",T?"":V.vertical,T?V[`${v}Horizontal`]:V[`${v}Vertical`]].concat(_toConsumableArray(R(Y,v,T))))},{children:["all"===A&&(null===(a=z.thresholds)||void 0===a?void 0:a.filter(t=>t.max>_&&t.max<=g).sort((t,r)=>t.max-r.max).map((t,r,o)=>{const a=0===r?t.max-_:t.max-o[r-1].max;return e.jsxs(e.Fragment,{children:[e.jsx(L,{class:0===r?H[`${y}First`]:"",orientation:y,length:100*a/(g-_)+"%",color:t.color}),S&&r===o.length-1&&t.max<g?e.jsx(L,{class:H[`${y}Last`],color:K,orientation:y,length:100*(g-o[r].max)/(g-_)+"%"}):""]})})),e.jsx(d.BarValue,{length:q,size:W,orientation:y,class:h.classNames([P.base,P[y]]),color:X}),null===(n=z.referenceLines)||void 0===n?void 0:n.map(t=>e.jsx(I,{color:t.color,orientation:y,percentage:100*(t.value-_)/(g-_)+"%",position:t.position}))]}))})),j]})},Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","./utils/UNSAFE_size","css!./UNSAFE_MeterBar.css","./utils/UNSAFE_classNames","./utils/UNSAFE_mergeProps","preact/hooks","./hooks/UNSAFE_useUser","./hooks/PRIVATE_useDvtMeterEvents","./utils/PRIVATE_meterUtils","./PRIVATE_Meter","./classNames-429bf434","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95"],function(t,e,o,r,i,a,n,s,l,c,d,h,u,m,g,p,v,_,f,b,x,S,E,k,z,M,A,T,F,U,N,j,B){"use strict";function y(t){if(!t)return{width:0,height:0};const e=t.getBoundingClientRect();return{width:e.width,height:e.height}}function C({orientation:t,percentage:e,color:r,position:i}){const a="horizontal"===t,{direction:n}=l.useUser(),s="rtl"===n,c="start"===i;return o.jsx("div",{class:u.classNames([q.base,q[`${t}Border`],q[`${t}`],c?a?q.horiontalStart:q["verticalStart"+(s?"Rtl":"Ltr")]:""]),style:{left:a&&!s?e:void 0,right:a&&s?e:void 0,bottom:a?void 0:e,backgroundColor:r}})}const q={base:"_6n8lx0",verticalBorder:"y6llgw",horizontalBorder:"fefc9s",vertical:"o0nisl",horizontal:"cp1ff2",horiontalStart:"ogmux",verticalStartLtr:"s16l99",verticalStartRtl:"l7pll5"};function R(t){var{color:r,length:i,orientation:a}=t,n=e.__rest(t,["color","length","orientation"]);const{direction:s}=l.useUser(),c="horizontal"===a,d="rtl"===s;return o.jsx("div",{class:u.classNames([I.base,c?I["horizontalBarTrackSection"+(d?"Rtl":"Ltr")]:I.verticalBarTrackSection,n.class]),style:{width:c?i:"100%",height:c?"100%":i,backgroundColor:r}})}const I={base:"_16lym90",verticalBarTrackSection:"b4qxel",horizontalBarTrackSectionRtl:"_141gecn",horizontalBarTrackSectionLtr:"_162rj5u"};const L=function(t,e,o){const r=[];return t.start&&r.push($[`${e}Margin${o?"Top":"Start"}`]),t.end&&r.push($[`${e}Margin${o?"Bottom":"End"}`]),r},w={base:"_150sq4i",horizontal:"_12h58qv",vertical:"qtqudt",interactive:"_1mc2ffo"},P={base:"afco8b",vertical:"_1mw971v",horizontal:"_1ofqakq"},$={base:"_17i8m2u",vertical:"_1ojqql2",smHorizontal:"iqsmyp",smVertical:"_1dw26rn",mdHorizontal:"dy2pns",mdVertical:"vur72b",lgHorizontal:"_113pqxi",lgVertical:"vh46j1",smMarginTop:"_17j60us",mdMarginTop:"pdfy1",lgMarginTop:"ovoe3n",smMarginStart:"_7s70c3",mdMarginStart:"vmp957",lgMarginStart:"_13x7r3v",smMarginEnd:"x7imxq",mdMarginEnd:"zm5hci",lgMarginEnd:"c2cp7v",smMarginBottom:"_7k2rz2",mdMarginBottom:"dkvqmn",lgMarginBottom:"_83m1ea"},V={horizontalFirst:"_1bx0cvb",horizontalLast:"_18rxq8h",verticalFirst:"_1nyzqbc",verticalLast:"xrmrsx"};t.MeterBar=function(t){var i,a,{max:g=100,min:p=0,value:v=0,step:_=1,length:f="100%",size:b="lg",orientation:x="horizontal",isTrackRendered:S=!0,thresholdDisplay:E="all",indicatorSize:k=1}=t,z=e.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);d.validateRange(p,g,v,_);const M="horizontal"===x,A=s.useRef(null),T=s.useRef(y(null)),{direction:F}=l.useUser(),U="rtl"===F;s.useEffect(()=>{(z.onCommit||z.onInput)&&(T.current=y(A.current))},[b,f,x,z.onCommit,z.onInput]);const N=c.usePointerEvents(v,t=>{if(t.target==A.current)return function(t,e,o,r,i,a,n){const s=e.current;if(!s||0===s.width)return;let l;if("horizontal"===a){const e=t.offsetX;l=o+(r-o)*(n?s.width-e:e)/s.width}else l=o+(r-o)*(s.height-t.offsetY)/s.height;return l=Math.round(l/i)*i,Math.max(o,Math.min(r,l))}(t,T,p,g,_,x,U)},A,z.onCommit,z.onInput),j=c.useKeyboardEvents(v,p,g,_,z.onCommit,z.onInput),{datatipContent:B,datatipProps:q}=c.useMeterDatatip(v,z.datatip,z.ariaDescribedBy),I=d.getMeterAriaProps(v,p,g,`${v}`,z.accessibleLabel,z.ariaLabelledBy,z.thresholds),D=n.mergeProps(N,j,q,I),H=Math.max(0,Math.min(1,k)),O=100*(v-p)/(g-p)+"%",K=100*H+"%",{trackColor:X,indicatorColor:Y}=d.getTrackAndIndicatorColor(v,E,z.trackColor,z.indicatorColor,z.thresholds),G=function(t){let e={start:!1,end:!1};return t&&(e=t.reduce((t,e)=>(t.start=t.start||"start"===e.position,t.end=t.end||"end"===e.position||null==e.position,t),e)),e}(z.referenceLines),J=z.onCommit||z.onInput,{isTabbable:Q}=m.useTabbableMode();return o.jsxs(o.Fragment,{children:[o.jsx("div",Object.assign({tabIndex:Q?0:-1,role:"slider"},D,{style:{width:M?r.sizeToCSS(f):void 0,height:M?void 0:r.sizeToCSS(f)},class:u.classNames([w.base,w[x]])},{children:o.jsxs(h.BarTrack,Object.assign({ref:A,orientation:x,color:!S||"all"===E&&z.thresholds?"transparent":X,class:u.classNames([$.base,J?w.interactive:"",M?"":$.vertical,M?$[`${b}Horizontal`]:$[`${b}Vertical`],...L(G,b,M)])},{children:["all"===E&&(null===(i=z.thresholds)||void 0===i?void 0:i.filter(t=>t.max>p&&t.max<=g).sort((t,e)=>t.max-e.max).map((t,e,r)=>{const i=0===e?t.max-p:t.max-r[e-1].max;return o.jsxs(o.Fragment,{children:[o.jsx(R,{class:0===e?V[`${x}First`]:"",orientation:x,length:100*i/(g-p)+"%",color:t.color}),S&&e===r.length-1&&t.max<g?o.jsx(R,{class:V[`${x}Last`],color:X,orientation:x,length:100*(g-r[e].max)/(g-p)+"%"}):""]})})),o.jsx(h.BarValue,{length:O,size:K,orientation:x,class:u.classNames([P.base,P[x]]),color:Y}),null===(a=z.referenceLines)||void 0===a?void 0:a.map(t=>o.jsx(C,{color:t.color,orientation:x,percentage:100*(t.value-p)/(g-p)+"%",position:t.position}))]}))})),B]})},Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MeterBar.js.map

package/amd/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":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","getMarginClass","info","size","className","componentStyles","barValueStyles","barTrackStyles","trackSectionStyle","barTrackRef","useRef","props","onCommit","onInput","length","pointerEventsProps","usePointerEvents","value","event","target","current","dimensionsRef","min","max","step","dims","val","offsetX","offsetY","Math","round","getValue","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","indicatorSize","valueBarLength","valueBarSize","lines","refLineInfo","start","end","reduce","acc","cur","isTabbable","useTabbableMode","sizeToCSS","children","_jsxs","jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","sizeStyle","diff","index","threshold","_Fragment","jsx"],"mappings":"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"}
+{"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":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","base","left","undefined","backgroundColor","ThresholdBar","_a","otherProps","getMarginClass","info","size","className","componentStyles","barValueStyles","barTrackStyles","trackSectionStyle","barTrackRef","useRef","props","onCommit","onInput","length","pointerEventsProps","usePointerEvents","value","event","target","current","dimensionsRef","min","max","step","dims","val","offsetX","offsetY","Math","round","getValue","datatipContent","datatipProps","useMeterDatatip","datatip","ariaDescribedBy","mergedProps","mergeProps","keyboardEventsProps","ariaLabelProps","validIndicatorSize","indicatorSize","valueBarLength","valueBarSize","lines","refLineInfo","start","end","reduce","acc","cur","isTabbable","useTabbableMode","sizeToCSS","children","_jsxs","jsxs","BarTrack","Object","assign","ref","isTrackRendered","thresholdDisplay","thresholds","trackColor","sizeStyle","diff","index","threshold","_Fragment","jsx"],"mappings":"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"}

package/amd/UNSAFE_MeterCircle.css

@@ -1,47 +1,47 @@
-.th0kuk{display:inline-block;pointer-events:none;}
-.v86t71{touch-action:none;}.v86t71:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.wp51ob{border-radius:50%;}
-.kn6qkx{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
-._6b179o{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
-._1i3hd0r{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
-._1gkyqwr{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
-._1gfrs1v{margin:1rem 1rem 0 1rem;}
-.kaun19{margin:0.75rem 0.75rem 0 0.75rem;}
-._1aftxah{margin:0.5rem 0.5rem 0 0.5rem;}
-.ery4tt{margin:0 1rem 1rem 1rem;}
-._1a679ku{margin:0 0.75rem 0.75rem 0.75rem;}
-._1rzp6hl{margin:0 0.5rem 0.5rem 0.5rem;}
-._3id9ck{margin:1rem 0 1rem 1rem;}
-.qlyr03{margin:0.75rem 0 0.75rem 0.75rem;}
-.rwc6rj{margin:0.5rem 0 0.5rem 0.5rem;}
-._1fw25v3{margin:1rem 1rem 1rem 0;}
-.ilzaue{margin:0.75rem 0.75rem 0.75rem 0;}
-.ihi233{margin:0.5rem 0.5rem 0.5rem 0;}
-._1nqnan3{margin:1rem;}
-._17y81b4{margin:0.75rem;}
-.u0sxwi{margin:0.5rem;}
-.ya0kld{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);}
-._1cpyzr8{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);}
-._2ba5vk{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);}
-._5tvsu{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);}
-._11w16vw{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);}
-._12yu5cv{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);}
-._4okek5{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._1pk0b7r{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._1lhyc19{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1fbye2q{pointer-events:none;width:100%;height:100%;line-height:initial;}
-._1k9klzg{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
-._3h81db > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.zdag59{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
-._1ujlp57{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);}
-._8s6qun{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
-._1cmhjzi{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
-.w4b63y{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
-._1vhtqyt{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;}
-._1m661l{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
-._7chsfm{top:100%;left:50%;translate:-50% -100%;}
-._1we09nx{top:50%;translate:0 -50%;}
-._18ijcbm{left:100%;top:50%;translate:-100% -50%;}
-.ogne37{left:50%;translate:-50% 0;}
+.foit1s{display:inline-block;pointer-events:none;}
+._1p6p4as{touch-action:none;}._1p6p4as:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._97zldy{border-radius:50%;}
+._1jqfgro{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
+._1e5dwtf{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
+._1y4ci9k{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
+._1sbx2g9{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
+.auydf{margin:1rem 1rem 0 1rem;}
+._1s71qqd{margin:0.75rem 0.75rem 0 0.75rem;}
+._1lkvmh2{margin:0.5rem 0.5rem 0 0.5rem;}
+._1gsrq1i{margin:0 1rem 1rem 1rem;}
+._1gf05l8{margin:0 0.75rem 0.75rem 0.75rem;}
+._9suf9d{margin:0 0.5rem 0.5rem 0.5rem;}
+._1bmmcef{margin:1rem 0 1rem 1rem;}
+._1dm72dr{margin:0.75rem 0 0.75rem 0.75rem;}
+._11geu2y{margin:0.5rem 0 0.5rem 0.5rem;}
+._30nini{margin:1rem 1rem 1rem 0;}
+.jecfpc{margin:0.75rem 0.75rem 0.75rem 0;}
+._1u2p1pq{margin:0.5rem 0.5rem 0.5rem 0;}
+._6b1kkg{margin:1rem;}
+.l6kt22{margin:0.75rem;}
+.q08r0f{margin:0.5rem;}
+._4v4ux5{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);}
+.wm52r{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);}
+._1092gvj{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);}
+.vsgeyk{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);}
+.nale7z{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);}
+.pb7kea{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);}
+._1l7vnrx{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
+._147rxse{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
+.mvcrkd{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
+._1g8oy2i{pointer-events:none;width:100%;height:100%;line-height:initial;}
+._181nefk{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
+._15bw6en > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._18qskp6{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
+._16oq60e{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);}
+.a3e7oo{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
+._1xa2t5w{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
+.bz3j1t{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
+.s5zn6e{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;}
+._1622oz8{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
+.l9blkx{top:100%;left:50%;translate:-50% -100%;}
+.uu9ynq{top:50%;translate:0 -50%;}
+._7frlc7{left:100%;top:50%;translate:-100% -50%;}
+.avpua4{left:50%;translate:-50% 0;}
 
-._1rvvlet{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}
+.sxyev{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}

package/amd/UNSAFE_MeterCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./MeterCircle-486e1a71","./tslib.es6-160e0dcc","preact/jsx-runtime","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_MeterCircle.css","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-19b96444","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTabbableMode"],function(e,s,o,t,i,r,l,u,a,A,E,_,U,c,F,n,N,S,h,k,b,d,m,p,T,f,M,P,g,I,v,R,V){"use strict";e.MeterCircle=s.MeterCircle,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./MeterCircle-78d7b095","./tslib.es6-6a195797","preact/jsx-runtime","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","css!./UNSAFE_MeterCircle.css","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./classNames-429bf434","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTabbableMode"],function(e,s,o,t,i,r,l,u,a,A,E,_,U,F,c,n,N,S,h,k,d,f,m,p,T,b,M,P,g,I,v,R,V){"use strict";e.MeterCircle=s.MeterCircle,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MeterCircle.js.map

package/amd/UNSAFE_Modal.css

@@ -1,5 +1,5 @@
-.w119rv{position:fixed;top:0;right:0;bottom:0;left:0;}
+._1fcmgn4{position:fixed;top:0;right:0;bottom:0;left:0;}
 
-._94he7f{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+.jmi90b{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
 
-._1x1xwa1{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
+._11b08xl{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}

package/amd/UNSAFE_Modal.js

@@ -1,2 +1,2 @@
-define(["exports","./Modal-0ef435f0","preact/jsx-runtime","preact/compat","./UNSAFE_FocusTrap","./FocusTrap-8787f5c7","preact","./utils/UNSAFE_classNames","./classNames-19b96444","css!./UNSAFE_Modal.css","./utils/PRIVATE_tabbableUtils","./_curry1-d6c8f4c8","./_curry2-93393649","./_curry3-cf0bce65","./UNSAFE_Layer"],function(e,a,c,r,s,t,l,u,i,o,_,f,p,d,b){"use strict";e.Modal=a.Modal,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Modal-1b5b6fc3","preact/jsx-runtime","preact/compat","./UNSAFE_FocusTrap","./FocusTrap-94dc8805","preact","./utils/UNSAFE_classNames","./classNames-429bf434","css!./UNSAFE_Modal.css","./utils/PRIVATE_tabbableUtils","./_curry1-875b461d","./_curry2-ad2c6a81","./_curry3-512d483b","./UNSAFE_Layer"],function(a,e,r,c,s,t,l,u,d,i,o,b,_,p,n){"use strict";a.Modal=e.Modal,Object.defineProperty(a,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Modal.js.map

package/amd/UNSAFE_NumberInputText.js

@@ -1,2 +1,2 @@
-define(["exports","./NumberInputText-b8c55d7b","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-160e0dcc","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-14403a4b","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-19b96444",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-1ba7b3c8","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-a3f663bb","./_curry1-d6c8f4c8","./_has-5cd48c18","./utils/UNSAFE_mergeInterpolations","./_curry3-cf0bce65","./_curry2-93393649","./FormControlUtils-b4e6d54f","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-3c3b5df1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./TextFieldInput-3ae2ab4b","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-54772777","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-364f5724","./UNSAFE_ComponentMessage","./ComponentMessage-bfe206a0","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-9591aa5c","./UNSAFE_Button","./Button-bab4ad2f","./UNSAFE_BaseButton","./BaseButton-fc90b7e6","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTheme","./MessageDetail-bb68d2db","./MessageFormattingUtils-cccfb59f","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-69c2004a","./Message.types-f0bba1c4","./MessageStartIcon-c25b74a6","./MessageSummary-7862f0dc","./MessageTimestamp-791bef26","./MessageUtils-31e28fdc","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7cae13c7","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-efe88cb0","./ComponentMessageContainer-ac68cdf5","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,n,a,u,l,F,A,_,U,c,r,E,N,S,b,d,f,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ae,ue,le,Fe,Ae,_e,Ue,ce,re,Ee,Ne,Se,be,de,fe,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./NumberInputText-9ad68cd3","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-6a195797","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-0a53949e","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-429bf434",'module',"./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_TextField","./ReadonlyTextFieldInput-1b5e6b00","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-83d1523f","./_curry1-875b461d","./_has-11a7a18f","./utils/UNSAFE_mergeInterpolations","./_curry3-512d483b","./_curry2-ad2c6a81","./FormControlUtils-f9124d70","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-556d723b","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-aaa40e19","./utils/UNSAFE_interpolations/flexitem","./flexitem-d85d1561","./TextFieldInput-e26af2be","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-9d985ef6","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./InlineHelpSource-66c5f04f","./UNSAFE_ComponentMessage","./ComponentMessage-f45b3bbf","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-256615e9","./UNSAFE_Button","./Button-11c23c7a","./UNSAFE_BaseButton","./BaseButton-31fe1787","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-6aed3532","./index-6f29250e","./UNSAFE_Icon","./Icon-b5704008","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5d80cd95","./hooks/UNSAFE_useTheme","./MessageDetail-8958ff27","./MessageFormattingUtils-66993387","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-432c5155","./Message.types-4bf5e2b8","./MessageStartIcon-9a21df9b","./MessageSummary-34220b0d","./MessageTimestamp-271609d9","./MessageUtils-dfcb9ca9","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-d521afd3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-fd19b064","./ComponentMessageContainer-ded8d38b","./UNSAFE_Grid","./utils/UNSAFE_interpolations/grid","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,n,u,a,l,F,A,_,U,r,E,N,S,d,c,f,b,g,x,h,m,p,k,T,I,M,y,C,P,R,B,V,H,L,v,j,D,G,O,W,z,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ue,ae,le,Fe,Ae,_e,Ue,re,Ee,Ne,Se,de,ce,fe,be,ge,xe,he,me,pe,ke,Te,Ie,Me,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,je,De,Ge,Oe,We,ze,qe,we,Je,Ke,Qe,Xe){"use strict";e.NumberInputText=s.NumberInputText,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_NumberInputText.js.map

package/amd/UNSAFE_PrefixSuffix.css

@@ -1,8 +1,8 @@
-.bpuij4{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-._5c0lcb{opacity:.45;}
-.gcd816{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-._2yyz86{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
-.qa5xq9{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1ckcn6b{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1awf6k7{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1ynpdh9{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._74vj8q{display:flex;align-items:center;white-space:nowrap;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.rivg8i{opacity:.45;}
+.lyqvdx{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._14ali9j{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}
+._1g14ovt{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.aywlq1{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.jsuc38{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1kg1h9e{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}

package/amd/UNSAFE_PrefixSuffix.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_PrefixSuffix.css","./utils/UNSAFE_classNames","./classNames-19b96444"],function(s,e,i,a,n){"use strict";s.PrefixSuffix=function({hasEndContent:s,hasInsideLabel:i,hasStartContent:a,id:t,isDisabled:c,isFocused:r,text:d,variant:f}){const l="bpuij4",u="_5c0lcb",x="gcd816",o="_2yyz86",b="qa5xq9",p="_1ckcn6b",_="_1awf6k7",h="_1ynpdh9",j=n.classNames([l,"suffix"===f&&s&&p,i&&o,"prefix"===f&&a&&b,r&&u,c&&x,"prefix"===f&&!a&&_,"suffix"===f&&!s&&h]);return e.jsx("div",Object.assign({class:j,id:t},{children:e.jsx("span",{children:d})}))},Object.defineProperty(s,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_PrefixSuffix.css","./utils/UNSAFE_classNames","./classNames-429bf434"],function(s,e,i,a,t){"use strict";s.PrefixSuffix=function({hasEndContent:s,hasInsideLabel:i,hasStartContent:a,id:n,isDisabled:r,isFocused:c,text:l,variant:f}){const d="_74vj8q",u="rivg8i",x="lyqvdx",o="_14ali9j",j="_1g14ovt",v="aywlq1",_="jsuc38",h="_1kg1h9e",p=t.classNames([d,"suffix"===f&&s&&v,i&&o,"prefix"===f&&a&&j,c&&u,r&&x,"prefix"===f&&!a&&_,"suffix"===f&&!s&&h]);return e.jsx("div",Object.assign({class:p,id:n},{children:e.jsx("span",{children:l})}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_PrefixSuffix.js.map

package/amd/UNSAFE_PrefixSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","_jsx","Object","assign","class","prefixSuffixClasses","children","jsx"],"mappings":"sJAcA,UAAAA,cAAAA,EAAAC,eAAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,WAAAA,EAAAC,UAAAA,EAAAC,KAAAA,EAAAC,QAAAA,IAUE,MAAAC,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,6BAkDEA,EACA,WAAAD,GAAAP,GAAAQ,OAEA,WAAAD,GAAAL,GAAAM,sDAOF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAV,GAAAA,GAAA,CAAAW,SAAAL,EAAAM,IAAA,OAAA,CAAAD,SAAAR"}
+{"version":3,"file":"UNSAFE_PrefixSuffix.js","sources":["../../src/UNSAFE_PrefixSuffix/PrefixSuffix.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  hasEndContent?: boolean;\n  hasInsideLabel?: boolean;\n  hasStartContent?: boolean;\n  id: string;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  text: string;\n  variant: 'prefix' | 'suffix';\n};\n\nexport function PrefixSuffix({\n  hasEndContent,\n  hasInsideLabel,\n  hasStartContent,\n  id,\n  isDisabled,\n  isFocused,\n  text,\n  variant\n}: Props) {\n  const prefixSuffixStyles = {\n    base: cssProps`${{\n      display: 'flex',\n      alignItems: 'center',\n      whiteSpace: 'nowrap',\n      boxSizing: 'border-box',\n      fontFamily: 'inherit',\n      lineHeight: 'inherit',\n      fontWeight: 'inherit',\n      fontSize: '100%',\n      border: '0',\n      backgroundColor: 'transparent',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n    }}`,\n    isFocused: cssProps`${{\n      opacity: '.45'\n    }}`,\n    isDisabled: cssProps`${{\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n    }}`,\n    insideLabel: cssProps`${{\n      minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)'\n    }}`,\n    prefixHasStartContent: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n\n    suffixHasEndContent: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n    }}`,\n    prefixInlineStart: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`,\n    suffixInlineStart: cssProps`${{\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n    }}`\n  };\n\n  // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n  // The prefix/suffix need padding between itself and either the 'edge' or the 'startContent'/'endContent'.\n  // So the logic is:\n  // if no startContent and we have a prefix, add --text-to-edge-padding to the prefix\n  // if no endContent and we have a suffix, add --text-to-edge-padding to the suffix\n  // if startContent and we have a prefix, add text-field-icon-to-text-padding\n  // if endContent and we have a suffix, add text-field-icon-to-text-padding\n  // **-- text-to-edge-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input)suffix**--text-to-edge-padding**\n  // -- (this should be in startContent)startContent **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix **--text-to-edge-padding**\n  // -- **icon-to-text-padding**prefix (input has padding for prefix/input)input(input has padding for suffix/input) suffix**--icon-to-text-padding**(this should be in endContent)endContent\n  const prefixSuffixClasses = classNames([\n    prefixSuffixStyles.base,\n    variant === 'suffix' && hasEndContent && prefixSuffixStyles.suffixHasEndContent,\n    hasInsideLabel && prefixSuffixStyles.insideLabel,\n    variant === 'prefix' && hasStartContent && prefixSuffixStyles.prefixHasStartContent,\n    isFocused && prefixSuffixStyles.isFocused,\n    isDisabled && prefixSuffixStyles.isDisabled,\n    variant === 'prefix' && !hasStartContent && prefixSuffixStyles.prefixInlineStart,\n    variant === 'suffix' && !hasEndContent && prefixSuffixStyles.suffixInlineStart\n  ]);\n\n  return (\n    <div class={prefixSuffixClasses} id={id}>\n      <span>{text}</span>\n    </div>\n  );\n}\n"],"names":["hasEndContent","hasInsideLabel","hasStartContent","id","isDisabled","isFocused","text","variant","prefixSuffixStyles","_jsx","Object","assign","class","prefixSuffixClasses","children","jsx"],"mappings":"sJAcA,UAAAA,cAAAA,EAAAC,eAAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,WAAAA,EAAAC,UAAAA,EAAAC,KAAAA,EAAAC,QAAAA,IAUE,MAAAC,EAAA,UAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,SAAAA,6BAkDEA,EACA,WAAAD,GAAAP,GAAAQ,OAEA,WAAAD,GAAAL,GAAAM,sDAOF,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAV,GAAAA,GAAA,CAAAW,SAAAL,EAAAM,IAAA,OAAA,CAAAD,SAAAR"}

package/amd/UNSAFE_ProgressBar.css

@@ -1,6 +1,6 @@
-.hz5f83{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-.bwtbu3{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
-._1hm5gc6{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.t16ye9{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-.j5kzx6{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._1x2jhj4{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._172iya1{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.uf2ajo{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);height:100%;box-sizing:border-box;}
+._13gq5u{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.ckmlxe{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+._17je10d{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+._1bya7xs{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

package/amd/UNSAFE_ProgressBar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-160e0dcc","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressBar.css","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Meter","./classNames-19b96444","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],function(e,a,s,r,n,t,l,i,o,c,u,d,m,v){"use strict";const x=({accessibleLabel:e,id:a,width:r,edge:n="none"})=>{const{direction:c}=t.useUser(),u=o.classNames([j.value,j.indeterminate,j[c]]),d=o.classNames([j.base,"none"===n&&j.standalone]),m=l.useTranslationBundle("@oracle/oraclejet-preact"),v={"aria-valuetext":e||m.progressIndeterminate(),role:"progressbar"};return s.jsx(i.BarTrack,Object.assign({id:a,ariaProps:v,class:d,length:r},{children:s.jsx(i.BarValue,{class:u})}))},b=({value:e=0,max:a=100,id:r,width:n,edge:t="none"})=>{const l=100*Math.min(Math.max(0,e/a),1)+"%",c=o.classNames([j.base,"none"===t&&j.standalone]),u={};return u["aria-valuemin"]=null!=e?"0":void 0,u["aria-valuemax"]=null!=e?`${a}`:void 0,u["aria-valuenow"]=null!=e?`${e}`:void 0,u.role="progressbar",s.jsx(i.BarTrack,Object.assign({ariaProps:u,id:r,length:n,class:c},{children:s.jsx(i.BarValue,{class:j.value,length:l})}))},j={base:"hz5f83",value:"bwtbu3",indeterminate:"_1hm5gc6",standalone:"t16ye9",rtl:"j5kzx6",ltr:"_1x2jhj4"};e.ProgressBar=function(e){var{value:r,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===r?s.jsx(x,Object.assign({},t)):s.jsx(b,Object.assign({value:r,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressBar.css","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Meter","./classNames-429bf434","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],function(e,a,s,r,n,t,l,i,o,c,u,d,m,v){"use strict";const x=({accessibleLabel:e,id:a,width:r,edge:n="none"})=>{const{direction:c}=t.useUser(),u=o.classNames([j.value,j.indeterminate,j[c]]),d=o.classNames([j.base,"none"===n&&j.standalone]),m=l.useTranslationBundle("@oracle/oraclejet-preact"),v={"aria-valuetext":e||m.progressIndeterminate(),role:"progressbar"};return s.jsx(i.BarTrack,Object.assign({id:a,ariaProps:v,class:d,length:r},{children:s.jsx(i.BarValue,{class:u})}))},b=({value:e=0,max:a=100,id:r,width:n,edge:t="none"})=>{const l=100*Math.min(Math.max(0,e/a),1)+"%",c=o.classNames([j.base,"none"===t&&j.standalone]),u={};return u["aria-valuemin"]=null!=e?"0":void 0,u["aria-valuemax"]=null!=e?`${a}`:void 0,u["aria-valuenow"]=null!=e?`${e}`:void 0,u.role="progressbar",s.jsx(i.BarTrack,Object.assign({ariaProps:u,id:r,length:n,class:c},{children:s.jsx(i.BarValue,{class:j.value,length:l})}))},j={base:"_172iya1",value:"uf2ajo",indeterminate:"_13gq5u",standalone:"ckmlxe",rtl:"_17je10d",ltr:"_1bya7xs"};e.ProgressBar=function(e){var{value:r,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===r?s.jsx(x,Object.assign({},t)):s.jsx(b,Object.assign({value:r,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

package/amd/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","BarTrack","Object","assign","class","length","children","jsx","BarValue","DeterminateProgressBar","max","undefined","percentage","_a","otherProps"],"mappings":"iVAoEA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACAC,EAAA,CACE,iBAAAhB,GAAAc,EAAAG,wBACAC,KAAA,eAEF,OAAAC,MAAAC,EAAAA,SAAAC,OAAAC,OAAA,CAAArB,GAAAA,EAAAe,UAAAA,EAAAO,MAAAZ,EAAAa,OAAAtB,GAAA,CAAAuB,SAAAN,EAAAO,IAAAC,WAAA,CAAAJ,MAAAjB,QAWFsB,EAAA,EAAAnB,MAAAA,EAAA,EAAAoB,IAAAA,EAAA,IAAA5B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,kBAMA,OAJAG,EAAA,iBAAA,MAAAP,EAAA,SAAAqB,EACAd,EAAA,iBAAA,MAAAP,EAAAoB,GAAAA,SAAAC,EACAd,EAAA,iBAAA,MAAAP,EAAAA,GAAAA,SAAAqB,EACAd,EAAA,KAAA,cACAG,MAAAC,EAAAA,SAAAC,OAAAC,OAAA,CAAAN,UAAAA,EAAAf,GAAAA,EAAAuB,OAAAtB,EAAAqB,MAAAZ,GAAA,CAAAc,SAAAN,EAAAO,IAAAC,WAAA,CAAAJ,MAAAf,EAAAC,MAAAe,OAAAO,QAOFvB,EAAA,MAAA,eAAA,uBAAA,sBAAA,aAAA,uCAxDA,SAAAwB,sDACE,MAAA,kBAAAvB,EAAAU,EAAAO,IAAA3B,EAAAsB,OAAAC,OAAA,GAAAW,IAAAd,EAAAA,IAAAS,EAAAP,OAAAC,OAAA,CAAAb,MAAAA,EAAAoB,IAAAA,GAAAI"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={baseClasses} length={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={baseClasses}>\n      <BarValue class={styles.value} length={percentage} />\n    </BarTrack>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","BarTrack","Object","assign","class","length","children","jsx","BarValue","DeterminateProgressBar","max","undefined","percentage","_a","otherProps"],"mappings":"iVAoEA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACAC,EAAA,CACE,iBAAAhB,GAAAc,EAAAG,wBACAC,KAAA,eAEF,OAAAC,MAAAC,EAAAA,SAAAC,OAAAC,OAAA,CAAArB,GAAAA,EAAAe,UAAAA,EAAAO,MAAAZ,EAAAa,OAAAtB,GAAA,CAAAuB,SAAAN,EAAAO,IAAAC,WAAA,CAAAJ,MAAAjB,QAWFsB,EAAA,EAAAnB,MAAAA,EAAA,EAAAoB,IAAAA,EAAA,IAAA5B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,kBAMA,OAJAG,EAAA,iBAAA,MAAAP,EAAA,SAAAqB,EACAd,EAAA,iBAAA,MAAAP,EAAA,GAAAoB,SAAAC,EACAd,EAAA,iBAAA,MAAAP,EAAA,GAAAA,SAAAqB,EACAd,EAAA,KAAA,cACAG,MAAAC,EAAAA,SAAAC,OAAAC,OAAA,CAAAN,UAAAA,EAAAf,GAAAA,EAAAuB,OAAAtB,EAAAqB,MAAAZ,GAAA,CAAAc,SAAAN,EAAAO,IAAAC,WAAA,CAAAJ,MAAAf,EAAAC,MAAAe,OAAAO,QAOFvB,EAAA,MAAA,iBAAA,uBAAA,qBAAA,aAAA,yCAxDA,SAAAwB,sDACE,MAAA,kBAAAvB,EAAAU,EAAAO,IAAA3B,EAAAsB,OAAAC,OAAA,GAAAW,IAAAd,EAAAA,IAAAS,EAAAP,OAAAC,OAAA,CAAAb,MAAAA,EAAAoB,IAAAA,GAAAI"}

package/amd/UNSAFE_ProgressCircle.css

@@ -1,6 +1,6 @@
-._107sdjs{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-.pcny44{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.pt6uhi{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._5k1lj8{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-._1z038ml{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
-._1p3zvyd{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}
+._8ckqk3{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._1mz6ydr{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._1xu1e07{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._1uzvre5{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+.tpnbz9{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);}
+.zt5p0x{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);}

package/amd/UNSAFE_ProgressCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-160e0dcc","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-19b96444","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,s,r,n,t,i,l,c,o,u,m,d,p){"use strict";const j=({accessibleLabel:e,id:a,size:r="md"})=>{const n=c.classNames([x.base,`oj-c-progress-circle-${r}`,x.indeterminateOuter]),i=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||i.progressIndeterminate(),role:"progressbar"};return s.jsx(t.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:s.jsx(t.CircleInner,{class:x.indeterminateInner})}))},v=({value:e=0,max:a=100,id:r,size:n="md"})=>{const l=Math.min(Math.max(0,e/a),1),o=c.classNames([x.base,`oj-c-progress-circle-${n}`]),u=i.getClipPath(90,360*l,!1,"full"),m={};return m["aria-valuemin"]=null!=e?"0":void 0,m["aria-valuemax"]=null!=e?`${a}`:void 0,m["aria-valuenow"]=null!=e?`${e}`:void 0,m.role="progressbar",s.jsxs(t.CircleWrapper,Object.assign({id:r,ariaProps:m,class:o},{children:[s.jsx(t.CircleInner,{class:c.classNames([x.determinateInner,x.track])}),s.jsx(t.CircleInner,{class:c.classNames([x.determinateInner,x.value]),clipPath:u})]}))},x={base:"_107sdjs",indeterminateOuter:"pcny44",indeterminateInner:"pt6uhi",determinateInner:"_5k1lj8",track:"_1z038ml",value:"_1p3zvyd"};e.ProgressCircle=function(e){var{value:r,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===r?s.jsx(j,Object.assign({},t)):s.jsx(v,Object.assign({value:r,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-429bf434","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,r,s,n,t,i,l,c,o,u,m,d,p){"use strict";const x=({accessibleLabel:e,id:a,size:s="md"})=>{const n=c.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||i.progressIndeterminate(),role:"progressbar"};return r.jsx(t.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:r.jsx(t.CircleInner,{class:j.indeterminateInner})}))},v=({value:e=0,max:a=100,id:s,size:n="md"})=>{const l=Math.min(Math.max(0,e/a),1),o=c.classNames([j.base,`oj-c-progress-circle-${n}`]),u=i.getClipPath(90,360*l,!1,"full"),m={};return m["aria-valuemin"]=null!=e?"0":void 0,m["aria-valuemax"]=null!=e?`${a}`:void 0,m["aria-valuenow"]=null!=e?`${e}`:void 0,m.role="progressbar",r.jsxs(t.CircleWrapper,Object.assign({id:s,ariaProps:m,class:o},{children:[r.jsx(t.CircleInner,{class:c.classNames([j.determinateInner,j.track])}),r.jsx(t.CircleInner,{class:c.classNames([j.determinateInner,j.value]),clipPath:u})]}))},j={base:"_8ckqk3",indeterminateOuter:"_1mz6ydr",indeterminateInner:"_1xu1e07",determinateInner:"_1uzvre5",track:"tpnbz9",value:"zt5p0x"};e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(x,Object.assign({},t)):r.jsx(v,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map

package/amd/UNSAFE_ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = getClipPath(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["IndeterminateProgressCircle","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","DeterminateProgressCircle","value","max","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined","_a","_jsx","jsx","Object","assign","otherProps"],"mappings":"qVA4DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,KAAAA,EAAA,+BAEIC,EAAAC,KACA,wBAAAF,IACAC,EAAAE,qBAEFC,EAAAC,uBAAA,4BACAC,EAAA,CACE,iBAAAR,GAAAM,EAAAG,wBACAC,KAAA,qJAaJC,EAAA,EAAAC,MAAAA,EAAA,EAAAC,IAAAA,EAAA,IAAAZ,GAAAA,EAAAC,KAAAA,EAAA,SACE,MAAAY,EAAAC,KAAAC,IAAAD,KAAAF,IAAA,EAAAD,EAAAC,GAAA,GACAI,EAAAC,aAAA,CAAAf,EAAAC,KAAA,wBAAAF,MACAiB,EAAAC,EAAAA,YAAA,GAAA,IAAAN,GAAA,EAAA,oBAGAN,EAAA,iBAAA,MAAAI,EAAA,SAAAS,EACAb,EAAA,iBAAA,MAAAI,EAAAC,GAAAA,SAAAQ,EACAb,EAAA,iBAAA,MAAAI,EAAAA,GAAAA,SAAAS,EACAb,EAAA,KAAA,yPAYFL,EAAA,MAAA,8BAAA,4BAAA,0BAAA,gBAAA,8CArDA,SAAAmB,sDACE,MAAA,kBAAAV,EAAAW,EAAAC,IAAAzB,EAAA0B,OAAAC,OAAA,GAAAC,IAAAJ,EAAAA,IAAAZ,EAAAc,OAAAC,OAAA,CAAAd,MAAAA,EAAAC,IAAAA,GAAAc"}
+{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = getClipPath(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["IndeterminateProgressCircle","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","DeterminateProgressCircle","value","max","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined","_a","_jsx","jsx","Object","assign","otherProps"],"mappings":"qVA4DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,KAAAA,EAAA,+BAEIC,EAAAC,KACA,wBAAAF,IACAC,EAAAE,qBAEFC,EAAAC,uBAAA,4BACAC,EAAA,CACE,iBAAAR,GAAAM,EAAAG,wBACAC,KAAA,qJAaJC,EAAA,EAAAC,MAAAA,EAAA,EAAAC,IAAAA,EAAA,IAAAZ,GAAAA,EAAAC,KAAAA,EAAA,SACE,MAAAY,EAAAC,KAAAC,IAAAD,KAAAF,IAAA,EAAAD,EAAAC,GAAA,GACAI,EAAAC,aAAA,CAAAf,EAAAC,KAAA,wBAAAF,MACAiB,EAAAC,EAAAA,YAAA,GAAA,IAAAN,GAAA,EAAA,oBAGAN,EAAA,iBAAA,MAAAI,EAAA,SAAAS,EACAb,EAAA,iBAAA,MAAAI,EAAA,GAAAC,SAAAQ,EACAb,EAAA,iBAAA,MAAAI,EAAA,GAAAA,SAAAS,EACAb,EAAA,KAAA,yPAYFL,EAAA,MAAA,6BAAA,8BAAA,4BAAA,iBAAA,0CArDA,SAAAmB,sDACE,MAAA,kBAAAV,EAAAW,EAAAC,IAAAzB,EAAA0B,OAAAC,OAAA,GAAAC,IAAAJ,EAAAA,IAAAZ,EAAAc,OAAAC,OAAA,CAAAd,MAAAA,EAAAC,IAAAA,GAAAc"}