@oracle/oraclejet-preact 15.0.3 → 15.0.4

package/amd/UNSAFE_MeterBar/themes/redwood/MeterBarTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeterBarTheme.js","sources":["../../../../../src/UNSAFE_MeterBar/themes/redwood/MeterBarTheme.ts"],"sourcesContent":["import { MeterBarTheme, styles, variants } from '../MeterBarStyles.css';\nimport { baseTheme } from './MeterBarBaseTheme.css';\nimport { multiVariantStyles } from './MeterBarVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterBarRedwoodTheme: MeterBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterBarRedwoodTheme };\n"],"names":["MeterBarRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"uTAQA,MAAMA,EAAsC,WAC1CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"MeterBarTheme.js","sources":["../../../../../src/UNSAFE_MeterBar/themes/redwood/MeterBarTheme.ts"],"sourcesContent":["import { MeterBarTheme, styles, variants } from '../MeterBarStyles.css';\nimport { baseTheme } from './MeterBarBaseTheme.css';\nimport { multiVariantStyles } from './MeterBarVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterBarRedwoodTheme: MeterBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterBarRedwoodTheme };\n"],"names":["MeterBarRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"wTAQA,MAAMA,EAAsC,WAC1CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_MeterBar/themes/redwood/MeterBarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MeterBarStyles.styles.css', 'css!./../../../MeterBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,a,s){"use strict";var r=s.createRuntimeFn({defaultClassName:"MeterBarStyles_baseStyle__1h0btjv0",variantClassNames:{size:{sm:"MeterBarVariants_multiVariantStyles_size_sm__sickf80",md:"MeterBarVariants_multiVariantStyles_size_md__sickf81",lg:"MeterBarVariants_multiVariantStyles_size_lg__sickf82"},orientation:{horizontal:"MeterBarStyles_horizontalStyle__1h0btjv2",vertical:"MeterBarStyles_verticalStyle__1h0btjv3"}},defaultVariants:{size:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MeterBarStyles.styles.css', 'css!./../../../MeterBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,a,s){"use strict";var r=s.createRuntimeFn({defaultClassName:"MeterBarStyles_baseStyle__1h0btjv0",variantClassNames:{size:{sm:"MeterBarVariants_multiVariantStyles_size_sm__sickf80",md:"MeterBarVariants_multiVariantStyles_size_md__sickf81",lg:"MeterBarVariants_multiVariantStyles_size_lg__sickf82"},orientation:{horizontal:"MeterBarStyles_horizontalStyle__1h0btjv2",vertical:"MeterBarStyles_verticalStyle__1h0btjv3"}},defaultVariants:{size:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterBarVariants.css.js.map

package/amd/UNSAFE_MeterBar/themes/stable/MeterBarTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MeterBarStyles.css', './MeterBarBaseTheme.css', './MeterBarVariants.css', 'css!./../../../MeterBarStyles.styles.css', 'module', 'css!./../../../MeterBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,a,r,l,i,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterBarStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MeterBarStyles.css', './MeterBarBaseTheme.css', './MeterBarVariants.css', 'css!./../../../MeterBarStyles.styles.css', 'module', 'css!./../../../MeterBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,s,t,a,r,l,i,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterBarStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterBarTheme.js.map

package/amd/UNSAFE_MeterBar/themes/stable/MeterBarTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeterBarTheme.js","sources":["../../../../../src/UNSAFE_MeterBar/themes/stable/MeterBarTheme.ts"],"sourcesContent":["import { MeterBarTheme, styles, variants } from '../MeterBarStyles.css';\nimport { baseTheme } from './MeterBarBaseTheme.css';\nimport { multiVariantStyles } from './MeterBarVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterBarStableTheme: MeterBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterBarStableTheme };\n"],"names":["MeterBarStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"wTAQA,MAAMA,EAAqC,WACzCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"MeterBarTheme.js","sources":["../../../../../src/UNSAFE_MeterBar/themes/stable/MeterBarTheme.ts"],"sourcesContent":["import { MeterBarTheme, styles, variants } from '../MeterBarStyles.css';\nimport { baseTheme } from './MeterBarBaseTheme.css';\nimport { multiVariantStyles } from './MeterBarVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterBarStableTheme: MeterBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterBarStableTheme };\n"],"names":["MeterBarStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"uTAQA,MAAMA,EAAqC,WACzCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_MeterBar/themes/stable/MeterBarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MeterBarStyles.styles.css', 'css!./../../../MeterBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,a,s){"use strict";var r=s.createRuntimeFn({defaultClassName:"MeterBarStyles_baseStyle__1h0btjv0",variantClassNames:{size:{sm:"MeterBarVariants_multiVariantStyles_size_sm__1ulsein0",md:"MeterBarVariants_multiVariantStyles_size_md__1ulsein1",lg:"MeterBarVariants_multiVariantStyles_size_lg__1ulsein2"},orientation:{horizontal:"MeterBarStyles_horizontalStyle__1h0btjv2",vertical:"MeterBarStyles_verticalStyle__1h0btjv3"}},defaultVariants:{size:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MeterBarStyles.styles.css', 'css!./../../../MeterBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,a,s){"use strict";var r=s.createRuntimeFn({defaultClassName:"MeterBarStyles_baseStyle__1h0btjv0",variantClassNames:{size:{sm:"MeterBarVariants_multiVariantStyles_size_sm__1ulsein0",md:"MeterBarVariants_multiVariantStyles_size_md__1ulsein1",lg:"MeterBarVariants_multiVariantStyles_size_lg__1ulsein2"},orientation:{horizontal:"MeterBarStyles_horizontalStyle__1h0btjv2",vertical:"MeterBarStyles_verticalStyle__1h0btjv3"}},defaultVariants:{size:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterBarVariants.css.js.map

