@oracle/oraclejet-preact 15.0.9 → 15.0.10

package/amd/UNSAFE_MenuButton.js

@@ -1,2 +1,2 @@
-define(['exports', './MenuButton-65c49f35', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './ButtonLayout-b8f4158b', 'module', './utils/UNSAFE_classNames', './classNames-3930c571', './UNSAFE_Text', './Text-eb258c2d', './utils/UNSAFE_mergeInterpolations', './_curry1-5c232157', './_curry3-75f9a4ff', './_curry2-fd72d01e', './_has-224248a7', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5', './PRIVATE_ThemedIcons/ChevronDownIcon', './index-ca3e0af5', './UNSAFE_Icon', './Icon-a26cb607', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-47bd0a9d', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-d6c7774d', 'preact/compat', './index-2e62260c', './hooks/UNSAFE_useUser', './index-a257d406', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './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-dynamic.esm-750bb88b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-ea20f5a6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-5c6c4e41', './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.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './UNSAFE_Menu', './Menu-82a15411', './MenuItem-6a05841a', './hooks/UNSAFE_usePress', './utils/UNSAFE_interpolations/flexitem', './flexitem-5fc73b30', './keys-580cd2c4', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-b92cf722', './hooks/UNSAFE_useActive', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './useModal-003bd0d2', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', './SelectMenuItem-9e410281', './PRIVATE_ThemedIcons/CheckIcon', './SelectMultipleMenuGroup-8f89942c', './SelectSingleMenuGroup-881f9d65', './MenuDivider-6f843492', './UNSAFE_Divider', './Divider-e07b0144', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './UNSAFE_Menu/themes/MenuDividerStyles.css', 'css!./MenuDividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuDividerVariants.css', './Submenu-c6c61818', './PRIVATE_ThemedIcons/DirectionalExpandArrowIcon', './index-1a5e50a3', './hoc/PRIVATE_withDirectionIcon', './PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './BaseButton-f6ade55c', './utils/UNSAFE_interpolations/dimensions', './hooks/UNSAFE_useTabbableMode'], (function(e,s,t,o,n,i,l,u,c,a,S,m,r,h,d,F,A,_,E,U,N,T,y,M,p,I,k,g,w,f,C,b,v,D,B,x,V,P,R,H,L,j,G,O,z,q,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ne,ie,le,ue,ce,ae,Se,me,re,he,de,Fe,Ae,_e,Ee,Ue,Ne,Te,ye,Me,pe,Ie,ke,ge,we,fe,Ce,be,ve,De,Be,xe,Ve,Pe,Re,He,Le,je,Ge,Oe,ze,qe,Je,Ke,Qe,We,Xe,Ye,Ze,$e,es,ss,ts,os,ns,is,ls,us,cs,as,Ss,ms,rs,hs,ds,Fs,As){"use strict";e.MenuButton=s.MenuButton,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './MenuButton-8a927a08', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './ButtonLayout-08c6f70d', 'module', './utils/UNSAFE_classNames', './classNames-c421c987', './UNSAFE_Text', './Text-1472aa73', './utils/UNSAFE_mergeInterpolations', './_curry1-b7492258', './_curry3-12b66b7b', './_curry2-4b97859e', './_has-458ae1b1', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './PRIVATE_ThemedIcons/ChevronDownIcon', './index-7f0308c5', './UNSAFE_Icon', './Icon-d6c4e2ff', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', 'preact/compat', './index-f914a02b', './hooks/UNSAFE_useUser', './index-5b38f04e', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './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-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './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_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './UNSAFE_Menu', './Menu-71e3fdf1', './MenuItem-fb05d799', './hooks/UNSAFE_usePress', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6', './keys-c646450e', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './hooks/UNSAFE_useActive', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './useModal-25e93a65', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', './SelectMenuItem-e8185f23', './PRIVATE_ThemedIcons/CheckIcon', './SelectMultipleMenuGroup-8b73de93', './SelectSingleMenuGroup-e00eae99', './MenuDivider-6c70bdd6', './UNSAFE_Divider', './Divider-07626a4e', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './UNSAFE_Menu/themes/MenuDividerStyles.css', 'css!./MenuDividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuDividerVariants.css', './Submenu-102ae5d8', './PRIVATE_ThemedIcons/DirectionalExpandArrowIcon', './index-53f2912c', './hoc/PRIVATE_withDirectionIcon', './PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './BaseButton-5ccd04af', './utils/UNSAFE_interpolations/dimensions', './hooks/UNSAFE_useTabbableMode'], (function(e,s,t,o,n,i,l,u,c,a,S,m,r,h,d,F,A,_,E,U,N,T,y,M,p,I,k,f,g,w,C,b,v,D,B,x,V,P,R,H,L,j,G,O,z,q,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ne,ie,le,ue,ce,ae,Se,me,re,he,de,Fe,Ae,_e,Ee,Ue,Ne,Te,ye,Me,pe,Ie,ke,fe,ge,we,Ce,be,ve,De,Be,xe,Ve,Pe,Re,He,Le,je,Ge,Oe,ze,qe,Je,Ke,Qe,We,Xe,Ye,Ze,$e,es,ss,ts,os,ns,is,ls,us,cs,as,Ss,ms,rs,hs,ds,Fs,As){"use strict";e.MenuButton=s.MenuButton,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MenuButton.js.map

package/amd/UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MessageBannerStyles.css', './MessageBannerBaseTheme.css', './MessageBannerVariants.css', 'css!./../../../MessageBannerStyles.styles.css', 'module', 'css!./../../../MessageBannerVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a,n,t,r,i,c){"use strict";const l={baseTheme:a.baseTheme,variants:s.variants,multiVariantStyles:n.multiVariantStyles};e.MessageBannerRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MessageBannerStyles.css', './MessageBannerBaseTheme.css', './MessageBannerVariants.css', 'css!./../../../MessageBannerStyles.styles.css', 'module', 'css!./../../../MessageBannerVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a,n,t,r,i,c){"use strict";const l={baseTheme:a.baseTheme,variants:s.variants,multiVariantStyles:n.multiVariantStyles};e.MessageBannerRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageBannerTheme.js.map

package/amd/UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MessageBannerStyles.styles.css', 'css!./../../../MessageBannerVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,a,s,n){"use strict";var t=n.createRuntimeFn({defaultClassName:"",variantClassNames:{severity:{error:"MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0",warning:"MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1",confirmation:"MessageBannerStyles_variants_severity_confirmation__15yin4c0",info:"MessageBannerStyles_variants_severity_info__15yin4c1",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MessageBannerStyles.styles.css', 'css!./../../../MessageBannerVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,a,s,n){"use strict";var t=n.createRuntimeFn({defaultClassName:"",variantClassNames:{severity:{error:"MessageBannerVariants_multiVariantStyles_severity_error__10p8l3t0",warning:"MessageBannerVariants_multiVariantStyles_severity_warning__10p8l3t1",confirmation:"MessageBannerStyles_variants_severity_confirmation__15yin4c0",info:"MessageBannerStyles_variants_severity_info__15yin4c1",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageBannerVariants.css.js.map

package/amd/UNSAFE_MessageBanner/themes/stable/MessageBannerTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MessageBannerStyles.css', './MessageBannerBaseTheme.css', './MessageBannerVariants.css', 'css!./../../../MessageBannerStyles.styles.css', 'module', 'css!./../../../MessageBannerVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a,n,t,r,i,c){"use strict";const l={baseTheme:a.baseTheme,variants:s.variants,multiVariantStyles:n.multiVariantStyles};e.MessageBannerStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MessageBannerStyles.css', './MessageBannerBaseTheme.css', './MessageBannerVariants.css', 'css!./../../../MessageBannerStyles.styles.css', 'module', 'css!./../../../MessageBannerVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a,n,t,r,i,l){"use strict";const c={baseTheme:a.baseTheme,variants:s.variants,multiVariantStyles:n.multiVariantStyles};e.MessageBannerStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageBannerTheme.js.map

package/amd/UNSAFE_MessageBanner/themes/stable/MessageBannerVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MessageBannerStyles.styles.css', 'css!./../../../MessageBannerVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,a,s,n){"use strict";var t=n.createRuntimeFn({defaultClassName:"",variantClassNames:{severity:{error:"MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0",warning:"MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1",confirmation:"MessageBannerStyles_variants_severity_confirmation__15yin4c0",info:"MessageBannerStyles_variants_severity_info__15yin4c1",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MessageBannerStyles.styles.css', 'css!./../../../MessageBannerVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,a,s,n){"use strict";var t=n.createRuntimeFn({defaultClassName:"",variantClassNames:{severity:{error:"MessageBannerVariants_multiVariantStyles_severity_error__15mgzlb0",warning:"MessageBannerVariants_multiVariantStyles_severity_warning__15mgzlb1",confirmation:"MessageBannerStyles_variants_severity_confirmation__15yin4c0",info:"MessageBannerStyles_variants_severity_info__15yin4c1",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageBannerVariants.css.js.map

package/amd/UNSAFE_MessageBanner.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_classNames', './hooks/PRIVATE_useMessagesFocusManager', './PRIVATE_Message', './UNSAFE_Flex', './UNSAFE_LiveRegion', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './classNames-3930c571', './Flex-7d0ca0f7', './MessagesManager-e6b58bdc', './MessageUtils-e853b28d', './utils/UNSAFE_logger', './_curry1-5c232157', './_curry2-fd72d01e', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-70affc7b', './UNSAFE_IconButton', './IconButton-d87bc110', 'preact', './UNSAFE_BaseButton', './BaseButton-f6ade55c', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-47bd0a9d', './Common/themes/themeContract.css', './utils/UNSAFE_mergeInterpolations', './_curry3-75f9a4ff', './_has-224248a7', './utils/PRIVATE_clientHints', './clientHints-b92cf722', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-b8f4158b', './UNSAFE_Text', './Text-eb258c2d', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-d6c7774d', './index-2e62260c', './hooks/UNSAFE_useUser', './index-a257d406', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './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-dynamic.esm-750bb88b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-ea20f5a6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5c6c4e41', './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.styles2.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-a26cb607', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-d1064063', './MessageFormattingUtils-d5790c65', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-e1324f3f', './Message.types-6d4bbcf0', './MessageStartIcon-8427c41d', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-74518545', './MessageTimestamp-ac2a6359', './utils/UNSAFE_interpolations/boxalignment', './keys-580cd2c4', './utils/UNSAFE_interpolations/flexbox', './flexbox-74dcc9cc', './utils/UNSAFE_interpolations/flexitem', './flexitem-5fc73b30', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,o,n,a,i,l,r,c,u,g,d,h,m,F,S,_,A,E,U,N,T,f,p,M,y,x,I,k,B,b,R,C,v,w,V,P,H,j,L,z,O,W,$,D,G,K,q,J,Q,X,Y,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,ue,ge,de,he,me,Fe,Se,_e,Ae,Ee,Ue,Ne,Te,fe,pe,Me,ye,xe,Ie,ke,Be,be,Re,Ce,ve,we,Ve,Pe,He,je,Le,ze,Oe,We,$e,De,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,us,gs,ds,hs,ms){"use strict";const Fs={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}},to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},Ss={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:n,data:l,onClose:m,renderers:F,translations:S,type:_="section"}){const A=t.useRef(new Map),E=t.useRef(null),U=t.useRef(null),[N,T]=t.useState(),[f,p]=t.useState(l.length>0),M=t.useRef(l.length),y=t.useRef(0);M.current=l.length;const x=t.useCallback((e=>s=>A.current.set(e,s)),[]);t.useImperativeHandle(U,(()=>({focus:()=>{if(l.length){const e=l[0].key;return A.current.get(e)?.focus(),!0}return!1},contains:e=>!(!l.length||!e)&&(E.current?.contains(e)??!1)})),[l]);const{controller:I,handlers:k}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{T(S?.navigationFromMessagesRegion)}),[T,S])}),B=t.useCallback((e=>{m?.(e)}),[m]),b=t.useCallback(((e,s,t)=>{const o=t?.contains(document.activeElement);if(0===M.current)return p(!1),void(o&&I.restorePriorFocus());const n=s+1<l.length?s+1:s-1;if(n>-1&&o){const e=l[n].key;A.current.get(e)?.focus()}}),[I,l]);if(t.useEffect((()=>{l.length?(p(!0),l.length>y.current&&T(S?.navigationToMessagesRegion),I.prioritize()):T(""),y.current=l.length}),[I,l,S]),!f&&0===l.length)return null;const{classes:R}=o.useComponentTheme(c.MessageBannerRedwoodTheme);return s.jsx("div",{ref:E,class:u.classNames(["oj-c-messagebanner",R]),tabIndex:-1,...k,children:s.jsxs(g.Flex,{direction:"column",gap:"section"===_?"1x":void 0,children:[s.jsx(d.MessagesManager,{animationStates:Fs,initialAnimationStyles:Ss,data:l,onMessageWillRemove:b,children:({index:t,item:o})=>s.jsx(i.Message,{messageRef:x(o.key),item:o,closeButtonRenderer:e,detailRenderer:h.getRenderer(o,n,F),index:t,variant:"page"===_?"pageBanner":"sectionBanner",onClose:B,translations:S},o.key)}),s.jsx(r.LiveRegion,{children:N})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_classNames', './hooks/PRIVATE_useMessagesFocusManager', './PRIVATE_Message', './UNSAFE_Flex', './UNSAFE_LiveRegion', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './classNames-c421c987', './Flex-1e505fd5', './MessagesManager-6616c734', './MessageUtils-4196a34a', './utils/UNSAFE_logger', './_curry1-b7492258', './_curry2-4b97859e', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-ca24dc7a', './UNSAFE_IconButton', './IconButton-4fc7e3de', 'preact', './UNSAFE_BaseButton', './BaseButton-5ccd04af', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './Common/themes/themeContract.css', './utils/UNSAFE_mergeInterpolations', './_curry3-12b66b7b', './_has-458ae1b1', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-08c6f70d', './UNSAFE_Text', './Text-1472aa73', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './hooks/UNSAFE_useUser', './index-5b38f04e', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './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-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './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', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-d6c4e2ff', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-2d43fda9', './MessageFormattingUtils-117b7afa', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-feb0e6f8', './Message.types-0bb08f93', './MessageStartIcon-2e661526', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-9105d224', './MessageTimestamp-efae6020', './utils/UNSAFE_interpolations/boxalignment', './keys-c646450e', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function(e,s,t,o,n,a,i,l,r,c,u,g,h,m,d,F,S,_,A,E,U,N,T,f,p,M,y,x,I,k,B,R,b,C,v,w,V,P,H,j,L,z,O,W,$,D,G,K,q,J,Q,X,Y,Z,ee,se,te,oe,ne,ae,ie,le,re,ce,ue,ge,he,me,de,Fe,Se,_e,Ae,Ee,Ue,Ne,Te,fe,pe,Me,ye,xe,Ie,ke,Be,Re,be,Ce,ve,we,Ve,Pe,He,je,Le,ze,Oe,We,$e,De,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,es,ss,ts,os,ns,as,is,ls,rs,cs,us,gs,hs,ms,ds){"use strict";const Fs={entering:e=>({to:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"},options:{duration:250},end:{maxHeight:"none",overflow:"initial"}}),exiting:e=>({..."none"===e.style.maxHeight&&{from:{maxHeight:`${e.scrollHeight}px`,overflow:"hidden"}},to:{maxHeight:0,overflow:"hidden"},end:{maxHeight:0,overflow:"hidden"},options:{duration:250}})},Ss={maxHeight:0,overflow:"hidden"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:n,data:l,onClose:d,renderers:F,translations:S,type:_="section"}){const A=t.useRef(new Map),E=t.useRef(null),U=t.useRef(null),[N,T]=t.useState(),[f,p]=t.useState(l.length>0),M=t.useRef(l.length),y=t.useRef(0);M.current=l.length;const x=t.useCallback((e=>s=>A.current.set(e,s)),[]);t.useImperativeHandle(U,(()=>({focus:()=>{if(l.length){const e=l[0].key;return A.current.get(e)?.focus(),!0}return!1},contains:e=>!(!l.length||!e)&&(E.current?.contains(e)??!1)})),[l]);const{controller:I,handlers:k}=a.useMessageFocusManager(U,{onFocus:t.useCallback((()=>{T(S?.navigationFromMessagesRegion)}),[T,S])}),B=t.useCallback((e=>{d?.(e)}),[d]),R=t.useCallback(((e,s,t)=>{const o=t?.contains(document.activeElement);if(0===M.current)return p(!1),void(o&&I.restorePriorFocus());const n=s+1<l.length?s+1:s-1;if(n>-1&&o){const e=l[n].key;A.current.get(e)?.focus()}}),[I,l]);if(t.useEffect((()=>{l.length?(p(!0),l.length>y.current&&T(S?.navigationToMessagesRegion),I.prioritize()):T(""),y.current=l.length}),[I,l,S]),!f&&0===l.length)return null;const{classes:b}=o.useComponentTheme(c.MessageBannerRedwoodTheme);return s.jsx("div",{ref:E,class:u.classNames(["oj-c-messagebanner",b]),tabIndex:-1,...k,children:s.jsxs(g.Flex,{direction:"column",gap:"section"===_?"1x":void 0,children:[s.jsx(h.MessagesManager,{animationStates:Fs,initialAnimationStyles:Ss,data:l,onMessageWillRemove:R,children:({index:t,item:o})=>s.jsx(i.Message,{messageRef:x(o.key),item:o,closeButtonRenderer:e,detailRenderer:m.getRenderer(o,n,F),index:t,variant:"page"===_?"pageBanner":"sectionBanner",onClose:B,translations:S},o.key)}),s.jsx(r.LiveRegion,{children:N})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MessageBanner.js.map

package/amd/UNSAFE_MessageBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_MessageBanner.js","sources":["../../src/UNSAFE_MessageBanner/MessageBanner.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 */\nimport { ComponentChildren, ComponentProps, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { Flex } from '../UNSAFE_Flex';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Handle } from '../utils/UNSAFE_typeUtils';\nimport { MessageBannerRedwoodTheme } from './themes/redwood/MessageBannerTheme';\n\ntype MessageRef = Handle<typeof Message, 'messageRef'>;\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageBanner component.\n */\nexport type MessageBannerItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageBannerRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the MessageBanner Component\n */\ntype Props<Key, Data> = {\n  /**\n   * Data for the MessageBanner component. This data is used for rendering each banner message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageBannerRendererDataItem<Key, Data>) => ComponentChildren>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  // Refactor types (cannot import from PRIVATE modules)\n  // https://jira.oraclecorp.com/jira/browse/JET-54215\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n\n    /**\n     * Text to guide keyboard users navigate to prior focussed element when the messages\n     * region gains focus\n     */\n    navigationFromMessagesRegion?: string;\n\n    /**\n     * Text to guide keyboard users navigate to new displayed messages when focus is outside\n     * the messages region\n     */\n    navigationToMessagesRegion?: string;\n  };\n};\n\n/**\n * Animation states for banner messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    },\n    end: {\n      maxHeight: 'none',\n      overflow: 'initial'\n    }\n  }),\n  exiting: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflow: 'hidden'\n      }\n    }),\n    to: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    end: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    }\n  })\n};\nconst initialAnimationStyles = {\n  maxHeight: 0,\n  overflow: 'hidden'\n} as const;\n\n/**\n * Renders individual messages based on the provided data\n */\nfunction MessageBanner<\n  K extends string | number = string | number,\n  D extends MessageBannerItem = MessageBannerItem\n>({\n  closeButtonRenderer,\n  detailRendererKey,\n  data,\n  onClose,\n  renderers,\n  translations,\n  type = 'section'\n}: Props<K, D>) {\n  // Keyboard Navigation and Focus Management\n  const messagesRef = useRef(new Map<K, MessageRef | null>());\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // We will be using a function based ref to store the refs in the Map\n  const setMessageRef = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: MessageRef | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          const firstItemKey = data[0].key;\n          messagesRef.current.get(firstItemKey)?.focus();\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(focusHandleRef, {\n    onFocus: useCallback(() => {\n      setLiveRegionText(translations?.navigationFromMessagesRegion);\n    }, [setLiveRegionText, translations])\n  });\n\n  /**\n   * Emits onClose event for the provided message.\n   * @param item The message which the user tried to close\n   */\n  const handleClose = useCallback(\n    (item: Item<K, D>) => {\n      onClose?.(item);\n    },\n    [onClose]\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          controller.restorePriorFocus();\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > prevDataLengthRef.current) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations?.navigationToMessagesRegion);\n      }\n      controller.prioritize();\n    } else {\n      // When there are no messages, clear the live region so that\n      // the navigation text will be read when a new message appear\n      setLiveRegionText('');\n    }\n    prevDataLengthRef.current = data.length;\n  }, [controller, data, translations]);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything\n  if (!shouldRender && data.length === 0) {\n    return null;\n  }\n\n  const { classes } = useComponentTheme(MessageBannerRedwoodTheme);\n\n  return (\n    <div\n      ref={containerDivRef}\n      class={classNames(['oj-c-messagebanner', classes])}\n      tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n      {...handlers}>\n      <Flex direction=\"column\" gap={type === 'section' ? '1x' : undefined}>\n        <MessagesManager\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          data={data}\n          onMessageWillRemove={handleNextFocus}>\n          {({ index, item }) => (\n            <Message\n              messageRef={setMessageRef(item.key)}\n              item={item}\n              closeButtonRenderer={closeButtonRenderer}\n              detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n              index={index}\n              key={item.key}\n              variant={type === 'page' ? 'pageBanner' : 'sectionBanner'}\n              onClose={handleClose}\n              translations={translations}\n            />\n          )}\n        </MessagesManager>\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Flex>\n    </div>\n  );\n}\n\nexport { MessageBanner };\n"],"names":["animationStates","entering","node","to","maxHeight","scrollHeight","overflow","options","duration","end","exiting","style","from","initialAnimationStyles","closeButtonRenderer","detailRendererKey","data","onClose","renderers","translations","type","messagesRef","useRef","Map","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","dataLengthRef","prevDataLengthRef","current","setMessageRef","useCallback","key","ref","set","useImperativeHandle","focus","firstItemKey","get","contains","element","controller","handlers","useMessageFocusManager","onFocus","navigationFromMessagesRegion","handleClose","item","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","useEffect","navigationToMessagesRegion","prioritize","classes","useComponentTheme","MessageBannerRedwoodTheme","_jsx","jsx","class","classNames","tabIndex","children","_jsxs","jsxs","Flex","direction","gap","undefined","MessagesManager","onMessageWillRemove","Message","messageRef","detailRenderer","getRenderer","variant","LiveRegion"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_MessageBanner.js","sources":["../../src/UNSAFE_MessageBanner/MessageBanner.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 */\nimport { ComponentChildren, ComponentProps, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { Flex } from '../UNSAFE_Flex';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Handle } from '../utils/UNSAFE_typeUtils';\nimport { MessageBannerRedwoodTheme } from './themes/redwood/MessageBannerTheme';\n\ntype MessageRef = Handle<typeof Message, 'messageRef'>;\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageBanner component.\n */\nexport type MessageBannerItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageBannerRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the MessageBanner Component\n */\ntype Props<Key, Data> = {\n  /**\n   * Data for the MessageBanner component. This data is used for rendering each banner message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageBannerRendererDataItem<Key, Data>) => ComponentChildren>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  // Refactor types (cannot import from PRIVATE modules)\n  // https://jira.oraclecorp.com/jira/browse/JET-54215\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n\n    /**\n     * Text to guide keyboard users navigate to prior focussed element when the messages\n     * region gains focus\n     */\n    navigationFromMessagesRegion?: string;\n\n    /**\n     * Text to guide keyboard users navigate to new displayed messages when focus is outside\n     * the messages region\n     */\n    navigationToMessagesRegion?: string;\n  };\n};\n\n/**\n * Animation states for banner messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    },\n    end: {\n      maxHeight: 'none',\n      overflow: 'initial'\n    }\n  }),\n  exiting: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`,\n        overflow: 'hidden'\n      }\n    }),\n    to: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    end: {\n      maxHeight: 0,\n      overflow: 'hidden'\n    },\n    options: {\n      duration: 250\n    }\n  })\n};\nconst initialAnimationStyles = {\n  maxHeight: 0,\n  overflow: 'hidden'\n} as const;\n\n/**\n * Renders individual messages based on the provided data\n */\nfunction MessageBanner<\n  K extends string | number = string | number,\n  D extends MessageBannerItem = MessageBannerItem\n>({\n  closeButtonRenderer,\n  detailRendererKey,\n  data,\n  onClose,\n  renderers,\n  translations,\n  type = 'section'\n}: Props<K, D>) {\n  // Keyboard Navigation and Focus Management\n  const messagesRef = useRef(new Map<K, MessageRef | null>());\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // We will be using a function based ref to store the refs in the Map\n  const setMessageRef = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: MessageRef | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          const firstItemKey = data[0].key;\n          messagesRef.current.get(firstItemKey)?.focus();\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(focusHandleRef, {\n    onFocus: useCallback(() => {\n      setLiveRegionText(translations?.navigationFromMessagesRegion);\n    }, [setLiveRegionText, translations])\n  });\n\n  /**\n   * Emits onClose event for the provided message.\n   * @param item The message which the user tried to close\n   */\n  const handleClose = useCallback(\n    (item: Item<K, D>) => {\n      onClose?.(item);\n    },\n    [onClose]\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          controller.restorePriorFocus();\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > prevDataLengthRef.current) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations?.navigationToMessagesRegion);\n      }\n      controller.prioritize();\n    } else {\n      // When there are no messages, clear the live region so that\n      // the navigation text will be read when a new message appear\n      setLiveRegionText('');\n    }\n    prevDataLengthRef.current = data.length;\n  }, [controller, data, translations]);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything\n  if (!shouldRender && data.length === 0) {\n    return null;\n  }\n\n  const { classes } = useComponentTheme(MessageBannerRedwoodTheme);\n\n  return (\n    <div\n      ref={containerDivRef}\n      class={classNames(['oj-c-messagebanner', classes])}\n      tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n      {...handlers}>\n      <Flex direction=\"column\" gap={type === 'section' ? '1x' : undefined}>\n        <MessagesManager\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          data={data}\n          onMessageWillRemove={handleNextFocus}>\n          {({ index, item }) => (\n            <Message\n              messageRef={setMessageRef(item.key)}\n              item={item}\n              closeButtonRenderer={closeButtonRenderer}\n              detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n              index={index}\n              key={item.key}\n              variant={type === 'page' ? 'pageBanner' : 'sectionBanner'}\n              onClose={handleClose}\n              translations={translations}\n            />\n          )}\n        </MessagesManager>\n        <LiveRegion>{liveRegionText}</LiveRegion>\n      </Flex>\n    </div>\n  );\n}\n\nexport { MessageBanner };\n"],"names":["animationStates","entering","node","to","maxHeight","scrollHeight","overflow","options","duration","end","exiting","style","from","initialAnimationStyles","closeButtonRenderer","detailRendererKey","data","onClose","renderers","translations","type","messagesRef","useRef","Map","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","dataLengthRef","prevDataLengthRef","current","setMessageRef","useCallback","key","ref","set","useImperativeHandle","focus","firstItemKey","get","contains","element","controller","handlers","useMessageFocusManager","onFocus","navigationFromMessagesRegion","handleClose","item","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","useEffect","navigationToMessagesRegion","prioritize","classes","useComponentTheme","MessageBannerRedwoodTheme","_jsx","jsx","class","classNames","tabIndex","children","_jsxs","jsxs","Flex","direction","gap","undefined","MessagesManager","onMessageWillRemove","Message","messageRef","detailRenderer","getRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/UNSAFE_MessageToast/themes/redwood/MessageToastTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MessageToastStyles.css', './MessageToastBaseTheme.css', './MessageToastVariants.css', 'css!./../../../MessageToastStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a,t,i,c,n){"use strict";const o={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.MessageToastRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MessageToastStyles.css', './MessageToastBaseTheme.css', './MessageToastVariants.css', 'css!./../../../MessageToastStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a,t,i,n,o){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.MessageToastRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageToastTheme.js.map

package/amd/UNSAFE_MessageToast/themes/redwood/MessageToastVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MessageToastStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"MessageToastStyles_styles_base__jym5gr0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MessageToastStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"MessageToastStyles_styles_base__jym5gr0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageToastVariants.css.js.map

package/amd/UNSAFE_MessageToast/themes/stable/MessageToastTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../MessageToastStyles.css', './MessageToastBaseTheme.css', './MessageToastVariants.css', 'css!./../../../MessageToastStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a,t,i,c,l){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.MessageToastStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MessageToastStyles.css', './MessageToastBaseTheme.css', './MessageToastVariants.css', 'css!./../../../MessageToastStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a,t,i,l,n){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants};e.MessageToastStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageToastTheme.js.map

package/amd/UNSAFE_MessageToast/themes/stable/MessageToastVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MessageToastStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"MessageToastStyles_styles_base__jym5gr0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../MessageToastStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"MessageToastStyles_styles_base__jym5gr0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MessageToastVariants.css.js.map

package/amd/UNSAFE_MessageToast.js

@@ -1,2 +1,2 @@
-define(['exports', './MessageToast-4b0b6a77', 'preact/jsx-runtime', 'preact/hooks', './index-a257d406', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useBreakpoints', './hooks/UNSAFE_useMessagesContext', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './UNSAFE_Flex', './Flex-7d0ca0f7', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-47bd0a9d', './_curry1-5c232157', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-3930c571', './_curry3-75f9a4ff', './_curry2-fd72d01e', './_has-224248a7', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-580cd2c4', './utils/UNSAFE_interpolations/flexbox', './flexbox-74dcc9cc', './utils/UNSAFE_interpolations/flexitem', './flexitem-5fc73b30', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-70affc7b', './UNSAFE_IconButton', './IconButton-d87bc110', './UNSAFE_BaseButton', './BaseButton-f6ade55c', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-b92cf722', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-b8f4158b', './UNSAFE_Text', './Text-eb258c2d', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-d6c7774d', './index-2e62260c', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './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-dynamic.esm-750bb88b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-ea20f5a6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5c6c4e41', './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.styles2.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-a26cb607', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-d1064063', './MessageFormattingUtils-d5790c65', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-e1324f3f', './Message.types-6d4bbcf0', './MessageStartIcon-8427c41d', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-74518545', './MessageTimestamp-ac2a6359', './MessageUtils-e853b28d', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-e6b58bdc', './PRIVATE_TransitionGroup', './index-8e0ecfa4', './UNSAFE_WindowOverlay', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_FocusTrap', './FocusTrap-c30c2217', './utils/PRIVATE_tabbableUtils', './_arity-6829aa26', './UNSAFE_LiveRegion', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './UNSAFE_MessageToast/themes/MessageToastStyles.css', 'css!./MessageToastStyles.styles.css', './UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.css', 'module', './UNSAFE_MessageToast/themes/redwood/MessageToastVariants.css'], (function(e,s,o,t,a,n,l,i,r,c,F,_,S,d,m,A,h,E,U,T,u,N,g,y,M,p,I,w,B,k,b,f,x,V,C,v,P,O,R,W,L,H,j,z,D,G,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ae,ne,le,ie,re,ce,Fe,_e,Se,de,me,Ae,he,Ee,Ue,Te,ue,Ne,ge,ye,Me,pe,Ie,we,Be,ke,be,fe,xe,Ve,Ce,ve,Pe,Oe,Re,We,Le,He,je,ze,De,Ge,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,as,ns,ls,is,rs,cs,Fs,_s,Ss,ds,ms,As,hs,Es,Us,Ts,us,Ns,gs,ys,Ms,ps,Is,ws,Bs,ks,bs,fs,xs,Vs,Cs,vs,Ps,Os){"use strict";e.MessageToast=s.MessageToast,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './MessageToast-40a4076a', 'preact/jsx-runtime', 'preact/hooks', './index-5b38f04e', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useBreakpoints', './hooks/UNSAFE_useMessagesContext', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './UNSAFE_Flex', './Flex-1e505fd5', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-82d01f25', './_curry1-b7492258', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c421c987', './_curry3-12b66b7b', './_curry2-4b97859e', './_has-458ae1b1', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-c646450e', './utils/UNSAFE_interpolations/flexbox', './flexbox-33130b12', './utils/UNSAFE_interpolations/flexitem', './flexitem-58e7edd6', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-ca24dc7a', './UNSAFE_IconButton', './IconButton-4fc7e3de', './UNSAFE_BaseButton', './BaseButton-5ccd04af', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-8ed29d53', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-08c6f70d', './UNSAFE_Text', './Text-1472aa73', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './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-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './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', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-d6c4e2ff', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-2d43fda9', './MessageFormattingUtils-117b7afa', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-feb0e6f8', './Message.types-0bb08f93', './MessageStartIcon-2e661526', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-9105d224', './MessageTimestamp-efae6020', './MessageUtils-4196a34a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-6616c734', './PRIVATE_TransitionGroup', './index-0515aa56', './UNSAFE_WindowOverlay', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './UNSAFE_FocusTrap', './FocusTrap-1a25e324', './utils/PRIVATE_tabbableUtils', './_arity-dab4c782', './UNSAFE_LiveRegion', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './UNSAFE_MessageToast/themes/MessageToastStyles.css', 'css!./MessageToastStyles.styles.css', './UNSAFE_MessageToast/themes/redwood/MessageToastBaseTheme.css', 'module', './UNSAFE_MessageToast/themes/redwood/MessageToastVariants.css'], (function(e,s,o,t,a,n,l,i,r,c,F,_,S,m,A,d,h,E,U,T,u,N,g,y,M,p,I,w,B,f,k,b,x,V,C,v,P,O,R,W,L,H,j,z,D,G,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ae,ne,le,ie,re,ce,Fe,_e,Se,me,Ae,de,he,Ee,Ue,Te,ue,Ne,ge,ye,Me,pe,Ie,we,Be,fe,ke,be,xe,Ve,Ce,ve,Pe,Oe,Re,We,Le,He,je,ze,De,Ge,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,as,ns,ls,is,rs,cs,Fs,_s,Ss,ms,As,ds,hs,Es,Us,Ts,us,Ns,gs,ys,Ms,ps,Is,ws,Bs,fs,ks,bs,xs,Vs,Cs,vs,Ps,Os){"use strict";e.MessageToast=s.MessageToast,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MessageToast.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../MeterBarStyles.css', './MeterBarBaseTheme.css', './MeterBarVariants.css', 'css!./../../../MeterBarStyles.styles.css', 'module', 'css!./../../../MeterBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (function(e,s,t,a,r,i,l,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterBarRedwoodTheme=n,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-af4eb4fe'], (function(e,s,t,a,r,i,l,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterBarRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=MeterBarTheme.js.map

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-afbac0d5'], (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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (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-afbac0d5'], (function(e,s,t,a,r,l,i,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.MeterBarStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../MeterBarStyles.css', './MeterBarBaseTheme.css', './MeterBarVariants.css', 'css!./../../../MeterBarStyles.styles.css', 'module', 'css!./../../../MeterBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (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/MeterBarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../MeterBarStyles.styles.css', 'css!./../../../MeterBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-afbac0d5'], (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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (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-3930c571', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './UNSAFE_Theme', './utils-47bd0a9d', './Common/themes/themeContract.css', './index-a257d406', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-d6c7774d', './index-2e62260c', './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-afbac0d5', './vanilla-extract-dynamic.esm-750bb88b', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-5c232157', './_curry2-fd72d01e', './UNSAFE_Layer', './useThemeInterpolations-ea20f5a6', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-75f9a4ff', './_has-224248a7', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5c6c4e41', './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.styles2.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,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})}));
+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-c421c987', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MeterBar/themes/redwood/MeterBarTheme', './UNSAFE_Theme', './utils-82d01f25', './Common/themes/themeContract.css', './index-5b38f04e', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/compat', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-0c7e3b2c', './index-f914a02b', './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-af4eb4fe', './vanilla-extract-dynamic.esm-124113f8', './UNSAFE_Floating/themes/FloatingContract.css', './utils/UNSAFE_logger', './_curry1-b7492258', './_curry2-4b97859e', './UNSAFE_Layer', './useThemeInterpolations-18f4f64c', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-12b66b7b', './_has-458ae1b1', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5652fa9d', './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,f,k,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,f=a.useRef(null),k=a.useRef(ge(null)),{direction:b}=n.useUser(),C="rtl"===b;a.useEffect((()=>{(A.onCommit||A.onInput)&&(k.current=ge(f.current))}),[p,F,T,A.onCommit,A.onInput]);const B=i.usePointerEvents(h,(t=>{if(t.target==f.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,k,o,e,d,T,C)}),f,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:f,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-afbac0d5'], (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})}));
+define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (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-afbac0d5'], (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-af4eb4fe'], (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-afbac0d5'], (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})}));
+define(['exports', '../MeterCircleStyles.css', './MeterCircleBaseTheme.css', './MeterCircleVariants.css', 'css!./../../../MeterCircleStyles.styles.css', 'module', 'css!./../../../MeterCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-af4eb4fe'], (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-afbac0d5'], (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-af4eb4fe'], (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