@oracle/oraclejet-preact 14.0.2 → 14.0.3

package/amd/UNSAFE_ListView.js

@@ -1,2 +1,2 @@
-define(["exports","./ListView-a4690952","preact/jsx-runtime","./PRIVATE_List","./List-468ffcb6","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-e580c7c7","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-b395a4ad","./PRIVATE_Collection","./Collection-805cf4b4","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-83b0641b","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-4796ed88","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-9eeaf6ed","./_curry2-466cc994","./_curry3-167fa665","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-3ccbc4fc","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-aa07e02d","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-bfc6c229","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./UNSAFE_Selector","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,n,u,c,_,A,r,E,F,U,S,N,b,d,k,h,T,f,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ne,ue,ce,_e,Ae,re,Ee,Fe,Ue,Se,Ne,be){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ListView-8c276f2f","preact/jsx-runtime","./PRIVATE_List","./List-5c591342","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-19b96444","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-263ba60c","./PRIVATE_Collection","./Collection-764dad44","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-7e3669c3","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-8787f5c7","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-d6c8f4c8","./_curry2-93393649","./_curry3-cf0bce65","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-1d1721ed","./tslib.es6-160e0dcc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-5cd48c18","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-3c3b5df1","./utils/UNSAFE_interpolations/boxalignment","./keys-a3f663bb","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./UNSAFE_Selector","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-37919fbc","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,n,c,u,_,a,A,r,E,F,U,S,N,d,b,k,f,h,T,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ne,ce,ue,_e,ae,Ae,re,Ee,Fe,Ue,Se,Ne,de){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/amd/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-.oanrbl{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+.g022s{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/amd/UNSAFE_LiveRegion.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_LiveRegion.css","preact/hooks"],function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback(()=>n(e),[e]),c=a.useCallback(()=>setTimeout(s,t),[s,t]);return a.useEffect(()=>{const e=c();return()=>clearTimeout(e)},[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"oanrbl"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","css!./UNSAFE_LiveRegion.css","preact/hooks"],function(e,t,i,s){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:a=100,type:n="polite"}){const c=function(e,t){const[i,a]=s.useState(),n=s.useCallback(()=>a(e),[e]),c=s.useCallback(()=>setTimeout(n,t),[n,t]);return s.useEffect(()=>{const e=c();return()=>clearTimeout(e)},[c]),i}(i,a);return t.jsx("span",Object.assign({"aria-live":n,"aria-atomic":e,class:"g022s"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LiveRegion.js.map

package/amd/UNSAFE_LiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["atomic","children","timeout","type","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText","_jsx","Object","assign","class","ariaLiveText"],"mappings":"6GA8CA,UAAAA,OAAAA,EAAA,QAAAC,SAAAA,EAAA,GAAAC,QAAAA,EAAA,IAAAC,KAAAA,EAAA,mBAiBA,SAAAC,EAAAF,2BAEEG,EAAAC,EAAAA,YAAA,IAAAC,EAAAH,GAAA,CAAAA,+CASA,wBALE,MAAAI,EAAAC,IAEA,MAAA,IAAAC,aAAAF,IACF,CAAAC,IAEAE,QAzBA,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAA,YAAAX,EAAA,cAAAH,EAAAe,MA9CF,UA8CE,CAAAd,SAAAe"}
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["atomic","children","timeout","type","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText","_jsx","Object","assign","class","ariaLiveText"],"mappings":"6GA8CA,UAAAA,OAAAA,EAAA,QAAAC,SAAAA,EAAA,GAAAC,QAAAA,EAAA,IAAAC,KAAAA,EAAA,mBAiBA,SAAAC,EAAAF,2BAEEG,EAAAC,EAAAA,YAAA,IAAAC,EAAAH,GAAA,CAAAA,+CASA,wBALE,MAAAI,EAAAC,IAEA,MAAA,IAAAC,aAAAF,IACF,CAAAC,IAEAE,QAzBA,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAA,YAAAX,EAAA,cAAAH,EAAAe,MA9CF,SA8CE,CAAAd,SAAAe"}

package/amd/UNSAFE_LoadMoreCollection.js

@@ -1,2 +1,2 @@
-define(["exports","./LoadMoreCollection-b395a4ad","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-805cf4b4","preact","./hooks/UNSAFE_useViewportIntersect"],function(e,o,t,c,r,l,i,n){"use strict";e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./LoadMoreCollection-263ba60c","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-764dad44","preact","./hooks/UNSAFE_useViewportIntersect"],function(e,o,t,c,r,l,i,n){"use strict";e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LoadMoreCollection.js.map

package/amd/UNSAFE_Menu.css

@@ -1,19 +1,19 @@
-.izd77u{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
-._1csjoek{outline-style:none;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._1ptbcrz{max-width:90vw;width:max-content;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-content);}
+.g8el6v{outline-style:none;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
 
-.wkwmx4{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
-._16r7hiu{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.muumce{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.muumce:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-._3h8oyk:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-@media(hover:hover){._171u4xw:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
-._1d2zt3x{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}._1d2zt3x:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-._1xor16q{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
-@media(hover:hover){._1ecfhto:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
-._1lvtfxp{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
-._1gmga84{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-._1x7dqxs{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
-._1fyzdex{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
-._1jip6o3{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
-._83un7f{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._1w7apq5{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
 
-._1d2mzs2{padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-menu-divider-vertical-padding);}
+._1lmxr7u{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable) !important;width:100%;padding-top:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-bottom:var(--oj-PRIVATE-DO-NOT-USE-collection-list-cell-padding-vertical);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-edge-to-start-icon-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-end-icon-to-end-edge-padding);box-sizing:border-box;min-height:var( --oj-c-PRIVATE-NOT-USE-collection-list-row-height);display:flex;text-align:start;align-items:center;text-decoration-line:none !important;outline-style:none;}
+._1udnr1k{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.isszmd{color:var(--oj-c-PRIVATE-DO-NOT-USE-menu-text-color);}.isszmd:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+.ex4nn0:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+@media(hover:hover){._8fhb7:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}}
+.t4b6kw{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger-low);}.t4b6kw:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+._17uoa7v{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}
+@media(hover:hover){._1u4h9eb:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-danger-hover);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-danger);}}
+.ruoyz7{display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;}
+._12fyeu3{flex-grow:1;min-height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+.jv2ilo{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-menu-icon-size);}
+.rrl6ld{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-menu-start-icon-to-label-padding);}
+.mn8ugk{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-menu-label-to-end-icon-padding);}
+.bjgkkq{cursor:default !important;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}

package/amd/UNSAFE_Menu.js

@@ -1,2 +1,2 @@
-define(["exports","./Menu-5a5220fc","./MenuItem-884f0dd4","./MenuDivider-a325668f","preact/jsx-runtime","preact/hooks","./UNSAFE_Floating","./Floating-863a4a52","preact/compat","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps","css!./UNSAFE_Menu.css","./UNSAFE_Text","./Text-0f26039f","./tslib.es6-fa3971d7","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry1-9eeaf6ed","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useId","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./UNSAFE_Divider","./Divider-9262e69a"],function(e,s,i,t,o,r,u,a,n,l,c,_,E,A,U,F,d,N,S,f,m,M,h,k,p,I,g,v,P,T,y,x,D,R,V,b,H,j,C){"use strict";e.Menu=s.Menu,e.MenuItem=i.MenuItem,e.MenuDivider=t.MenuDivider,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Menu-20495dda","./MenuItem-744d7b06","./MenuDivider-7f8a238e","preact/jsx-runtime","preact/hooks","./UNSAFE_Floating","./Floating-810ba93b","preact/compat","./index-8df256a2","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/PRIVATE_useCollectionFocusRing","./utils/UNSAFE_mergeProps","css!./UNSAFE_Menu.css","./UNSAFE_Text","./Text-533ecfd0","./tslib.es6-160e0dcc","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-19b96444","./_curry1-d6c8f4c8","./_curry3-cf0bce65","./_curry2-93393649","./_has-5cd48c18","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useId","./hooks/UNSAFE_usePress","./utils/PRIVATE_clientHints","./clientHints-54772777","./UNSAFE_Divider","./Divider-9f59cd1d"],function(e,s,i,t,o,r,u,n,c,l,_,a,d,E,A,U,F,N,S,f,m,M,h,k,p,I,g,v,b,P,T,y,x,D,R,V,H,j,C){"use strict";e.Menu=s.Menu,e.MenuItem=i.MenuItem,e.MenuDivider=t.MenuDivider,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Menu.js.map

package/amd/UNSAFE_MessageBanner.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/hooks","./hooks/PRIVATE_useMessagesFocusManager","./PRIVATE_Message","./UNSAFE_Flex","./UNSAFE_LiveRegion","./Flex-bfc6c229","./MessagesManager-615b69fb","./MessageUtils-8216ac4e",'module',"./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./classNames-e580c7c7","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./tslib.es6-fa3971d7","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,n,o,i,a,l,r,u,c,g,d,h,_,F,A,E,U,f,S,m,N,x,v,b,p,k,M,R,y,T,I,j,H,B,P,C,w,O,V,L,z,$,D,G,K,W,q,J,Q,X,Y,Z,ee,se,te,ne,oe,ie,ae,le,re,ue,ce,ge,de,he,_e,Fe,Ae,Ee,Ue,fe,Se,me,Ne){"use strict";const xe={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}}),{to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},ve={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:i,data:c,onClose:g,renderers:d,translations:h,type:_="section"}){const F=t.useRef(new Map),A=t.useRef(null),E=t.useRef(null),[U,f]=t.useState(),[S,m]=t.useState(c.length>0),N=t.useRef(c.length),x=t.useRef(0);N.current=c.length;const v=t.useCallback(e=>s=>F.current.set(e,s),[]);t.useImperativeHandle(E,()=>({focus:()=>{var e;if(c.length){const s=c[0].key;return null===(e=F.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,t;return!(!c.length||!e)&&(null!==(t=null===(s=A.current)||void 0===s?void 0:s.contains(e))&&void 0!==t&&t)}}),[c]);const{controller:b,handlers:p}=n.useMessageFocusManager(E,{onFocus:t.useCallback(()=>{f(null==h?void 0:h.navigationFromMessagesRegion)},[f,h])}),k=t.useCallback(e=>{null==g||g(e)},[g]),M=t.useCallback((e,s,t)=>{var n;const o=null==t?void 0:t.contains(document.activeElement);if(0===N.current)return m(!1),void(o&&b.restorePriorFocus());const i=s+1<c.length?s+1:s-1;if(i>-1&&o){const e=c[i].key;null===(n=F.current.get(e))||void 0===n||n.focus()}},[b,c]);return t.useEffect(()=>{c.length?(m(!0),c.length>x.current&&f(null==h?void 0:h.navigationToMessagesRegion),b.prioritize()):f(""),x.current=c.length},[b,c,h]),S||0!==c.length?s.jsx("div",Object.assign({ref:A,class:"oj-c-messagebanner",tabIndex:-1},p,{children:s.jsxs(l.Flex,Object.assign({direction:"column",gap:"section"===_?"1x":void 0},{children:[s.jsx(r.MessagesManager,Object.assign({animationStates:xe,initialAnimationStyles:ve,data:c,onMessageWillRemove:M},{children:({index:t,item:n})=>s.jsx(o.Message,{messageRef:v(n.key),item:n,closeButtonRenderer:e,detailRenderer:u.getRenderer(n,i,d),index:t,variant:"page"===_?"pageBanner":"sectionBanner",onClose:k,translations:h},n.key)})),s.jsx(a.LiveRegion,{children:U})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact/hooks","./hooks/PRIVATE_useMessagesFocusManager","./PRIVATE_Message","./UNSAFE_Flex","./UNSAFE_LiveRegion","./Flex-3c3b5df1","./MessagesManager-7cae13c7","./MessageUtils-31e28fdc",'module',"./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./classNames-19b96444","./MessageCloseButton-9591aa5c","./UNSAFE_Button","./Button-bab4ad2f","./UNSAFE_BaseButton","./BaseButton-fc90b7e6","./tslib.es6-160e0dcc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-d6c8f4c8","./utils/UNSAFE_mergeInterpolations","./_curry3-cf0bce65","./_curry2-93393649","./_has-5cd48c18","./utils/PRIVATE_clientHints","./clientHints-54772777","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./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","./utils/UNSAFE_interpolations/boxalignment","./keys-a3f663bb","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,n,o,i,a,l,r,c,u,g,d,f,h,_,F,A,E,U,b,S,m,N,x,v,p,k,M,R,y,T,I,j,H,B,P,C,w,O,V,L,z,$,D,G,K,W,q,J,Q,X,Y,Z,ee,se,te,ne,oe,ie,ae,le,re,ce,ue,ge,de,fe,he,_e,Fe,Ae,Ee,Ue,be,Se,me){"use strict";const Ne={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>Object.assign(Object.assign({},"none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}}),{to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},xe={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:i,data:u,onClose:g,renderers:d,translations:f,type:h="section"}){const _=t.useRef(new Map),F=t.useRef(null),A=t.useRef(null),[E,U]=t.useState(),[b,S]=t.useState(u.length>0),m=t.useRef(u.length),N=t.useRef(0);m.current=u.length;const x=t.useCallback(e=>s=>_.current.set(e,s),[]);t.useImperativeHandle(A,()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=_.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,t;return!(!u.length||!e)&&(null!==(t=null===(s=F.current)||void 0===s?void 0:s.contains(e))&&void 0!==t&&t)}}),[u]);const{controller:v,handlers:p}=n.useMessageFocusManager(A,{onFocus:t.useCallback(()=>{U(null==f?void 0:f.navigationFromMessagesRegion)},[U,f])}),k=t.useCallback(e=>{null==g||g(e)},[g]),M=t.useCallback((e,s,t)=>{var n;const o=null==t?void 0:t.contains(document.activeElement);if(0===m.current)return S(!1),void(o&&v.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&o){const e=u[i].key;null===(n=_.current.get(e))||void 0===n||n.focus()}},[v,u]);return t.useEffect(()=>{u.length?(S(!0),u.length>N.current&&U(null==f?void 0:f.navigationToMessagesRegion),v.prioritize()):U(""),N.current=u.length},[v,u,f]),b||0!==u.length?s.jsx("div",Object.assign({ref:F,class:"oj-c-messagebanner",tabIndex:-1},p,{children:s.jsxs(l.Flex,Object.assign({direction:"column",gap:"section"===h?"1x":void 0},{children:[s.jsx(r.MessagesManager,Object.assign({animationStates:Ne,initialAnimationStyles:xe,data:u,onMessageWillRemove:M},{children:({index:t,item:n})=>s.jsx(o.Message,{messageRef:x(n.key),item:n,closeButtonRenderer:e,detailRenderer:c.getRenderer(n,i,d),index:t,variant:"page"===h?"pageBanner":"sectionBanner",onClose:k,translations:f},n.key)})),s.jsx(a.LiveRegion,{children:E})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MessageBanner.js.map

package/amd/UNSAFE_MessageToast.css

@@ -1 +1 @@
-.pik71i{height:fit-content;width:fit-content;}
+._1aq8e6k{height:fit-content;width:fit-content;}

package/amd/UNSAFE_MessageToast.js

@@ -1,2 +1,2 @@
-define(["exports","./MessageToast-c1228272","preact/jsx-runtime","css!./UNSAFE_MessageToast.css","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useBreakpoints","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_Flex","./Flex-bfc6c229","./tslib.es6-fa3971d7","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-9eeaf6ed","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e580c7c7","./_curry3-167fa665","./_curry2-466cc994","./_has-aa07e02d","./utils/UNSAFE_interpolations/boxalignment","./keys-992a0824","./utils/UNSAFE_interpolations/flexbox","./flexbox-37da5c1b","./utils/UNSAFE_interpolations/flexitem","./flexitem-f592cd81","./utils/PRIVATE_timer","./MessageCloseButton-8366a158","./UNSAFE_Button","./Button-26513e96","./UNSAFE_BaseButton","./BaseButton-a31275cc","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-914fecb1","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-03ab344e","./index-4d399da7","./UNSAFE_Icon","./Icon-66acac47","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-215b2be2","./hooks/UNSAFE_useTheme","./MessageDetail-d500a9a3","./MessageFormattingUtils-bdfaac26","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-e3a47803","./Message.types-eb760bd7","./MessageStartIcon-20e17ea1","./MessageSummary-c91f9b00","./MessageTimestamp-de77475d","./MessageUtils-8216ac4e","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-615b69fb","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./PRIVATE_MessageLayer","./MessageLayer-21a1fac3","./UNSAFE_WindowOverlay","./UNSAFE_FocusTrap","./FocusTrap-4796ed88","./utils/PRIVATE_tabbableUtils","./UNSAFE_LiveRegion"],function(e,s,a,o,t,i,l,n,u,_,A,r,E,U,F,c,N,S,g,d,b,k,h,T,p,M,m,f,x,I,y,P,B,R,V,v,L,C,H,O,j,w,z,D,G,W,q,J,K,Q,X,Y,Z,$,ee,se,ae,oe,te,ie,le,ne,ue,_e,Ae,re,Ee,Ue,Fe,ce,Ne,Se,ge,de,be,ke,he,Te,pe,Me,me,fe,xe,Ie,ye,Pe,Be){"use strict";e.MessageToast=s.MessageToast,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./MessageToast-7f97eed3","preact/jsx-runtime","css!./UNSAFE_MessageToast.css","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/PRIVATE_useMessagesFocusManager","./hooks/UNSAFE_useBreakpointValues","./hooks/UNSAFE_useBreakpoints","./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_Flex","./Flex-3c3b5df1","./tslib.es6-160e0dcc","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-d6c8f4c8","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-19b96444","./_curry3-cf0bce65","./_curry2-93393649","./_has-5cd48c18","./utils/UNSAFE_interpolations/boxalignment","./keys-a3f663bb","./utils/UNSAFE_interpolations/flexbox","./flexbox-ec205eaf","./utils/UNSAFE_interpolations/flexitem","./flexitem-a85b8edd","./utils/PRIVATE_timer","./MessageCloseButton-9591aa5c","./UNSAFE_Button","./Button-bab4ad2f","./UNSAFE_BaseButton","./BaseButton-fc90b7e6","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-54772777","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./index-c1d2bf5b","./index-98cf3d9d","./UNSAFE_Icon","./Icon-caf41588","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-810ba93b","./index-8df256a2","./hooks/UNSAFE_useUser","./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","./PRIVATE_MessageLayer","./MessageLayer-e93cfd39","./UNSAFE_WindowOverlay","./UNSAFE_FocusTrap","./FocusTrap-8787f5c7","./utils/PRIVATE_tabbableUtils","./UNSAFE_LiveRegion"],function(s,e,o,t,a,i,l,n,u,_,c,A,r,E,U,F,N,S,g,b,d,f,k,h,T,p,M,m,x,I,y,P,B,R,V,v,L,C,H,O,j,w,z,D,G,W,q,J,K,Q,X,Y,Z,$,ss,es,os,ts,as,is,ls,ns,us,_s,cs,As,rs,Es,Us,Fs,Ns,Ss,gs,bs,ds,fs,ks,hs,Ts,ps,Ms,ms,xs,Is,ys,Ps,Bs){"use strict";s.MessageToast=e.MessageToast,Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_MessageToast.js.map

package/amd/UNSAFE_MeterBar.css

@@ -1,45 +1,45 @@
-._1upftmm{display:inline-flex;pointer-events:none;}._1upftmm:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._1usfktb{width:100%;}
-.znevzx{height:100%;}
-._1bkxkub{cursor:pointer;touch-action:none;}
-.at82xr{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
-.brb4b8{bottom:0%;left:50%;transform:translate(-50%,0);}
-._1879t3q{top:50%;transform:translate(0,-50%);}
-.l0c3no{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
-._3q4b4e{flex-direction:column-reverse;}
-._11k6zc0{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
-._16iesuq{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
-._1p6kudd{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
-.crh78z{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
-._6hpoat{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
-.jy77g7{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
-._1qbv48d{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1ao2liz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.k43tjz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._16q9ipy{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1t62ysm{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.xpaiip{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1vuk6bz{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-.xlemlc{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.ml45zo{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-._1p6qolg{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
-._1m5qucz{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
-.cematn{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
-.ixpm7e{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._1nfamzu{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
-.bmj1w1{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
-._11l3s4l{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
+._1f3jxf8{display:inline-flex;pointer-events:none;}._1f3jxf8:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._1h2etuf{width:100%;}
+._1gwp5dz{height:100%;}
+._8byec6{cursor:pointer;touch-action:none;}
+._19dumt8{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);position:absolute;pointer-events:none;}
+._1uqmaxf{bottom:0%;left:50%;transform:translate(-50%,0);}
+._97gou6{top:50%;transform:translate(0,-50%);}
+._1tudf4m{position:relative;display:flex;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-track-bg-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);pointer-events:auto;}
+.qnbr76{flex-direction:column-reverse;}
+._1ocrkls{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);}
+._16m6t7z{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size);height:100%;}
+.ausfve{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);}
+._27gfv9{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size);height:100%;}
+.to4fxv{width:100%;height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);}
+._1cpgynm{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size);height:100%;}
+.zs4cn1{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)- var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1yooxbl{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1x539y1{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1s10pz3{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._1ei1mfo{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1pkjxgm{margin-inline-start:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._1k922x{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+._12xw37g{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._1c4hh4p{margin-inline-end:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+._8b06mz{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-sm-size));}
+.mr9p7a{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-md-size));}
+._16vm55f{margin-bottom:calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x) - var(--oj-c-PRIVATE-DO-NOT-USE-meter-bar-lg-size));}
+.bj90gx{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+._1l348og{border-radius:0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0;border-width:0;}
+.un27aj{border-radius:0 0 var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm);}
+.kh731l{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-sm) 0 0;border-width:0;}
 
-._16owj0o{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
-._3yoksh{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
-.jm7whs{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
-.ceok4{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
-.jsjcyc{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._154vvu9{bottom:0%;}
-.h42yvm{right:0%;}
-._1g0wqzm{left:0%;}
+._52x9pl{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
+.awnzg{border-width:1px 0 0 0;}
+._1hwl2zi{border-width:0 0 0 1px;}
+._1jij9xf{border-width:0 1px 0 0;}
 
-._1rv7dz3{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;box-sizing:border-box;pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);background-clip:padding-box;}
-._3lp0sg{border-width:1px 0 0 0;}
-.t0q3p{border-width:0 0 0 1px;}
-.ay4eb7{border-width:0 1px 0 0;}
+.q2z2si{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-reference-object-line-color);background-clip:padding-box;position:absolute;pointer-events:none;}
+.z7oizc{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 0 1px 0;}
+.nggsor{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-dvt-contrast-line-color);border-style:solid;border-width:0 1px 0 0;}
+._1x7767i{width:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);height:2px;translate:0 1px;}
+.n7ba2p{translate:-1px 0;width:2px;height:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._1tcvli8{bottom:0%;}
+.litroy{right:0%;}
+.vd5zea{left:0%;}

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-fa3971d7","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-e580c7c7","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./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-215b2be2"],function(t,r,e,o,a,i,n,s,l,c,u,d,h,m,g,p,_,b,v,f,y,S,A,k,z,T,x,E,M,U,F,j,N){"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 i="horizontal"===t,{direction:n}=l.useUser(),s="rtl"===n,c="start"===a;return e.jsx("div",{class:h.classNames([B.base,B[`${t}Border`],B[`${t}`],c?i?B.horiontalStart:B["verticalStart"+(s?"Rtl":"Ltr")]:""]),style:{left:i&&!s?r:void 0,right:i&&s?r:void 0,bottom:i?void 0:r,backgroundColor:o}})}const B={base:"_16owj0o",verticalBorder:"_3yoksh",horizontalBorder:"jm7whs",vertical:"ceok4",horizontal:"jsjcyc",horiontalStart:"_154vvu9",verticalStartLtr:"h42yvm",verticalStartRtl:"_1g0wqzm"};function L(t){var{color:o,length:a,orientation:i}=t,n=r.__rest(t,["color","length","orientation"]);const{direction:s}=l.useUser(),c="horizontal"===i,u="rtl"===s;return e.jsx("div",{class:h.classNames([w.base,c?w["horizontalBarTrackSection"+(u?"Rtl":"Ltr")]:w.verticalBarTrackSection,n.class]),style:{width:c?a:"100%",height:c?"100%":a,backgroundColor:o}})}const w={base:"_1rv7dz3",verticalBarTrackSection:"_3lp0sg",horizontalBarTrackSectionRtl:"t0q3p",horizontalBarTrackSectionLtr:"ay4eb7"};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:"_1upftmm",horizontal:"_1usfktb",vertical:"znevzx",interactive:"_1bkxkub"},P={base:"at82xr",vertical:"brb4b8",horizontal:"_1879t3q"},V={base:"l0c3no",vertical:"_3q4b4e",smHorizontal:"_11k6zc0",smVertical:"_16iesuq",mdHorizontal:"_1p6kudd",mdVertical:"crh78z",lgHorizontal:"_6hpoat",lgVertical:"jy77g7",smMarginTop:"_1qbv48d",mdMarginTop:"_1ao2liz",lgMarginTop:"k43tjz",smMarginStart:"_16q9ipy",mdMarginStart:"_1t62ysm",lgMarginStart:"xpaiip",smMarginEnd:"_1vuk6bz",mdMarginEnd:"xlemlc",lgMarginEnd:"ml45zo",smMarginBottom:"_1p6qolg",mdMarginBottom:"_1m5qucz",lgMarginBottom:"cematn"},q={horizontalFirst:"ixpm7e",horizontalLast:"_1nfamzu",verticalFirst:"bmj1w1",verticalLast:"_11l3s4l"};t.MeterBar=function(t){var a,i,{max:g=100,min:p=0,value:_=0,step:b=1,length:v="100%",size:f="lg",orientation:y="horizontal",isTrackRendered:S=!0,thresholdDisplay:A="all",indicatorSize:k=1}=t,z=r.__rest(t,["max","min","value","step","length","size","orientation","isTrackRendered","thresholdDisplay","indicatorSize"]);u.validateRange(p,g,_,b);const T="horizontal"===y,x=s.useRef(null),E=s.useRef(C(null)),{direction:M}=l.useUser(),U="rtl"===M;s.useEffect(()=>{(z.onCommit||z.onInput)&&(E.current=C(x.current))},[f,v,y,z.onCommit,z.onInput]);const F=c.usePointerEvents(_,t=>{if(t.target==x.current)return function(t,r,e,o,a,i,n){const s=r.current;if(!s||0===s.width)return;let l;if("horizontal"===i){const r=t.offsetX;l=e+(o-e)*(n?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,p,g,b,y,U)},x,z.onCommit,z.onInput),j=c.useKeyboardEvents(_,p,g,b,z.onCommit,z.onInput),{datatipContent:N,datatipProps:B}=c.useMeterDatatip(_,z.datatip,z.ariaDescribedBy),w=u.getMeterAriaProps(_,p,g,`${_}`,z.accessibleLabel,z.ariaLabelledBy,z.thresholds),H=n.mergeProps(F,j,B,w),O=Math.max(0,Math.min(1,k)),D=100*(_-p)/(g-p)+"%",W=100*O+"%",{trackColor:K,indicatorColor:X}=u.getTrackAndIndicatorColor(_,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"},H,{style:{width:T?o.sizeToCSS(v):void 0,height:T?void 0:o.sizeToCSS(v)},class:h.classNames([$.base,$[y]])},{children:e.jsxs(d.BarTrack,Object.assign({ref:x,orientation:y,color:!S||"all"===A&&z.thresholds?"transparent":K,class:h.classNames([V.base,G?$.interactive:"",T?"":V.vertical,T?V[`${f}Horizontal`]:V[`${f}Vertical`]].concat(_toConsumableArray(R(Y,f,T))))},{children:["all"===A&&(null===(a=z.thresholds)||void 0===a?void 0:a.filter(t=>t.max>p&&t.max<=g).sort((t,r)=>t.max-r.max).map((t,r,o)=>{const a=0===r?t.max-p:t.max-o[r-1].max;return e.jsxs(e.Fragment,{children:[e.jsx(L,{class:0===r?q[`${y}First`]:"",orientation:y,length:100*a/(g-p)+"%",color:t.color}),S&&r===o.length-1&&t.max<g?e.jsx(L,{class:q[`${y}Last`],color:K,orientation:y,length:100*(g-o[r].max)/(g-p)+"%"}):""]})})),e.jsx(d.BarValue,{length:D,size:W,orientation:y,class:h.classNames([P.base,P[y]]),color:X}),null===(i=z.referenceLines)||void 0===i?void 0:i.map(t=>e.jsx(I,{color:t.color,orientation:y,percentage:100*(t.value-p)/(g-p)+"%",position:t.position}))]}))})),N]})},Object.defineProperty(t,"__esModule",{value:!0})});
+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})});
 //# 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 @@
-._1av6h03{display:inline-block;pointer-events:none;}
-.wdlcnk{touch-action:none;}.wdlcnk:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.n5fhgh{border-radius:50%;}
-._1drw42u{border-radius:50% 50% 0 0 / 100% 100% 0 0;border-bottom:0;}
-._1q5gef6{border-radius:0% 0% 50% 50% / 0% 0% 100% 100%;border-top:0;}
-._16zsrqq{border-radius:0 100% 100% 0 / 0% 50% 50% 0%;border-left:0;}
-._1y06ick{border-radius:100% 0 0 100% / 50% 0 0 50%;border-right:0;}
-._9en2dl{margin:1rem 1rem 0 1rem;}
-._15ah9g9{margin:0.75rem 0.75rem 0 0.75rem;}
-._1oczbmc{margin:0.5rem 0.5rem 0 0.5rem;}
-._1i88aif{margin:0 1rem 1rem 1rem;}
-._21pvl3{margin:0 0.75rem 0.75rem 0.75rem;}
-.msroim{margin:0 0.5rem 0.5rem 0.5rem;}
-.gkudnh{margin:1rem 0 1rem 1rem;}
-._1vsvbd8{margin:0.75rem 0 0.75rem 0.75rem;}
-._1m727fc{margin:0.5rem 0 0.5rem 0.5rem;}
-.ojgpn8{margin:1rem 1rem 1rem 0;}
-._1218cdh{margin:0.75rem 0.75rem 0.75rem 0;}
-._12afa7o{margin:0.5rem 0.5rem 0.5rem 0;}
-._5p4g0f{margin:1rem;}
-._8aody9{margin:0.75rem;}
-._1ex4iqw{margin:0.5rem;}
-._1ks95dd{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);}
-._1uk2tol{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);}
-._1jhhvwv{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);}
-._1usvxzq{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);}
-._11823a5{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);}
-._3t2rgk{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);}
-._1bwzz1p{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-sm-size);}
-._73unqk{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-md-size);}
-._1j65qt9{width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-meter-circle-lg-size);}
-._1af88ul{pointer-events:none;width:100%;height:100%;line-height:initial;}
-.dixl9f{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-meter-threshold-color);}
-._1vv8jbc > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1yeik5r{position:relative;box-sizing:border-box;cursor:pointer;pointer-events:auto;}
-._303xdp{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);}
-._1cvt1hj{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-sm-track-size);}
-._1phn8o9{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-md-track-size);}
-._4lqy6c{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-meter-lg-track-size);}
-.j877z4{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;}
-.kyx62b{border-radius:50%;top:50%;left:50%;translate:-50% -50%;}
-._3ndkm8{top:100%;left:50%;translate:-50% -100%;}
-._5e7v95{top:50%;translate:0 -50%;}
-._1sxxos9{left:100%;top:50%;translate:-100% -50%;}
-.k4lxib{left:50%;translate:-50% 0;}
+.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;}
 
-.dfnkee{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}
+._1rvvlet{height:2px;position:absolute;transform-origin:0 50%;background-clip:padding-box;}

package/amd/UNSAFE_MeterCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./MeterCircle-f142cd7b","./tslib.es6-fa3971d7","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-e580c7c7","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/PRIVATE_useDvtMeterEvents","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-863a4a52","./index-17cde748","./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-215b2be2","./hooks/UNSAFE_useTabbableMode"],function(e,s,o,t,i,r,l,u,a,A,E,_,U,c,F,n,N,S,h,k,d,m,p,T,b,f,M,P,g,I,v,R,V){"use strict";e.MeterCircle=s.MeterCircle,Object.defineProperty(e,"__esModule",{value:!0})});
+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})});
 //# sourceMappingURL=UNSAFE_MeterCircle.js.map

package/amd/UNSAFE_Modal.css

@@ -1,5 +1,5 @@
-._9gzyic{position:fixed;top:0;right:0;bottom:0;left:0;}
+.w119rv{position:fixed;top:0;right:0;bottom:0;left:0;}
 
-._17wo2ge{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;}
+._94he7f{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
 
-._1hw2t9f{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+._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;}

package/amd/UNSAFE_Modal.js

@@ -1,2 +1,2 @@
-define(["exports","./Modal-ce6f32c7","preact/jsx-runtime","preact/compat","./UNSAFE_FocusTrap","./FocusTrap-4796ed88","preact","./utils/UNSAFE_classNames","./classNames-e580c7c7","css!./UNSAFE_Modal.css","./utils/PRIVATE_tabbableUtils","./_curry1-9eeaf6ed","./_curry2-466cc994","./_curry3-167fa665","./UNSAFE_Layer"],function(e,a,c,r,s,t,l,u,i,o,_,d,p,f,n){"use strict";e.Modal=a.Modal,Object.defineProperty(e,"__esModule",{value:!0})});
+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})});
 //# sourceMappingURL=UNSAFE_Modal.js.map