package/amd/UNSAFE_MeterBar.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_size', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', 'preact/hooks', './hooks/UNSAFE_useUser', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './PRIVATE_Meter', './utils/UNSAFE_dvtCommonUtils', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './classNames-b5cf9a39', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './UNSAFE_Theme', './utils-dfde7bba', './Common/themes/themeContract.css', './index-d6b6bee8', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './vanilla-extract-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-1f658b88', './_curry2-4a554218', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-05ec2e23', './_has-34b23a64', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', 'css!./MeterBarStyles.styles.css', './UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.css', 'module', './UNSAFE_MeterBar/themes/redwood/MeterBarVariants.css', 'css!./MeterBarVariants.styles.css'], (function(e,t,s,o,r,a,n,i,l,c,h,d,u,m,S,y,F,p,T,g,_,E,A,U,N,k,f,b,C,B,x,M,v,w,V,z,I,R,L,j,P,H,D,O,K,X,Y,q,G,J,Q,W,Z,$,ee,te,se,oe,re,ae,ne,ie,le,ce,he,de,ue,me,Se,ye,Fe,pe,Te){"use strict";function ge(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}function _e({orientation:e,percentage:s,color:o,position:r}){const a="horizontal"===e,{direction:i}=n.useUser(),l="rtl"===i,c="start"===r;return t.jsx("div",{class:u.classNames([d.styles.referenceLinesBaseStyle,a?d.styles.referenceLinesHorizontalStyle:d.styles.referenceLinesVerticalStyle,c?a?d.styles.referenceLinesHoriontalStartStyle:l?d.styles.referenceLinesVerticalStartRtlStyle:d.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:a&&!l?s:void 0,right:a&&l?s:void 0,bottom:a?void 0:s,backgroundColor:h.getDvtThresholdColor(o)}})}function Ee({color:e,length:s,orientation:o,...r}){const{direction:a}=n.useUser(),i="horizontal"===o,l="rtl"===a;return t.jsx("div",{class:u.classNames([d.styles.thresholdBarBaseStyle,i?l?d.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:d.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:d.styles.thresholdBarVerticalBarTrackSectionStyle,r.class]),style:{width:i?s:"100%",height:i?"100%":s,backgroundColor:h.getDvtThresholdColor(e)}})}const Ae=function(e,t,s,o,r,a){const n=[];return e.start&&n.push(t?s:o),e.end&&n.push(t?r:a),n};e.MeterBar=function({max:e=100,min:o=0,value:h=0,step:d=1,length:F="100%",size:p,orientation:T="horizontal",isTrackRendered:g=!0,thresholdDisplay:_="all",indicatorSize:E=1,...A}){l.validateRange(o,e,h,d);const U=a.useRef(),N="horizontal"===T,k=a.useRef(null),f=a.useRef(ge(null)),{direction:b}=n.useUser(),C="rtl"===b;a.useEffect((()=>{(A.onCommit||A.onInput)&&(f.current=ge(k.current))}),[p,F,T,A.onCommit,A.onInput]);const B=i.usePointerEvents(h,(t=>{if(t.target==k.current)return function(e,t,s,o,r,a,n){const i=t.current;if(!i||0===i.width)return;let l;if("horizontal"===a){const t=e.offsetX;l=s+(o-s)*(n?i.width-t:t)/i.width}else l=s+(o-s)*(i.height-e.offsetY)/i.height;return l=Math.round(l/r)*r,Math.max(s,Math.min(o,l))}(t,f,o,e,d,T,C)}),k,U,A.onCommit,A.onInput),x=i.useKeyboardEvents(h,o,e,d,U,A.onCommit,A.onInput),{datatipContent:M,datatipProps:v}=i.useMeterDatatip(h,A.datatip,A["aria-describedby"]),w=l.getMeterAriaProps(h,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),V=r.mergeProps(B,x,v,w),z=Math.max(0,Math.min(1,E)),I=100*(h-o)/(e-o)+"%",R=100*z+"%",{trackColor:L,indicatorColor:j}=l.getTrackAndIndicatorColor(h,_,A.trackColor,A.indicatorColor,A.thresholds),P=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(A.referenceLines),H=A.onCommit||A.onInput,{isTabbable:D}=m.useTabbableMode(),{classes:O,styles:{interactiveStyle:K,barValueBaseStyle:X,barValueVerticalStyle:Y,barValueHorizontalStyle:q,barTrackBaseStyle:G,barTrackHorizontalSizeStyle:J,barTrackVerticalSizeStyle:Q,barTrackMarginTopStyle:W,barTrackMarginStartStyle:Z,barTrackMarginBottomStyle:$,barTrackMarginEndStyle:ee,trackSectionHorizontalFirstStyle:te,trackSectionHorizontalLastStyle:se,trackSectionVerticalFirstStyle:oe,trackSectionVerticalLastStyle:re,trackSectionRoundedCornersStyle:ae}}=S.useComponentTheme(y.MeterBarRedwoodTheme,{size:p,orientation:T});return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:D?0:-1,...V,style:{width:N?s.sizeToCSS(F):void 0,height:N?void 0:s.sizeToCSS(F)},class:u.classNames([O]),children:t.jsxs(c.BarTrack,{ref:k,orientation:T,color:!g||"all"===_&&A.thresholds?"transparent":L,class:u.classNames([G,H?K:"",N?J:Q,...Ae(P,N,W,Z,$,ee)]),children:["all"===_&&A.thresholds?.filter((t=>t.max>o&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((s,r,a)=>{const n=0===r?s.max-o:s.max-a[r-1].max,i=N?se:re;let l=0===r?N?te:oe:"";return s.max===e&&(l=0===r?ae:i),t.jsxs(t.Fragment,{children:[t.jsx(Ee,{class:l,orientation:T,length:100*n/(e-o)+"%",color:s.color}),g&&r===a.length-1&&s.max<e?t.jsx(Ee,{class:i,color:L,orientation:T,length:100*(e-a[r].max)/(e-o)+"%"}):""]})})),t.jsx(c.BarValue,{length:I,size:R,orientation:T,class:u.classNames([X,N?q:Y]),color:j}),A.referenceLines?.map((s=>t.jsx(_e,{color:s.color,orientation:T,percentage:100*(s.value-o)/(e-o)+"%",position:s.position})))]})}),M]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_size', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', 'preact/hooks', './hooks/UNSAFE_useUser', './hooks/PRIVATE_useDvtMeterEvents', './utils/PRIVATE_meterUtils', './PRIVATE_Meter', './utils/UNSAFE_dvtCommonUtils', './UNSAFE_MeterBar/themes/MeterBarStyles.css', './classNames-9bbd55a1', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './UNSAFE_Theme', './utils-660e6564', './Common/themes/themeContract.css', './index-7d284134', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-bbae41d5', './index-83dffd44', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-8d670ed2', './_curry2-8489a571', './UNSAFE_Layer', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-ffc07984', './_has-6763283b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-f317b422', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', 'css!./MeterBarStyles.styles.css', './UNSAFE_MeterBar/themes/redwood/MeterBarBaseTheme.css', 'module', './UNSAFE_MeterBar/themes/redwood/MeterBarVariants.css', 'css!./MeterBarVariants.styles2.css'], (function(e,t,s,o,r,a,n,i,l,c,h,d,u,m,S,y,F,p,T,g,_,E,A,U,N,k,f,C,b,B,x,M,v,w,V,z,I,R,L,j,P,H,D,O,K,X,Y,q,G,J,Q,W,Z,$,ee,te,se,oe,re,ae,ne,ie,le,ce,he,de,ue,me,Se,ye,Fe,pe,Te){"use strict";function ge(e){if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}function _e({orientation:e,percentage:s,color:o,position:r}){const a="horizontal"===e,{direction:i}=n.useUser(),l="rtl"===i,c="start"===r;return t.jsx("div",{class:u.classNames([d.styles.referenceLinesBaseStyle,a?d.styles.referenceLinesHorizontalStyle:d.styles.referenceLinesVerticalStyle,c?a?d.styles.referenceLinesHoriontalStartStyle:l?d.styles.referenceLinesVerticalStartRtlStyle:d.styles.referenceLinesVerticalStartLtrStyle:""]),style:{left:a&&!l?s:void 0,right:a&&l?s:void 0,bottom:a?void 0:s,backgroundColor:h.getDvtThresholdColor(o)}})}function Ee({color:e,length:s,orientation:o,...r}){const{direction:a}=n.useUser(),i="horizontal"===o,l="rtl"===a;return t.jsx("div",{class:u.classNames([d.styles.thresholdBarBaseStyle,i?l?d.styles.thresholdBarHorizontalBarTrackSectionRtlStyle:d.styles.thresholdBarHorizontalBarTrackSectionLtrStyle:d.styles.thresholdBarVerticalBarTrackSectionStyle,r.class]),style:{width:i?s:"100%",height:i?"100%":s,backgroundColor:h.getDvtThresholdColor(e)}})}const Ae=function(e,t,s,o,r,a){const n=[];return e.start&&n.push(t?s:o),e.end&&n.push(t?r:a),n};e.MeterBar=function({max:e=100,min:o=0,value:h=0,step:d=1,length:F="100%",size:p,orientation:T="horizontal",isTrackRendered:g=!0,thresholdDisplay:_="all",indicatorSize:E=1,...A}){l.validateRange(o,e,h,d);const U=a.useRef(),N="horizontal"===T,k=a.useRef(null),f=a.useRef(ge(null)),{direction:C}=n.useUser(),b="rtl"===C;a.useEffect((()=>{(A.onCommit||A.onInput)&&(f.current=ge(k.current))}),[p,F,T,A.onCommit,A.onInput]);const B=i.usePointerEvents(h,(t=>{if(t.target==k.current)return function(e,t,s,o,r,a,n){const i=t.current;if(!i||0===i.width)return;let l;if("horizontal"===a){const t=e.offsetX;l=s+(o-s)*(n?i.width-t:t)/i.width}else l=s+(o-s)*(i.height-e.offsetY)/i.height;return l=Math.round(l/r)*r,Math.max(s,Math.min(o,l))}(t,f,o,e,d,T,b)}),k,U,A.onCommit,A.onInput),x=i.useKeyboardEvents(h,o,e,d,U,A.onCommit,A.onInput),{datatipContent:M,datatipProps:v}=i.useMeterDatatip(h,A.datatip,A["aria-describedby"]),w=l.getMeterAriaProps(h,o,e,A["aria-label"],A["aria-labelledby"],A.thresholds),V=r.mergeProps(B,x,v,w),z=Math.max(0,Math.min(1,E)),I=100*(h-o)/(e-o)+"%",R=100*z+"%",{trackColor:L,indicatorColor:j}=l.getTrackAndIndicatorColor(h,_,A.trackColor,A.indicatorColor,A.thresholds),P=function(e){let t={start:!1,end:!1};return e&&(t=e.reduce(((e,t)=>(e.start=e.start||"start"===t.position,e.end=e.end||"end"===t.position||null==t.position,e)),t)),t}(A.referenceLines),H=A.onCommit||A.onInput,{isTabbable:D}=m.useTabbableMode(),{classes:O,styles:{interactiveStyle:K,barValueBaseStyle:X,barValueVerticalStyle:Y,barValueHorizontalStyle:q,barTrackBaseStyle:G,barTrackHorizontalSizeStyle:J,barTrackVerticalSizeStyle:Q,barTrackMarginTopStyle:W,barTrackMarginStartStyle:Z,barTrackMarginBottomStyle:$,barTrackMarginEndStyle:ee,trackSectionHorizontalFirstStyle:te,trackSectionHorizontalLastStyle:se,trackSectionVerticalFirstStyle:oe,trackSectionVerticalLastStyle:re,trackSectionRoundedCornersStyle:ae}}=S.useComponentTheme(y.MeterBarRedwoodTheme,{size:p,orientation:T});return t.jsxs(t.Fragment,{children:[t.jsx("div",{tabIndex:D?0:-1,...V,style:{width:N?s.sizeToCSS(F):void 0,height:N?void 0:s.sizeToCSS(F)},class:u.classNames([O]),children:t.jsxs(c.BarTrack,{ref:k,orientation:T,color:!g||"all"===_&&A.thresholds?"transparent":L,class:u.classNames([G,H?K:"",N?J:Q,...Ae(P,N,W,Z,$,ee)]),children:["all"===_&&A.thresholds?.filter((t=>t.max>o&&t.max<=e)).sort(((e,t)=>e.max-t.max)).map(((s,r,a)=>{const n=0===r?s.max-o:s.max-a[r-1].max,i=N?se:re;let l=0===r?N?te:oe:"";return s.max===e&&(l=0===r?ae:i),t.jsxs(t.Fragment,{children:[t.jsx(Ee,{class:l,orientation:T,length:100*n/(e-o)+"%",color:s.color}),g&&r===a.length-1&&s.max<e?t.jsx(Ee,{class:i,color:L,orientation:T,length:100*(e-a[r].max)/(e-o)+"%"}):""]})})),t.jsx(c.BarValue,{length:I,size:R,orientation:T,class:u.classNames([X,N?q:Y]),color:j}),A.referenceLines?.map((s=>t.jsx(_e,{color:s.color,orientation:T,percentage:100*(s.value-o)/(e-o)+"%",position:s.position})))]})}),M]})},Object.defineProperty(e,"__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 * @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 { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterBarStyles.css';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'] | DvtThresholdsColors;\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n\n  return (\n    <div\n      class={classNames([\n        styles.referenceLinesBaseStyle,\n        isHoriz ? styles.referenceLinesHorizontalStyle : styles.referenceLinesVerticalStyle,\n        isStartPos\n          ? isHoriz\n            ? styles.referenceLinesHoriontalStartStyle\n            : isRtl\n            ? styles.referenceLinesVerticalStartRtlStyle\n            : styles.referenceLinesVerticalStartLtrStyle\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n","/**\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterBarStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'] | DvtThresholdsColors;\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n\n  return (\n    <div\n      class={classNames([\n        styles.thresholdBarBaseStyle,\n        isHoriz\n          ? isRtl\n            ? styles.thresholdBarHorizontalBarTrackSectionRtlStyle\n            : styles.thresholdBarHorizontalBarTrackSectionLtrStyle\n          : styles.thresholdBarVerticalBarTrackSectionStyle,\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n","/**\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 { 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';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterBarStyles, MeterBarVariantOptions } from './themes/MeterBarStyles.css';\nimport { MeterBarRedwoodTheme } from './themes/redwood/MeterBarTheme';\n\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,\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n  const currentInputRef = useRef<number>();\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    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\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\n  const {\n    classes,\n    styles: {\n      interactiveStyle,\n\n      barValueBaseStyle,\n      barValueVerticalStyle,\n      barValueHorizontalStyle,\n\n      barTrackBaseStyle,\n\n      barTrackHorizontalSizeStyle,\n      barTrackVerticalSizeStyle,\n\n      barTrackMarginTopStyle,\n      barTrackMarginStartStyle,\n      barTrackMarginBottomStyle,\n      barTrackMarginEndStyle,\n\n      trackSectionHorizontalFirstStyle,\n      trackSectionHorizontalLastStyle,\n\n      trackSectionVerticalFirstStyle,\n      trackSectionVerticalLastStyle,\n\n      trackSectionRoundedCornersStyle\n    }\n  } = useComponentTheme<MeterBarVariantOptions, MeterBarStyles>(MeterBarRedwoodTheme, {\n    size,\n    orientation\n  });\n\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([classes])}>\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            barTrackBaseStyle,\n            isInteractive ? interactiveStyle : '',\n            isHoriz ? barTrackHorizontalSizeStyle : barTrackVerticalSizeStyle,\n            ...getMarginClass(\n              sizeStyle,\n              isHoriz,\n              barTrackMarginTopStyle,\n              barTrackMarginStartStyle,\n              barTrackMarginBottomStyle,\n              barTrackMarginEndStyle\n            )\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                const trackSectionLastStyle = isHoriz\n                  ? trackSectionHorizontalLastStyle\n                  : trackSectionVerticalLastStyle;\n                let trackSectionStyleClass =\n                  index === 0\n                    ? isHoriz\n                      ? trackSectionHorizontalFirstStyle\n                      : trackSectionVerticalFirstStyle\n                    : '';\n                if (threshold.max === max)\n                  trackSectionStyleClass =\n                    index === 0\n                      ? trackSectionRoundedCornersStyle // Single threshold from min to max\n                      : trackSectionLastStyle;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={trackSectionStyleClass}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionLastStyle}\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([\n              barValueBaseStyle,\n              isHoriz ? barValueHorizontalStyle : barValueVerticalStyle\n            ])}\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  isHoriz: boolean,\n  barTrackMarginTopStyle: string,\n  barTrackMarginStartStyle: string,\n  barTrackMarginBottomStyle: string,\n  barTrackMarginEndStyle: string\n) {\n  const className = [];\n\n  if (info.start) {\n    className.push(isHoriz ? barTrackMarginTopStyle : barTrackMarginStartStyle);\n  }\n\n  if (info.end) {\n    className.push(isHoriz ? barTrackMarginBottomStyle : barTrackMarginEndStyle);\n  }\n  return className;\n};\n"],"names":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","referenceLinesBaseStyle","referenceLinesHorizontalStyle","referenceLinesVerticalStyle","referenceLinesHoriontalStartStyle","referenceLinesVerticalStartRtlStyle","referenceLinesVerticalStartLtrStyle","style","left","undefined","right","bottom","backgroundColor","getDvtThresholdColor","ThresholdBar","length","otherProps","thresholdBarBaseStyle","thresholdBarHorizontalBarTrackSectionRtlStyle","thresholdBarHorizontalBarTrackSectionLtrStyle","thresholdBarVerticalBarTrackSectionStyle","getMarginClass","info","barTrackMarginTopStyle","barTrackMarginStartStyle","barTrackMarginBottomStyle","barTrackMarginEndStyle","className","start","push","end","max","min","value","step","size","isTrackRendered","thresholdDisplay","indicatorSize","props","validateRange","currentInputRef","useRef","barTrackRef","dimensionsRef","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","target","dims","val","offsetX","offsetY","Math","round","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaLabelProps","getMeterAriaProps","thresholds","mergedProps","mergeProps","validIndicatorSize","valueBarLength","valueBarSize","trackColor","indicatorColor","getTrackAndIndicatorColor","sizeStyle","lines","refLineInfo","reduce","acc","cur","getRefLinesInfo","referenceLines","isInteractive","isTabbable","useTabbableMode","classes","interactiveStyle","barValueBaseStyle","barValueVerticalStyle","barValueHorizontalStyle","barTrackBaseStyle","barTrackHorizontalSizeStyle","barTrackVerticalSizeStyle","trackSectionHorizontalFirstStyle","trackSectionHorizontalLastStyle","trackSectionVerticalFirstStyle","trackSectionVerticalLastStyle","trackSectionRoundedCornersStyle","useComponentTheme","MeterBarRedwoodTheme","_jsxs","tabIndex","sizeToCSS","children","BarTrack","ref","filter","threshold","sort","a","b","map","index","diff","trackSectionLastStyle","trackSectionStyleClass","jsx","BarValue","item"],"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 * @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 { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterBarStyles.css';\n\ntype ReferenceLineProps = {\n  orientation: 'horizontal' | 'vertical';\n  percentage: string;\n  position?: 'start' | 'end';\n  color?: ColorProps['color'] | DvtThresholdsColors;\n};\n\nexport function ReferenceLineBar({ orientation, percentage, color, position }: ReferenceLineProps) {\n  const isHoriz = orientation === 'horizontal';\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isStartPos = position === 'start';\n\n  return (\n    <div\n      class={classNames([\n        styles.referenceLinesBaseStyle,\n        isHoriz ? styles.referenceLinesHorizontalStyle : styles.referenceLinesVerticalStyle,\n        isStartPos\n          ? isHoriz\n            ? styles.referenceLinesHoriontalStartStyle\n            : isRtl\n            ? styles.referenceLinesVerticalStartRtlStyle\n            : styles.referenceLinesVerticalStartLtrStyle\n          : ''\n      ])}\n      style={{\n        left: isHoriz && !isRtl ? percentage : undefined,\n        right: isHoriz && isRtl ? percentage : undefined,\n        bottom: isHoriz ? undefined : percentage,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n","/**\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterBarStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\ntype ThresholdBarProps = IntrinsicProps & {\n  color?: ColorProps['color'] | DvtThresholdsColors;\n  length: string;\n  orientation: 'horizontal' | 'vertical';\n};\n\nexport function ThresholdBar({ color, length, orientation, ...otherProps }: ThresholdBarProps) {\n  const { direction } = useUser();\n  const isHoriz = orientation === 'horizontal';\n  const isRtl = direction === 'rtl';\n\n  return (\n    <div\n      class={classNames([\n        styles.thresholdBarBaseStyle,\n        isHoriz\n          ? isRtl\n            ? styles.thresholdBarHorizontalBarTrackSectionRtlStyle\n            : styles.thresholdBarHorizontalBarTrackSectionLtrStyle\n          : styles.thresholdBarVerticalBarTrackSectionStyle,\n        otherProps.class\n      ])}\n      style={{\n        width: isHoriz ? length : '100%',\n        height: isHoriz ? '100%' : length,\n        backgroundColor: getDvtThresholdColor(color)\n      }}></div>\n  );\n}\n","/**\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 { 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';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterBarStyles, MeterBarVariantOptions } from './themes/MeterBarStyles.css';\nimport { MeterBarRedwoodTheme } from './themes/redwood/MeterBarTheme';\n\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,\n  orientation = 'horizontal',\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterBarProps) {\n  validateRange(min, max, value, step);\n  const currentInputRef = useRef<number>();\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    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaLabelProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\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\n  const {\n    classes,\n    styles: {\n      interactiveStyle,\n\n      barValueBaseStyle,\n      barValueVerticalStyle,\n      barValueHorizontalStyle,\n\n      barTrackBaseStyle,\n\n      barTrackHorizontalSizeStyle,\n      barTrackVerticalSizeStyle,\n\n      barTrackMarginTopStyle,\n      barTrackMarginStartStyle,\n      barTrackMarginBottomStyle,\n      barTrackMarginEndStyle,\n\n      trackSectionHorizontalFirstStyle,\n      trackSectionHorizontalLastStyle,\n\n      trackSectionVerticalFirstStyle,\n      trackSectionVerticalLastStyle,\n\n      trackSectionRoundedCornersStyle\n    }\n  } = useComponentTheme<MeterBarVariantOptions, MeterBarStyles>(MeterBarRedwoodTheme, {\n    size,\n    orientation\n  });\n\n  return (\n    <>\n      <div\n        tabIndex={!isTabbable ? -1 : 0}\n        {...mergedProps}\n        style={{\n          width: isHoriz ? sizeToCSS(length) : undefined,\n          height: isHoriz ? undefined : sizeToCSS(length)\n        }}\n        class={classNames([classes])}>\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            barTrackBaseStyle,\n            isInteractive ? interactiveStyle : '',\n            isHoriz ? barTrackHorizontalSizeStyle : barTrackVerticalSizeStyle,\n            ...getMarginClass(\n              sizeStyle,\n              isHoriz,\n              barTrackMarginTopStyle,\n              barTrackMarginStartStyle,\n              barTrackMarginBottomStyle,\n              barTrackMarginEndStyle\n            )\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                const trackSectionLastStyle = isHoriz\n                  ? trackSectionHorizontalLastStyle\n                  : trackSectionVerticalLastStyle;\n                let trackSectionStyleClass =\n                  index === 0\n                    ? isHoriz\n                      ? trackSectionHorizontalFirstStyle\n                      : trackSectionVerticalFirstStyle\n                    : '';\n                if (threshold.max === max)\n                  trackSectionStyleClass =\n                    index === 0\n                      ? trackSectionRoundedCornersStyle // Single threshold from min to max\n                      : trackSectionLastStyle;\n                return (\n                  <>\n                    <ThresholdBar\n                      class={trackSectionStyleClass}\n                      orientation={orientation}\n                      length={`${(diff * 100) / (max - min)}%`}\n                      color={threshold.color}\n                    />\n                    {isTrackRendered && index === thresholds.length - 1 && threshold.max < max ? (\n                      <ThresholdBar\n                        class={trackSectionLastStyle}\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([\n              barValueBaseStyle,\n              isHoriz ? barValueHorizontalStyle : barValueVerticalStyle\n            ])}\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  isHoriz: boolean,\n  barTrackMarginTopStyle: string,\n  barTrackMarginStartStyle: string,\n  barTrackMarginBottomStyle: string,\n  barTrackMarginEndStyle: string\n) {\n  const className = [];\n\n  if (info.start) {\n    className.push(isHoriz ? barTrackMarginTopStyle : barTrackMarginStartStyle);\n  }\n\n  if (info.end) {\n    className.push(isHoriz ? barTrackMarginBottomStyle : barTrackMarginEndStyle);\n  }\n  return className;\n};\n"],"names":["getDimensions","element","width","height","trackDims","getBoundingClientRect","ReferenceLineBar","orientation","percentage","color","position","isHoriz","direction","useUser","isRtl","isStartPos","_jsx","class","classNames","styles","referenceLinesBaseStyle","referenceLinesHorizontalStyle","referenceLinesVerticalStyle","referenceLinesHoriontalStartStyle","referenceLinesVerticalStartRtlStyle","referenceLinesVerticalStartLtrStyle","style","left","undefined","right","bottom","backgroundColor","getDvtThresholdColor","ThresholdBar","length","otherProps","thresholdBarBaseStyle","thresholdBarHorizontalBarTrackSectionRtlStyle","thresholdBarHorizontalBarTrackSectionLtrStyle","thresholdBarVerticalBarTrackSectionStyle","getMarginClass","info","barTrackMarginTopStyle","barTrackMarginStartStyle","barTrackMarginBottomStyle","barTrackMarginEndStyle","className","start","push","end","max","min","value","step","size","isTrackRendered","thresholdDisplay","indicatorSize","props","validateRange","currentInputRef","useRef","barTrackRef","dimensionsRef","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","target","dims","val","offsetX","offsetY","Math","round","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaLabelProps","getMeterAriaProps","thresholds","mergedProps","mergeProps","validIndicatorSize","valueBarLength","valueBarSize","trackColor","indicatorColor","getTrackAndIndicatorColor","sizeStyle","lines","refLineInfo","reduce","acc","cur","getRefLinesInfo","referenceLines","isInteractive","isTabbable","useTabbableMode","classes","interactiveStyle","barValueBaseStyle","barValueVerticalStyle","barValueHorizontalStyle","barTrackBaseStyle","barTrackHorizontalSizeStyle","barTrackVerticalSizeStyle","trackSectionHorizontalFirstStyle","trackSectionHorizontalLastStyle","trackSectionVerticalFirstStyle","trackSectionVerticalLastStyle","trackSectionRoundedCornersStyle","useComponentTheme","MeterBarRedwoodTheme","_jsxs","tabIndex","sizeToCSS","children","BarTrack","ref","filter","threshold","sort","a","b","map","index","diff","trackSectionLastStyle","trackSectionStyleClass","jsx","BarValue","item"],"mappings":"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"}

package/amd/UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,r,i,l,a,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,s,t,r,a,i,l,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterCircleTheme.js.map

package/amd/UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeterCircleTheme.js","sources":["../../../../../src/UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme.ts"],"sourcesContent":["import { MeterCircleTheme, styles, variants } from '../MeterCircleStyles.css';\nimport { baseTheme } from './MeterCircleBaseTheme.css';\nimport { multiVariantStyles } from './MeterCircleVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterCircleRedwoodTheme: MeterCircleTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterCircleRedwoodTheme };\n"],"names":["MeterCircleRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"yUAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"MeterCircleTheme.js","sources":["../../../../../src/UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme.ts"],"sourcesContent":["import { MeterCircleTheme, styles, variants } from '../MeterCircleStyles.css';\nimport { baseTheme } from './MeterCircleBaseTheme.css';\nimport { multiVariantStyles } from './MeterCircleVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterCircleRedwoodTheme: MeterCircleTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterCircleRedwoodTheme };\n"],"names":["MeterCircleRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"0UAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_MeterCircle/themes/redwood/MeterCircleVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MeterCircleStyles.styles.css', 'css!./../../../MeterCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,i,r){"use strict";var a=r.createRuntimeFn({defaultClassName:"MeterCircleStyles_baseStyle__dfqfbg0",variantClassNames:{size:{sm:"MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0",md:"MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1",lg:"MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2"},trackSize:{sm:"MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm3",md:"MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm4",lg:"MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm5"},interaction:{isInteractive:"MeterCircleStyles_interactiveStyle__dfqfbg1",inNotInteractive:"MeterCircleVariants_multiVariantStyles_interaction_inNotInteractive__1k0drkm7"}},defaultVariants:{size:"lg",trackSize:"lg"},compoundVariants:[]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MeterCircleStyles.styles.css', 'css!./../../../MeterCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,i,r){"use strict";var a=r.createRuntimeFn({defaultClassName:"MeterCircleStyles_baseStyle__dfqfbg0",variantClassNames:{size:{sm:"MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0",md:"MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1",lg:"MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2"},trackSize:{sm:"MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm3",md:"MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm4",lg:"MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm5"},interaction:{isInteractive:"MeterCircleStyles_interactiveStyle__dfqfbg1",inNotInteractive:"MeterCircleVariants_multiVariantStyles_interaction_inNotInteractive__1k0drkm7"}},defaultVariants:{size:"lg",trackSize:"lg"},compoundVariants:[]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterCircleVariants.css.js.map

package/amd/UNSAFE_MeterCircle/themes/stable/MeterCircleTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,r,i,l,a,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,s,t,r,a,i,l,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterCircleTheme.js.map

package/amd/UNSAFE_MeterCircle/themes/stable/MeterCircleTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeterCircleTheme.js","sources":["../../../../../src/UNSAFE_MeterCircle/themes/stable/MeterCircleTheme.ts"],"sourcesContent":["import { MeterCircleTheme, styles, variants } from '../MeterCircleStyles.css';\nimport { baseTheme } from './MeterCircleBaseTheme.css';\nimport { multiVariantStyles } from './MeterCircleVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterCircleRedwoodTheme: MeterCircleTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterCircleRedwoodTheme };\n"],"names":["MeterCircleRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"0UAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"MeterCircleTheme.js","sources":["../../../../../src/UNSAFE_MeterCircle/themes/stable/MeterCircleTheme.ts"],"sourcesContent":["import { MeterCircleTheme, styles, variants } from '../MeterCircleStyles.css';\nimport { baseTheme } from './MeterCircleBaseTheme.css';\nimport { multiVariantStyles } from './MeterCircleVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst MeterCircleRedwoodTheme: MeterCircleTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { MeterCircleRedwoodTheme };\n"],"names":["MeterCircleRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"yUAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_MeterCircle/themes/stable/MeterCircleVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MeterCircleStyles.styles.css', 'css!./../../../MeterCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,i,a){"use strict";var r=a.createRuntimeFn({defaultClassName:"MeterCircleStyles_baseStyle__dfqfbg0",variantClassNames:{size:{sm:"MeterCircleVariants_multiVariantStyles_size_sm__id92ht0",md:"MeterCircleVariants_multiVariantStyles_size_md__id92ht1",lg:"MeterCircleVariants_multiVariantStyles_size_lg__id92ht2"},trackSize:{sm:"MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht3",md:"MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht4",lg:"MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht5"},interaction:{isInteractive:"MeterCircleStyles_interactiveStyle__dfqfbg1",inNotInteractive:"MeterCircleVariants_multiVariantStyles_interaction_inNotInteractive__id92ht7"}},defaultVariants:{size:"lg",trackSize:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MeterCircleStyles.styles.css', 'css!./../../../MeterCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,i,a){"use strict";var r=a.createRuntimeFn({defaultClassName:"MeterCircleStyles_baseStyle__dfqfbg0",variantClassNames:{size:{sm:"MeterCircleVariants_multiVariantStyles_size_sm__id92ht0",md:"MeterCircleVariants_multiVariantStyles_size_md__id92ht1",lg:"MeterCircleVariants_multiVariantStyles_size_lg__id92ht2"},trackSize:{sm:"MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht3",md:"MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht4",lg:"MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht5"},interaction:{isInteractive:"MeterCircleStyles_interactiveStyle__dfqfbg1",inNotInteractive:"MeterCircleVariants_multiVariantStyles_interaction_inNotInteractive__id92ht7"}},defaultVariants:{size:"lg",trackSize:"lg"},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterCircleVariants.css.js.map

package/amd/UNSAFE_MeterCircle.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useUser', 'preact/hooks', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './PRIVATE_Meter', './utils/PRIVATE_meterUtils', './utils/UNSAFE_dvtCommonUtils', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './classNames-b5cf9a39', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-dfde7bba', './hooks/PRIVATE_useDvtMeterEvents', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './index-d6b6bee8', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', 'css!./MeterCircleStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './vanilla-extract-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-1f658b88', './_curry2-4a554218', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-05ec2e23', './_has-34b23a64', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.css', 'module', './UNSAFE_MeterCircle/themes/redwood/MeterCircleVariants.css', 'css!./MeterCircleVariants.styles.css'], (function(e,t,s,n,r,o,i,l,a,c,u,h,d,m,f,g,C,S,p,F,A,E,_,N,x,R,U,y,T,M,$,b,k,v,P,w,I,z,V,B,j,O,q,L,D,H,W,K,X,Y,G,J,Q,Z,ee,te,se,ne,re,oe,ie,le,ae,ce,ue,he,de,me,fe,ge,Ce,Se,pe){"use strict";function Fe({color:e,angle:s,radius:n,length:r,section:o="full"}){const i=l.getCenterCoord(o),h=`calc(${100*i.y}% - ((${Math.sin(2*s*Math.PI/360)} * ${n})))`,d=`calc(${100*i.x}%  + ((${Math.cos(2*s*Math.PI/360)} * ${n})))`;return t.jsx("div",{class:u.classNames([c.styles.referenceBaseLineStyle,e?void 0:c.styles.referenceBorderStyle]),style:{left:d,top:h,width:`calc(${r})`,transform:`translate(0, -1px) rotate(${360-s}deg)`,backgroundColor:e?a.getDvtThresholdColor(e):void 0}})}function Ae(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const s=e.children[0],n=s.getBoundingClientRect();return{width:Math.round(n.width),height:Math.round(n.height),...Ee(s,n,t)}}function Ee(e,t,s){const n=e.clientWidth,r=e.clientHeight;return"bottom"===s||"top"===s?{outerRadius:t.width/2,innerRadius:r}:"left"===s||"right"===s?{outerRadius:t.height/2,innerRadius:n}:{innerRadius:n/2,outerRadius:t.width/2}}function _e(e,t,s,n){return e*n/(s-t)}function Ne(e,t,s,n,r,o){return n+(o?1:-1)*_e(e-t,t,s,r)}function xe(e){return e?h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function Re(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function Ue(e,t){return null!=t?`(${xe(e)} * ${t/2})`:`(${xe(e)} * 0.5 - ${Re(e)})`}function ye(e,t){return null!=t?`(${xe(e)} * ${1-t} / 2)`:Re(e)}function Te(e,t){return`${ye(e,t)} +  ${m.xUnits(2)}`}function Me(e,t,s,n,r){const{min:o,max:i,startAngle:c,angleExtent:u,size:h,section:d,isRtl:m,innerRadius:f}=e,g=`calc(${ye(h,r)})`,C=[],S=t.filter((e=>e.max>o&&e.max<=i)).sort(((e,t)=>e.max-t.max)),p=S.length;for(let e=0;e<p;e++){const t=S[e],r=0===e?o:S[e-1].max,h=0===e?t.max:t.max-S[e-1].max;let F=Ne(r,o,i,c,u,m),A=_e(h,o,i,u);const{startOffset:E,extentOffset:_}=ve(f,u,0===e,t.max===i,m),N=l.getClipPath(F+E,A+_,m,d);if(C.push({clipPath:N,color:a.getDvtThresholdColor(t.color),size:g,section:d}),e===p-1&&t.max<i&&s){F+=(m?1:-1)*A,A=_e(i-t.max,o,i,u);const{startOffset:e,extentOffset:s}=ve(f,u,!1,!0,m);C.push({clipPath:l.getClipPath(F+e,A+s,m,d),color:n,size:g,section:d})}}return C}function $e(e,t,s){const{min:n,max:r,startAngle:o,angleExtent:i,size:l,isRtl:a}=e;return{radius:Ue(l,s),length:Te(l,s),angle:Ne(t.value,n,r,o,i,a),color:t.color}}function be(e,t,s,n,r,o){const{startAngle:i,angleExtent:a,size:c,section:u,isRtl:h}=e;return{section:u,color:t?"all"===s&&o?`${d.colorSchemeVars.dvt.contrastLine}`:n:"transparent",clipPath:l.getClipPath(i,a,h,u),size:`calc(${ye(c,r)})`}}function ke(e,t,s){const{value:n,min:r,max:o,startAngle:i,angleExtent:a,size:c,section:u,isRtl:h}=e,d=(n-r)*a/(o-r),m=Math.min(Math.max(0,t),1),f="left"===u||"right"===u,g="top"===u||"bottom"===u,C=`calc(${ye(c,s)} * ${m})`,S=`${xe(c)} - ((1 - ${m}) * ${ye(c,s)})`,p=`(${S}) / 2`;return{section:u,width:f?`calc(${p})`:`calc(${S})`,height:g?`calc(${p})`:`calc(${S})`,size:C,clipPath:l.getClipPath(i,d,h,u)}}function ve(e,t,s,n,r){if(!e)return{startOffset:0,extentOffset:0};const o=360/(2*Math.PI*e);let i=o/2*(r?1:-1),l=-1*o;return s&&t<360&&(i=0,l=-.5*o),n&&t<360&&(l=-.5*o),{startOffset:i,extentOffset:l}}e.MeterCircle=function({max:e=100,min:o=0,value:a=0,step:c=1,size:h,startAngle:d=90,angleExtent:m=360,isTrackRendered:p=!0,thresholdDisplay:F="all",indicatorSize:A=1,...E}){l.validateRange(o,e,a,c);const _=n.useRef(),{direction:N}=s.useUser(),x="rtl"===N,R=l.getCircleSection(d,m,x),U=n.useRef(Ae(null,R)),y=n.useRef(null),[T,M]=n.useState(!1);n.useEffect((()=>{(E.onCommit||E.onInput||E.children)&&(U.current=Ae(y.current,R),M(!0))}),[h,E.onCommit,E.onInput,E.children]);const $=f.usePointerEvents(a,(t=>{const s=y.current;if(t.target==s)return function(e,t,s,n,r,o,i,a,c){const u=r.current;if(!u)return;const h=l.getCenterCoord(a),{angle:d}=l.convertToPolar(u.width*h.x,u.height*h.y,e.offsetX,e.offsetY),m=l.getPositiveAngle(d);let f;if(c&&o+i>m&&(f=l.getPositiveAngle(d-o)/i*(s-t)),!c){const e=l.getPositiveAngle(o-m);e<=i&&(f=e*(s-t)/i)}return null!=f&&(f=Math.round(f/n)*n),f}(t,o,e,c,U,d,m,R,x)}),y,_,E.onCommit,E.onInput),b=f.useKeyboardEvents(a,o,e,c,_,E.onCommit,E.onInput),{datatipContent:k,datatipProps:v}=f.useMeterDatatip(a,E.datatip,E["aria-describedby"]),P=l.getMeterAriaProps(a,o,e,E["aria-label"],E["aria-labelledby"],E.thresholds),w=r.mergeProps($,b,v,P),{trackColor:I,indicatorColor:z}=l.getTrackAndIndicatorColor(a,F,E.trackColor,E.indicatorColor,E.thresholds),V="bottom"===R||"top"===R?"Horizontal":"left"===R||"right"===R?"Vertical":"Full",B={min:o,max:e,value:a,startAngle:d,angleExtent:m,size:h,section:R,isRtl:x,innerRadius:U.current.innerRadius},j=E.onCommit||E.onInput,{classes:O,styles:q}=C.useComponentTheme(S.MeterCircleRedwoodTheme,{size:h,interaction:j?"isInteractive":"inNotInteractive"}),{isTabbable:L}=g.useTabbableMode(),D=function(e,t){const s=e.current;if(!s)return;const n=l.getCenterCoord(t),r=n.x*s.width,o=n.y*s.height;let i,a,c,u,h,d,m,f;return"top"===t||"bottom"===t||"full"===t?(m=2*s.innerRadius,f="full"===t?2*s.innerRadius:s.innerRadius,h=r-s.innerRadius,d="bottom"===t?0:o-s.innerRadius,c=Math.sqrt(2)*s.innerRadius,u="full"===t?c:s.innerRadius/Math.sqrt(2),i=r-s.innerRadius/Math.sqrt(2),a="bottom"===t?0:o-s.innerRadius/Math.sqrt(2)):(f=2*s.innerRadius,m=s.innerRadius,h="left"===t?r-s.innerRadius:0,d=o-s.innerRadius,u=Math.sqrt(2)*s.innerRadius,c=s.innerRadius/Math.sqrt(2),i="left"===t?r-s.innerRadius/Math.sqrt(2):0,a=o-s.innerRadius/Math.sqrt(2)),{outerBounds:{x:h,y:d,width:m,height:f},innerBounds:{x:i,y:a,width:c,height:u}}}(U,R);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:u.classNames([O]),tabIndex:L?0:-1,...w,children:t.jsxs(i.CircleWrapper,{ref:y,class:u.classNames([q.circleWrapperBaseStyle,E.referenceLines&&E.referenceLines.length>0?h&&q[`${h}${R}Style`]:"",q[`meterCircle${V}SizeStyle`]]),children:[t.jsx(i.CircleInner,{class:u.classNames([q.circleTrackBaseStyle,q[`${R}Style`]]),...be(B,p,F,I,E.innerRadius,E.thresholds)}),"all"===F&&E.thresholds&&Me(B,E.thresholds,p,I,E.innerRadius).map((e=>t.jsx(i.CircleInner,{class:u.classNames([q.circleTrackBaseStyle,q[`${R}Style`]]),...e}))),t.jsx(i.CircleInner,{color:z,class:u.classNames([q.circleValueBaseStyle,q[`circleValue${R}Style`],q[`${R}Style`]]),...ke(B,A,E.innerRadius)}),E.referenceLines?.map((e=>t.jsx(Fe,{...$e(B,e,E.innerRadius),section:R}))),T&&E.children&&D&&t.jsx("div",{class:u.classNames([q.meterCircleCenterContent]),children:E.children(D)})]})}),k]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useUser', 'preact/hooks', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './PRIVATE_Meter', './utils/PRIVATE_meterUtils', './utils/UNSAFE_dvtCommonUtils', './UNSAFE_MeterCircle/themes/MeterCircleStyles.css', './classNames-9bbd55a1', './UNSAFE_MeterCircle/themes/MeterCircleContract.css', './Common/themes/themeContract.css', './utils-660e6564', './hooks/PRIVATE_useDvtMeterEvents', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterCircle/themes/redwood/MeterCircleTheme', './index-7d284134', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', 'css!./MeterCircleStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-bbae41d5', './index-83dffd44', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-8d670ed2', './_curry2-8489a571', './UNSAFE_Layer', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_curry3-ffc07984', './_has-6763283b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-f317b422', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_MeterCircle/themes/redwood/MeterCircleBaseTheme.css', 'module', './UNSAFE_MeterCircle/themes/redwood/MeterCircleVariants.css', 'css!./MeterCircleVariants.styles2.css'], (function(e,t,s,n,r,o,i,a,l,c,u,h,d,m,f,g,C,S,p,F,A,E,_,N,x,R,U,y,T,M,$,k,b,v,P,w,I,z,V,B,j,O,q,L,D,H,W,K,X,Y,G,J,Q,Z,ee,te,se,ne,re,oe,ie,ae,le,ce,ue,he,de,me,fe,ge,Ce,Se,pe){"use strict";function Fe({color:e,angle:s,radius:n,length:r,section:o="full"}){const i=a.getCenterCoord(o),h=`calc(${100*i.y}% - ((${Math.sin(2*s*Math.PI/360)} * ${n})))`,d=`calc(${100*i.x}%  + ((${Math.cos(2*s*Math.PI/360)} * ${n})))`;return t.jsx("div",{class:u.classNames([c.styles.referenceBaseLineStyle,e?void 0:c.styles.referenceBorderStyle]),style:{left:d,top:h,width:`calc(${r})`,transform:`translate(0, -1px) rotate(${360-s}deg)`,backgroundColor:e?l.getDvtThresholdColor(e):void 0}})}function Ae(e,t){if(!e)return{width:0,height:0,innerRadius:0,outerRadius:0};const s=e.children[0],n=s.getBoundingClientRect();return{width:Math.round(n.width),height:Math.round(n.height),...Ee(s,n,t)}}function Ee(e,t,s){const n=e.clientWidth,r=e.clientHeight;return"bottom"===s||"top"===s?{outerRadius:t.width/2,innerRadius:r}:"left"===s||"right"===s?{outerRadius:t.height/2,innerRadius:n}:{innerRadius:n/2,outerRadius:t.width/2}}function _e(e,t,s,n){return e*n/(s-t)}function Ne(e,t,s,n,r,o){return n+(o?1:-1)*_e(e-t,t,s,r)}function xe(e){return e?h.meterCircleVars.sizes[e]:h.meterCircleVars.size}function Re(e){return e?h.meterCircleVars.trackSizes[e]:h.meterCircleVars.trackSize}function Ue(e,t){return null!=t?`(${xe(e)} * ${t/2})`:`(${xe(e)} * 0.5 - ${Re(e)})`}function ye(e,t){return null!=t?`(${xe(e)} * ${1-t} / 2)`:Re(e)}function Te(e,t){return`${ye(e,t)} +  ${m.xUnits(2)}`}function Me(e,t,s,n,r){const{min:o,max:i,startAngle:c,angleExtent:u,size:h,section:d,isRtl:m,innerRadius:f}=e,g=`calc(${ye(h,r)})`,C=[],S=t.filter((e=>e.max>o&&e.max<=i)).sort(((e,t)=>e.max-t.max)),p=S.length;for(let e=0;e<p;e++){const t=S[e],r=0===e?o:S[e-1].max,h=0===e?t.max:t.max-S[e-1].max;let F=Ne(r,o,i,c,u,m),A=_e(h,o,i,u);const{startOffset:E,extentOffset:_}=ve(f,u,0===e,t.max===i,m),N=a.getClipPath(F+E,A+_,m,d);if(C.push({clipPath:N,color:l.getDvtThresholdColor(t.color),size:g,section:d}),e===p-1&&t.max<i&&s){F+=(m?1:-1)*A,A=_e(i-t.max,o,i,u);const{startOffset:e,extentOffset:s}=ve(f,u,!1,!0,m);C.push({clipPath:a.getClipPath(F+e,A+s,m,d),color:n,size:g,section:d})}}return C}function $e(e,t,s){const{min:n,max:r,startAngle:o,angleExtent:i,size:a,isRtl:l}=e;return{radius:Ue(a,s),length:Te(a,s),angle:Ne(t.value,n,r,o,i,l),color:t.color}}function ke(e,t,s,n,r,o){const{startAngle:i,angleExtent:l,size:c,section:u,isRtl:h}=e;return{section:u,color:t?"all"===s&&o?`${d.colorSchemeVars.dvt.contrastLine}`:n:"transparent",clipPath:a.getClipPath(i,l,h,u),size:`calc(${ye(c,r)})`}}function be(e,t,s){const{value:n,min:r,max:o,startAngle:i,angleExtent:l,size:c,section:u,isRtl:h}=e,d=(n-r)*l/(o-r),m=Math.min(Math.max(0,t),1),f="left"===u||"right"===u,g="top"===u||"bottom"===u,C=`calc(${ye(c,s)} * ${m})`,S=`${xe(c)} - ((1 - ${m}) * ${ye(c,s)})`,p=`(${S}) / 2`;return{section:u,width:f?`calc(${p})`:`calc(${S})`,height:g?`calc(${p})`:`calc(${S})`,size:C,clipPath:a.getClipPath(i,d,h,u)}}function ve(e,t,s,n,r){if(!e)return{startOffset:0,extentOffset:0};const o=360/(2*Math.PI*e);let i=o/2*(r?1:-1),a=-1*o;return s&&t<360&&(i=0,a=-.5*o),n&&t<360&&(a=-.5*o),{startOffset:i,extentOffset:a}}e.MeterCircle=function({max:e=100,min:o=0,value:l=0,step:c=1,size:h,startAngle:d=90,angleExtent:m=360,isTrackRendered:p=!0,thresholdDisplay:F="all",indicatorSize:A=1,...E}){a.validateRange(o,e,l,c);const _=n.useRef(),{direction:N}=s.useUser(),x="rtl"===N,R=a.getCircleSection(d,m,x),U=n.useRef(Ae(null,R)),y=n.useRef(null),[T,M]=n.useState(!1);n.useEffect((()=>{(E.onCommit||E.onInput||E.children)&&(U.current=Ae(y.current,R),M(!0))}),[h,E.onCommit,E.onInput,E.children]);const $=f.usePointerEvents(l,(t=>{const s=y.current;if(t.target==s)return function(e,t,s,n,r,o,i,l,c){const u=r.current;if(!u)return;const h=a.getCenterCoord(l),{angle:d}=a.convertToPolar(u.width*h.x,u.height*h.y,e.offsetX,e.offsetY),m=a.getPositiveAngle(d);let f;if(c&&o+i>m&&(f=a.getPositiveAngle(d-o)/i*(s-t)),!c){const e=a.getPositiveAngle(o-m);e<=i&&(f=e*(s-t)/i)}return null!=f&&(f=Math.round(f/n)*n),f}(t,o,e,c,U,d,m,R,x)}),y,_,E.onCommit,E.onInput),k=f.useKeyboardEvents(l,o,e,c,_,E.onCommit,E.onInput),{datatipContent:b,datatipProps:v}=f.useMeterDatatip(l,E.datatip,E["aria-describedby"]),P=a.getMeterAriaProps(l,o,e,E["aria-label"],E["aria-labelledby"],E.thresholds),w=r.mergeProps($,k,v,P),{trackColor:I,indicatorColor:z}=a.getTrackAndIndicatorColor(l,F,E.trackColor,E.indicatorColor,E.thresholds),V="bottom"===R||"top"===R?"Horizontal":"left"===R||"right"===R?"Vertical":"Full",B={min:o,max:e,value:l,startAngle:d,angleExtent:m,size:h,section:R,isRtl:x,innerRadius:U.current.innerRadius},j=E.onCommit||E.onInput,{classes:O,styles:q}=C.useComponentTheme(S.MeterCircleRedwoodTheme,{size:h,interaction:j?"isInteractive":"inNotInteractive"}),{isTabbable:L}=g.useTabbableMode(),D=function(e,t){const s=e.current;if(!s)return;const n=a.getCenterCoord(t),r=n.x*s.width,o=n.y*s.height;let i,l,c,u,h,d,m,f;return"top"===t||"bottom"===t||"full"===t?(m=2*s.innerRadius,f="full"===t?2*s.innerRadius:s.innerRadius,h=r-s.innerRadius,d="bottom"===t?0:o-s.innerRadius,c=Math.sqrt(2)*s.innerRadius,u="full"===t?c:s.innerRadius/Math.sqrt(2),i=r-s.innerRadius/Math.sqrt(2),l="bottom"===t?0:o-s.innerRadius/Math.sqrt(2)):(f=2*s.innerRadius,m=s.innerRadius,h="left"===t?r-s.innerRadius:0,d=o-s.innerRadius,u=Math.sqrt(2)*s.innerRadius,c=s.innerRadius/Math.sqrt(2),i="left"===t?r-s.innerRadius/Math.sqrt(2):0,l=o-s.innerRadius/Math.sqrt(2)),{outerBounds:{x:h,y:d,width:m,height:f},innerBounds:{x:i,y:l,width:c,height:u}}}(U,R);return t.jsxs(t.Fragment,{children:[t.jsx("div",{class:u.classNames([O]),tabIndex:L?0:-1,...w,children:t.jsxs(i.CircleWrapper,{ref:y,class:u.classNames([q.circleWrapperBaseStyle,E.referenceLines&&E.referenceLines.length>0?h&&q[`${h}${R}Style`]:"",q[`meterCircle${V}SizeStyle`]]),children:[t.jsx(i.CircleInner,{class:u.classNames([q.circleTrackBaseStyle,q[`${R}Style`]]),...ke(B,p,F,I,E.innerRadius,E.thresholds)}),"all"===F&&E.thresholds&&Me(B,E.thresholds,p,I,E.innerRadius).map((e=>t.jsx(i.CircleInner,{class:u.classNames([q.circleTrackBaseStyle,q[`${R}Style`]]),...e}))),t.jsx(i.CircleInner,{color:z,class:u.classNames([q.circleValueBaseStyle,q[`circleValue${R}Style`],q[`${R}Style`]]),...be(B,A,E.innerRadius)}),E.referenceLines?.map((e=>t.jsx(Fe,{...$e(B,e,E.innerRadius),section:R}))),T&&E.children&&D&&t.jsx("div",{class:u.classNames([q.meterCircleCenterContent]),children:E.children(D)})]})}),b]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MeterCircle.js.map

package/amd/UNSAFE_MeterCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MeterCircle.js","sources":["../../src/UNSAFE_MeterCircle/CircularReferenceLine.tsx","../../src/UNSAFE_MeterCircle/CircleMeterUtils.ts","../../src/UNSAFE_MeterCircle/LayoutUtils.ts","../../src/UNSAFE_MeterCircle/MeterCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterCircleStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'] | DvtThresholdsColors;\n  angle: number;\n  radius: string;\n  length: string;\n  section: getCenterCoordParamType[0];\n};\n\nexport function CircularReferenceLine({\n  color,\n  angle,\n  radius,\n  length,\n  section = 'full'\n}: CircularReferenceLineProps) {\n  const centerCoord = getCenterCoord(section);\n  const yOffset = `calc(${centerCoord.y * 100}% - ((${Math.sin(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  const xOffset = `calc(${centerCoord.x * 100}%  + ((${Math.cos(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  return (\n    <div\n      class={classNames([\n        styles.referenceBaseLineStyle,\n        color ? undefined : styles.referenceBorderStyle\n      ])}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color ? getDvtThresholdColor(color) : undefined\n      }}></div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport {\n  getPositiveAngle,\n  convertToPolar,\n  getCenterCoord,\n  Sector\n} from '../utils/PRIVATE_meterUtils';\n\nimport { CenterContext } from './MeterCircle.types';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n  innerRadius: number;\n  outerRadius: number;\n};\n\n/**\n * Returns the true dimensions of the meter circle after initial render. All dimensions are 0 for initial render.\n * @param element The HTML element that wraps the track and indicator div.\n * @param section The section in which the meter circle lies.\n * @returns The dimensions of the meter circle.\n */\nexport function getDimensions(element: HTMLElement | null, section: Sector): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0,\n      innerRadius: 0,\n      outerRadius: 0\n    };\n  }\n\n  const circleTrack = element.children[0] as HTMLElement;\n  const rect = circleTrack.getBoundingClientRect();\n\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n    ...getInnerAndOuterRadius(circleTrack, rect, section)\n  };\n}\n\n/**\n * Returns the inner and outer radius of the meter circle.\n * @param element The HTML element that wraps the track and indicator div.\n * @param rect The bounding rect of the wrapper HTML element.\n * @param section The section in which the meter circle lies.\n * @returns The inner and outer radius of the meter circle.\n */\nfunction getInnerAndOuterRadius(\n  element: HTMLElement,\n  rect: any,\n  section: string\n): {\n  innerRadius: number;\n  outerRadius: number;\n} {\n  const width = element.clientWidth;\n  const height = element.clientHeight;\n\n  if (section === 'bottom' || section === 'top') {\n    return { outerRadius: rect.width / 2, innerRadius: height };\n  } else if (section === 'left' || section === 'right') {\n    return { outerRadius: rect.height / 2, innerRadius: width };\n  }\n  return { innerRadius: width / 2, outerRadius: rect.width / 2 };\n}\n\n/**\n * Returns the value corresponding to clicked point in the meter circle. Returns undefined if the clicked point is\n * outside the track of the meter circle.\n * @param pageX The pageX of the click event\n * @param pageY The pageY of the click event\n * @param max The max value of the meter circle.\n * @param min The min value of the meter circle.\n * @param step The step of the metercircle.\n * @param dimensionsRef The ref that stores dimensions reference of meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle\n * @returns {number} The value corresponding to clicked point in the meter circle.\n */\nexport function getValue(\n  event: PointerEvent,\n  min: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<Dimensions>,\n  startAngle: number,\n  angleExtent: number,\n  section: Sector,\n  isRtl: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims) {\n    return undefined;\n  }\n\n  const center = getCenterCoord(section);\n  const { angle } = convertToPolar(\n    dims.width * center.x,\n    dims.height * center.y,\n    event.offsetX,\n    event.offsetY\n  );\n\n  const positiveAngle = getPositiveAngle(angle);\n\n  let val;\n  if (isRtl && startAngle + angleExtent > positiveAngle) {\n    val = (getPositiveAngle(angle - startAngle) / angleExtent) * (max - min);\n  }\n\n  if (!isRtl) {\n    const clockwiseArc = getPositiveAngle(startAngle - positiveAngle);\n    if (clockwiseArc <= angleExtent) {\n      val = (clockwiseArc * (max - min)) / angleExtent;\n    }\n  }\n\n  if (val != undefined) {\n    val = Math.round(val / step) * step;\n  }\n  return val;\n}\n\n/**\n * Returns the fraction of angle extent for given delta.\n * @param delta The delta of metric values.\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param angleExtent The angle extent of the meter circle.\n * @returns The angle extent corresponding to delta in metric value.\n */\nexport function getAngleExtentFromDelta(\n  delta: number,\n  min: number,\n  max: number,\n  angleExtent: number\n): number {\n  return (delta * angleExtent) / (max - min);\n}\n\n/**\n * Returns the start angle for given metric value.\n * @param value The metric value\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The startAngle for the metric value.\n */\nexport function getStartAngleForValue(\n  value: number,\n  min: number,\n  max: number,\n  startAngle: number,\n  angleExtent: number,\n  isRtl: boolean\n): number {\n  const extent = getAngleExtentFromDelta(value - min, min, max, angleExtent);\n  return startAngle + (isRtl ? 1 : -1) * extent;\n}\n\n/**\n * Returns the center context of for the meter circle.\n */\nexport function getCenterContext(\n  dimensionsRef: Ref<Dimensions>,\n  section: 'top' | 'bottom' | 'left' | 'right' | 'full'\n): CenterContext | undefined {\n  const dims = dimensionsRef.current;\n\n  if (!dims) {\n    return;\n  }\n\n  const center = getCenterCoord(section);\n  const cx = center.x * dims.width;\n  const cy = center.y * dims.height;\n\n  const isHoriz = section === 'top' || section === 'bottom';\n\n  let innerX, innerY, innerW, innerH;\n  let outerX, outerY, outerW, outerH;\n\n  if (isHoriz || section === 'full') {\n    outerW = 2 * dims.innerRadius;\n    outerH = section === 'full' ? 2 * dims.innerRadius : dims.innerRadius;\n    outerX = cx - dims.innerRadius;\n    outerY = section === 'bottom' ? 0 : cy - dims.innerRadius;\n\n    innerW = Math.sqrt(2) * dims.innerRadius;\n    innerH = section === 'full' ? innerW : dims.innerRadius / Math.sqrt(2);\n    innerX = cx - dims.innerRadius / Math.sqrt(2);\n    innerY = section === 'bottom' ? 0 : cy - dims.innerRadius / Math.sqrt(2);\n  } else {\n    outerH = 2 * dims.innerRadius;\n    outerW = dims.innerRadius;\n    outerX = section === 'left' ? cx - dims.innerRadius : 0;\n    outerY = cy - dims.innerRadius;\n\n    innerH = Math.sqrt(2) * dims.innerRadius;\n    innerW = dims.innerRadius / Math.sqrt(2);\n    innerX = section === 'left' ? cx - dims.innerRadius / Math.sqrt(2) : 0;\n    innerY = cy - dims.innerRadius / Math.sqrt(2);\n  }\n\n  return {\n    outerBounds: {\n      x: outerX,\n      y: outerY,\n      width: outerW,\n      height: outerH\n    },\n    innerBounds: {\n      x: innerX,\n      y: innerY,\n      width: innerW,\n      height: innerH\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Threshold, MeterSize, ThresholdDisplay } from '../utils/UNSAFE_meterTypes';\nimport { getClipPath, Sector } from '../utils/PRIVATE_meterUtils';\nimport { getAngleExtentFromDelta, getStartAngleForValue } from './CircleMeterUtils';\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { meterCircleVars } from './themes/MeterCircleContract.css';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { xUnits } from '../UNSAFE_Theme/utils';\n\nexport type MeterInfo = Required<\n  Pick<MeterProps, 'min' | 'max' | 'value' | 'size' | 'startAngle' | 'angleExtent'>\n> & {\n  section: Sector;\n  isRtl: boolean;\n  innerRadius: number;\n};\n\n/**\n * Returns the css variable corresponding to the default size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default size of the meter circle.\n */\nfunction getSizeVar(size: MeterSize): string {\n  return size ? meterCircleVars.sizes[size] : meterCircleVars.size;\n}\n\n/**\n * Returns the css variable corresponding to the default track size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default track size of the meter circle.\n */\nfunction getTrackSizeVar(size: MeterSize): string {\n  return size ? meterCircleVars.trackSizes[size] : meterCircleVars.trackSize;\n}\n\n/**\n * Returns the calculated css variable string for the inner radius when given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS varible string for the calculated inner radius of the meter circle.\n */\n\nexport function getInnerRadius(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${innerRadius / 2})`;\n  }\n  return `(${getSizeVar(size)} * 0.5 - ${getTrackSizeVar(size)})`;\n}\n\n/**\n * Returns the calculated css variable string for meter circle track for a given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS variable for the calculated track size of the meter circle.\n */\nexport function getTrackSize(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${1 - innerRadius} / 2)`;\n  }\n  return getTrackSizeVar(size);\n}\n\n/**\n * Returns the calculated length of reference line for given size and inner radius of meter circle.\n * The length of reference line runs from the inner radius to slight outside the outer radius.\n * The length outside the outer radius depends on size of the meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns The calculated CSS var for the length of reference line.\n */\nexport function getRefLineLength(size: MeterSize, innerRadius?: number): string {\n  return `${getTrackSize(size, innerRadius)} +  ${xUnits(2)}`;\n}\n\n/**\n * Returns the array of calculated props for InnerCircle representing each threshold.\n * @param meterInfo MeterInfo object containing info about given meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @param isTrackRendered Whether track is rendered.\n * @param trackColor The track color of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns Array of calculated props object for InnerCircle representing each threshold.\n */\nexport function getThresholdsProps(\n  meterInfo: MeterInfo,\n  thresholds: Threshold[],\n  isTrackRendered: boolean,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number\n): Array<{\n  clipPath: string;\n  color?: ColorProps['color'];\n  section: Sector;\n  size: string;\n}> {\n  const {\n    min,\n    max,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: innerDim\n  } = meterInfo;\n  const trackSize = `calc(${getTrackSize(size, innerRadius)})`;\n  const thresholdProps = [];\n  const validThresholds = thresholds\n    .filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n    .sort((a, b) => a.max - b.max);\n  const numOfThreshold = validThresholds.length;\n  for (let i = 0; i < numOfThreshold; i++) {\n    const threshold = validThresholds[i];\n    const startValue = i === 0 ? min : validThresholds[i - 1].max;\n    const diff = i === 0 ? threshold.max : threshold.max - validThresholds[i - 1].max;\n\n    let thresholdStart = getStartAngleForValue(\n      startValue,\n      min,\n      max,\n      startAngle,\n      angleExtent,\n      isRtl\n    );\n    let thresholdExtent = getAngleExtentFromDelta(diff, min, max, angleExtent);\n\n    const { startOffset, extentOffset } = getThresholdsBuffer(\n      innerDim,\n      angleExtent,\n      i === 0,\n      threshold.max === max,\n      isRtl\n    );\n    const clipPath = getClipPath(\n      thresholdStart + startOffset,\n      thresholdExtent + extentOffset,\n      isRtl,\n      section\n    );\n\n    thresholdProps.push({\n      clipPath,\n      color: getDvtThresholdColor(threshold.color),\n      size: trackSize,\n      section\n    });\n\n    if (i === numOfThreshold - 1 && threshold.max < max && isTrackRendered) {\n      thresholdStart = thresholdStart + (isRtl ? 1 : -1) * thresholdExtent;\n      thresholdExtent = getAngleExtentFromDelta(max - threshold.max, min, max, angleExtent);\n      const { startOffset, extentOffset } = getThresholdsBuffer(\n        innerDim,\n        angleExtent,\n        false,\n        true,\n        isRtl\n      );\n      thresholdProps.push({\n        clipPath: getClipPath(\n          thresholdStart + startOffset,\n          thresholdExtent + extentOffset,\n          isRtl,\n          section\n        ),\n        color: trackColor,\n        size: trackSize,\n        section\n      });\n    }\n  }\n  return thresholdProps;\n}\n\n/**\n * Returns the calculated props for CircularReferenceLine.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param refLine The CircularRefLine object\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An bject with calculated props for CircularReferenceLine.\n */\nexport function getReferenceLinesProps(\n  meterInfo: MeterInfo,\n  refLine: CircularRefLine,\n  innerRadius?: number\n): {\n  radius: string;\n  length: string;\n  angle: number;\n  color?: ColorProps['color'];\n} {\n  const { min, max, startAngle, angleExtent, size, isRtl } = meterInfo;\n  return {\n    radius: getInnerRadius(size, innerRadius),\n    length: getRefLineLength(size, innerRadius),\n    angle: getStartAngleForValue(refLine.value, min, max, startAngle, angleExtent, isRtl),\n    color: refLine.color\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the track.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param trackColor The color of the track.\n * @param istrackRendered Whether the track is rendered.\n * @param thresholdDisplay Specifies whether the current threshold is displayed in the track, on the indicator, or if all thresholds are displayed in the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the track.\n */\nexport function getTrackProps(\n  meterInfo: MeterInfo,\n  isTrackRendered: boolean,\n  thresholdDisplay: ThresholdDisplay,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number,\n  thresholds?: Threshold[]\n): {\n  section: Sector;\n  color?: ColorProps['color'];\n  clipPath: string;\n  size: string;\n} {\n  const { startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const color = !isTrackRendered\n    ? 'transparent'\n    : thresholdDisplay === 'all' && thresholds\n    ? `${colorSchemeVars.dvt.contrastLine}`\n    : trackColor;\n  return {\n    section,\n    color,\n    clipPath: getClipPath(startAngle, angleExtent, isRtl, section),\n    size: `calc(${getTrackSize(size, innerRadius)})`\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the indicator.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param indicatorSize Relative thickness of the indicator to the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the indicator.\n */\nexport function getIndicatorProps(\n  meterInfo: MeterInfo,\n  indicatorSize: number,\n  innerRadius?: number\n): {\n  section: Sector;\n  width: string;\n  height: string;\n  size: string;\n  clipPath: string;\n} {\n  const { value, min, max, startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const valueExtent = ((value - min) * angleExtent) / (max - min);\n  const validIndicatorSize = Math.min(Math.max(0, indicatorSize), 1);\n  const isHoriz = section === 'left' || section === 'right';\n  const isVert = section === 'top' || section === 'bottom';\n  const valueTrackSize = `calc(${getTrackSize(size, innerRadius)} * ${validIndicatorSize})`;\n  const diameter = `${getSizeVar(size)} - ((1 - ${validIndicatorSize}) * ${getTrackSize(\n    size,\n    innerRadius\n  )})`;\n  const radius = `(${diameter}) / 2`;\n  return {\n    section,\n    width: isHoriz ? `calc(${radius})` : `calc(${diameter})`,\n    height: isVert ? `calc(${radius})` : `calc(${diameter})`,\n    size: valueTrackSize,\n    clipPath: getClipPath(startAngle, valueExtent, isRtl, section)\n  };\n}\n\n/**\n * Returns the threshold offsets to create the whitespace between the thresholds.\n * @param innerRadius The innerRadius of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param firstThreshold Whether the current threshold is the first threshold.\n * @param lastThreshold  Whether the current threshold is the last threshold.\n * @param isRtl Whether the document reading mode is 'rtl'\n * @returns The offsets (startOffset and extentOffset) to add to calculated threshold startAngle and threhsold extent.\n */\nfunction getThresholdsBuffer(\n  innerRadius: number,\n  angleExtent: number,\n  firstThreshold: boolean,\n  lastThreshold: boolean,\n  isRtl: boolean\n): {\n  startOffset: number;\n  extentOffset: number;\n} {\n  if (!innerRadius) {\n    return { startOffset: 0, extentOffset: 0 };\n  }\n  const offset = 360 / (2 * Math.PI * innerRadius);\n  let startOffset = (offset / 2) * (isRtl ? 1 : -1);\n  let extentOffset = -1 * offset;\n\n  if (firstThreshold && angleExtent < 360) {\n    startOffset = 0;\n    extentOffset = -0.5 * offset;\n  }\n\n  if (lastThreshold && angleExtent < 360) {\n    extentOffset = -0.5 * offset;\n  }\n  return { startOffset, extentOffset };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { CircularReferenceLine } from './CircularReferenceLine';\n\nimport {\n  validateRange,\n  getTrackAndIndicatorColor,\n  getMeterAriaProps,\n  getCircleSection\n} from '../utils/PRIVATE_meterUtils';\n\nimport { getDimensions, getValue, getCenterContext } from './CircleMeterUtils';\n\nimport {\n  getIndicatorProps,\n  getTrackProps,\n  getThresholdsProps,\n  getReferenceLinesProps,\n  MeterInfo\n} from './LayoutUtils';\n\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterCircleStyles, MeterCircleVariantOptions } from './themes/MeterCircleStyles.css';\nimport { MeterCircleRedwoodTheme } from './themes/redwood/MeterCircleTheme';\n\n/**\n * A Meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterCircle({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  size,\n  startAngle = 90,\n  angleExtent = 360,\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterProps) {\n  validateRange(min, max, value, step);\n  const currentInputRef = useRef<number>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const section = getCircleSection(startAngle, angleExtent, isRtl);\n  const dimensionsRef = useRef(getDimensions(null, section));\n  const circleWrapperRef = useRef<HTMLDivElement>(null);\n  const [isDimsReady, setDimsReady] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput || props.children) {\n      dimensionsRef.current = getDimensions(circleWrapperRef.current, section);\n      setDimsReady(true);\n    }\n  }, [size, props.onCommit, props.onInput, props.children]);\n\n  const getValueFromEvent = (event: PointerEvent) => {\n    const circleContainer = circleWrapperRef.current;\n    if (event.target == circleContainer) {\n      return getValue(\n        event,\n        min,\n        max,\n        step,\n        dimensionsRef,\n        startAngle,\n        angleExtent,\n        section,\n        isRtl\n      );\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    circleWrapperRef,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds\n  );\n  const mergedProps = mergeProps(pointerEventsProps, keyboardEventsProps, datatipProps, ariaProps);\n\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const orientation =\n    section === 'bottom' || section === 'top'\n      ? 'Horizontal'\n      : section === 'left' || section === 'right'\n      ? 'Vertical'\n      : 'Full';\n\n  const meterInfo = {\n    min,\n    max,\n    value,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: dimensionsRef.current.innerRadius\n  } as MeterInfo;\n  const isInteractive = props.onCommit || props.onInput;\n\n  const { classes, styles } = useComponentTheme<MeterCircleVariantOptions, MeterCircleStyles>(\n    MeterCircleRedwoodTheme,\n    {\n      size,\n      interaction: isInteractive ? 'isInteractive' : 'inNotInteractive'\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n\n  return (\n    <>\n      <div class={classNames([classes])} tabIndex={!isTabbable ? -1 : 0} {...mergedProps}>\n        <CircleWrapper\n          ref={circleWrapperRef}\n          class={classNames([\n            styles.circleWrapperBaseStyle,\n            props.referenceLines && props.referenceLines.length > 0\n              ? size && styles[`${size}${section}Style`]\n              : '',\n            styles[`meterCircle${orientation}SizeStyle`]\n          ])}>\n          <CircleInner\n            class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n            {...getTrackProps(\n              meterInfo,\n              isTrackRendered,\n              thresholdDisplay,\n              trackColor,\n              props.innerRadius,\n              props.thresholds\n            )}\n          />\n          {thresholdDisplay === 'all' &&\n            props.thresholds &&\n            getThresholdsProps(\n              meterInfo,\n              props.thresholds,\n              isTrackRendered,\n              trackColor,\n              props.innerRadius\n            ).map((threshold) => {\n              return (\n                <CircleInner\n                  class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([\n              styles.circleValueBaseStyle,\n              styles[`circleValue${section}Style`],\n              styles[`${section}Style`]\n            ])}\n            {...getIndicatorProps(meterInfo, indicatorSize, props.innerRadius)}\n          />\n          {props.referenceLines?.map((refLine: CircularRefLine) => {\n            return (\n              <CircularReferenceLine\n                {...getReferenceLinesProps(meterInfo, refLine, props.innerRadius)}\n                section={section}\n              />\n            );\n          })}\n          {isDimsReady && props.children && centerContext && (\n            <div class={classNames([styles.meterCircleCenterContent])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","_jsx","class","classNames","styles","referenceBaseLineStyle","undefined","referenceBorderStyle","style","left","top","width","transform","backgroundColor","getDvtThresholdColor","getDimensions","element","height","innerRadius","outerRadius","circleTrack","children","rect","getBoundingClientRect","round","getInnerAndOuterRadius","clientWidth","clientHeight","getAngleExtentFromDelta","delta","min","max","angleExtent","getStartAngleForValue","value","startAngle","isRtl","getSizeVar","size","meterCircleVars","sizes","getTrackSizeVar","trackSizes","trackSize","getInnerRadius","getTrackSize","getRefLineLength","xUnits","getThresholdsProps","meterInfo","thresholds","isTrackRendered","trackColor","innerDim","thresholdProps","validThresholds","filter","threshold","sort","a","b","numOfThreshold","i","startValue","diff","thresholdStart","thresholdExtent","startOffset","extentOffset","getThresholdsBuffer","clipPath","getClipPath","push","getReferenceLinesProps","refLine","getTrackProps","thresholdDisplay","colorSchemeVars","dvt","contrastLine","getIndicatorProps","indicatorSize","valueExtent","validIndicatorSize","isHoriz","isVert","valueTrackSize","diameter","firstThreshold","lastThreshold","offset","step","props","validateRange","currentInputRef","useRef","direction","useUser","getCircleSection","dimensionsRef","circleWrapperRef","isDimsReady","setDimsReady","useState","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","circleContainer","target","dims","center","convertToPolar","offsetX","offsetY","positiveAngle","getPositiveAngle","val","clockwiseArc","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaProps","getMeterAriaProps","mergedProps","mergeProps","indicatorColor","getTrackAndIndicatorColor","orientation","isInteractive","classes","useComponentTheme","MeterCircleRedwoodTheme","interaction","isTabbable","useTabbableMode","centerContext","cx","cy","innerX","innerY","innerW","innerH","outerX","outerY","outerW","outerH","sqrt","outerBounds","innerBounds","getCenterContext","_jsxs","_Fragment","jsx","tabIndex","CircleWrapper","ref","circleWrapperBaseStyle","referenceLines","CircleInner","circleTrackBaseStyle","map","circleValueBaseStyle","meterCircleCenterContent"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MeterCircle.js","sources":["../../src/UNSAFE_MeterCircle/CircularReferenceLine.tsx","../../src/UNSAFE_MeterCircle/CircleMeterUtils.ts","../../src/UNSAFE_MeterCircle/LayoutUtils.ts","../../src/UNSAFE_MeterCircle/MeterCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { getCenterCoord } from '../utils/PRIVATE_meterUtils';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { DvtThresholdsColors, getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { styles } from './themes/MeterCircleStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype getCenterCoordParamType = Parameters<typeof getCenterCoord>;\n\nexport type CircularReferenceLineProps = {\n  color?: ColorProps['color'] | DvtThresholdsColors;\n  angle: number;\n  radius: string;\n  length: string;\n  section: getCenterCoordParamType[0];\n};\n\nexport function CircularReferenceLine({\n  color,\n  angle,\n  radius,\n  length,\n  section = 'full'\n}: CircularReferenceLineProps) {\n  const centerCoord = getCenterCoord(section);\n  const yOffset = `calc(${centerCoord.y * 100}% - ((${Math.sin(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  const xOffset = `calc(${centerCoord.x * 100}%  + ((${Math.cos(\n    (angle * 2 * Math.PI) / 360\n  )} * ${radius})))`;\n  return (\n    <div\n      class={classNames([\n        styles.referenceBaseLineStyle,\n        color ? undefined : styles.referenceBorderStyle\n      ])}\n      style={{\n        left: xOffset,\n        top: yOffset,\n        width: `calc(${length})`,\n        transform: `translate(0, -1px) rotate(${360 - angle}deg)`,\n        backgroundColor: color ? getDvtThresholdColor(color) : undefined\n      }}></div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { Ref } from 'preact/hooks';\nimport {\n  getPositiveAngle,\n  convertToPolar,\n  getCenterCoord,\n  Sector\n} from '../utils/PRIVATE_meterUtils';\n\nimport { CenterContext } from './MeterCircle.types';\n\ntype Dimensions = {\n  width: number;\n  height: number;\n  innerRadius: number;\n  outerRadius: number;\n};\n\n/**\n * Returns the true dimensions of the meter circle after initial render. All dimensions are 0 for initial render.\n * @param element The HTML element that wraps the track and indicator div.\n * @param section The section in which the meter circle lies.\n * @returns The dimensions of the meter circle.\n */\nexport function getDimensions(element: HTMLElement | null, section: Sector): Dimensions {\n  if (!element) {\n    return {\n      width: 0,\n      height: 0,\n      innerRadius: 0,\n      outerRadius: 0\n    };\n  }\n\n  const circleTrack = element.children[0] as HTMLElement;\n  const rect = circleTrack.getBoundingClientRect();\n\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n    ...getInnerAndOuterRadius(circleTrack, rect, section)\n  };\n}\n\n/**\n * Returns the inner and outer radius of the meter circle.\n * @param element The HTML element that wraps the track and indicator div.\n * @param rect The bounding rect of the wrapper HTML element.\n * @param section The section in which the meter circle lies.\n * @returns The inner and outer radius of the meter circle.\n */\nfunction getInnerAndOuterRadius(\n  element: HTMLElement,\n  rect: any,\n  section: string\n): {\n  innerRadius: number;\n  outerRadius: number;\n} {\n  const width = element.clientWidth;\n  const height = element.clientHeight;\n\n  if (section === 'bottom' || section === 'top') {\n    return { outerRadius: rect.width / 2, innerRadius: height };\n  } else if (section === 'left' || section === 'right') {\n    return { outerRadius: rect.height / 2, innerRadius: width };\n  }\n  return { innerRadius: width / 2, outerRadius: rect.width / 2 };\n}\n\n/**\n * Returns the value corresponding to clicked point in the meter circle. Returns undefined if the clicked point is\n * outside the track of the meter circle.\n * @param pageX The pageX of the click event\n * @param pageY The pageY of the click event\n * @param max The max value of the meter circle.\n * @param min The min value of the meter circle.\n * @param step The step of the metercircle.\n * @param dimensionsRef The ref that stores dimensions reference of meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle\n * @returns {number} The value corresponding to clicked point in the meter circle.\n */\nexport function getValue(\n  event: PointerEvent,\n  min: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<Dimensions>,\n  startAngle: number,\n  angleExtent: number,\n  section: Sector,\n  isRtl: boolean\n): number | undefined {\n  const dims = dimensionsRef.current;\n  if (!dims) {\n    return undefined;\n  }\n\n  const center = getCenterCoord(section);\n  const { angle } = convertToPolar(\n    dims.width * center.x,\n    dims.height * center.y,\n    event.offsetX,\n    event.offsetY\n  );\n\n  const positiveAngle = getPositiveAngle(angle);\n\n  let val;\n  if (isRtl && startAngle + angleExtent > positiveAngle) {\n    val = (getPositiveAngle(angle - startAngle) / angleExtent) * (max - min);\n  }\n\n  if (!isRtl) {\n    const clockwiseArc = getPositiveAngle(startAngle - positiveAngle);\n    if (clockwiseArc <= angleExtent) {\n      val = (clockwiseArc * (max - min)) / angleExtent;\n    }\n  }\n\n  if (val != undefined) {\n    val = Math.round(val / step) * step;\n  }\n  return val;\n}\n\n/**\n * Returns the fraction of angle extent for given delta.\n * @param delta The delta of metric values.\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param angleExtent The angle extent of the meter circle.\n * @returns The angle extent corresponding to delta in metric value.\n */\nexport function getAngleExtentFromDelta(\n  delta: number,\n  min: number,\n  max: number,\n  angleExtent: number\n): number {\n  return (delta * angleExtent) / (max - min);\n}\n\n/**\n * Returns the start angle for given metric value.\n * @param value The metric value\n * @param min The minimum value of the meter circle.\n * @param max The maximum value of the meter circle.\n * @param startAngle The startAngle of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param isRtl Whether the reading mode is 'rtl'\n * @returns The startAngle for the metric value.\n */\nexport function getStartAngleForValue(\n  value: number,\n  min: number,\n  max: number,\n  startAngle: number,\n  angleExtent: number,\n  isRtl: boolean\n): number {\n  const extent = getAngleExtentFromDelta(value - min, min, max, angleExtent);\n  return startAngle + (isRtl ? 1 : -1) * extent;\n}\n\n/**\n * Returns the center context of for the meter circle.\n */\nexport function getCenterContext(\n  dimensionsRef: Ref<Dimensions>,\n  section: 'top' | 'bottom' | 'left' | 'right' | 'full'\n): CenterContext | undefined {\n  const dims = dimensionsRef.current;\n\n  if (!dims) {\n    return;\n  }\n\n  const center = getCenterCoord(section);\n  const cx = center.x * dims.width;\n  const cy = center.y * dims.height;\n\n  const isHoriz = section === 'top' || section === 'bottom';\n\n  let innerX, innerY, innerW, innerH;\n  let outerX, outerY, outerW, outerH;\n\n  if (isHoriz || section === 'full') {\n    outerW = 2 * dims.innerRadius;\n    outerH = section === 'full' ? 2 * dims.innerRadius : dims.innerRadius;\n    outerX = cx - dims.innerRadius;\n    outerY = section === 'bottom' ? 0 : cy - dims.innerRadius;\n\n    innerW = Math.sqrt(2) * dims.innerRadius;\n    innerH = section === 'full' ? innerW : dims.innerRadius / Math.sqrt(2);\n    innerX = cx - dims.innerRadius / Math.sqrt(2);\n    innerY = section === 'bottom' ? 0 : cy - dims.innerRadius / Math.sqrt(2);\n  } else {\n    outerH = 2 * dims.innerRadius;\n    outerW = dims.innerRadius;\n    outerX = section === 'left' ? cx - dims.innerRadius : 0;\n    outerY = cy - dims.innerRadius;\n\n    innerH = Math.sqrt(2) * dims.innerRadius;\n    innerW = dims.innerRadius / Math.sqrt(2);\n    innerX = section === 'left' ? cx - dims.innerRadius / Math.sqrt(2) : 0;\n    innerY = cy - dims.innerRadius / Math.sqrt(2);\n  }\n\n  return {\n    outerBounds: {\n      x: outerX,\n      y: outerY,\n      width: outerW,\n      height: outerH\n    },\n    innerBounds: {\n      x: innerX,\n      y: innerY,\n      width: innerW,\n      height: innerH\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Threshold, MeterSize, ThresholdDisplay } from '../utils/UNSAFE_meterTypes';\nimport { getClipPath, Sector } from '../utils/PRIVATE_meterUtils';\nimport { getAngleExtentFromDelta, getStartAngleForValue } from './CircleMeterUtils';\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getDvtThresholdColor } from '../utils/UNSAFE_dvtCommonUtils';\nimport { meterCircleVars } from './themes/MeterCircleContract.css';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { xUnits } from '../UNSAFE_Theme/utils';\n\nexport type MeterInfo = Required<\n  Pick<MeterProps, 'min' | 'max' | 'value' | 'size' | 'startAngle' | 'angleExtent'>\n> & {\n  section: Sector;\n  isRtl: boolean;\n  innerRadius: number;\n};\n\n/**\n * Returns the css variable corresponding to the default size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default size of the meter circle.\n */\nfunction getSizeVar(size: MeterSize): string {\n  return size ? meterCircleVars.sizes[size] : meterCircleVars.size;\n}\n\n/**\n * Returns the css variable corresponding to the default track size of the meter circle.\n * @param size The size of the meter circle.\n * @returns The css variable corresponding to the default track size of the meter circle.\n */\nfunction getTrackSizeVar(size: MeterSize): string {\n  return size ? meterCircleVars.trackSizes[size] : meterCircleVars.trackSize;\n}\n\n/**\n * Returns the calculated css variable string for the inner radius when given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS varible string for the calculated inner radius of the meter circle.\n */\n\nexport function getInnerRadius(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${innerRadius / 2})`;\n  }\n  return `(${getSizeVar(size)} * 0.5 - ${getTrackSizeVar(size)})`;\n}\n\n/**\n * Returns the calculated css variable string for meter circle track for a given size and innerRadius of meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns {string} CSS variable for the calculated track size of the meter circle.\n */\nexport function getTrackSize(size: MeterSize, innerRadius?: number): string {\n  if (innerRadius != undefined) {\n    return `(${getSizeVar(size)} * ${1 - innerRadius} / 2)`;\n  }\n  return getTrackSizeVar(size);\n}\n\n/**\n * Returns the calculated length of reference line for given size and inner radius of meter circle.\n * The length of reference line runs from the inner radius to slight outside the outer radius.\n * The length outside the outer radius depends on size of the meter circle.\n * @param size The size of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns The calculated CSS var for the length of reference line.\n */\nexport function getRefLineLength(size: MeterSize, innerRadius?: number): string {\n  return `${getTrackSize(size, innerRadius)} +  ${xUnits(2)}`;\n}\n\n/**\n * Returns the array of calculated props for InnerCircle representing each threshold.\n * @param meterInfo MeterInfo object containing info about given meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @param isTrackRendered Whether track is rendered.\n * @param trackColor The track color of the meter circle.\n * @param innerRadius The inner radius of the meter circle.\n * @returns Array of calculated props object for InnerCircle representing each threshold.\n */\nexport function getThresholdsProps(\n  meterInfo: MeterInfo,\n  thresholds: Threshold[],\n  isTrackRendered: boolean,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number\n): Array<{\n  clipPath: string;\n  color?: ColorProps['color'];\n  section: Sector;\n  size: string;\n}> {\n  const {\n    min,\n    max,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: innerDim\n  } = meterInfo;\n  const trackSize = `calc(${getTrackSize(size, innerRadius)})`;\n  const thresholdProps = [];\n  const validThresholds = thresholds\n    .filter((threshold: Threshold) => threshold.max > min && threshold.max <= max)\n    .sort((a, b) => a.max - b.max);\n  const numOfThreshold = validThresholds.length;\n  for (let i = 0; i < numOfThreshold; i++) {\n    const threshold = validThresholds[i];\n    const startValue = i === 0 ? min : validThresholds[i - 1].max;\n    const diff = i === 0 ? threshold.max : threshold.max - validThresholds[i - 1].max;\n\n    let thresholdStart = getStartAngleForValue(\n      startValue,\n      min,\n      max,\n      startAngle,\n      angleExtent,\n      isRtl\n    );\n    let thresholdExtent = getAngleExtentFromDelta(diff, min, max, angleExtent);\n\n    const { startOffset, extentOffset } = getThresholdsBuffer(\n      innerDim,\n      angleExtent,\n      i === 0,\n      threshold.max === max,\n      isRtl\n    );\n    const clipPath = getClipPath(\n      thresholdStart + startOffset,\n      thresholdExtent + extentOffset,\n      isRtl,\n      section\n    );\n\n    thresholdProps.push({\n      clipPath,\n      color: getDvtThresholdColor(threshold.color),\n      size: trackSize,\n      section\n    });\n\n    if (i === numOfThreshold - 1 && threshold.max < max && isTrackRendered) {\n      thresholdStart = thresholdStart + (isRtl ? 1 : -1) * thresholdExtent;\n      thresholdExtent = getAngleExtentFromDelta(max - threshold.max, min, max, angleExtent);\n      const { startOffset, extentOffset } = getThresholdsBuffer(\n        innerDim,\n        angleExtent,\n        false,\n        true,\n        isRtl\n      );\n      thresholdProps.push({\n        clipPath: getClipPath(\n          thresholdStart + startOffset,\n          thresholdExtent + extentOffset,\n          isRtl,\n          section\n        ),\n        color: trackColor,\n        size: trackSize,\n        section\n      });\n    }\n  }\n  return thresholdProps;\n}\n\n/**\n * Returns the calculated props for CircularReferenceLine.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param refLine The CircularRefLine object\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An bject with calculated props for CircularReferenceLine.\n */\nexport function getReferenceLinesProps(\n  meterInfo: MeterInfo,\n  refLine: CircularRefLine,\n  innerRadius?: number\n): {\n  radius: string;\n  length: string;\n  angle: number;\n  color?: ColorProps['color'];\n} {\n  const { min, max, startAngle, angleExtent, size, isRtl } = meterInfo;\n  return {\n    radius: getInnerRadius(size, innerRadius),\n    length: getRefLineLength(size, innerRadius),\n    angle: getStartAngleForValue(refLine.value, min, max, startAngle, angleExtent, isRtl),\n    color: refLine.color\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the track.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param trackColor The color of the track.\n * @param istrackRendered Whether the track is rendered.\n * @param thresholdDisplay Specifies whether the current threshold is displayed in the track, on the indicator, or if all thresholds are displayed in the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @param thresholds thresholds array of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the track.\n */\nexport function getTrackProps(\n  meterInfo: MeterInfo,\n  isTrackRendered: boolean,\n  thresholdDisplay: ThresholdDisplay,\n  trackColor?: ColorProps['color'],\n  innerRadius?: number,\n  thresholds?: Threshold[]\n): {\n  section: Sector;\n  color?: ColorProps['color'];\n  clipPath: string;\n  size: string;\n} {\n  const { startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const color = !isTrackRendered\n    ? 'transparent'\n    : thresholdDisplay === 'all' && thresholds\n    ? `${colorSchemeVars.dvt.contrastLine}`\n    : trackColor;\n  return {\n    section,\n    color,\n    clipPath: getClipPath(startAngle, angleExtent, isRtl, section),\n    size: `calc(${getTrackSize(size, innerRadius)})`\n  };\n}\n\n/**\n * Returns the calculated props for InnerCircle representing the indicator.\n * @param meterInfo MeterInfo object containing info about the meter circle.\n * @param indicatorSize Relative thickness of the indicator to the track.\n * @param innerRadius The innerRadius of the meter circle.\n * @returns An object with calculated props for InnerCircle that represents the indicator.\n */\nexport function getIndicatorProps(\n  meterInfo: MeterInfo,\n  indicatorSize: number,\n  innerRadius?: number\n): {\n  section: Sector;\n  width: string;\n  height: string;\n  size: string;\n  clipPath: string;\n} {\n  const { value, min, max, startAngle, angleExtent, size, section, isRtl } = meterInfo;\n  const valueExtent = ((value - min) * angleExtent) / (max - min);\n  const validIndicatorSize = Math.min(Math.max(0, indicatorSize), 1);\n  const isHoriz = section === 'left' || section === 'right';\n  const isVert = section === 'top' || section === 'bottom';\n  const valueTrackSize = `calc(${getTrackSize(size, innerRadius)} * ${validIndicatorSize})`;\n  const diameter = `${getSizeVar(size)} - ((1 - ${validIndicatorSize}) * ${getTrackSize(\n    size,\n    innerRadius\n  )})`;\n  const radius = `(${diameter}) / 2`;\n  return {\n    section,\n    width: isHoriz ? `calc(${radius})` : `calc(${diameter})`,\n    height: isVert ? `calc(${radius})` : `calc(${diameter})`,\n    size: valueTrackSize,\n    clipPath: getClipPath(startAngle, valueExtent, isRtl, section)\n  };\n}\n\n/**\n * Returns the threshold offsets to create the whitespace between the thresholds.\n * @param innerRadius The innerRadius of the meter circle.\n * @param angleExtent The angleExtent of the meter circle.\n * @param firstThreshold Whether the current threshold is the first threshold.\n * @param lastThreshold  Whether the current threshold is the last threshold.\n * @param isRtl Whether the document reading mode is 'rtl'\n * @returns The offsets (startOffset and extentOffset) to add to calculated threshold startAngle and threhsold extent.\n */\nfunction getThresholdsBuffer(\n  innerRadius: number,\n  angleExtent: number,\n  firstThreshold: boolean,\n  lastThreshold: boolean,\n  isRtl: boolean\n): {\n  startOffset: number;\n  extentOffset: number;\n} {\n  if (!innerRadius) {\n    return { startOffset: 0, extentOffset: 0 };\n  }\n  const offset = 360 / (2 * Math.PI * innerRadius);\n  let startOffset = (offset / 2) * (isRtl ? 1 : -1);\n  let extentOffset = -1 * offset;\n\n  if (firstThreshold && angleExtent < 360) {\n    startOffset = 0;\n    extentOffset = -0.5 * offset;\n  }\n\n  if (lastThreshold && angleExtent < 360) {\n    extentOffset = -0.5 * offset;\n  }\n  return { startOffset, extentOffset };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { CircularReferenceLine } from './CircularReferenceLine';\n\nimport {\n  validateRange,\n  getTrackAndIndicatorColor,\n  getMeterAriaProps,\n  getCircleSection\n} from '../utils/PRIVATE_meterUtils';\n\nimport { getDimensions, getValue, getCenterContext } from './CircleMeterUtils';\n\nimport {\n  getIndicatorProps,\n  getTrackProps,\n  getThresholdsProps,\n  getReferenceLinesProps,\n  MeterInfo\n} from './LayoutUtils';\n\nimport {\n  usePointerEvents,\n  useKeyboardEvents,\n  useMeterDatatip\n} from '../hooks/PRIVATE_useDvtMeterEvents';\n\nimport { MeterProps, CircularRefLine } from './MeterCircle.types';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MeterCircleStyles, MeterCircleVariantOptions } from './themes/MeterCircleStyles.css';\nimport { MeterCircleRedwoodTheme } from './themes/redwood/MeterCircleTheme';\n\n/**\n * A Meter circle displays information graphically in a circular bar, highlighting a specific metric value's progress in relation to its min, max, or thresholds.\n */\nexport function MeterCircle({\n  max = 100,\n  min = 0,\n  value = 0,\n  step = 1,\n  size,\n  startAngle = 90,\n  angleExtent = 360,\n  isTrackRendered = true,\n  thresholdDisplay = 'all',\n  indicatorSize = 1,\n  ...props\n}: MeterProps) {\n  validateRange(min, max, value, step);\n  const currentInputRef = useRef<number>();\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const section = getCircleSection(startAngle, angleExtent, isRtl);\n  const dimensionsRef = useRef(getDimensions(null, section));\n  const circleWrapperRef = useRef<HTMLDivElement>(null);\n  const [isDimsReady, setDimsReady] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (props.onCommit || props.onInput || props.children) {\n      dimensionsRef.current = getDimensions(circleWrapperRef.current, section);\n      setDimsReady(true);\n    }\n  }, [size, props.onCommit, props.onInput, props.children]);\n\n  const getValueFromEvent = (event: PointerEvent) => {\n    const circleContainer = circleWrapperRef.current;\n    if (event.target == circleContainer) {\n      return getValue(\n        event,\n        min,\n        max,\n        step,\n        dimensionsRef,\n        startAngle,\n        angleExtent,\n        section,\n        isRtl\n      );\n    }\n    return;\n  };\n\n  const pointerEventsProps = usePointerEvents(\n    value,\n    getValueFromEvent,\n    circleWrapperRef,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const keyboardEventsProps = useKeyboardEvents(\n    value,\n    min,\n    max,\n    step,\n    currentInputRef,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { datatipContent, datatipProps } = useMeterDatatip(\n    value,\n    props.datatip,\n    props['aria-describedby']\n  );\n\n  const ariaProps = getMeterAriaProps(\n    value,\n    min,\n    max,\n    props['aria-label'],\n    props['aria-labelledby'],\n    props.thresholds\n  );\n  const mergedProps = mergeProps(pointerEventsProps, keyboardEventsProps, datatipProps, ariaProps);\n\n  const { trackColor, indicatorColor } = getTrackAndIndicatorColor(\n    value,\n    thresholdDisplay,\n    props.trackColor,\n    props.indicatorColor,\n    props.thresholds\n  );\n\n  const orientation =\n    section === 'bottom' || section === 'top'\n      ? 'Horizontal'\n      : section === 'left' || section === 'right'\n      ? 'Vertical'\n      : 'Full';\n\n  const meterInfo = {\n    min,\n    max,\n    value,\n    startAngle,\n    angleExtent,\n    size,\n    section,\n    isRtl,\n    innerRadius: dimensionsRef.current.innerRadius\n  } as MeterInfo;\n  const isInteractive = props.onCommit || props.onInput;\n\n  const { classes, styles } = useComponentTheme<MeterCircleVariantOptions, MeterCircleStyles>(\n    MeterCircleRedwoodTheme,\n    {\n      size,\n      interaction: isInteractive ? 'isInteractive' : 'inNotInteractive'\n    }\n  );\n\n  const { isTabbable } = useTabbableMode();\n  const centerContext = getCenterContext(dimensionsRef, section);\n\n  return (\n    <>\n      <div class={classNames([classes])} tabIndex={!isTabbable ? -1 : 0} {...mergedProps}>\n        <CircleWrapper\n          ref={circleWrapperRef}\n          class={classNames([\n            styles.circleWrapperBaseStyle,\n            props.referenceLines && props.referenceLines.length > 0\n              ? size && styles[`${size}${section}Style`]\n              : '',\n            styles[`meterCircle${orientation}SizeStyle`]\n          ])}>\n          <CircleInner\n            class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n            {...getTrackProps(\n              meterInfo,\n              isTrackRendered,\n              thresholdDisplay,\n              trackColor,\n              props.innerRadius,\n              props.thresholds\n            )}\n          />\n          {thresholdDisplay === 'all' &&\n            props.thresholds &&\n            getThresholdsProps(\n              meterInfo,\n              props.thresholds,\n              isTrackRendered,\n              trackColor,\n              props.innerRadius\n            ).map((threshold) => {\n              return (\n                <CircleInner\n                  class={classNames([styles.circleTrackBaseStyle, styles[`${section}Style`]])}\n                  {...threshold}\n                />\n              );\n            })}\n\n          <CircleInner\n            color={indicatorColor}\n            class={classNames([\n              styles.circleValueBaseStyle,\n              styles[`circleValue${section}Style`],\n              styles[`${section}Style`]\n            ])}\n            {...getIndicatorProps(meterInfo, indicatorSize, props.innerRadius)}\n          />\n          {props.referenceLines?.map((refLine: CircularRefLine) => {\n            return (\n              <CircularReferenceLine\n                {...getReferenceLinesProps(meterInfo, refLine, props.innerRadius)}\n                section={section}\n              />\n            );\n          })}\n          {isDimsReady && props.children && centerContext && (\n            <div class={classNames([styles.meterCircleCenterContent])}>\n              {props.children(centerContext)}\n            </div>\n          )}\n        </CircleWrapper>\n      </div>\n      {datatipContent}\n    </>\n  );\n}\n"],"names":["CircularReferenceLine","color","angle","radius","length","section","centerCoord","getCenterCoord","yOffset","y","Math","sin","PI","xOffset","x","cos","_jsx","class","classNames","styles","referenceBaseLineStyle","undefined","referenceBorderStyle","style","left","top","width","transform","backgroundColor","getDvtThresholdColor","getDimensions","element","height","innerRadius","outerRadius","circleTrack","children","rect","getBoundingClientRect","round","getInnerAndOuterRadius","clientWidth","clientHeight","getAngleExtentFromDelta","delta","min","max","angleExtent","getStartAngleForValue","value","startAngle","isRtl","getSizeVar","size","meterCircleVars","sizes","getTrackSizeVar","trackSizes","trackSize","getInnerRadius","getTrackSize","getRefLineLength","xUnits","getThresholdsProps","meterInfo","thresholds","isTrackRendered","trackColor","innerDim","thresholdProps","validThresholds","filter","threshold","sort","a","b","numOfThreshold","i","startValue","diff","thresholdStart","thresholdExtent","startOffset","extentOffset","getThresholdsBuffer","clipPath","getClipPath","push","getReferenceLinesProps","refLine","getTrackProps","thresholdDisplay","colorSchemeVars","dvt","contrastLine","getIndicatorProps","indicatorSize","valueExtent","validIndicatorSize","isHoriz","isVert","valueTrackSize","diameter","firstThreshold","lastThreshold","offset","step","props","validateRange","currentInputRef","useRef","direction","useUser","getCircleSection","dimensionsRef","circleWrapperRef","isDimsReady","setDimsReady","useState","useEffect","onCommit","onInput","current","pointerEventsProps","usePointerEvents","event","circleContainer","target","dims","center","convertToPolar","offsetX","offsetY","positiveAngle","getPositiveAngle","val","clockwiseArc","getValue","keyboardEventsProps","useKeyboardEvents","datatipContent","datatipProps","useMeterDatatip","datatip","ariaProps","getMeterAriaProps","mergedProps","mergeProps","indicatorColor","getTrackAndIndicatorColor","orientation","isInteractive","classes","useComponentTheme","MeterCircleRedwoodTheme","interaction","isTabbable","useTabbableMode","centerContext","cx","cy","innerX","innerY","innerW","innerH","outerX","outerY","outerW","outerH","sqrt","outerBounds","innerBounds","getCenterContext","_jsxs","_Fragment","jsx","tabIndex","CircleWrapper","ref","circleWrapperBaseStyle","referenceLines","CircleInner","circleTrackBaseStyle","map","circleValueBaseStyle","meterCircleCenterContent"],"mappings":"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"}

package/amd/UNSAFE_Modal/themes/ModalStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../ModalStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(t,e,a){"use strict";var r=a.createRuntimeFn({defaultClassName:"ModalStyles_backdropStyle__1src2tr1",variantClassNames:{backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},defaultVariants:{},compoundVariants:[]});t.baseStyle="ModalStyles_baseStyle__1src2tr0",t.multiVariantStyles=r,t.styles={backdropStyle:"ModalStyles_backdropStyle__1src2tr1"},t.variants={backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../ModalStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(t,a,e){"use strict";var r=e.createRuntimeFn({defaultClassName:"ModalStyles_backdropStyle__1src2tr1",variantClassNames:{backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},defaultVariants:{},compoundVariants:[]});t.baseStyle="ModalStyles_baseStyle__1src2tr0",t.multiVariantStyles=r,t.styles={backdropStyle:"ModalStyles_backdropStyle__1src2tr1"},t.variants={backdrop:{scrim:"ModalStyles_backdropScrimStyle__1src2tr2",transparent:"ModalStyles_backdropTransparentStyle__1src2tr3"}},Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ModalStyles.css.js.map

package/amd/UNSAFE_Modal.js

@@ -1,2 +1,2 @@
-define(['exports', './Modal-b2626bb2', 'preact/jsx-runtime', 'preact/compat', './useModal-d345aa53', './UNSAFE_Layer', './index-d6b6bee8', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/hooks', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-dfde7bba', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-b5cf9a39', './_curry1-1f658b88', './_curry3-05ec2e23', './_curry2-4a554218', './_has-34b23a64', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,o,a,r,l,m,c,d,n,i,u,h,_,S,b,p,N,F,y,A,E,M,U,f,C,x,k){"use strict";e.Modal=s.Modal,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Modal-777cec61', 'preact/jsx-runtime', 'preact/compat', './useModal-5a53a720', './UNSAFE_Layer', './index-7d284134', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/hooks', './useThemeInterpolations-dfcea3a4', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-660e6564', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-9bbd55a1', './_curry1-8d670ed2', './_curry3-ffc07984', './_curry2-8489a571', './_has-6763283b', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,s,t,o,a,c,r,l,m,n,d,i,u,h,_,S,p,N,F,y,A,E,M,U,f,C,b,x,k){"use strict";e.Modal=s.Modal,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Modal.js.map

package/amd/UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,s,i,a,n,m,l){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:i.multiVariantStyles,variants:t.variants,styles:t.styles};e.NavigationListItemRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,s,a,i,n,m,l){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:t.variants,styles:t.styles};e.NavigationListItemRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemTheme.js.map

package/amd/UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationListItemTheme.js","sources":["../../../../../src/UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.ts"],"sourcesContent":["import { styles, variants, NavigationListItemTheme } from '../NavigationListItemStyles.css';\nimport { baseTheme } from './NavigationListItemBaseTheme.css';\nimport { multiVariantStyles } from './NavigationListItemVariants.css';\n\nconst NavigationListItemRedwoodTheme: NavigationListItemTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\nexport { NavigationListItemRedwoodTheme };\n"],"names":["NavigationListItemRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"mXAIA,MAAMA,EAA0D,WAC9DC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"NavigationListItemTheme.js","sources":["../../../../../src/UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme.ts"],"sourcesContent":["import { styles, variants, NavigationListItemTheme } from '../NavigationListItemStyles.css';\nimport { baseTheme } from './NavigationListItemBaseTheme.css';\nimport { multiVariantStyles } from './NavigationListItemVariants.css';\n\nconst NavigationListItemRedwoodTheme: NavigationListItemTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\nexport { NavigationListItemRedwoodTheme };\n"],"names":["NavigationListItemRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"oXAIA,MAAMA,EAA0D,WAC9DC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../NavigationListItemStyles.styles.css', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(e,t,i,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"NavigationListItemStyles_baseStyle__13sgy010",variantClassNames:{focusRing:{isFocusRing:"",notFocusRing:""},current:{isCurrent:"",notCurrtent:""},selected:{isSelected:"NavigationListItemVariants_multiVariantStyles_selected_isSelected__16ggl234",notSelected:""},hybridHover:{isHybridHover:"",notHybridHover:""},pseudoHover:{isPseudoHover:"",notPseudoHover:""},active:{isActive:"",notActive:""}},defaultVariants:{},compoundVariants:[[{selected:"notSelected",hybridHover:"isHybridHover"},"NavigationListItemVariants_multiVariantStyles_compound_0__16ggl23c"],[{selected:"notSelected",pseudoHover:"isPseudoHover"},"NavigationListItemVariants_multiVariantStyles_compound_1__16ggl23d"],[{selected:"notSelected",active:"isActive"},"NavigationListItemVariants_multiVariantStyles_compound_2__16ggl23e"],[{focusRing:"isFocusRing",current:"isCurrent"},"NavigationListItemVariants_multiVariantStyles_compound_3__16ggl23f"]]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemVariants.css.js.map

package/amd/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(t,e,s,a,i,n,l,m){"use strict";const c={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};t.NavigationListItemStableTheme=c,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', '../NavigationListItemStyles.css', './NavigationListItemBaseTheme.css', './NavigationListItemVariants.css', 'css!./../../../NavigationListItemStyles.styles.css', 'module', 'css!./../../../NavigationListItemVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-154a4307'], (function(t,e,s,a,i,n,l,m){"use strict";const c={baseTheme:s.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};t.NavigationListItemStableTheme=c,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=NavigationListItemTheme.js.map

package/amd/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationListItemTheme.js","sources":["../../../../../src/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.ts"],"sourcesContent":["import { styles, variants, NavigationListItemTheme } from '../NavigationListItemStyles.css';\nimport { baseTheme } from './NavigationListItemBaseTheme.css';\nimport { multiVariantStyles } from './NavigationListItemVariants.css';\n\nconst NavigationListItemStableTheme: NavigationListItemTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\nexport { NavigationListItemStableTheme };\n"],"names":["NavigationListItemStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"oXAIA,MAAMA,EAAyD,WAC7DC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"NavigationListItemTheme.js","sources":["../../../../../src/UNSAFE_NavigationList/themes/stable/NavigationListItemTheme.ts"],"sourcesContent":["import { styles, variants, NavigationListItemTheme } from '../NavigationListItemStyles.css';\nimport { baseTheme } from './NavigationListItemBaseTheme.css';\nimport { multiVariantStyles } from './NavigationListItemVariants.css';\n\nconst NavigationListItemStableTheme: NavigationListItemTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\nexport { NavigationListItemStableTheme };\n"],"names":["NavigationListItemStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"mXAIA,MAAMA,EAAyD,WAC7DC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}